@elementspanel/epanel-plugin-file 0.0.0-stage → 1.0.0

package/daemon/plugin.json

@@ -0,0 +1,9 @@
+{
+  "id": "file",
+  "name": "File Manager",
+  "version": "1.0.0",
+  "dual": true,
+  "description": "Owns the daemon's file subsystem: the sandboxed FileManager, chunked uploads, the file/* protocol events and the upload/download HTTP routes. Provides ctx.files, so instance creation, the Java manager, SteamCMD and the mod service reach instance files through it.",
+  "priority": 30,
+  "backend": "backend/index.cjs"
+}

package/package.json

@@ -1,6 +1,51 @@
 {
   "name": "@elementspanel/epanel-plugin-file",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.0",
+  "description": "Owns the file manager: every /api/files route, the instance file manager card and its Desktop window, the file editor, the image viewer, the upload queue and the upload/download dialogs.",
+  "license": "Apache-2.0",
+  "author": "Csituka_D <694428809@qq.com> (https://github.com/JessDaodao)",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ElementsPanel/ElementsPanel"
+  },
+  "engines": {
+    "node": ">=22.15.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "panel/",
+    "daemon/",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    "./package.json": "./package.json",
+    "./panel/plugin.json": "./panel/plugin.json",
+    "./daemon/plugin.json": "./daemon/plugin.json"
+  },
+  "elementspanel": {
+    "id": "file",
+    "panel": {
+      "directory": "panel",
+      "folder": "file"
+    },
+    "daemon": {
+      "directory": "daemon",
+      "folder": "file"
+    }
+  },
+  "peerDependencies": {
+    "@elementspanel/panel": "1.0.0",
+    "@elementspanel/daemon": "1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@elementspanel/panel": {
+      "optional": true
+    },
+    "@elementspanel/daemon": {
+      "optional": true
+    }
+  }
+}

package/panel/backend/index.cjs

@@ -0,0 +1,513 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./plugins/file/src/backend/file_router.ts"
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.registerFileRoutes = registerFileRoutes;
+const uuid_1 = __webpack_require__("uuid");
+const runtime_1 = __webpack_require__("./plugins/file/src/backend/runtime.ts");
+/** The upload/download passport key. Its own copy of the core's `timeUuid`. */
+function timeUuid() {
+    return (0, uuid_1.v4)().replace(/-/gim, "") + new Date().getTime();
+}
+/**
+ * Every route the file manager UI talks to, all under `/api/files`.
+ *
+ * Registered from `apply()`, so the whole surface — the gate included — leaves
+ * with the plugin.
+ */
+function registerFileRoutes() {
+    const router = (0, runtime_1.koa)().router("/api/files");
+    const permission = (0, runtime_1.middleware)().permission;
+    const validator = (0, runtime_1.middleware)().validator;
+    const ROLE = (0, runtime_1.roles)();
+    // The user plugin decides whether ordinary users may open the file manager;
+    // the same guard also decides who may reach a particular instance.
+    router.use(async (ctx, next) => {
+        if (!(0, runtime_1.identity)().accessPolicy.canFileManager && !(0, runtime_1.identity)().of(ctx).elevated) {
+            ctx.status = 403;
+            ctx.body = new Error((0, runtime_1.$t)("TXT_CODE_router.file.off"));
+            return;
+        }
+        await next();
+    });
+    router.use((0, runtime_1.middleware)().instanceAccess);
+    router.get("/status", permission({ level: ROLE.USER, speedLimit: false }), validator({
+        query: { daemonId: String, uuid: String }
+    }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            const result = await new ((0, runtime_1.remote)().Request)(remoteService).request("file/status", {
+                instanceUuid
+            });
+            if (!(0, runtime_1.identity)().of(ctx).elevated)
+                delete result.disk;
+            ctx.body = result;
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.get("/list", permission({ level: ROLE.USER, speedLimit: false }), validator({
+        query: { daemonId: String, uuid: String, target: String, page: Number, page_size: Number }
+    }), async (ctx) => {
+        try {
+            const target = String(ctx.query.target);
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const page = Math.max(0, Number(ctx.query.page) || 0);
+            const pageSize = Math.min(100, Math.max(1, Number(ctx.query.page_size) || 10));
+            const fileName = String(ctx.query.file_name || "");
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            const result = await new ((0, runtime_1.remote)().Request)(remoteService).request("file/list", {
+                instanceUuid,
+                target,
+                pageSize,
+                page,
+                fileName
+            });
+            ctx.body = result;
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.get("/preview", permission({ level: ROLE.USER, speedLimit: false }), validator({
+        query: { daemonId: String, uuid: String, target: String, code: String }
+    }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const target = String(ctx.query.target);
+            const code = String(ctx.query.code || "utf-8");
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            const result = await new ((0, runtime_1.remote)().Request)(remoteService).request("file/preview", {
+                instanceUuid,
+                target,
+                code
+            });
+            ctx.body = result;
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.put("/chmod", permission({ level: ROLE.USER }), validator({
+        query: { daemonId: String, uuid: String },
+        body: { target: String, chmod: Number, deep: Boolean }
+    }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const target = String(ctx.request.body.target);
+            const chmod = Number(ctx.request.body.chmod);
+            const deep = Boolean(ctx.request.body.deep);
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            const result = await new ((0, runtime_1.remote)().Request)(remoteService).request("file/chmod", {
+                target,
+                instanceUuid,
+                chmod,
+                deep
+            });
+            ctx.body = result;
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.put("/chmod_batch", permission({ level: ROLE.USER }), validator({
+        query: { daemonId: String, uuid: String },
+        body: { targets: Array, chmod: Number, deep: Boolean }
+    }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const targets = ctx.request.body.targets.map((target) => String(target));
+            const chmod = Number(ctx.request.body.chmod);
+            const deep = Boolean(ctx.request.body.deep);
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            const timeout = Math.min(5 * 60 * 1000, Math.max(15 * 1000, targets.length * 2 * 1000));
+            const result = await new ((0, runtime_1.remote)().Request)(remoteService).request("file/chmod_batch", {
+                targets,
+                instanceUuid,
+                chmod,
+                deep
+            }, timeout);
+            ctx.body = result;
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.post("/touch", permission({ level: ROLE.USER }), validator({ query: { daemonId: String, uuid: String }, body: { target: String } }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const target = String(ctx.request.body.target);
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            const result = await new ((0, runtime_1.remote)().Request)(remoteService).request("file/touch", {
+                target,
+                instanceUuid
+            });
+            ctx.body = result;
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.post("/mkdir", permission({ level: ROLE.USER }), validator({ query: { daemonId: String, uuid: String }, body: { target: String } }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const target = String(ctx.request.body.target);
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            const result = await new ((0, runtime_1.remote)().Request)(remoteService).request("file/mkdir", {
+                target,
+                instanceUuid
+            });
+            ctx.body = result;
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.put("/", permission({ level: ROLE.USER }), validator({ query: { daemonId: String, uuid: String }, body: { target: String } }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const target = String(ctx.request.body.target);
+            const text = ctx.request.body.text;
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            const result = await new ((0, runtime_1.remote)().Request)(remoteService).request("file/edit", {
+                instanceUuid,
+                target,
+                text
+            }, 100000);
+            (0, runtime_1.operations)().log("instance_file_update", {
+                operator_ip: ctx.ip,
+                operator_name: (0, runtime_1.identity)().of(ctx).userName,
+                instance_id: instanceUuid,
+                daemon_id: daemonId,
+                file: target
+            });
+            ctx.body = result;
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.post("/copy", permission({ level: ROLE.USER }), validator({ query: { daemonId: String, uuid: String }, body: { targets: Array } }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const targets = ctx.request.body.targets;
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            const result = await new ((0, runtime_1.remote)().Request)(remoteService).request("file/copy", {
+                instanceUuid,
+                targets
+            });
+            ctx.body = result;
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.post("/download_from_url", permission({ level: ROLE.USER }), validator({
+        query: { uuid: String, daemonId: String },
+        body: { url: String, file_name: String }
+    }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const url = String(ctx.request.body.url);
+            const fileName = String(ctx.request.body.file_name);
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            if (!remoteService)
+                throw new Error((0, runtime_1.$t)("TXT_CODE_dd559000") + ` Daemon ID: ${daemonId}`);
+            const downloadId = timeUuid();
+            ctx.body = downloadId;
+            (0, runtime_1.operations)().log("instance_file_download_from_url", {
+                operator_ip: ctx.ip,
+                operator_name: (0, runtime_1.identity)().of(ctx).userName,
+                instance_id: instanceUuid,
+                daemon_id: daemonId,
+                url: url,
+                fileName: fileName
+            });
+            await new ((0, runtime_1.remote)().Request)(remoteService).request("file/download_from_url", {
+                url,
+                fileName,
+                instanceUuid
+            });
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.put("/move", permission({ level: ROLE.USER }), validator({ query: { daemonId: String, uuid: String }, body: { targets: Array } }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const targets = ctx.request.body.targets;
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            const result = await new ((0, runtime_1.remote)().Request)(remoteService).request("file/move", {
+                instanceUuid,
+                targets
+            });
+            ctx.body = result;
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.delete("/", permission({ level: ROLE.USER }), validator({ query: { daemonId: String, uuid: String }, body: { targets: Array } }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = ctx.query.uuid;
+            const targets = ctx.request.body.targets;
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            const result = await new ((0, runtime_1.remote)().Request)(remoteService).request("file/delete", {
+                instanceUuid,
+                targets
+            });
+            (0, runtime_1.operations)().log("instance_file_delete", {
+                operator_ip: ctx.ip,
+                operator_name: (0, runtime_1.identity)().of(ctx).userName,
+                instance_id: String(instanceUuid),
+                daemon_id: daemonId,
+                file: targets
+            });
+            ctx.body = result;
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.post("/compress", permission({ level: ROLE.USER }), validator({
+        query: { daemonId: String, uuid: String },
+        body: { source: String, type: Number, code: String }
+    }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const source = String(ctx.request.body.source);
+            const targets = ctx.request.body.targets;
+            const type = Number(ctx.request.body.type);
+            if (typeof targets !== "string" &&
+                (!Array.isArray(targets) || !targets.every((target) => typeof target === "string"))) {
+                ctx.throw(400, "Invalid compression targets");
+            }
+            const code = String(ctx.request.body.code);
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            const res = await new ((0, runtime_1.remote)().Request)(remoteService).request("file/compress", {
+                instanceUuid,
+                targets,
+                source,
+                type,
+                code
+            }, 0);
+            ctx.body = res;
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.all("/download", permission({ level: ROLE.USER }), validator({ query: { uuid: String, daemonId: String, file_name: String } }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const fileName = String(ctx.query.file_name);
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            if (!remoteService)
+                throw new Error((0, runtime_1.$t)("TXT_CODE_dd559000") + ` Daemon ID: ${daemonId}`);
+            const addr = remoteService.config.fullAddr;
+            const remoteMappings = remoteService.config.getConvertedRemoteMappings();
+            const password = timeUuid();
+            await new ((0, runtime_1.remote)().Request)(remoteService).request("passport/register", {
+                name: "download",
+                password: password,
+                parameter: {
+                    fileName,
+                    instanceUuid
+                }
+            });
+            (0, runtime_1.operations)().log("instance_file_download", {
+                operator_ip: ctx.ip,
+                operator_name: (0, runtime_1.identity)().of(ctx).userName,
+                instance_id: instanceUuid,
+                daemon_id: daemonId,
+                file: fileName
+            });
+            ctx.body = {
+                password,
+                addr,
+                remoteMappings
+            };
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+    router.all("/upload", permission({ level: ROLE.USER }), validator({ query: { uuid: String, daemonId: String, upload_dir: String } }), async (ctx) => {
+        try {
+            const daemonId = String(ctx.query.daemonId);
+            const instanceUuid = String(ctx.query.uuid);
+            const uploadDir = String(ctx.query.upload_dir);
+            const remoteService = (0, runtime_1.remote)().services.getInstance(daemonId);
+            if (!remoteService)
+                throw new Error((0, runtime_1.$t)("TXT_CODE_dd559000") + ` Daemon ID: ${daemonId}`);
+            const addr = remoteService.config.fullAddr;
+            const remoteMappings = remoteService.config.getConvertedRemoteMappings();
+            const password = timeUuid();
+            await new ((0, runtime_1.remote)().Request)(remoteService).request("passport/register", {
+                name: "upload",
+                password: password,
+                parameter: {
+                    uploadDir,
+                    instanceUuid
+                }
+            });
+            (0, runtime_1.operations)().log("instance_file_upload", {
+                operator_ip: ctx.ip,
+                operator_name: (0, runtime_1.identity)().of(ctx).userName,
+                instance_id: instanceUuid,
+                daemon_id: daemonId,
+                file: uploadDir
+            });
+            ctx.body = {
+                password,
+                addr,
+                remoteMappings
+            };
+        }
+        catch (err) {
+            ctx.body = err;
+        }
+    });
+}
+
+
+/***/ },
+
+/***/ "./plugins/file/src/backend/runtime.ts"
+(__unused_webpack_module, exports) {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.$t = exports.operations = exports.identity = exports.remote = exports.roles = exports.middleware = exports.koa = void 0;
+exports.setPluginContext = setPluginContext;
+exports.core = core;
+/**
+ * This plugin's private handle on its cordis context.
+ *
+ * The panel core is bundled into `app.js`, so a plugin cannot import its
+ * singletons. The route handlers below already own the name `ctx` — Koa's — so
+ * the plugin context is reached through these accessors rather than threaded in
+ * as a second parameter that would have to be renamed everywhere.
+ */
+let context;
+function setPluginContext(value) {
+    context = value;
+}
+function core() {
+    if (!context)
+        throw new Error("The file plugin has not been initialized yet.");
+    return context;
+}
+const koa = () => core().koa;
+exports.koa = koa;
+const middleware = () => core().middleware;
+exports.middleware = middleware;
+const roles = () => core().roles;
+exports.roles = roles;
+const remote = () => core().remote;
+exports.remote = remote;
+const identity = () => core().identity;
+exports.identity = identity;
+const operations = () => core().operations;
+exports.operations = operations;
+const $t = (key, options) => core().i18n.$t(key, options);
+exports.$t = $t;
+
+
+/***/ },
+
+/***/ "uuid"
+(module) {
+
+module.exports = require("uuid");
+
+/***/ }
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it uses a non-standard name for the exports (exports).
+(() => {
+var exports = __webpack_exports__;
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.inject = void 0;
+exports.apply = apply;
+const file_router_1 = __webpack_require__("./plugins/file/src/backend/file_router.ts");
+const runtime_1 = __webpack_require__("./plugins/file/src/backend/runtime.ts");
+// Panel side of the file manager. It owns every route the file manager UI talks
+// to; the bytes themselves never pass through here — each route forwards to the
+// daemon that holds the instance, over the node subsystem.
+//
+// The daemon half is `daemon/plugins/file`, which owns the `file/*`
+// protocol events and the upload/download HTTP routes these forward to.
+exports.inject = [
+    "koa",
+    "i18n",
+    "middleware",
+    "roles",
+    "remote",
+    "identity",
+    "operations"
+];
+function apply(ctx) {
+    (0, runtime_1.setPluginContext)(ctx);
+    // No catalogue of its own: the two strings these routes answer with — the
+    // "file manager is off" refusal and the instance-forbidden one — are both
+    // shared with the core (`mod_manager_router`, the permission middleware), so
+    // they stay in the root catalogue.
+    (0, file_router_1.registerFileRoutes)();
+}
+
+})();
+
+module.exports = __webpack_exports__;
+/******/ })()
+;

package/panel/frontend/assets/style-0-style-9-_panel-plugin-build-entry_file-eb11377f.css

@@ -0,0 +1 @@
+.dialog-form[data-v-5e5851c8]{display:flex;flex-direction:column;gap:14px}.dialog-help[data-v-5e5851c8]{color:var(--color-gray-7);font-size:12px}.upload-container[data-v-bd0a501e]{min-height:110px;display:flex;flex-direction:column;justify-content:center;gap:14px}.image-view[data-v-0130dca5]{min-height:240px;margin-bottom:12px;display:flex;justify-content:center;align-items:center}.image-name[data-v-0130dca5]{text-align:center}.editor-wrapper[data-v-d58e7142]{height:var(--v2127b31e);overflow:auto;background:#1e1e1e;border-radius:6px;touch-action:pan-y}@media (max-width: 768px){.editor-wrapper[data-v-d58e7142]{height:var(--v5c9baeb6);border-radius:0}}.editor-container[data-v-d58e7142]{min-height:100%;transform-origin:0 0}.file-editor[data-v-d58e7142] .cm-editor{min-height:var(--v2127b31e);transition:font-size .1s ease-out}.file-editor[data-v-d58e7142] .cm-lint-marker-error{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dc3545'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");width:1.2em;height:1.2em;background-size:contain;margin-left:.2em;transition:all .1s ease-out}.file-editor[data-v-d58e7142] .cm-lintRange-error{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 3'%3E%3Cg fill='%23dc3545'%3E%3Cpolygon points='5.5,0 2.5,3 1.1,3 4.1,0'/%3E%3Cpolygon points='4,0 6,2 6,0.6 5.4,0'/%3E%3Cpolygon points='0,2 1,3 2.4,3 0,0.6'/%3E%3C/g%3E%3C/svg%3E");background-position:bottom left;background-repeat:repeat-x;background-size:auto calc(.15em + 1px)}.dfe[data-v-200ec863]{height:100%;display:flex;flex-direction:column;color:var(--desktop-window-text);font-size:13px;overflow:hidden}.dfe-toolbar[data-v-200ec863]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;flex-shrink:0}.dfe-toolbar__left[data-v-200ec863],.dfe-toolbar__right[data-v-200ec863]{display:flex;align-items:center;gap:6px}.dfe-filename[data-v-200ec863]{font-size:13px;font-weight:500;color:var(--desktop-window-text)}.dfe-btn[data-v-200ec863]{background:var(--desktop-window-titlebar-bg);color:var(--desktop-window-text)}.dfe-btn[data-v-200ec863]:hover:not(:disabled){background:var(--desktop-window-control-hover)}.dfe-btn[data-v-200ec863]:disabled{opacity:.4;cursor:not-allowed}.dfe-btn--primary[data-v-200ec863]{color:#52c41a;background:rgba(82,196,26,.1)}.dfe-btn--primary[data-v-200ec863]:hover:not(:disabled){background:rgba(82,196,26,.2)}.dfe-body[data-v-200ec863]{flex:1;overflow:hidden;padding:8px}.dfe-loading[data-v-200ec863]{padding:16px}.file-tabs-row[data-v-bf140866]{display:flex;align-items:center;flex-shrink:0;min-width:0;margin-bottom:12px}.file-tabs-row[data-v-bf140866] .v-tabs{min-width:0;flex:1}.file-folder-tab[data-v-bf140866]{position:relative;padding-inline:28px}.file-tab-label[data-v-bf140866]{transition:transform .16s ease}.file-tab-close[data-v-bf140866]{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .16s ease}.file-folder-tab:hover .file-tab-label[data-v-bf140866],.file-folder-tab:focus-visible .file-tab-label[data-v-bf140866],.file-folder-tab:has(.file-tab-close:focus-visible) .file-tab-label[data-v-bf140866]{transform:translate(-12px)}.file-folder-tab:hover .file-tab-close[data-v-bf140866],.file-folder-tab:focus-visible .file-tab-close[data-v-bf140866],.file-folder-tab:has(.file-tab-close:focus-visible) .file-tab-close[data-v-bf140866]{opacity:1;pointer-events:auto}.file-tabs-empty[data-v-bf140866]{display:flex;flex:1;min-height:240px;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-color)}.file-tabs-empty p[data-v-bf140866]{margin:0}@media (hover: none){.file-folder-tab .file-tab-label[data-v-bf140866]{transform:translate(-12px)}.file-folder-tab .file-tab-close[data-v-bf140866]{opacity:1;pointer-events:auto}}.archive-preview[data-v-89686aa5]{display:flex;flex-direction:column;min-height:420px;width:100%;min-width:0}.archive-preview--compact[data-v-89686aa5]{min-height:0;height:100%;padding:12px;box-sizing:border-box}.archive-preview__table-wrap[data-v-89686aa5]{flex:1;min-height:0;overflow:auto}.archive-preview__name[data-v-89686aa5]{display:flex;align-items:center;gap:8px;min-width:0}.archive-preview[data-v-89686aa5] .v-table{width:100%!important;min-width:890px!important;background:transparent;color:var(--text-color)}.archive-preview[data-v-89686aa5] .v-data-table__th{background:var(--background-color, #f5f5f5);color:var(--text-color);font-size:11px;font-weight:600}.archive-preview[data-v-89686aa5] .v-data-table__td{border-bottom:1px solid var(--color-gray-4);font-size:12px;white-space:nowrap}.archive-preview--compact[data-v-89686aa5] .v-data-table__th{background:var(--background-color, #f5f5f5);color:var(--desktop-window-text-secondary, var(--text-color))}.archive-preview--compact[data-v-89686aa5] .v-data-table__td{color:var(--desktop-window-text, var(--text-color));border-bottom-color:var(--desktop-window-border, var(--color-gray-4))}.archive-preview[data-v-89686aa5] .v-data-table__tr:hover>td{background:var(--color-gray-2)}.archive-preview__name span[data-v-89686aa5]{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dfm[data-v-c8dc3471]{height:100%;display:flex;flex-direction:column;color:var(--desktop-window-text);font-size:13px;overflow:hidden}.dfm-toolbar[data-v-c8dc3471]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;flex-shrink:0;flex-wrap:wrap}.dfm-toolbar__left[data-v-c8dc3471],.dfm-toolbar__right[data-v-c8dc3471]{display:flex;align-items:center;gap:6px}.dfm-toolbar__left[data-v-c8dc3471]{flex:1;min-width:0}.dfm-upload-progress[data-v-c8dc3471]{padding:6px 12px;flex-shrink:0}.dfm-upload-progress__info[data-v-c8dc3471]{display:flex;align-items:center;gap:4px;font-size:11px}.dfm-upload-progress__bar[data-v-c8dc3471]{margin:4px 0}.dfm-body[data-v-c8dc3471]{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:0 12px 12px}.dfm-body>.v-alert[data-v-c8dc3471]{flex:0 0 auto}.dfm-nav[data-v-c8dc3471]{display:flex;align-items:center;flex-shrink:0;gap:8px;margin-bottom:8px}.dfm-breadcrumbs[data-v-c8dc3471]{border:1px solid var(--desktop-window-border);border-radius:6px;flex:1;min-width:0}.dfm-breadcrumbs__item[data-v-c8dc3471]{padding:6px 8px;cursor:pointer;display:inline-block;transition:all .2s;min-width:32px;text-align:center;font-size:12px}.dfm-breadcrumbs__item[data-v-c8dc3471]:hover{background:var(--desktop-window-control-hover)}.dfm-file-name[data-v-c8dc3471]{color:inherit;font-size:12px}.dfm-permission[data-v-c8dc3471]{display:flex;gap:24px;flex-wrap:wrap}.dfm-table-wrapper[data-v-c8dc3471]{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;-webkit-user-select:none;user-select:none}.dfm-table[data-v-c8dc3471]{flex:1;min-height:0;overflow:hidden;background:transparent}[data-v-c8dc3471] .dfm-table>.v-table__wrapper{min-height:0;overflow:auto;overscroll-behavior:contain}[data-v-c8dc3471] .dfm-table .v-data-table__th,[data-v-c8dc3471] .dfm-table .v-data-table__td{font-size:12px}[data-v-c8dc3471] .dfm-table .v-data-table__th{border-bottom:1px solid var(--desktop-window-border)!important;color:var(--desktop-window-text-secondary)!important;font-size:11px!important;padding:6px 10px!important}[data-v-c8dc3471] .dfm-table .v-data-table__td{border-bottom:1px solid rgba(var(--v-border-color),var(--v-border-opacity))!important;padding:2px 8px!important;line-height:1.4}[data-v-c8dc3471] .dfm-table tbody tr:hover>td{background:var(--desktop-window-control-hover)!important}[data-v-c8dc3471] .dfm-table .v-data-table-footer{flex-shrink:0;font-size:12px}[data-v-c8dc3471] .dfm-table .v-btn{font-size:11px}[data-v-c8dc3471] .dfm-table .v-data-table__tr--mobile{display:none!important}.dfm-drag-select-rect[data-v-c8dc3471]{position:absolute;background:rgba(22,119,255,.12);border-radius:3px;pointer-events:none;z-index:10}.dfm-action-btn[data-v-c8dc3471]{color:var(--desktop-window-text-muted);font-size:11px;padding:0 4px;min-width:20px;height:20px}.dfm-action-btn[data-v-c8dc3471]:hover{color:var(--desktop-window-text);background:var(--desktop-window-control-hover)}.dfm-dialog__warn-icon[data-v-c8dc3471]{font-size:36px;color:var(--color-warning, #faad14)}.dfm-dialog__desc[data-v-c8dc3471]{margin:0;color:var(--desktop-window-text);font-size:14px;text-align:center;line-height:1.6}.dfm-overwrite-options[data-v-c8dc3471]{display:flex;align-items:center;gap:8px;margin-top:4px}.dfm-btn[data-v-c8dc3471]{padding:7px 16px;border:none;border-radius:6px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s;color:var(--desktop-window-text);white-space:nowrap}.dfm-btn[data-v-c8dc3471]:disabled{opacity:.5;cursor:not-allowed}.dfm-btn--primary[data-v-c8dc3471]{background:var(--color-blue-5, #1677ff);color:#fff}.dfm-btn--primary[data-v-c8dc3471]:hover:not(:disabled){background:var(--color-blue-6, #4096ff)}.dfm-btn--default[data-v-c8dc3471]{background:var(--desktop-window-titlebar-bg);border:1px solid var(--desktop-window-border)}.dfm-btn--default[data-v-c8dc3471]:hover:not(:disabled){background:var(--desktop-window-control-hover)}.dfm-vuetify[data-v-c8dc3471]{min-width:0}.dfm-vuetify .dfm-toolbar[data-v-c8dc3471]{display:flex;align-items:center;gap:8px;padding:8px 12px}.dfm-vuetify .dfm-toolbar>.v-input[data-v-c8dc3471]{max-width:260px}.dfm-nav[data-v-c8dc3471]{display:flex;align-items:center;gap:8px;padding:8px 12px}.dfm-breadcrumbs[data-v-c8dc3471]{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.dfm-breadcrumb-separator[data-v-c8dc3471]{margin-left:8px;opacity:.5}.dfm-menu-list[data-v-c8dc3471]{display:flex;flex-direction:column;gap:2px;padding:8px!important}.dfm-menu-list .v-btn[data-v-c8dc3471]{justify-content:flex-start}.dfm-file-name[data-v-c8dc3471]{display:inline-flex;align-items:center;gap:8px}.dfm-empty[data-v-c8dc3471],.dfm-loading-dialog[data-v-c8dc3471]{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px;opacity:.65}.dfm-dialog-label[data-v-c8dc3471]{margin:12px 0 4px;font-weight:600}.dfm-permission[data-v-c8dc3471]{margin:10px 0}.desktop-image-viewer[data-v-7d972d04]{display:flex;flex-direction:column;height:100%;color:var(--desktop-window-text)}.image-view[data-v-7d972d04]{flex:1;display:flex;justify-content:center;align-items:center;overflow:auto;padding:16px}.image-preview[data-v-7d972d04]{width:100%;height:100%;max-width:100%;max-height:100%}.image-footer[data-v-7d972d04]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--desktop-window-titlebar-bg)}.image-name[data-v-7d972d04]{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.file-editor-card{display:flex;flex-direction:column;width:100%;min-height:0}.file-editor-content{flex:1;min-height:0;overflow:hidden}.file-editor-loading{display:grid;min-height:60vh;place-items:center}.file-editor-dialog--full .file-editor-card{height:100svh;border-radius:0!important}.file-manager-page[data-v-a1fed8c3]{width:100%;min-height:100%;overflow-x:hidden;box-sizing:border-box;transition:opacity .15s ease}.file-manager-container[data-v-a1fed8c3]{width:100%;max-width:var(--app-max-width);margin:0 auto;padding:20px 24px 32px;box-sizing:border-box}.file-manager-toolbar[data-v-a1fed8c3]{width:100%;margin-bottom:16px}.file-manager-toolbar>.v-col[data-v-a1fed8c3]{min-width:0}.file-manager-title[data-v-a1fed8c3],.file-manager-search[data-v-a1fed8c3],.file-manager-actions[data-v-a1fed8c3]{display:flex;align-items:center}.file-manager-title[data-v-a1fed8c3]{gap:10px;color:var(--text-color);font-size:20px;font-weight:600}.file-manager-search[data-v-a1fed8c3]{justify-content:center}.file-manager-actions[data-v-a1fed8c3]{justify-content:flex-end;flex-wrap:wrap;gap:8px}.file-upload-input[data-v-a1fed8c3]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.file-manager-card[data-v-a1fed8c3]{overflow:hidden;background:var(--background-color-white)}.file-manager-card[data-v-a1fed8c3]>.v-card-text{padding:20px}.upload-status[data-v-a1fed8c3]{margin-bottom:12px}.upload-status-line[data-v-a1fed8c3],.upload-progress-line[data-v-a1fed8c3],.upload-task-list[data-v-a1fed8c3],.path-row[data-v-a1fed8c3]{display:flex;align-items:center}.upload-status-line[data-v-a1fed8c3]{min-width:0;gap:6px}.upload-file-name[data-v-a1fed8c3]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-task-list[data-v-a1fed8c3]{gap:3px}.upload-progress-line[data-v-a1fed8c3]{gap:12px;margin-top:4px;font-size:12px;white-space:nowrap}.path-row[data-v-a1fed8c3]{align-items:stretch;gap:10px;margin-bottom:16px}.disk-select[data-v-a1fed8c3]{flex:0 0 125px}.selected-count[data-v-a1fed8c3]{white-space:nowrap;color:var(--color-gray-7);font-size:12px}.selected-count-empty[data-v-a1fed8c3]{visibility:hidden}.file-name[data-v-a1fed8c3]{max-width:min(440px,42vw);justify-content:flex-start;color:inherit;text-transform:none}.file-name[data-v-a1fed8c3]:hover{color:rgb(var(--v-theme-primary))}.file-table[data-v-a1fed8c3]{background:transparent}.file-table[data-v-a1fed8c3] th,.file-table[data-v-a1fed8c3] td{white-space:nowrap}.file-breadcrumbs[data-v-a1fed8c3]{display:flex;flex:1;min-width:0;align-items:center;overflow-x:auto;padding:2px 8px;border-radius:16px;background:var(--color-gray-2)}.file-breadcrumbs .file-breadcrumbs-item[data-v-a1fed8c3]{min-width:32px;padding:0 8px;text-transform:none}.breadcrumb-separator[data-v-a1fed8c3]{color:var(--color-gray-7);font-size:12px}.dialog-stack[data-v-a1fed8c3]{display:flex;flex-direction:column;gap:12px}.dialog-help[data-v-a1fed8c3]{color:var(--color-gray-7);font-size:12px}.permission-grid[data-v-a1fed8c3]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width: 992px){.file-manager-container[data-v-a1fed8c3]{padding:16px 12px 28px}.file-manager-title[data-v-a1fed8c3]{font-size:18px}.file-manager-search[data-v-a1fed8c3],.file-manager-actions[data-v-a1fed8c3]{justify-content:flex-start}.path-row[data-v-a1fed8c3],.permission-grid[data-v-a1fed8c3]{grid-template-columns:1fr;flex-direction:column}.disk-select[data-v-a1fed8c3]{flex-basis:auto;width:100%}.file-name[data-v-a1fed8c3]{max-width:55vw}}