@minato-aqukin/autodl-cli 0.1.2 → 0.2.0

package/dist/{app-3QXI65BE.js → app-V5GCG3MC.js}

@@ -1,6 +1,13 @@
 #!/usr/bin/env node
 import { createRequire as __nodeCreateRequire } from "node:module";
 const require = __nodeCreateRequire(import.meta.url);
+import {
+  FileWorkspace,
+  TransferQueue,
+  connectTerminal,
+  identityFromToken,
+  tokenOverrideNote
+} from "./chunk-2E2Y5GFH.js";
 import {
   BASE_IMAGES,
   DEFAULT_BASE_IMAGE,
@@ -11,9 +18,10 @@ import {
   getBalance,
   getStockByRegion,
   parseCudaVersion
-} from "./chunk-GJGHX55T.js";
+} from "./chunk-WN2CXPD2.js";
 import {
   AutoDLClient,
+  DEFAULT_BASE_URL,
   __commonJS,
   __export,
   __require,
@@ -29,6 +37,7 @@ import {
   formatRate,
   formatTime,
   formatYuan,
+  getCredentials,
   getInstanceSnapshot,
   getInstanceStatus,
   isAuthError,
@@ -47,7 +56,7 @@ import {
   tryResolveToken,
   updateConfig,
   waitForShutdown
-} from "./chunk-6QR4ZYQR.js";
+} from "./chunk-GHJVQKKC.js";
 
 // node_modules/react/cjs/react.production.js
 var require_react_production = __commonJS({
@@ -914,21 +923,21 @@ var require_react_development = __commonJS({
         );
         actScopeDepth = prevActScopeDepth;
       }
-      function recursivelyFlushAsyncActWork(returnValue, resolve, reject) {
+      function recursivelyFlushAsyncActWork(returnValue, resolve2, reject) {
         var queue = ReactSharedInternals.actQueue;
         if (null !== queue)
           if (0 !== queue.length)
             try {
               flushActQueue(queue);
               enqueueTask(function() {
-                return recursivelyFlushAsyncActWork(returnValue, resolve, reject);
+                return recursivelyFlushAsyncActWork(returnValue, resolve2, reject);
               });
               return;
             } catch (error) {
               ReactSharedInternals.thrownErrors.push(error);
             }
           else ReactSharedInternals.actQueue = null;
-        0 < ReactSharedInternals.thrownErrors.length ? (queue = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, reject(queue)) : resolve(returnValue);
+        0 < ReactSharedInternals.thrownErrors.length ? (queue = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, reject(queue)) : resolve2(returnValue);
       }
       function flushActQueue(queue) {
         if (!isFlushing) {
@@ -1115,7 +1124,7 @@ var require_react_development = __commonJS({
             ));
           });
           return {
-            then: function(resolve, reject) {
+            then: function(resolve2, reject) {
               didAwaitActCall = true;
               thenable.then(
                 function(returnValue) {
@@ -1125,7 +1134,7 @@ var require_react_development = __commonJS({
                       flushActQueue(queue), enqueueTask(function() {
                         return recursivelyFlushAsyncActWork(
                           returnValue,
-                          resolve,
+                          resolve2,
                           reject
                         );
                       });
@@ -1139,7 +1148,7 @@ var require_react_development = __commonJS({
                       ReactSharedInternals.thrownErrors.length = 0;
                       reject(_thrownError);
                     }
-                  } else resolve(returnValue);
+                  } else resolve2(returnValue);
                 },
                 function(error) {
                   popActScope(prevActQueue, prevActScopeDepth);
@@ -1161,15 +1170,15 @@ var require_react_development = __commonJS({
         if (0 < ReactSharedInternals.thrownErrors.length)
           throw callback = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, callback;
         return {
-          then: function(resolve, reject) {
+          then: function(resolve2, reject) {
             didAwaitActCall = true;
             0 === prevActScopeDepth ? (ReactSharedInternals.actQueue = queue, enqueueTask(function() {
               return recursivelyFlushAsyncActWork(
                 returnValue$jscomp$0,
-                resolve,
+                resolve2,
                 reject
               );
-            })) : resolve(returnValue$jscomp$0);
+            })) : resolve2(returnValue$jscomp$0);
           }
         };
       };
@@ -3253,8 +3262,8 @@ var require_react_reconciler_production = __commonJS({
           currentEntangledActionThenable = {
             status: "pending",
             value: void 0,
-            then: function(resolve) {
-              entangledListeners.push(resolve);
+            then: function(resolve2) {
+              entangledListeners.push(resolve2);
             }
           };
         }
@@ -3277,8 +3286,8 @@ var require_react_reconciler_production = __commonJS({
           status: "pending",
           value: null,
           reason: null,
-          then: function(resolve) {
-            listeners.push(resolve);
+          then: function(resolve2) {
+            listeners.push(resolve2);
           }
         };
         thenable.then(
@@ -12877,8 +12886,8 @@ var require_react_reconciler_development = __commonJS({
           currentEntangledActionThenable = {
             status: "pending",
             value: void 0,
-            then: function(resolve) {
-              entangledListeners.push(resolve);
+            then: function(resolve2) {
+              entangledListeners.push(resolve2);
             }
           };
         }
@@ -12901,8 +12910,8 @@ var require_react_reconciler_development = __commonJS({
           status: "pending",
           value: null,
           reason: null,
-          then: function(resolve) {
-            listeners.push(resolve);
+          then: function(resolve2) {
+            listeners.push(resolve2);
           }
         };
         thenable.then(
@@ -25031,6 +25040,9 @@ var require_jsx_runtime = __commonJS({
   }
 });
 
+// src/tui/app.tsx
+import { createHash } from "crypto";
+
 // node_modules/ink/build/render.js
 import { Stream } from "stream";
 import process13 from "process";
@@ -27678,21 +27690,21 @@ var getClosingSgrSequence = (activeStyles) => [...activeStyles].reverse().map((a
 var getOpeningSgrSequence = (activeStyles) => activeStyles.map((activeStyle) => wrapAnsiCode(activeStyle.open)).join("");
 var wrapWord = (rows, word, columns2, rowWidth2) => {
   const tokens = getTokens(word);
-  let visible = rowWidth2;
+  let visible2 = rowWidth2;
   for (let index = 0; index < tokens.length; index++) {
     const token = tokens[index];
-    if (token.width > 0 && visible > 0 && visible + token.width > columns2) {
+    if (token.width > 0 && visible2 > 0 && visible2 + token.width > columns2) {
       rows.push("");
-      visible = 0;
+      visible2 = 0;
     }
     rows[rows.length - 1] += token.value;
-    visible += token.width;
-    if (visible === columns2 && index < tokens.length - 1) {
+    visible2 += token.width;
+    if (visible2 === columns2 && index < tokens.length - 1) {
       rows.push("");
-      visible = 0;
+      visible2 = 0;
     }
   }
-  if (!visible && rows.at(-1).length > 0 && rows.length > 1) {
+  if (!visible2 && rows.at(-1).length > 0 && rows.length > 1) {
     rows[rows.length - 2] += rows.pop();
   }
   return getWidth(rows.at(-1));
@@ -27727,7 +27739,7 @@ var expandTabs = (line) => {
   if (!line.includes("	")) {
     return line;
   }
-  let visible = 0;
+  let visible2 = 0;
   let expandedLine = "";
   let plainTextSinceTab = "";
   const expandPlainText = (plainText) => {
@@ -27736,11 +27748,11 @@ var expandTabs = (line) => {
       expandedLine += segment;
       plainTextSinceTab += segment;
       if (index < segments.length - 1) {
-        visible += getStringWidth(plainTextSinceTab);
+        visible2 += getStringWidth(plainTextSinceTab);
         plainTextSinceTab = "";
-        const spaces = TAB_SIZE - visible % TAB_SIZE;
+        const spaces = TAB_SIZE - visible2 % TAB_SIZE;
         expandedLine += " ".repeat(spaces);
-        visible += spaces;
+        visible2 += spaces;
       }
     }
   };
@@ -29247,19 +29259,19 @@ function cliTruncate(text, columns2, options = {}) {
     }
     return start;
   }
-  function appendWithInheritedStyleFromEnd(visible, suffix) {
-    const start = trailingSgrSpanStartIndex(visible);
-    if (start === visible.length) {
-      return visible + suffix;
+  function appendWithInheritedStyleFromEnd(visible2, suffix) {
+    const start = trailingSgrSpanStartIndex(visible2);
+    if (start === visible2.length) {
+      return visible2 + suffix;
     }
-    return visible.slice(0, start) + suffix + visible.slice(start);
+    return visible2.slice(0, start) + suffix + visible2.slice(start);
   }
-  function prependWithInheritedStyleFromStart(prefix, visible) {
-    const end = leadingSgrSpanEndIndex(visible);
+  function prependWithInheritedStyleFromStart(prefix, visible2) {
+    const end = leadingSgrSpanEndIndex(visible2);
     if (end === 0) {
-      return prefix + visible;
+      return prefix + visible2;
     }
-    return visible.slice(0, end) + prefix + visible.slice(end);
+    return visible2.slice(0, end) + prefix + visible2.slice(end);
   }
   if (position === "start") {
     if (preferTruncationOnSpace) {
@@ -31650,7 +31662,7 @@ function splitCompoundSGRSequences(code) {
 }
 function tokenize(str, endChar = Number.POSITIVE_INFINITY) {
   const ret = [];
-  let visible = 0;
+  let visible2 = 0;
   let codeEndIndex = 0;
   for (const { segment, index } of segmenter6.segment(str)) {
     if (index < codeEndIndex)
@@ -31700,8 +31712,8 @@ function tokenize(str, endChar = Number.POSITIVE_INFINITY) {
       value: segment,
       fullWidth
     });
-    visible += fullWidth ? 2 : 1;
-    if (visible >= endChar) {
+    visible2 += fullWidth ? 2 : 1;
+    if (visible2 >= endChar) {
       break;
     }
   }
@@ -33374,8 +33386,8 @@ var kittyModifiers = {
 var noop = () => {
 };
 var textEncoder = new TextEncoder();
-var yieldImmediate = async () => new Promise((resolve) => {
-  setImmediate(resolve);
+var yieldImmediate = async () => new Promise((resolve2) => {
+  setImmediate(resolve2);
 });
 var kittyQueryEscapeByte = 27;
 var kittyQueryOpenBracketByte = 91;
@@ -33592,8 +33604,8 @@ var Ink = class {
       };
     }
     this.initKittyKeyboard();
-    this.exitPromise = new Promise((resolve, reject) => {
-      this.resolveExitPromise = resolve;
+    this.exitPromise = new Promise((resolve2, reject) => {
+      this.resolveExitPromise = resolve2;
       this.rejectExitPromise = reject;
     });
     void this.exitPromise.catch(noop);
@@ -33904,9 +33916,9 @@ var Ink = class {
     settleThrottle(this.throttledOnRender, canWriteToStdout);
     settleThrottle(this.throttledLog, canWriteToStdout);
     if (canWriteToStdout && hasWritableState) {
-      await new Promise((resolve) => {
+      await new Promise((resolve2) => {
         this.options.stdout.write("", () => {
-          resolve();
+          resolve2();
         });
       });
       return;
@@ -33992,8 +34004,8 @@ var Ink = class {
   async awaitNextRender() {
     if (!this.nextRenderCommit) {
       let resolveRender;
-      const promise = new Promise((resolve) => {
-        resolveRender = resolve;
+      const promise = new Promise((resolve2) => {
+        resolveRender = resolve2;
       });
       this.nextRenderCommit = { promise, resolve: resolveRender };
     }
@@ -34789,36 +34801,10 @@ var import_react32 = __toESM(require_react(), 1);
 var import_react33 = __toESM(require_react(), 1);
 
 // src/tui/app.tsx
-var import_react39 = __toESM(require_react(), 1);
-
-// src/tui/account.ts
-import { Buffer as Buffer2 } from "buffer";
-function identityFromToken(token) {
-  const empty = { uid: null, uuid: null, tenant: null };
-  const parts = token.split(".");
-  if (parts.length < 2) return empty;
-  try {
-    const segment = parts[1];
-    const padded = segment + "=".repeat((4 - segment.length % 4) % 4);
-    const payload = JSON.parse(Buffer2.from(padded, "base64url").toString("utf8"));
-    return {
-      uid: typeof payload.uid === "number" ? payload.uid : null,
-      uuid: typeof payload.uuid === "string" ? payload.uuid : null,
-      tenant: typeof payload.tenant === "string" ? payload.tenant : null
-    };
-  } catch {
-    return empty;
-  }
-}
-function tokenOverrideNote(source) {
-  if (source === "env")
-    return "\u6CE8\u610F\uFF1A\u73AF\u5883\u53D8\u91CF AUTODL_TOKEN \u4ECD\u7136\u751F\u6548\uFF0C\u5176\u4F18\u5148\u7EA7\u9AD8\u4E8E\u8FD9\u91CC\u4FDD\u5B58\u7684 Token\u3002";
-  if (source === "flag") return "\u6CE8\u610F\uFF1A\u672C\u6B21\u542F\u52A8\u5E26\u4E86 --token \u53C2\u6570\uFF0C\u5176\u4F18\u5148\u7EA7\u9AD8\u4E8E\u8FD9\u91CC\u4FDD\u5B58\u7684 Token\u3002";
-  return null;
-}
+var import_react40 = __toESM(require_react(), 1);
 
 // src/tui/clipboard.ts
-import { Buffer as Buffer3 } from "buffer";
+import { Buffer as Buffer2 } from "buffer";
 import { spawn } from "child_process";
 import { platform as platform2 } from "os";
 function candidates() {
@@ -34837,22 +34823,22 @@ function candidates() {
   }
 }
 function runCopy(command, args, text) {
-  return new Promise((resolve) => {
+  return new Promise((resolve2) => {
     let child;
     try {
       child = spawn(command, args, { stdio: ["pipe", "ignore", "ignore"] });
     } catch {
-      resolve(false);
+      resolve2(false);
       return;
     }
-    child.on("error", () => resolve(false));
-    child.on("close", (code) => resolve(code === 0));
-    child.stdin?.on("error", () => resolve(false));
+    child.on("error", () => resolve2(false));
+    child.on("close", (code) => resolve2(code === 0));
+    child.stdin?.on("error", () => resolve2(false));
     child.stdin?.end(text);
   });
 }
 function writeOsc52(text) {
-  const payload = Buffer3.from(text, "utf8").toString("base64");
+  const payload = Buffer2.from(text, "utf8").toString("base64");
   const ESC3 = String.fromCharCode(27);
   const BEL3 = String.fromCharCode(7);
   process.stdout.write(`${ESC3}]52;c;${payload}${BEL3}`);
@@ -35430,12 +35416,12 @@ function Table({
   if (rows.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { dimColor: true, children: emptyMessage }) });
   }
-  const visible = maxRows && maxRows > 0 ? Math.min(maxRows, rows.length) : rows.length;
+  const visible2 = maxRows && maxRows > 0 ? Math.min(maxRows, rows.length) : rows.length;
   const start = Math.max(
     0,
-    Math.min(selectedIndex - Math.floor((visible - 1) / 2), rows.length - visible)
+    Math.min(selectedIndex - Math.floor((visible2 - 1) / 2), rows.length - visible2)
   );
-  const window2 = rows.slice(start, start + visible);
+  const window2 = rows.slice(start, start + visible2);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Box_default, { flexDirection: "column", children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Box_default, { paddingX: 1, children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { children: CURSOR.blank }),
@@ -35809,19 +35795,1213 @@ function SessionExpired({
   ] });
 }
 
+// src/tui/screens/files.tsx
+import { basename, dirname, join, posix, resolve } from "path";
+var import_react37 = __toESM(require_react(), 1);
+var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
+var REMOTE_HOME = "/root/autodl-tmp";
+function isVisibleCode(code) {
+  if (code < 32 || code === 127) return false;
+  if (code >= 128 && code <= 159) return false;
+  return true;
+}
+function visible(input) {
+  let out = "";
+  for (const char of input) {
+    if (isVisibleCode(char.codePointAt(0) ?? 0)) out += char;
+  }
+  return out || "?";
+}
+function sanitizeInput(input) {
+  let out = "";
+  for (const char of input) {
+    if (isVisibleCode(char.codePointAt(0) ?? 0)) out += char;
+  }
+  return out;
+}
+var joinSide = (side, dir, name) => side === "remote" ? posix.join(dir, name) : join(dir, name);
+function resolveSide(side, base, value) {
+  return side === "remote" ? posix.resolve(base, value) : resolve(base, value);
+}
+var parentSide = (side, p) => side === "remote" ? posix.dirname(p) : dirname(p);
+var baseSide = (side, p) => side === "remote" ? posix.basename(p) : basename(p);
+function kindMark(kind) {
+  if (kind === "directory") return "/";
+  if (kind === "symlink") return "@";
+  if (kind === "other") return "?";
+  return "";
+}
+var directionText = (direction) => direction === "upload" ? "\u4E0A\u4F20" : "\u4E0B\u8F7D";
+function jobStateText(state) {
+  switch (state) {
+    case "queued":
+      return "\u6392\u961F";
+    case "running":
+      return "\u4F20\u8F93\u4E2D";
+    case "conflict":
+      return "\u5F85\u786E\u8BA4";
+    case "paused":
+      return "\u5DF2\u6682\u505C";
+    case "completed":
+      return "\u5B8C\u6210";
+    case "cancelled":
+      return "\u5DF2\u53D6\u6D88";
+  }
+}
+function useQueueJobs(queue) {
+  const subscribe = (0, import_react37.useCallback)((listener) => queue.subscribe(listener), [queue]);
+  const snapshot = (0, import_react37.useCallback)(() => queue.snapshot(), [queue]);
+  return (0, import_react37.useSyncExternalStore)(subscribe, snapshot);
+}
+var emptyPane = (p) => ({
+  path: p,
+  entries: [],
+  loading: true,
+  error: null,
+  cursor: 0,
+  checked: []
+});
+function dialogRows(mode, selectionCount) {
+  switch (mode.name) {
+    case "none":
+      return 0;
+    case "pathNav":
+    case "mkdir":
+    case "rename":
+      return 4;
+    case "delete":
+      return 5 + Math.min(selectionCount, 3) + (selectionCount > 3 ? 1 : 0);
+    case "transfer":
+      return 6 + Math.min(selectionCount, 2);
+    case "pathTransfer":
+      return 7;
+  }
+}
+function useFlash() {
+  const [notice, setNotice] = (0, import_react37.useState)(null);
+  const timer = (0, import_react37.useRef)(void 0);
+  const mounted = (0, import_react37.useRef)(true);
+  (0, import_react37.useEffect)(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      clearTimeout(timer.current);
+    };
+  }, []);
+  const flash = (0, import_react37.useCallback)((message) => {
+    if (!mounted.current) return;
+    setNotice(message);
+    clearTimeout(timer.current);
+    timer.current = setTimeout(() => {
+      if (mounted.current) setNotice(null);
+    }, 6e3);
+  }, []);
+  return { notice, flash };
+}
+function fitLine(text, width) {
+  return clip(visible(text), Math.max(1, width));
+}
+function skippedPageStart(index) {
+  return Math.floor(Math.max(0, index) / 3) * 3;
+}
+function detailRows(job, show, skippedOpen, skippedIndex) {
+  if (!job || !show) return 0;
+  let n = 2;
+  n += Math.min(job.request.sources.length, 2) + (job.request.sources.length > 2 ? 1 : 0);
+  if (job.progress) n += 2;
+  if (job.state === "conflict" && job.conflict) n += 2;
+  if (job.result) {
+    n += 1;
+    const total = job.result.skipped.length;
+    if (total > 0) {
+      if (!skippedOpen) {
+        n += 1;
+      } else {
+        const clamped = Math.min(Math.max(0, skippedIndex), total - 1);
+        n += Math.min(3, total - skippedPageStart(clamped)) + 2;
+      }
+    }
+  }
+  if (job.error) n += 1;
+  return n;
+}
+function renderQueueBody(ui) {
+  const { jobs, cursor, listRows } = ui;
+  const width = Math.max(20, ui.width);
+  const rowWidth2 = Math.max(1, width - 2);
+  const start = Math.max(0, Math.min(cursor, Math.max(0, jobs.length - listRows)));
+  const shown = jobs.slice(start, start + listRows);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", children: [
+    jobs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, wrap: "truncate", children: fitLine("\u961F\u5217\u4E3A\u7A7A\u3002\u5728\u6D4F\u89C8\u5668\u6309 u \u5C06\u9009\u4E2D\u6587\u4EF6\u52A0\u5165\u4F20\u8F93\u961F\u5217\u3002", rowWidth2) }) }) : shown.map((job, i) => {
+      const index = start + i;
+      const active = index === cursor;
+      const req = job.request;
+      const label = `${req.direction === "upload" ? "\u2191" : "\u2193"} ${req.sources.length}\u9879 \u2192 ${req.destination}`;
+      const pct = job.progress && job.progress.total > 0 ? job.progress.transferred / job.progress.total * 100 : job.state === "completed" ? 100 : 0;
+      const speed = job.state === "running" && job.progress ? ` ${formatBytes(job.progress.bytesPerSecond)}/s` : "";
+      const row = `${active ? "\u203A" : " "} ${label}  ${jobStateText(job.state)} ${Math.round(pct)}%${speed}${job.state === "conflict" ? " \u5F85\u786E\u8BA4" : ""}${job.error ? " \u2716" : ""}`;
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: active ? "green" : void 0, inverse: active, wrap: "truncate", children: fitLine(row, rowWidth2) }) }, job.request.id);
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(QueueDetail, { ui })
+  ] });
+}
+function SkippedBrowser({
+  ui,
+  job,
+  width
+}) {
+  const skipped = job.result?.skipped;
+  if (!skipped || skipped.length === 0) return null;
+  if (!ui.skippedOpen) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, wrap: "truncate", children: fitLine(`\u8DF3\u8FC7 ${skipped.length} \u9879 \xB7 v \u67E5\u770B\u5168\u90E8`, width) });
+  }
+  const total = skipped.length;
+  const clamped = Math.min(ui.skippedIndex, Math.max(0, total - 1));
+  const start = skippedPageStart(clamped);
+  const shown = skipped.slice(start, start + 3);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { bold: true, wrap: "truncate", children: fitLine(`\u8DF3\u8FC7 ${total} \u9879\uFF08${clamped + 1}/${total}\uFF09\xB7 \u2191\u2193 \u9009\u62E9 \xB7 Esc \u6536\u8D77`, width) }),
+    shown.map((entry, i) => {
+      const absolute = start + i;
+      const active = absolute === clamped;
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: !active, inverse: active, wrap: "truncate", children: fitLine(`${active ? "\u203A" : "\xB7"} ${entry}`, width) }, `${absolute}`);
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, wrap: "truncate", children: fitLine(
+      total > 3 ? `\u7B2C ${Math.floor(start / 3) + 1}/${Math.ceil(total / 3)} \u9875 \xB7 Esc \u6536\u8D77\u8DF3\u8FC7\u5217\u8868` : "Esc \u6536\u8D77\u8DF3\u8FC7\u5217\u8868",
+      width
+    ) })
+  ] });
+}
+function QueueDetail({ ui }) {
+  const job = ui.jobs[Math.min(ui.cursor, Math.max(0, ui.jobs.length - 1))];
+  if (!job || !ui.showDetail) return null;
+  const req = job.request;
+  const width = Math.max(20, ui.width - 4);
+  const lines = [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { bold: true, wrap: "truncate", children: fitLine(
+      `${directionText(req.direction)} \xB7 ${req.sources.length} \u4E2A\u6765\u6E90${req.sync ? " \xB7 \u540C\u6B65" : ""}${req.checksum ? " \xB7 \u54C8\u5E0C\u6821\u9A8C" : ""}`,
+      width
+    ) }, "h"),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, wrap: "truncate", children: fitLine(`\u2192 ${req.destination}`, width) }, "d")
+  ];
+  for (const [i, source] of req.sources.slice(0, 2).entries()) {
+    lines.push(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, wrap: "truncate", children: fitLine(`\xB7 ${source}`, width) }, `s-${i}`)
+    );
+  }
+  if (req.sources.length > 2) {
+    lines.push(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, wrap: "truncate", children: fitLine(`\xB7 \u2026\u53E6 ${req.sources.length - 2} \u4E2A`, width) }, "more")
+    );
+  }
+  if (job.progress) {
+    const p = job.progress;
+    lines.push(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { wrap: "truncate", children: fitLine(
+        `${p.file} ${formatBytes(p.transferred)}/${formatBytes(p.total)} \xB7 ${p.filesDone}/${p.filesTotal} \u6587\u4EF6 \xB7 ${formatBytes(p.bytesPerSecond)}/s`,
+        width
+      ) }, "p")
+    );
+    lines.push(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { wrap: "truncate", children: fitLine(
+        bar(p.total > 0 ? p.transferred / p.total * 100 : 0, Math.min(30, width)),
+        width
+      ) }, "b")
+    );
+  }
+  if (job.state === "conflict" && job.conflict) {
+    lines.push(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "yellow", wrap: "truncate", children: fitLine(
+        `\u51B2\u7A81\uFF1A${job.conflict.source} \u2192 ${job.conflict.destination} (${formatBytes(job.conflict.sourceSize)}/${formatBytes(job.conflict.destinationSize)})`,
+        width
+      ) }, "c")
+    );
+    lines.push(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "yellow", wrap: "truncate", children: fitLine(
+        `o \u8986\u76D6 \xB7 s \u8DF3\u8FC7 \xB7 b \u4FDD\u7559\u4E24\u8005 \xB7 a \u5E94\u7528\u4E8E\u5168\u90E8[${ui.applyAll ? "\u2713" : " "}] \xB7 \u76EE\u6807\u4E3A\u9009\u4E2D\u4EFB\u52A1`,
+        width
+      ) }, "ck")
+    );
+  }
+  if (job.result) {
+    lines.push(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "green", wrap: "truncate", children: fitLine(
+        `\u5B8C\u6210\uFF1A${job.result.files} \u6587\u4EF6 \xB7 ${formatBytes(job.result.bytes)}${job.result.skipped.length > 0 ? ` \xB7 \u8DF3\u8FC7 ${job.result.skipped.length} \u9879` : ""}`,
+        width
+      ) }, "r")
+    );
+    lines.push(/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SkippedBrowser, { ui, job, width }, "skipped"));
+  }
+  if (job.error) {
+    lines.push(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "red", wrap: "truncate", children: fitLine(`\u2716 ${job.error}`, width) }, "e")
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { flexDirection: "column", paddingX: 1, children: lines });
+}
+function handleQueueInput(input, key, ui, queue, onExit) {
+  const job = ui.jobs[Math.min(ui.cursor, Math.max(0, ui.jobs.length - 1))];
+  const skippedTotal = ui.showDetail && !ui.skippedOpen ? job?.result?.skipped.length ?? 0 : 0;
+  if (ui.showDetail && ui.skippedOpen && job?.result) {
+    const total = job.result.skipped.length;
+    if (key.upArrow || input === "k") {
+      ui.setSkippedIndex((v) => Math.max(0, v - 1));
+      return true;
+    }
+    if (key.downArrow || input === "j") {
+      ui.setSkippedIndex((v) => Math.max(0, Math.min(total - 1, v + 1)));
+      return true;
+    }
+    if (input === "q" || key.escape || key.return || input === "v") {
+      ui.setSkippedOpen(() => false);
+      return true;
+    }
+    return false;
+  }
+  if (key.upArrow || input === "k") {
+    ui.setCursor((v) => Math.max(0, v - 1));
+    return true;
+  }
+  if (key.downArrow || input === "j") {
+    ui.setCursor((v) => Math.max(0, Math.min(ui.jobs.length - 1, v + 1)));
+    return true;
+  }
+  if (key.return) {
+    if (ui.showDetail) {
+      ui.setShowDetail(() => false);
+      ui.setSkippedOpen(() => false);
+    } else {
+      ui.setShowDetail(() => true);
+    }
+    return true;
+  }
+  if (input === "v" && ui.showDetail && skippedTotal > 0) {
+    ui.setSkippedIndex(() => 0);
+    ui.setSkippedOpen(() => true);
+    return true;
+  }
+  if (input === "q" || key.escape) {
+    if (ui.showDetail) {
+      ui.setShowDetail(() => false);
+      ui.setSkippedOpen(() => false);
+    } else onExit();
+    return true;
+  }
+  if (input === "r") {
+    if (!job) {
+      ui.flash("\u961F\u5217\u4E3A\u7A7A");
+      return true;
+    }
+    if (job.state === "paused" || job.state === "cancelled") ui.resume(job.request.id);
+    else ui.flash("\u53EA\u6709\u5DF2\u6682\u505C/\u5DF2\u53D6\u6D88\u7684\u4EFB\u52A1\u53EF\u4EE5\u6062\u590D");
+    return true;
+  }
+  if (input === "c") {
+    if (!job) {
+      ui.flash("\u961F\u5217\u4E3A\u7A7A");
+      return true;
+    }
+    if (job.state === "queued" || job.state === "running" || job.state === "paused" || job.state === "conflict") {
+      queue.cancel(job.request.id);
+    } else ui.flash("\u5DF2\u5B8C\u6210/\u5DF2\u53D6\u6D88\u7684\u4EFB\u52A1\u65E0\u9700\u53D6\u6D88");
+    return true;
+  }
+  if (input === "a" && job && job.state === "conflict") {
+    ui.setApplyAll((v) => !v);
+    return true;
+  }
+  if ((input === "o" || input === "s" || input === "b") && job && job.state === "conflict") {
+    queue.resolveConflict(job.request.id, {
+      choice: input === "o" ? "overwrite" : input === "s" ? "skip" : "keep-both",
+      applyToAll: ui.applyAll
+    });
+    return true;
+  }
+  return false;
+}
+function queueHints(job, skippedOpen) {
+  const base = "\u2191\u2193/jk \u9009\u62E9 \xB7 Enter \u8BE6\u60C5 \xB7 r \u6062\u590D\u6682\u505C/\u53D6\u6D88 \xB7 c \u53D6\u6D88\u6392\u961F/\u4F20\u8F93";
+  const skipped = job?.result && job.result.skipped.length > 0 ? " \xB7 \u8BE6\u60C5\u4E2D\u6309 v \u67E5\u770B\u8DF3\u8FC7" : "";
+  if (skippedOpen) {
+    return [base, "\u8DF3\u8FC7\u5217\u8868\uFF1A\u2191\u2193 \u9009\u62E9 \xB7 Enter/Esc/q/v \u6536\u8D77"];
+  }
+  const second = job?.state === "conflict" ? "o \u8986\u76D6 \xB7 s \u8DF3\u8FC7 \xB7 b \u4FDD\u7559\u4E24\u8005 \xB7 a \u5E94\u7528\u4E8E\u5168\u90E8 \xB7 Esc/q \u6536\u8D77\u8BE6\u60C5\u6216\u8FD4\u56DE" : "Esc/q \u6536\u8D77\u8BE6\u60C5\u6216\u8FD4\u56DE \xB7 \u8DF3\u8FC7\u5217\u8868\u4E2D \u2191\u2193 \u7FFB\u770B Esc \u6536\u8D77";
+  return [`${base}${skipped}`, second];
+}
+function TransferJobs({
+  queue,
+  width,
+  height,
+  onBack,
+  onResume
+}) {
+  const jobs = useQueueJobs(queue);
+  const [cursor, setCursor] = (0, import_react37.useState)(0);
+  const [showDetail, setShowDetail] = (0, import_react37.useState)(false);
+  const [skippedOpen, setSkippedOpen] = (0, import_react37.useState)(false);
+  const [skippedIndex, setSkippedIndex] = (0, import_react37.useState)(0);
+  const [applyAll, setApplyAll] = (0, import_react37.useState)(false);
+  const { notice, flash } = useFlash();
+  const resume = (0, import_react37.useCallback)(
+    (id) => onResume ? onResume(id) : queue.resume(id),
+    [onResume, queue]
+  );
+  const clamped = Math.min(cursor, Math.max(0, jobs.length - 1));
+  const selected = jobs[clamped];
+  const selectedId = selected?.request.id;
+  const previousSelectedId = (0, import_react37.useRef)(selectedId);
+  (0, import_react37.useEffect)(() => {
+    if (previousSelectedId.current === selectedId) return;
+    previousSelectedId.current = selectedId;
+    setSkippedOpen(false);
+    setSkippedIndex(0);
+  }, [selectedId]);
+  const listRows = Math.max(
+    1,
+    height - 3 - detailRows(selected, showDetail, skippedOpen, skippedIndex) - (notice ? 1 : 0)
+  );
+  const ui = {
+    jobs,
+    cursor: clamped,
+    setCursor,
+    showDetail,
+    setShowDetail,
+    skippedOpen,
+    setSkippedOpen,
+    skippedIndex,
+    setSkippedIndex,
+    applyAll,
+    setApplyAll,
+    resume,
+    flash,
+    width,
+    listRows
+  };
+  use_input_default((input, key) => {
+    if (key.ctrl) return;
+    handleQueueInput(input, key, ui, queue, onBack);
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", width, height, overflow: "hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { paddingX: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { bold: true, children: "\u4F20\u8F93\u961F\u5217" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { dimColor: true, children: [
+        jobs.length,
+        " \u4E2A\u4EFB\u52A1\uFF08\u4E32\u884C\uFF09",
+        jobs.length > 0 ? ` \xB7 ${clamped + 1}/${jobs.length}` : ""
+      ] })
+    ] }),
+    renderQueueBody(ui),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { flexGrow: 1 }),
+    notice ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "cyan", children: clip(visible(notice), Math.max(10, width - 2)) }) }) : null,
+    queueHints(selected, skippedOpen).map((hint) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, wrap: "truncate", children: fitLine(hint, Math.max(10, width - 2)) }) }, hint))
+  ] });
+}
+function FilesScreen({
+  workspace,
+  queue,
+  uuid,
+  width,
+  height,
+  onBack,
+  onResume,
+  whenRunning
+}) {
+  const [tab2, setTab] = (0, import_react37.useState)("browser");
+  const [panes, setPanes] = (0, import_react37.useState)(() => ({
+    local: emptyPane(process.cwd()),
+    remote: emptyPane(REMOTE_HOME)
+  }));
+  const [activeSide, setActiveSide] = (0, import_react37.useState)("local");
+  const [mode, setMode] = (0, import_react37.useState)({ name: "none" });
+  const [field, setField] = (0, import_react37.useState)("");
+  const [confirmYes, setConfirmYes] = (0, import_react37.useState)(false);
+  const [syncDefault, setSyncDefault] = (0, import_react37.useState)(false);
+  const [checksumDefault, setChecksumDefault] = (0, import_react37.useState)(false);
+  const [pending, setPending] = (0, import_react37.useState)(null);
+  const [pathForm, setPathForm] = (0, import_react37.useState)({
+    direction: "upload",
+    source: "",
+    dest: "",
+    sync: false,
+    checksum: false
+  });
+  const [busy, setBusy] = (0, import_react37.useState)(false);
+  const { notice, flash } = useFlash();
+  const jobs = useQueueJobs(queue);
+  const [queueCursor, setQueueCursor] = (0, import_react37.useState)(0);
+  const [queueDetail, setQueueDetail] = (0, import_react37.useState)(false);
+  const [skippedOpen, setSkippedOpen] = (0, import_react37.useState)(false);
+  const [skippedIndex, setSkippedIndex] = (0, import_react37.useState)(0);
+  const [applyAll, setApplyAll] = (0, import_react37.useState)(false);
+  const resume = (0, import_react37.useCallback)(
+    (id) => onResume ? onResume(id) : queue.resume(id),
+    [onResume, queue]
+  );
+  const mounted = (0, import_react37.useRef)(true);
+  (0, import_react37.useEffect)(
+    () => () => {
+      mounted.current = false;
+      workspace.dispose();
+    },
+    [workspace]
+  );
+  const gen = (0, import_react37.useRef)({ local: 0, remote: 0 });
+  const queueJobId = jobs[Math.min(queueCursor, Math.max(0, jobs.length - 1))]?.request.id;
+  const previousQueueJobId = (0, import_react37.useRef)(queueJobId);
+  (0, import_react37.useEffect)(() => {
+    if (previousQueueJobId.current === queueJobId) return;
+    previousQueueJobId.current = queueJobId;
+    setSkippedOpen(false);
+    setSkippedIndex(0);
+  }, [queueJobId]);
+  const pathRef = (0, import_react37.useRef)({
+    local: process.cwd(),
+    remote: REMOTE_HOME
+  });
+  (0, import_react37.useEffect)(() => {
+    pathRef.current = { local: panes.local.path, remote: panes.remote.path };
+  });
+  const loadPane = (0, import_react37.useCallback)(
+    (side, nextPath) => {
+      gen.current[side] += 1;
+      const g = gen.current[side];
+      if (side === "local") {
+        setPanes((prev) => ({ ...prev, local: { ...emptyPane(nextPath), cursor: 0 } }));
+      } else {
+        setPanes((prev) => ({ ...prev, remote: { ...emptyPane(nextPath), cursor: 0 } }));
+      }
+      const run = () => {
+        if (!mounted.current || gen.current[side] !== g) return;
+        workspace.list(side, nextPath).then((entries) => {
+          if (!mounted.current || gen.current[side] !== g) return;
+          const sorted = [...entries].sort((a, b) => {
+            if (a.kind === "directory" && b.kind !== "directory") return -1;
+            if (a.kind !== "directory" && b.kind === "directory") return 1;
+            return a.name.localeCompare(b.name);
+          });
+          setPanes(
+            (prev) => side === "local" ? { ...prev, local: { ...prev.local, entries: sorted, loading: false } } : { ...prev, remote: { ...prev.remote, entries: sorted, loading: false } }
+          );
+        }).catch((err) => {
+          if (!mounted.current || gen.current[side] !== g) return;
+          const message = err.message;
+          setPanes(
+            (prev) => side === "local" ? { ...prev, local: { ...prev.local, entries: [], loading: false, error: message } } : {
+              ...prev,
+              remote: { ...prev.remote, entries: [], loading: false, error: message }
+            }
+          );
+        });
+      };
+      if (side === "remote" && whenRunning) {
+        void whenRunning.then(
+          () => run(),
+          (err) => {
+            if (!mounted.current || gen.current[side] !== g) return;
+            const message = err.message;
+            setPanes((prev) => ({
+              ...prev,
+              remote: { ...prev.remote, entries: [], loading: false, error: message }
+            }));
+          }
+        );
+        return;
+      }
+      run();
+    },
+    [workspace, whenRunning]
+  );
+  (0, import_react37.useEffect)(() => {
+    loadPane("local", process.cwd());
+    loadPane("remote", REMOTE_HOME);
+  }, [loadPane]);
+  const completedJobs = (0, import_react37.useRef)(
+    new Set(jobs.filter((job) => job.state === "completed").map((job) => job.request.id))
+  );
+  (0, import_react37.useEffect)(() => {
+    for (const job of jobs) {
+      if (job.state !== "completed" || completedJobs.current.has(job.request.id)) continue;
+      completedJobs.current.add(job.request.id);
+      if (job.request.uuid !== uuid) continue;
+      const side = job.request.direction === "upload" ? "remote" : "local";
+      loadPane(side, pathRef.current[side]);
+    }
+  }, [jobs, loadPane, uuid]);
+  const pane = panes[activeSide];
+  const otherSide = activeSide === "local" ? "remote" : "local";
+  const cursorIndex = Math.min(pane.cursor, Math.max(0, pane.entries.length - 1));
+  const cursorEntry = pane.entries[cursorIndex];
+  const selection = (0, import_react37.useMemo)(() => {
+    if (pane.checked.length > 0) return pane.entries.filter((e) => pane.checked.includes(e.path));
+    return cursorEntry ? [cursorEntry] : [];
+  }, [pane.checked, pane.entries, cursorEntry]);
+  const setPaneCursor = (0, import_react37.useCallback)((side, fn) => {
+    setPanes((prev) => {
+      const current = prev[side];
+      const next = fn(current.cursor);
+      return side === "local" ? { ...prev, local: { ...current, cursor: next } } : { ...prev, remote: { ...current, cursor: next } };
+    });
+  }, []);
+  const runOp = (0, import_react37.useCallback)(
+    async (label, fn, side) => {
+      setBusy(true);
+      try {
+        await fn();
+        if (!mounted.current) return;
+        flash(`\u2714 ${label}`);
+        loadPane(side, pathRef.current[side]);
+      } catch (err) {
+        if (!mounted.current) return;
+        flash(`\u2716 ${label}\u5931\u8D25\uFF1A${err.message}`);
+      } finally {
+        if (mounted.current) setBusy(false);
+      }
+    },
+    [flash, loadPane]
+  );
+  const doDelete = (0, import_react37.useCallback)(() => {
+    const targets = selection.map((e) => e.path);
+    const side = activeSide;
+    const count = targets.length;
+    setMode({ name: "none" });
+    setConfirmYes(false);
+    void runOp(
+      `\u5DF2\u5220\u9664 ${count} \u9879`,
+      async () => {
+        const results = await Promise.allSettled(targets.map((t) => workspace.remove(side, t)));
+        const failed = results.filter((r) => r.status === "rejected");
+        if (failed.length > 0) throw new Error(`${failed.length}/${count} \u9879\u5220\u9664\u5931\u8D25`);
+      },
+      side
+    );
+  }, [selection, activeSide, runOp, workspace]);
+  const openTransferConfirm = (0, import_react37.useCallback)(() => {
+    if (selection.length === 0) {
+      flash("\u6CA1\u6709\u53EF\u4F20\u8F93\u7684\u9009\u4E2D\u9879");
+      return;
+    }
+    setPending({
+      sources: selection.map((e) => e.path),
+      kinds: selection.map((e) => e.kind),
+      direction: activeSide === "local" ? "upload" : "download",
+      destDir: panes[otherSide].path
+    });
+    setMode({ name: "transfer" });
+  }, [selection, activeSide, panes, otherSide, flash]);
+  const submitTransfer = (0, import_react37.useCallback)(
+    (sync, checksum) => {
+      if (!pending) return;
+      queue.enqueue({
+        uuid,
+        direction: pending.direction,
+        sources: pending.sources,
+        destination: pending.destDir,
+        sync,
+        checksum
+      });
+      flash(`\u2714 \u5DF2\u52A0\u5165\u961F\u5217\uFF1A${pending.sources.length} \u9879\uFF0C\u6309 Q \u67E5\u770B`);
+      setPending(null);
+      setMode({ name: "none" });
+    },
+    [pending, queue, uuid, flash]
+  );
+  const submitPathForm = (0, import_react37.useCallback)(() => {
+    const rawSource = pathForm.source.trim();
+    const rawDest = pathForm.dest.trim();
+    if (!rawSource || !rawDest) {
+      flash("\u6765\u6E90\u548C\u76EE\u6807\u8DEF\u5F84\u90FD\u4E0D\u80FD\u4E3A\u7A7A");
+      return;
+    }
+    const direction = pathForm.direction;
+    const fromSide = direction === "upload" ? "local" : "remote";
+    const toSide = direction === "upload" ? "remote" : "local";
+    const source = resolveSide(fromSide, panes[fromSide].path, rawSource);
+    const dest = resolveSide(toSide, panes[toSide].path, rawDest);
+    queue.enqueue({
+      uuid,
+      direction,
+      sources: [source],
+      destination: dest,
+      sync: pathForm.sync,
+      checksum: pathForm.checksum
+    });
+    flash("\u2714 \u5DF2\u52A0\u5165\u961F\u5217\uFF0C\u6309 Q \u67E5\u770B");
+    setMode({ name: "none" });
+  }, [pathForm, panes, queue, uuid, flash]);
+  const updatePaneChecked = (0, import_react37.useCallback)((side, fn) => {
+    setPanes((prev) => {
+      const current = prev[side];
+      const next = fn(current.checked);
+      return side === "local" ? { ...prev, local: { ...current, checked: next } } : { ...prev, remote: { ...current, checked: next } };
+    });
+  }, []);
+  use_input_default((input, key) => {
+    if (key.ctrl) return;
+    if (busy) {
+      if (key.escape || input === "q") {
+        if (tab2 === "queue") {
+          if (queueDetail) {
+            setQueueDetail(false);
+            setSkippedOpen(false);
+          } else setTab("browser");
+        } else if (mode.name !== "none") {
+          setMode({ name: "none" });
+          setPending(null);
+          setConfirmYes(false);
+        } else onBack();
+      }
+      return;
+    }
+    if (tab2 === "queue") {
+      const ui = {
+        jobs,
+        cursor: Math.min(queueCursor, Math.max(0, jobs.length - 1)),
+        setCursor: setQueueCursor,
+        showDetail: queueDetail,
+        setShowDetail: setQueueDetail,
+        skippedOpen,
+        setSkippedOpen,
+        skippedIndex,
+        setSkippedIndex,
+        applyAll,
+        setApplyAll,
+        resume,
+        flash,
+        width,
+        listRows: 1
+      };
+      if (handleQueueInput(input, key, ui, queue, () => setTab("browser"))) return;
+      if (input === "Q") {
+        setTab("browser");
+        return;
+      }
+      return;
+    }
+    if (mode.name === "pathNav" || mode.name === "mkdir" || mode.name === "rename") {
+      if (key.escape) {
+        setMode({ name: "none" });
+        return;
+      }
+      if (key.return) {
+        const value = field.trim();
+        if (mode.name === "pathNav") {
+          if (value) loadPane(activeSide, resolveSide(activeSide, pane.path, value));
+          setMode({ name: "none" });
+        } else if (mode.name === "mkdir") {
+          if (!value) {
+            flash("\u76EE\u5F55\u540D\u4E0D\u80FD\u4E3A\u7A7A");
+            return;
+          }
+          const target = resolveSide(activeSide, pane.path, value);
+          setMode({ name: "none" });
+          void runOp("\u5DF2\u521B\u5EFA\u76EE\u5F55", () => workspace.mkdir(activeSide, target), activeSide);
+        } else if (mode.name === "rename") {
+          if (!value) {
+            flash("\u76EE\u6807\u8DEF\u5F84\u4E0D\u80FD\u4E3A\u7A7A");
+            return;
+          }
+          const targets = selection;
+          setMode({ name: "none" });
+          if (mode.multi) {
+            const destDir = resolveSide(activeSide, pane.path, value);
+            void runOp(
+              `\u5DF2\u79FB\u52A8 ${targets.length} \u9879`,
+              async () => {
+                const failures = [];
+                for (const t of targets) {
+                  try {
+                    await workspace.rename(
+                      activeSide,
+                      t.path,
+                      joinSide(activeSide, destDir, baseSide(activeSide, t.path))
+                    );
+                  } catch {
+                    failures.push(t.path);
+                  }
+                }
+                if (failures.length > 0) {
+                  throw new Error(
+                    `${failures.length}/${targets.length} \u9879\u79FB\u52A8\u5931\u8D25\uFF1A${failures[0]}`
+                  );
+                }
+              },
+              activeSide
+            );
+          } else {
+            const first = targets[0];
+            if (targets.length === 1 && first) {
+              const from = first.path;
+              void runOp(
+                "\u5DF2\u6539\u540D/\u79FB\u52A8",
+                () => workspace.rename(activeSide, from, resolveSide(activeSide, pane.path, value)),
+                activeSide
+              );
+            }
+          }
+        }
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setField((v) => v.slice(0, -1));
+        return;
+      }
+      if (key.tab) return;
+      const clean = sanitizeInput(input);
+      if (clean) setField((v) => v + clean);
+      return;
+    }
+    if (mode.name === "pathTransfer") {
+      if (key.escape) {
+        setMode({ name: "none" });
+        return;
+      }
+      if (key.tab || key.upArrow || key.downArrow) {
+        const delta = key.upArrow ? -1 : 1;
+        setMode({ name: "pathTransfer", field: (mode.field + delta + 3) % 3 });
+        return;
+      }
+      if (mode.field === 0) {
+        if (key.return) {
+          submitPathForm();
+          return;
+        }
+        if (key.leftArrow || key.rightArrow) {
+          setPathForm((v) => ({
+            ...v,
+            direction: v.direction === "upload" ? "download" : "upload"
+          }));
+          return;
+        }
+        if (input === "u" || input === "d") {
+          setPathForm((v) => ({ ...v, direction: input === "u" ? "upload" : "download" }));
+          return;
+        }
+        if (input === "s") {
+          setPathForm((v) => ({ ...v, sync: !v.sync }));
+          return;
+        }
+        if (input === "c") {
+          setPathForm((v) => ({ ...v, checksum: !v.checksum }));
+          return;
+        }
+        return;
+      }
+      if (key.return) {
+        submitPathForm();
+        return;
+      }
+      if (key.backspace || key.delete) {
+        const f = mode.field;
+        setPathForm(
+          (v) => f === 1 ? { ...v, source: v.source.slice(0, -1) } : { ...v, dest: v.dest.slice(0, -1) }
+        );
+        return;
+      }
+      if (key.leftArrow || key.rightArrow) return;
+      const clean = sanitizeInput(input);
+      if (clean) {
+        const f = mode.field;
+        if (f === 1) setPathForm((v) => ({ ...v, source: v.source + clean }));
+        else setPathForm((v) => ({ ...v, dest: v.dest + clean }));
+      }
+      return;
+    }
+    if (mode.name === "delete") {
+      if (key.leftArrow || key.rightArrow || key.tab || input === "h" || input === "l") {
+        setConfirmYes((v) => !v);
+        return;
+      }
+      if (key.return) {
+        if (!confirmYes) {
+          setMode({ name: "none" });
+          return;
+        }
+        doDelete();
+        return;
+      }
+      if (key.escape || input === "q" || input === "n") {
+        setMode({ name: "none" });
+        setConfirmYes(false);
+        return;
+      }
+      if (input === "y") {
+        doDelete();
+        return;
+      }
+      return;
+    }
+    if (mode.name === "transfer") {
+      if (key.escape || input === "q") {
+        setMode({ name: "none" });
+        setPending(null);
+        return;
+      }
+      if (key.return || input === "y") {
+        submitTransfer(syncDefault, checksumDefault);
+        return;
+      }
+      if (input === "s") {
+        setSyncDefault((v) => !v);
+        return;
+      }
+      if (input === "c") {
+        setChecksumDefault((v) => !v);
+        return;
+      }
+      return;
+    }
+    if (key.tab) {
+      setActiveSide((v) => v === "local" ? "remote" : "local");
+      return;
+    }
+    if (key.upArrow || input === "k") {
+      setPaneCursor(activeSide, (v) => Math.max(0, v - 1));
+      return;
+    }
+    if (key.downArrow || input === "j") {
+      setPaneCursor(activeSide, (v) => Math.max(0, Math.min(pane.entries.length - 1, v + 1)));
+      return;
+    }
+    if (key.return || key.rightArrow || input === "l") {
+      if (cursorEntry?.kind === "directory") loadPane(activeSide, cursorEntry.path);
+      else if (cursorEntry) flash("\u6587\u4EF6\u4E0D\u80FD\u8FDB\u5165\uFF1Au \u4F20\u8F93 \xB7 r \u6539\u540D \xB7 x \u5220\u9664");
+      return;
+    }
+    if (key.leftArrow || key.backspace || key.delete || input === "h") {
+      const parent = parentSide(activeSide, pane.path);
+      if (parent !== pane.path) loadPane(activeSide, parent);
+      return;
+    }
+    if (input === " ") {
+      if (!cursorEntry) return;
+      const p = cursorEntry.path;
+      updatePaneChecked(
+        activeSide,
+        (checked) => checked.includes(p) ? checked.filter((x) => x !== p) : [...checked, p]
+      );
+      setPaneCursor(activeSide, (v) => Math.min(pane.entries.length - 1, v + 1));
+      return;
+    }
+    if (key.escape || input === "q" || input === "Q") {
+      if (input === "Q") {
+        setTab("queue");
+        return;
+      }
+      onBack();
+      return;
+    }
+    if (input === "a") {
+      updatePaneChecked(
+        activeSide,
+        (checked) => checked.length === pane.entries.length && pane.entries.length > 0 ? [] : pane.entries.map((e) => e.path)
+      );
+      return;
+    }
+    if (input === "r" && cursorEntry) {
+      const multi = selection.length > 1;
+      setField(multi ? pane.path : cursorEntry.path);
+      setMode({ name: "rename", multi });
+      return;
+    }
+    if (input === "g") {
+      setField(pane.path);
+      setMode({ name: "pathNav" });
+      return;
+    }
+    if (input === "m") {
+      setField("");
+      setMode({ name: "mkdir" });
+      return;
+    }
+    if (input === "x") {
+      if (selection.length === 0) {
+        flash("\u6CA1\u6709\u53EF\u5220\u9664\u7684\u9009\u4E2D\u9879");
+        return;
+      }
+      setConfirmYes(false);
+      setMode({ name: "delete" });
+      return;
+    }
+    if (input === "u") {
+      openTransferConfirm();
+      return;
+    }
+    if (input === "p") {
+      setPathForm({
+        direction: activeSide === "local" ? "upload" : "download",
+        source: "",
+        dest: panes[otherSide].path,
+        sync: syncDefault,
+        checksum: checksumDefault
+      });
+      setMode({ name: "pathTransfer", field: 1 });
+      return;
+    }
+    if (input === "s") {
+      setSyncDefault((v) => !v);
+      flash(`\u540C\u6B65\u6A21\u5F0F\uFF1A${!syncDefault ? "\u5F00\uFF08\u76EE\u5F55\u6309\u5927\u5C0F+\u65F6\u95F4\u8DF3\u8FC7\u672A\u53D8\u6587\u4EF6\uFF09" : "\u5173\uFF08\u5168\u90E8\u4F20\u8F93\uFF09"}`);
+      return;
+    }
+    if (input === "c") {
+      setChecksumDefault((v) => !v);
+      flash(`\u5185\u5BB9\u54C8\u5E0C\u6821\u9A8C\uFF1A${!checksumDefault ? "\u5F00" : "\u5173"}`);
+      return;
+    }
+  });
+  const narrow = width < 64;
+  const hintLines = mode.name === "none" ? narrow ? [
+    "Tab \u5207\u4FA7 \xB7 \u2191\u2193 \u79FB\u52A8 \xB7 Enter \u8FDB\u5165",
+    "\u2190 \u8FD4\u56DE \xB7 Space \u591A\u9009 \xB7 a \u5168\u9009",
+    "u \u4F20\u8F93 \xB7 p \u8DEF\u5F84\u76F4\u4F20 \xB7 g \u8DF3\u8F6C",
+    "m \u65B0\u5EFA \xB7 r \u79FB\u52A8 \xB7 x \u5220\u9664",
+    `s \u540C\u6B65[${syncDefault ? "\u5F00" : "\u5173"}] c \u6821\u9A8C[${checksumDefault ? "\u5F00" : "\u5173"}] \xB7 Q \u961F\u5217`,
+    "Esc/q \u8FD4\u56DE"
+  ] : [
+    "Tab \u5207\u4FA7 \xB7 \u2191\u2193 \u79FB\u52A8 \xB7 Enter \u8FDB\u5165 \xB7 \u2190 \u8FD4\u56DE \xB7 Space \u591A\u9009 \xB7 a \u5168\u9009",
+    "u \u4F20\u8F93 \xB7 p \u8DEF\u5F84\u76F4\u4F20 \xB7 g \u8DF3\u8F6C \xB7 Q \u961F\u5217 \xB7 Esc/q \u8FD4\u56DE",
+    `m \u65B0\u5EFA \xB7 r \u6539\u540D/\u79FB\u52A8 \xB7 x \u5220\u9664 \xB7 s \u540C\u6B65[${syncDefault ? "\u5F00" : "\u5173"}] c \u6821\u9A8C[${checksumDefault ? "\u5F00" : "\u5173"}]`
+  ] : mode.name === "delete" ? ["\u2190\u2192 \u9009\u62E9 \xB7 Enter \u786E\u5B9A \xB7 y \u5220\u9664 \xB7 Esc/q/n \u53D6\u6D88"] : mode.name === "transfer" ? ["Enter/y \u52A0\u5165\u961F\u5217 \xB7 s \u540C\u6B65 \xB7 c \u6821\u9A8C \xB7 Esc/q \u53D6\u6D88"] : ["\u8F93\u5165\u8DEF\u5F84 \xB7 \u232B \u5220\u9664 \xB7 Enter \u786E\u5B9A \xB7 Esc \u53D6\u6D88"];
+  const dialogH = dialogRows(mode, selection.length);
+  const hintCount = hintLines.length;
+  const listRows = Math.max(1, height - 3 - dialogH - (notice ? 1 : 0) - hintCount);
+  const renderPane = (side, paneWidth) => {
+    const p = panes[side];
+    const activePane = side === activeSide && !(narrow && side !== activeSide);
+    const idx = side === activeSide ? cursorIndex : Math.min(p.cursor, Math.max(0, p.entries.length - 1));
+    const nameWidth = Math.max(8, paneWidth - 14);
+    const start = Math.max(0, Math.min(idx, Math.max(0, p.entries.length - listRows)));
+    const shown = p.entries.slice(start, start + listRows);
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", width: paneWidth, flexShrink: 0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { paddingX: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { bold: activePane, color: activePane ? "green" : void 0, children: side === "local" ? "\u25B8\u672C\u5730" : "\u25B8\u8FDC\u7A0B" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { dimColor: true, children: [
+          " ",
+          clip(visible(p.path), Math.max(8, paneWidth - 10))
+        ] })
+      ] }),
+      p.loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u8BFB\u53D6\u4E2D\u2026" }) }) : p.error ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { color: "red", children: [
+        "\u2716 ",
+        clip(visible(p.error), Math.max(8, paneWidth - 4))
+      ] }) }) : p.entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u7A7A\u76EE\u5F55" }) }) : shown.map((entry, i) => {
+        const absolute = start + i;
+        const isCursor = side === activeSide && absolute === idx;
+        const checked = p.checked.includes(entry.path);
+        const label = `${checked ? "[\u2713]" : "[ ]"}${isCursor ? "\u203A" : " "}${visible(entry.name)}${kindMark(entry.kind)}`;
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { inverse: isCursor, children: clip(label, nameWidth) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { dimColor: true, children: [
+            " ",
+            entry.kind === "directory" ? "-" : formatBytes(entry.size)
+          ] }),
+          entry.kind === "symlink" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "yellow", children: " \u8DF3\u8FC7" }) : null
+        ] }) }, entry.path);
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { dimColor: true, children: [
+        p.entries.length > listRows ? `${idx + 1}/` : "",
+        p.entries.length,
+        " \u9879",
+        p.checked.length > 0 ? ` \xB7 \u5DF2\u9009 ${p.checked.length}` : "",
+        p.entries.some((e) => e.kind === "symlink") ? " \xB7 @\u7B26\u53F7\u94FE\u63A5\u5C06\u8DF3\u8FC7" : ""
+      ] }) })
+    ] });
+  };
+  const renderDialog = () => {
+    const inner = Math.max(10, width - 4);
+    if (mode.name === "pathNav") {
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", paddingX: 1, borderStyle: "round", borderColor: "cyan", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { children: [
+          "\u8DF3\u8F6C\uFF08",
+          activeSide === "local" ? "\u672C\u5730" : "\u8FDC\u7A0B",
+          "\uFF09\uFF1A",
+          clip(visible(field), inner - 8),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u2588" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u76F8\u5BF9\u8DEF\u5F84\u4EE5\u672C\u4FA7\u5F53\u524D\u76EE\u5F55\u4E3A\u57FA\u51C6 \xB7 Enter \u8DF3\u8F6C \xB7 Esc \u53D6\u6D88" })
+      ] });
+    }
+    if (mode.name === "mkdir") {
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", paddingX: 1, borderStyle: "round", borderColor: "cyan", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { children: [
+          "\u5728 ",
+          clip(visible(pane.path), Math.max(8, inner - 24)),
+          " \u4E0B\u65B0\u5EFA\u76EE\u5F55\uFF1A",
+          clip(visible(field), Math.max(8, inner - 24)),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u2588" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u76F8\u5BF9\u540D\u5EFA\u4E8E\u5F53\u524D\u76EE\u5F55\uFF0C\u7EDD\u5BF9\u8DEF\u5F84\u4EA6\u53EF \xB7 Enter \u521B\u5EFA \xB7 Esc \u53D6\u6D88" })
+      ] });
+    }
+    if (mode.name === "rename") {
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", paddingX: 1, borderStyle: "round", borderColor: "cyan", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { children: [
+          mode.multi ? `\u79FB\u52A8 ${selection.length} \u9879\u5230\u76EE\u5F55\uFF1A` : "\u6539\u540D/\u79FB\u52A8\u4E3A\uFF1A",
+          clip(visible(field), inner - 8),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u2588" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u76F8\u5BF9\u8DEF\u5F84\u4EE5\u5F53\u524D\u76EE\u5F55\u4E3A\u57FA\u51C6 \xB7 Enter \u786E\u5B9A \xB7 Esc \u53D6\u6D88" })
+      ] });
+    }
+    if (mode.name === "delete") {
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", paddingX: 1, borderStyle: "round", borderColor: "red", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { bold: true, color: "red", children: [
+          "\u6C38\u4E45\u5220\u9664 ",
+          selection.length,
+          " \u9879\uFF08\u9012\u5F52\uFF0C\u4E0D\u53EF\u6062\u590D\uFF09\uFF1A"
+        ] }),
+        selection.slice(0, 3).map((e) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { dimColor: true, children: [
+          "\xB7 ",
+          clip(visible(e.path), inner - 4)
+        ] }, e.path)),
+        selection.length > 3 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { dimColor: true, children: [
+          "\xB7 \u2026\u53E6 ",
+          selection.length - 3,
+          " \u9879"
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { inverse: !confirmYes, children: " \u53D6\u6D88 " }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { children: " " }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { inverse: confirmYes, color: confirmYes ? "red" : void 0, children: " \u5220\u9664 " })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u2190\u2192 \u5207\u6362 \xB7 Enter \u786E\u5B9A \xB7 y \u76F4\u63A5\u5220 \xB7 Esc/q/n \u53D6\u6D88" })
+      ] });
+    }
+    if (mode.name === "transfer" && pending) {
+      const hasSymlink = pending.kinds.some((k) => k === "symlink");
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", paddingX: 1, borderStyle: "round", borderColor: "cyan", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { bold: true, children: [
+          directionText(pending.direction),
+          " ",
+          pending.sources.length,
+          " \u9879 \u2192",
+          " ",
+          clip(visible(pending.destDir), inner - 16)
+        ] }),
+        pending.sources.slice(0, 2).map((s) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { dimColor: true, children: [
+          "\xB7 ",
+          clip(visible(s), inner - 4)
+        ] }, s)),
+        pending.sources.length > 2 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { dimColor: true, children: [
+          "\xB7 \u2026\u53E6 ",
+          pending.sources.length - 2,
+          " \u9879"
+        ] }) : null,
+        hasSymlink ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "yellow", children: "\u7B26\u53F7\u94FE\u63A5\u5C06\u88AB\u8DF3\u8FC7\u5E76\u8BA1\u5165\u7ED3\u679C\u3002" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { dimColor: true, children: [
+          "s \u540C\u6B65[",
+          syncDefault ? "\u2713" : " ",
+          "] c \u54C8\u5E0C\u6821\u9A8C[",
+          checksumDefault ? "\u2713" : " ",
+          "] \xB7 Enter \u52A0\u5165\u961F\u5217 \xB7 Esc \u53D6\u6D88"
+        ] })
+      ] });
+    }
+    if (mode.name === "pathTransfer") {
+      const f = mode.field;
+      const marker = (i) => f === i ? "\u203A" : " ";
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", paddingX: 1, borderStyle: "round", borderColor: "cyan", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { bold: true, children: "\u6309\u8DEF\u5F84\u76F4\u63A5\u4F20\u8F93" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { children: [
+          marker(0),
+          "\u65B9\u5411\uFF1A",
+          directionText(pathForm.direction),
+          "\uFF08\u2190\u2192/u/d \u5207\u6362\uFF09"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { children: [
+          marker(1),
+          "\u6765\u6E90\uFF1A",
+          clip(visible(pathForm.source), inner - 8),
+          f === 1 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u2588" }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { children: [
+          marker(2),
+          "\u76EE\u6807\uFF1A",
+          clip(visible(pathForm.dest), inner - 8),
+          f === 2 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u2588" }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { dimColor: true, children: [
+          "\u6765\u6E90\u76F8\u5BF9\u53D1\u8D77\u4FA7\u5F53\u524D\u76EE\u5F55\uFF0C\u76EE\u6807\u76F8\u5BF9\u63A5\u6536\u4FA7\u5F53\u524D\u76EE\u5F55 \xB7 Tab/\u2191\u2193 \u6362\u884C \xB7",
+          " ",
+          f === 0 ? "s \u540C\u6B65 c \u6821\u9A8C \xB7 " : "",
+          "Enter \u63D0\u4EA4 \xB7 Esc \u53D6\u6D88"
+        ] })
+      ] });
+    }
+    return null;
+  };
+  if (tab2 === "queue") {
+    const clamped = Math.min(queueCursor, Math.max(0, jobs.length - 1));
+    const selected = jobs[clamped];
+    const detail = detailRows(selected, queueDetail, skippedOpen, skippedIndex);
+    const queueListRows = Math.max(1, height - 4 - detail - (notice ? 1 : 0));
+    const ui = {
+      jobs,
+      cursor: clamped,
+      setCursor: setQueueCursor,
+      showDetail: queueDetail,
+      setShowDetail: setQueueDetail,
+      skippedOpen,
+      setSkippedOpen,
+      skippedIndex,
+      setSkippedIndex,
+      applyAll,
+      setApplyAll,
+      resume,
+      flash,
+      width,
+      listRows: queueListRows
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", width, height, overflow: "hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { paddingX: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { bold: true, children: "\u6587\u4EF6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { dimColor: true, children: [
+          clip(visible(uuid), 12),
+          " \xB7 \u6D4F\u89C8\u5668 | \u961F\u5217(",
+          jobs.length,
+          ")",
+          jobs.length > 0 ? ` \xB7 ${clamped + 1}/${jobs.length}` : ""
+        ] })
+      ] }),
+      renderQueueBody(ui),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { flexGrow: 1 }),
+      notice ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "cyan", children: clip(visible(notice), Math.max(10, width - 2)) }) }) : null,
+      queueHints(selected, skippedOpen).map((hint) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, wrap: "truncate", children: fitLine(hint, Math.max(10, width - 2)) }) }, hint)),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: clip("Q/Esc \u8FD4\u56DE\u6D4F\u89C8\u5668", Math.max(10, width - 2)) }) })
+    ] });
+  }
+  const half = Math.max(20, Math.floor((width - 1) / 2));
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", width, height, overflow: "hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { bold: true, wrap: "truncate", children: [
+      "\u6587\u4EF6 \xB7 ",
+      narrow ? activeSide === "local" ? "\u672C\u5730" : "\u8FDC\u7A0B" : "\u672C\u5730 / \u8FDC\u7A0B",
+      " \xB7 Q \u961F\u5217(",
+      jobs.length,
+      ")",
+      busy ? " \xB7 \u5904\u7406\u4E2D\u2026" : ""
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { flexDirection: "row", children: narrow ? renderPane(activeSide, Math.max(20, width - 2)) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      renderPane("local", half),
+      renderPane("remote", width - 1 - half)
+    ] }) }),
+    renderDialog(),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { flexGrow: 1 }),
+    notice ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "cyan", children: clip(visible(notice), Math.max(10, width - 2)) }) }) : null,
+    hintLines.map((hint) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: clip(hint, Math.max(10, width - 2)) }) }, hint))
+  ] });
+}
+
 // src/tui/screens/login.tsx
-var import_react38 = __toESM(require_react(), 1);
+var import_react39 = __toESM(require_react(), 1);
 
 // src/tui/useTerminalSize.ts
-var import_react37 = __toESM(require_react(), 1);
+var import_react38 = __toESM(require_react(), 1);
 function useTerminalSize() {
   const { stdout } = use_stdout_default();
   const read = () => ({
     columns: stdout?.columns || 80,
     rows: stdout?.rows || 24
   });
-  const [size, setSize] = (0, import_react37.useState)(read);
-  (0, import_react37.useEffect)(() => {
+  const [size, setSize] = (0, import_react38.useState)(read);
+  (0, import_react38.useEffect)(() => {
     if (!stdout) return;
     const onResize = () => setSize({ columns: stdout.columns || 80, rows: stdout.rows || 24 });
     stdout.on("resize", onResize);
@@ -35834,7 +37014,7 @@ function useTerminalSize() {
 }
 
 // src/tui/screens/login.tsx
-var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
 function sanitize(input) {
   let out = "";
   for (const char of input) {
@@ -35851,10 +37031,11 @@ function Login({
   notice
 }) {
   const { columns: columns2, rows } = useTerminalSize();
-  const [stage, setStage] = (0, import_react38.useState)("menu");
-  const [choice, setChoice] = (0, import_react38.useState)(0);
-  const [token, setToken] = (0, import_react38.useState)("");
+  const [stage, setStage] = (0, import_react39.useState)("menu");
+  const [choice, setChoice] = (0, import_react39.useState)(0);
+  const [token, setToken] = (0, import_react39.useState)("");
   use_input_default((input, key) => {
+    if (key.ctrl && input.toLowerCase() === "c") return onQuit();
     if (verifying) return;
     if (stage === "menu") {
       if (key.upArrow || key.downArrow || input === "j" || input === "k") {
@@ -35885,37 +37066,37 @@ function Login({
     const clean = sanitize(input);
     if (clean) setToken((v) => v + clean);
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", height: rows, width: columns2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BrandMark, { subtitle: "\u767B\u5165", columns: columns2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
-      stage === "menu" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
-        notice ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "yellow", children: notice }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u5C1A\u672A\u914D\u7F6E\u5F00\u53D1\u8005 Token\uFF0C\u8BF7\u5148\u767B\u5165\u3002" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { inverse: choice === 0, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Box_default, { flexDirection: "column", height: rows, width: columns2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BrandMark, { subtitle: "\u767B\u5165", columns: columns2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+      stage === "menu" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
+        notice ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { color: "yellow", children: notice }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { dimColor: true, children: "\u5C1A\u672A\u914D\u7F6E\u5F00\u53D1\u8005 Token\uFF0C\u8BF7\u5148\u767B\u5165\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text, { inverse: choice === 0, children: [
             choice === 0 ? "\u203A " : "  ",
             "\u914D\u7F6E Token \u767B\u5165"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { inverse: choice === 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text, { inverse: choice === 1, children: [
             choice === 1 ? "\u203A " : "  ",
             "\u9000\u51FA"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u2191\u2193 \u9009\u62E9 \xB7 Enter \u786E\u5B9A \xB7 q \u9000\u51FA" }) })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "\u7C98\u8D34\u4F60\u7684\u5F00\u53D1\u8005 Token\uFF1A" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: "AutoDL \u63A7\u5236\u53F0 \u2192 \u8BBE\u7F6E \u2192 \u5F00\u53D1\u8005 Token\uFF08\u9700\u5148\u5B8C\u6210\u5B9E\u540D\u8BA4\u8BC1\uFF09" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Box_default, { marginTop: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { children: "\u203A " }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { color: "green", children: token ? "\u2022".repeat(Math.min(token.length, 48)) : "" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: token ? ` (${token.length} \u5B57\u7B26)` : "\u7B49\u5F85\u8F93\u5165\u2026" })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { dimColor: true, children: "\u2191\u2193 \u9009\u62E9 \xB7 Enter \u786E\u5B9A \xB7 q \u9000\u51FA" }) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { dimColor: true, children: "\u7C98\u8D34\u4F60\u7684\u5F00\u53D1\u8005 Token\uFF1A" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { dimColor: true, children: "AutoDL \u63A7\u5236\u53F0 \u2192 \u8BBE\u7F6E \u2192 \u5F00\u53D1\u8005 Token\uFF08\u9700\u5148\u5B8C\u6210\u5B9E\u540D\u8BA4\u8BC1\uFF09" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Box_default, { marginTop: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { children: "\u203A " }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { color: "green", children: token ? "\u2022".repeat(Math.min(token.length, 48)) : "" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { dimColor: true, children: token ? ` (${token.length} \u5B57\u7B26)` : "\u7B49\u5F85\u8F93\u5165\u2026" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { dimColor: true, children: verifying ? "\u6B63\u5728\u9A8C\u8BC1\u2026" : "Enter \u9A8C\u8BC1\u5E76\u4FDD\u5B58 \xB7 Esc \u8FD4\u56DE \xB7 \u652F\u6301\u76F4\u63A5\u7C98\u8D34" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { dimColor: true, children: verifying ? "\u6B63\u5728\u9A8C\u8BC1\u2026" : "Enter \u9A8C\u8BC1\u5E76\u4FDD\u5B58 \xB7 Esc \u8FD4\u56DE \xB7 \u652F\u6301\u76F4\u63A5\u7C98\u8D34" }) })
       ] }),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { color: "red", children: [
+      error ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text, { color: "red", children: [
         "\u2716 ",
         error
       ] }) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Text, { dimColor: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text, { dimColor: true, children: [
         "\u9A8C\u8BC1\u901A\u8FC7\u540E\u4F1A\u4FDD\u5B58\u5230 ",
         configPath(),
         "\uFF08\u6743\u9650 0600\uFF09"
@@ -35925,7 +37106,7 @@ function Login({
 }
 
 // src/tui/screens/stock.tsx
-var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
 function toStockRows(snapshots, showEmpty) {
   const rentable = new Map(GPU_SPECS.map((spec) => [spec.stockName, spec.id]));
   const proRegions = new Set(PRO_CREATE_REGIONS.map((region) => region.id));
@@ -35951,7 +37132,7 @@ var columns = [
     header: "\u53EF\u5EFAPro",
     width: 8,
     text: (row) => row.proCreate ? "\u662F" : "\u5426",
-    render: (row) => row.proCreate ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { color: "green", children: "\u662F" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { dimColor: true, children: "\u5426" })
+    render: (row) => row.proCreate ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { color: "green", children: "\u662F" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { dimColor: true, children: "\u5426" })
   },
   {
     header: "GPU",
@@ -35962,19 +37143,19 @@ var columns = [
     header: "\u53EF\u79DF\u89C4\u683C",
     width: 12,
     text: (row) => row.gpuSpec ?? "\u2014",
-    render: (row, clipped) => row.gpuSpec ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { color: "green", children: clipped }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { dimColor: true, children: clipped })
+    render: (row, clipped) => row.gpuSpec ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { color: "green", children: clipped }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { dimColor: true, children: clipped })
   },
   {
     header: "\u7A7A\u95F2",
     width: 7,
     text: (row) => String(row.idle),
-    render: (row, clipped) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { bold: row.idle > 0, children: clipped })
+    render: (row, clipped) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { bold: row.idle > 0, children: clipped })
   },
   {
     header: "\u603B\u6570",
     width: 7,
     text: (row) => String(row.total),
-    render: (_row, clipped) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { dimColor: true, children: clipped })
+    render: (_row, clipped) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { dimColor: true, children: clipped })
   }
 ];
 function StockScreen({
@@ -35982,8 +37163,8 @@ function StockScreen({
   selectedIndex,
   loading
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Box_default, { flexDirection: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Box_default, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       Table,
       {
         columns,
@@ -35993,27 +37174,29 @@ function StockScreen({
         emptyMessage: loading ? "\u6B63\u5728\u67E5\u8BE2\u5E93\u5B58\u2026" : "\u67E5\u8BE2\u8303\u56F4\u5185\u6CA1\u6709\u7A7A\u95F2 GPU"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Box_default, { flexDirection: "column", paddingX: 1, marginTop: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text, { dimColor: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Box_default, { flexDirection: "column", paddingX: 1, marginTop: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Text, { dimColor: true, children: [
         "\u300C\u53EF\u5EFAPro\u300D\u53EA\u6709 ",
         PRO_CREATE_REGIONS.map((r) => r.displayName).join(" / "),
         " \u4E3A\u662F\uFF0C \u5176\u4F59\u5730\u533A\u4EC5\u7528\u4E8E\u5F39\u6027\u90E8\u7F72\u3002"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { color: "yellow", children: "\u6570\u5B57\u6765\u81EA\u300C\u5F39\u6027\u90E8\u7F72 GPU \u5E93\u5B58\u300D\uFF0C\u4E0D\u4EE3\u8868 Pro \u5B9E\u4F8B\u53EF\u7528\u91CF\u2014\u2014\u5B9E\u6D4B\u51FA\u73B0\u8FC7\u663E\u793A 140 \u5F20\u7A7A\u95F2\u3001\u521B\u5EFA\u5374\u63D0\u793A\u6682\u65E0\u5E93\u5B58\u7684\u60C5\u51B5\u3002" })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { color: "yellow", children: "\u6570\u5B57\u6765\u81EA\u300C\u5F39\u6027\u90E8\u7F72 GPU \u5E93\u5B58\u300D\uFF0C\u4E0D\u4EE3\u8868 Pro \u5B9E\u4F8B\u53EF\u7528\u91CF\u2014\u2014\u5B9E\u6D4B\u51FA\u73B0\u8FC7\u663E\u793A 140 \u5F20\u7A7A\u95F2\u3001\u521B\u5EFA\u5374\u63D0\u793A\u6682\u65E0\u5E93\u5B58\u7684\u60C5\u51B5\u3002" })
     ] })
   ] });
 }
 
 // src/tui/app.tsx
-var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
 var SCREEN_TITLES = {
   dashboard: "\u5B9E\u4F8B\u770B\u677F",
   detail: "\u5B9E\u4F8B\u8BE6\u60C5",
   stock: "GPU \u5E93\u5B58",
   create: "\u65B0\u5EFA\u5B9E\u4F8B",
-  help: "\u5FEB\u6377\u952E"
+  help: "\u5FEB\u6377\u952E",
+  files: "\u6587\u4EF6\u7BA1\u7406",
+  transfers: "\u4F20\u8F93\u961F\u5217"
 };
-var DASHBOARD_KEYS = "\u2191\u2193 \u79FB\u52A8 \xB7 Enter \u8BE6\u60C5 \xB7 s \u5F00\u673A \xB7 x \u5173\u673A \xB7 c \u590D\u5236SSH \xB7 ctrl+d \u91CA\u653E \xB7 g \u5E93\u5B58 \xB7 n \u65B0\u5EFA \xB7 r \u5237\u65B0 \xB7 ctrl+l \u9000\u51FA\u767B\u5F55 \xB7 ? \u5E2E\u52A9 \xB7 q \u9000\u51FA";
+var DASHBOARD_KEYS = "\u2191\u2193 \u79FB\u52A8 \xB7 Enter \u8BE6\u60C5 \xB7 s \u5F00\u673A \xB7 x \u5173\u673A \xB7 ctrl+d \u91CA\u653E \xB7 g \u5E93\u5B58 \xB7 r \u5237\u65B0 \xB7 ctrl+l \u9000\u51FA\u767B\u5F55 \xB7 ? \u5E2E\u52A9 \xB7 q \u9000\u51FA";
 var isCtrl = (input, key, letter) => key.ctrl && input.toLowerCase() === letter;
 var HELP_COLUMNS = ((items) => {
   const half = Math.ceil(items.length / 2);
@@ -36023,25 +37206,35 @@ function App2({
   client,
   token,
   tokenSource,
-  onLogout
+  onLogout,
+  baseUrl
 }) {
-  const { exit } = use_app_default();
-  const [view, setView] = (0, import_react39.useState)("dashboard");
-  const [selected, setSelected] = (0, import_react39.useState)(0);
-  const [notice, setNotice] = (0, import_react39.useState)(null);
-  const [pending, setPending] = (0, import_react39.useState)(null);
-  const [busy, setBusy] = (0, import_react39.useState)(false);
-  const [reveal, setReveal] = (0, import_react39.useState)(false);
-  const [stock, setStock] = (0, import_react39.useState)([]);
-  const [stockLoading, setStockLoading] = (0, import_react39.useState)(false);
-  const [stockIndex, setStockIndex] = (0, import_react39.useState)(0);
-  const [balance, setBalance] = (0, import_react39.useState)(null);
-  const [balanceError, setBalanceError] = (0, import_react39.useState)(null);
-  const [expired, setExpired] = (0, import_react39.useState)(null);
-  const [watched, setWatched] = (0, import_react39.useState)(void 0);
+  const { exit, suspendTerminal } = use_app_default();
+  const [view, setView] = (0, import_react40.useState)("dashboard");
+  const [selected, setSelected] = (0, import_react40.useState)(0);
+  const [notice, setNotice] = (0, import_react40.useState)(null);
+  const [pending, setPending] = (0, import_react40.useState)(null);
+  const [busy, setBusy] = (0, import_react40.useState)(false);
+  const [reveal, setReveal] = (0, import_react40.useState)(false);
+  const [stock, setStock] = (0, import_react40.useState)([]);
+  const [stockLoading, setStockLoading] = (0, import_react40.useState)(false);
+  const [stockIndex, setStockIndex] = (0, import_react40.useState)(0);
+  const [balance, setBalance] = (0, import_react40.useState)(null);
+  const [balanceError, setBalanceError] = (0, import_react40.useState)(null);
+  const [expired, setExpired] = (0, import_react40.useState)(null);
+  const [terminalActive, setTerminalActive] = (0, import_react40.useState)(false);
+  const [workspace, setWorkspace] = (0, import_react40.useState)(null);
+  const [fileUuid, setFileUuid] = (0, import_react40.useState)("");
+  const [fileGate, setFileGate] = (0, import_react40.useState)(void 0);
+  const queueRef = (0, import_react40.useRef)(null);
+  const accessController = (0, import_react40.useRef)(null);
+  const fileUuidRef = (0, import_react40.useRef)("");
+  const queueUnsubscribe = (0, import_react40.useRef)(null);
+  const [queueNotice, setQueueNotice] = (0, import_react40.useState)(null);
+  const [watched, setWatched] = (0, import_react40.useState)(void 0);
   const { columns: columns2, rows: terminalRows } = useTerminalSize();
-  const identity = (0, import_react39.useMemo)(() => identityFromToken(token), [token]);
-  const paused = view === "create" || pending !== null || expired !== null;
+  const identity = (0, import_react40.useMemo)(() => identityFromToken(token), [token]);
+  const paused = view === "create" || pending !== null || expired !== null || terminalActive;
   const {
     rows,
     loading,
@@ -36053,24 +37246,24 @@ function App2({
     historyFor,
     loadSnapshot
   } = useInstances(client, { paused, watch: watched });
-  const noteAuthFailure = (0, import_react39.useCallback)((err) => {
+  const noteAuthFailure = (0, import_react40.useCallback)((err) => {
     if (isAuthError(err)) setExpired((current) => current ?? err.message);
   }, []);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (authError) setExpired((current) => current ?? authError);
   }, [authError]);
   const selectedIndex = Math.min(selected, Math.max(0, rows.length - 1));
   const row = rows[selectedIndex];
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (view === "detail" && !row) setView("dashboard");
   }, [view, row]);
   const selectedUuid = row?.instance.uuid;
   const selectedRunning = row?.instance.status === "running";
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     setWatched(selectedRunning ? selectedUuid : void 0);
     if (selectedUuid && selectedRunning) loadSnapshot(selectedUuid);
   }, [selectedUuid, selectedRunning, loadSnapshot]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (expired) return;
     let cancelled = false;
     const load = () => {
@@ -36092,19 +37285,87 @@ function App2({
       clearInterval(timer);
     };
   }, [client, expired, noteAuthFailure]);
-  const noticeTimer = (0, import_react39.useRef)(null);
-  const flash = (0, import_react39.useCallback)((message) => {
+  const noticeTimer = (0, import_react40.useRef)(null);
+  const flash = (0, import_react40.useCallback)((message) => {
     setNotice(message);
     if (noticeTimer.current) clearTimeout(noticeTimer.current);
     noticeTimer.current = setTimeout(() => setNotice(null), 6e3);
   }, []);
-  (0, import_react39.useEffect)(
+  (0, import_react40.useEffect)(
     () => () => {
       if (noticeTimer.current) clearTimeout(noticeTimer.current);
     },
     []
   );
-  const act = (0, import_react39.useCallback)(
+  const getQueue = (0, import_react40.useCallback)(() => {
+    if (!queueRef.current) {
+      const account = [identity.tenant, identity.uid ?? identity.uuid ?? token];
+      const namespace = createHash("sha256").update(
+        JSON.stringify([
+          (baseUrl ?? resolveBaseUrl() ?? DEFAULT_BASE_URL).replace(/\/+$/, ""),
+          account
+        ])
+      ).digest("hex");
+      queueRef.current = new TransferQueue(client, namespace);
+      const queue = queueRef.current;
+      const updateNotice = () => {
+        const jobs = queue.snapshot();
+        const unfinished = jobs.filter(
+          (job) => job.state !== "completed" && job.state !== "cancelled"
+        );
+        setQueueNotice(
+          unfinished.length ? `\u4F20\u8F93 ${unfinished.length} \u9879\u672A\u5B8C\u6210${jobs.some((job) => job.state === "conflict") ? " \xB7 \u7B49\u5F85\u51B2\u7A81\u5904\u7406" : ""} \xB7 t \u67E5\u770B\u961F\u5217` : null
+        );
+      };
+      queueUnsubscribe.current = queue.subscribe(updateNotice);
+      updateNotice();
+    }
+    return queueRef.current;
+  }, [client, baseUrl, identity, token]);
+  (0, import_react40.useEffect)(
+    () => () => {
+      accessController.current?.abort();
+      queueUnsubscribe.current?.();
+      void queueRef.current?.dispose().catch((err) => {
+        process.stderr.write(`\u4F20\u8F93\u961F\u5217\u5173\u95ED\u5931\u8D25\uFF1A${err.message}
+`);
+      });
+    },
+    []
+  );
+  (0, import_react40.useEffect)(() => {
+    if (expired) {
+      void queueRef.current?.pauseAll().catch((err) => flash(err.message));
+    }
+  }, [expired, flash]);
+  const requestExit = (0, import_react40.useCallback)(() => {
+    accessController.current?.abort();
+    if (queueRef.current?.hasPending()) setPending({ kind: "exit" });
+    else exit();
+  }, [exit]);
+  const finishLogout = async (reason) => {
+    if (busy) return;
+    setBusy(true);
+    try {
+      if (queueRef.current) await queueRef.current.pauseAll();
+      onLogout(reason);
+    } catch (err) {
+      flash(err.message);
+      setBusy(false);
+    }
+  };
+  const finishExit = async () => {
+    if (busy) return;
+    setBusy(true);
+    try {
+      if (queueRef.current) await queueRef.current.pauseAll();
+      exit();
+    } catch (err) {
+      flash(err.message);
+      setBusy(false);
+    }
+  };
+  const act = (0, import_react40.useCallback)(
     async (label, fn) => {
       setBusy(true);
       setNotice(`${label}\u2026`);
@@ -36120,7 +37381,7 @@ function App2({
     },
     [flash, refresh, noteAuthFailure]
   );
-  const loadStock = (0, import_react39.useCallback)(async () => {
+  const loadStock = (0, import_react40.useCallback)(async () => {
     setStockLoading(true);
     try {
       const { snapshots } = await getStockByRegion(client);
@@ -36132,7 +37393,106 @@ function App2({
       setStockLoading(false);
     }
   }, [client, flash, noteAuthFailure]);
-  const submitCreate = (0, import_react39.useCallback)(
+  const copySSH = (0, import_react40.useCallback)(
+    (uuid) => {
+      const snapshot = snapshotFor(uuid);
+      if (!snapshot?.ssh.host || !snapshot.ssh.port) {
+        flash("\u5B9E\u4F8B\u672A\u8FD0\u884C\u6216 SSH \u4FE1\u606F\u5C1A\u672A\u5C31\u7EEA");
+        return;
+      }
+      const command = snapshot.ssh.command ?? `ssh -p ${snapshot.ssh.port} root@${snapshot.ssh.host}`;
+      void copyToClipboard(command).then((result) => {
+        flash(
+          result.method === "native" ? `\u2714 \u5DF2\u590D\u5236\uFF1A${command}\u3000\u5BC6\u7801 ${snapshot.ssh.password}` : `${command}\u3000\u5BC6\u7801 ${snapshot.ssh.password}\u3000\uFF08${result.note}\uFF09`
+        );
+      });
+    },
+    [flash, snapshotFor]
+  );
+  const performAccess = (0, import_react40.useCallback)(
+    async (action, signal) => {
+      if (signal?.aborted) return;
+      if (action.kind === "files") {
+        setWorkspace(
+          (prev) => prev && fileUuidRef.current === action.uuid ? prev : new FileWorkspace(client, action.uuid)
+        );
+        fileUuidRef.current = action.uuid;
+        setFileUuid(action.uuid);
+        getQueue();
+        setView("files");
+        if (signal) return;
+        const gate = (async () => {
+          const status = await getInstanceStatus(client, action.uuid);
+          if (status !== "running") {
+            setPending({ kind: "power", action });
+            throw new Error(`\u5B9E\u4F8B ${action.uuid} \u5F53\u524D\u672A\u8FD0\u884C\uFF0C\u8FDC\u7A0B\u76EE\u5F55\u9700\u5F00\u673A\u540E\u67E5\u770B`);
+          }
+        })();
+        gate.catch((err) => {
+          flash(err.message);
+          noteAuthFailure(err);
+        });
+        setFileGate(gate.then(() => void 0));
+        return;
+      }
+      if (action.kind === "resume") {
+        getQueue().resume(action.jobId);
+        return;
+      }
+      setTerminalActive(true);
+      try {
+        let code = 0;
+        await suspendTerminal(async () => {
+          process.stdout.write(LEAVE_ALT_SCREEN);
+          try {
+            code = await connectTerminal(client, action.uuid, signal ? { signal } : {});
+          } finally {
+            process.stdout.write(signal?.aborted ? LEAVE_ALT_SCREEN : ENTER_ALT_SCREEN + CLEAR);
+          }
+        });
+        flash(`SSH \u4F1A\u8BDD\u5DF2\u7ED3\u675F\uFF08\u9000\u51FA\u7801 ${code}\uFF09`);
+      } finally {
+        setTerminalActive(false);
+      }
+    },
+    [client, flash, getQueue, noteAuthFailure, suspendTerminal]
+  );
+  const requestAccess = (0, import_react40.useCallback)(
+    async (action) => {
+      if (action.kind === "files") {
+        if (busy) return;
+        await performAccess(action);
+        return;
+      }
+      if (busy) return;
+      setBusy(true);
+      const controller = new AbortController();
+      accessController.current = controller;
+      try {
+        const status = await getInstanceStatus(client, action.uuid);
+        if (controller.signal.aborted) return;
+        if (status !== "running") {
+          setPending({ kind: "power", action });
+          return;
+        }
+        await performAccess(action, controller.signal);
+      } catch (err) {
+        flash(err.message);
+        noteAuthFailure(err);
+      } finally {
+        setBusy(false);
+      }
+    },
+    [busy, client, flash, noteAuthFailure, performAccess]
+  );
+  const resumeTransfer = (0, import_react40.useCallback)(
+    (jobId) => {
+      const job = queueRef.current?.snapshot().find((entry) => entry.request.id === jobId);
+      if (job) void requestAccess({ kind: "resume", uuid: job.request.uuid, jobId });
+    },
+    [requestAccess]
+  );
+  const submitCreate = (0, import_react40.useCallback)(
     async (draft) => {
       setBusy(true);
       try {
@@ -36162,6 +37522,8 @@ function App2({
   );
   use_input_default(
     (input, key) => {
+      if (isCtrl(input, key, "c")) return requestExit();
+      if (view === "files" || view === "transfers" || view === "create" || expired) return;
       if (view === "help") {
         setView("dashboard");
         return;
@@ -36179,15 +37541,30 @@ function App2({
       }
       if (view === "detail") {
         if (input === "p") return setReveal((v) => !v);
+        if (input === "r") return refresh();
+        if (!row) return;
+        if (input === "h") return void requestAccess({ kind: "ssh", uuid: row.instance.uuid });
+        if (input === "f") return void requestAccess({ kind: "files", uuid: row.instance.uuid });
+        if (input === "c") return copySSH(row.instance.uuid);
+        if (input === "t") {
+          try {
+            getQueue();
+            setView("transfers");
+          } catch (err) {
+            flash(err.message);
+          }
+          return;
+        }
+        if (input === "n") return setView("create");
         return;
       }
-      if (input === "q" || isCtrl(input, key, "c")) return exit();
+      if (input === "q") return requestExit();
+      if (isCtrl(input, key, "c")) return;
       if (input === "?") return setView("help");
       if (key.upArrow || input === "k") return setSelected((v) => Math.max(0, v - 1));
       if (key.downArrow || input === "j")
         return setSelected((v) => Math.max(0, Math.min(rows.length - 1, v + 1)));
       if (input === "r") return refresh();
-      if (input === "n") return setView("create");
       if (isCtrl(input, key, "l")) return setPending({ kind: "logout" });
       if (input === "g") {
         setView("stock");
@@ -36213,37 +37590,31 @@ function App2({
           return stopped ? `\u2714 ${row.instance.uuid} \u5DF2\u5173\u673A\uFF0C\u8BA1\u8D39\u5DF2\u505C\u6B62` : `\u26A0 \u5173\u673A\u672A\u751F\u6548\uFF0C\u72B6\u6001\u4ECD\u4E3A ${status}\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5`;
         });
       }
-      if (input === "c") {
-        const snapshot = snapshotFor(row.instance.uuid);
-        if (!snapshot?.ssh.host || !snapshot.ssh.port) {
-          return flash("\u5B9E\u4F8B\u672A\u8FD0\u884C\u6216 SSH \u4FE1\u606F\u5C1A\u672A\u5C31\u7EEA");
-        }
-        const command = snapshot.ssh.command ?? `ssh -p ${snapshot.ssh.port} root@${snapshot.ssh.host}`;
-        void copyToClipboard(command).then((result) => {
-          flash(
-            result.method === "native" ? `\u2714 \u5DF2\u590D\u5236\uFF1A${command}\u3000\u5BC6\u7801 ${snapshot.ssh.password}` : `${command}\u3000\u5BC6\u7801 ${snapshot.ssh.password}\u3000\uFF08${result.note}\uFF09`
-          );
-        });
-        return;
-      }
       if (isCtrl(input, key, "d")) {
         if (busy) return;
         return setPending({ kind: "release", row });
       }
     },
-    { isActive: view !== "create" && pending === null && expired === null }
+    {
+      isActive: pending === null && !terminalActive
+    }
   );
-  const hints = expired ? "Enter \u91CD\u65B0\u767B\u5165 \xB7 q \u9000\u51FA" : pending ? CONFIRM_KEYS : view === "create" ? (
+  const hints = expired && !pending ? "Enter \u91CD\u65B0\u767B\u5165 \xB7 q \u9000\u51FA" : pending ? CONFIRM_KEYS : view === "files" || view === "transfers" ? "Esc \u8FD4\u56DE \xB7 ctrl+c \u9000\u51FA\uFF08\u672A\u5B8C\u6210\u4EFB\u52A1\u5148\u786E\u8BA4\uFF09" : view === "create" ? (
     // Step-agnostic on purpose: the wizard's own line says what Enter does at this
     // step, and only Esc is true at every one of them.
     "Esc \u53D6\u6D88"
-  ) : view === "help" ? "\u6309\u4EFB\u610F\u952E\u8FD4\u56DE" : view === "detail" ? "p \u663E\u793A/\u9690\u85CF\u5BC6\u7801 \xB7 Esc \u8FD4\u56DE" : view === "stock" ? "\u2191\u2193 \u79FB\u52A8 \xB7 r \u5237\u65B0 \xB7 Esc \u8FD4\u56DE" : DASHBOARD_KEYS;
+  ) : view === "help" ? "\u6309\u4EFB\u610F\u952E\u8FD4\u56DE" : view === "detail" ? "h SSH\u767B\u5F55 \xB7 f \u6587\u4EF6 \xB7 t \u4F20\u8F93 \xB7 c \u590D\u5236SSH \xB7 n \u65B0\u5EFA \xB7 p \u663E\u793A/\u9690\u85CF\u5BC6\u7801 \xB7 Esc \u8FD4\u56DE" : view === "stock" ? "\u2191\u2193 \u79FB\u52A8 \xB7 r \u5237\u65B0 \xB7 Esc \u8FD4\u56DE" : DASHBOARD_KEYS;
   const showsDashboard = !expired && !pending && view === "dashboard";
+  const showsFiles = !expired && !pending && (view === "files" || view === "transfers");
   return (
     // Claim the entire terminal so the dashboard is a fixed full-screen surface rather
     // than a block that grows and shrinks with its content.
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Box_default, { flexDirection: "column", height: terminalRows, width: columns2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Box_default, { flexDirection: "column", height: terminalRows, width: columns2, children: [
+      showsFiles ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Box_default, { height: 1, flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Text, { bold: true, wrap: "truncate", children: [
+        "AutoDL \xB7 ",
+        SCREEN_TITLES[view],
+        view === "files" ? ` \xB7 ${fileUuid}` : ""
+      ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Header,
         {
           subtitle: SCREEN_TITLES[view],
@@ -36253,27 +37624,56 @@ function App2({
           columns: columns2
         }
       ),
-      expired ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      expired && !pending ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         SessionExpired,
         {
           message: expired,
-          onRelogin: () => onLogout("\u4E0A\u4E00\u6B21\u4F1A\u8BDD\u7684 Token \u5DF2\u5931\u6548\uFF0C\u8BF7\u91CD\u65B0\u767B\u5165\u3002"),
-          onQuit: exit
+          onRelogin: () => void finishLogout("\u4E0A\u4E00\u6B21\u4F1A\u8BDD\u7684 Token \u5DF2\u5931\u6548\uFF0C\u8BF7\u91CD\u65B0\u767B\u5165\u3002"),
+          onQuit: requestExit
         }
-      ) : pending?.kind === "logout" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      ) : pending?.kind === "logout" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Confirm,
         {
           title: "\u9000\u51FA\u767B\u5F55\uFF1F",
-          detail: `\u4F1A\u6E05\u9664\u4FDD\u5B58\u5728 ${configPath()} \u7684 Token\uFF0C\u5E76\u8FD4\u56DE\u767B\u5165\u754C\u9762\u3002\u5B9E\u4F8B\u4E0D\u53D7\u5F71\u54CD\uFF0C\u8FD0\u884C\u4E2D\u7684\u5B9E\u4F8B\u4F1A\u7EE7\u7EED\u8BA1\u8D39\u3002`,
+          detail: `\u4F1A\u5148\u6682\u505C\u672A\u5B8C\u6210\u4F20\u8F93\uFF0C\u6E05\u9664\u4FDD\u5B58\u5728 ${configPath()} \u7684 Token\uFF0C\u5E76\u8FD4\u56DE\u767B\u5165\u754C\u9762\u3002\u5B9E\u4F8B\u7EE7\u7EED\u8BA1\u8D39\uFF1B\u4F20\u8F93\u8BB0\u5F55\u4FDD\u7559\uFF0C\u91CD\u65B0\u767B\u5F55\u540E\u53EF\u624B\u52A8\u6062\u590D\u3002`,
           danger: tokenOverrideNote(tokenSource) ?? void 0,
           confirmLabel: "\u9000\u51FA\u767B\u5F55",
+          onConfirm: () => void finishLogout(),
+          onCancel: () => setPending(null)
+        }
+      ) : pending?.kind === "exit" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        Confirm,
+        {
+          title: "\u6682\u505C\u4F20\u8F93\u5E76\u9000\u51FA\uFF1F",
+          detail: "\u5F53\u524D\u548C\u6392\u961F\u4EFB\u52A1\u5C06\u6682\u505C\uFF0C\u4FDD\u7559\u7EED\u4F20\u6570\u636E\u3002\u4E0B\u6B21\u6253\u5F00\u4F20\u8F93\u961F\u5217\u540E\u53EF\u624B\u52A8\u6062\u590D\uFF1B\u9000\u51FA\u540E\u4E0D\u4F1A\u540E\u53F0\u4F20\u8F93\u3002",
+          confirmLabel: "\u6682\u505C\u5E76\u9000\u51FA",
+          onConfirm: () => void finishExit(),
+          onCancel: () => setPending(null)
+        }
+      ) : pending?.kind === "power" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        Confirm,
+        {
+          title: `\u542F\u52A8\u5B9E\u4F8B ${pending.action.uuid}\uFF1F`,
+          detail: "\u5B9E\u4F8B\u5C1A\u672A\u8FD0\u884C\u3002\u786E\u8BA4\u540E\u7B49\u5F85\u5F00\u673A\u548C SSH \u5C31\u7EEA\uFF0C\u518D\u7EE7\u7EED\u521A\u624D\u7684\u64CD\u4F5C\u3002",
+          danger: "\u5F00\u673A\u4F1A\u4EA7\u751F\u5B9E\u4F8B\u8D39\u7528\u3002\u81EA\u52A8\u91CD\u8FDE\u4E0D\u4F1A\u81EA\u52A8\u5F00\u673A\u3002",
+          confirmLabel: "\u5F00\u673A\u5E76\u7EE7\u7EED",
           onConfirm: () => {
+            const action = pending.action;
             setPending(null);
-            onLogout();
+            void act("\u5F00\u673A\u5E76\u8FDE\u63A5", async () => {
+              const controller = new AbortController();
+              accessController.current = controller;
+              await getCredentials(client, action.uuid, {
+                autoStart: true,
+                signal: controller.signal
+              });
+              await performAccess(action, controller.signal);
+              return "\u64CD\u4F5C\u5DF2\u7EE7\u7EED";
+            });
           },
           onCancel: () => setPending(null)
         }
-      ) : pending ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      ) : pending?.kind === "release" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Confirm,
         {
           title: `\u91CA\u653E\u5B9E\u4F8B ${pending.row.instance.name || pending.row.instance.uuid}\uFF1F`,
@@ -36290,18 +37690,39 @@ function App2({
           },
           onCancel: () => setPending(null)
         }
-      ) : view === "create" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CreateWizard, { busy, onSubmit: submitCreate, onCancel: () => setView("dashboard") }) : view === "detail" && row ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Detail, { row, snapshot: snapshotFor(row.instance.uuid), revealSecrets: reveal }) : view === "stock" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      ) : view === "files" && workspace && queueRef.current ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        FilesScreen,
+        {
+          workspace,
+          queue: queueRef.current,
+          uuid: fileUuid,
+          width: columns2,
+          height: Math.max(6, terminalRows - 2),
+          onBack: () => setView("dashboard"),
+          onResume: resumeTransfer,
+          ...fileGate ? { whenRunning: fileGate } : {}
+        }
+      ) : view === "transfers" && queueRef.current ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        TransferJobs,
+        {
+          queue: queueRef.current,
+          width: columns2,
+          height: Math.max(6, terminalRows - 2),
+          onBack: () => setView("dashboard"),
+          onResume: resumeTransfer
+        }
+      ) : view === "create" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CreateWizard, { busy, onSubmit: submitCreate, onCancel: () => setView("dashboard") }) : view === "detail" && row ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Detail, { row, snapshot: snapshotFor(row.instance.uuid), revealSecrets: reveal }) : view === "stock" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         StockScreen,
         {
           rows: toStockRows(stock, false),
           selectedIndex: stockIndex,
           loading: stockLoading
         }
-      ) : view === "help" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { bold: true, children: "\u5FEB\u6377\u952E" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Box_default, { children: HELP_COLUMNS.map((column) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Box_default, { flexDirection: "column", width: 22, children: column.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { children: item }, item)) }, column[0])) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text, { dimColor: true, children: "\u6309\u4EFB\u610F\u952E\u8FD4\u56DE" })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      ) : view === "help" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { bold: true, children: "\u5FEB\u6377\u952E" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Box_default, { children: HELP_COLUMNS.map((column) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Box_default, { flexDirection: "column", width: 22, children: column.map((item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { children: item }, item)) }, column[0])) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { dimColor: true, children: "\u6309\u4EFB\u610F\u952E\u8FD4\u56DE" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Dashboard,
         {
           rows,
@@ -36314,13 +37735,13 @@ function App2({
           height: terminalRows
         }
       ),
-      showsDashboard ? null : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Box_default, { flexGrow: 1 }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      showsDashboard || showsFiles ? null : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Box_default, { flexGrow: 1 }),
+      showsFiles ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Box_default, { height: 1, flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { color: "cyan", wrap: "truncate", children: notice ?? "ctrl+c \u9000\u51FA\uFF08\u672A\u5B8C\u6210\u4F20\u8F93\u5148\u786E\u8BA4\uFF09" }) }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         StatusBar,
         {
           rows,
           error: expired ? null : error,
-          notice,
+          notice: notice ?? queueNotice,
           lastUpdated,
           hints
         }
@@ -36330,20 +37751,21 @@ function App2({
 }
 function Root({ globals }) {
   const { exit } = use_app_default();
-  const [session, setSession] = (0, import_react39.useState)(() => {
+  const [session, setSession] = (0, import_react40.useState)(() => {
     const resolved = tryResolveToken(globals.token);
     if (!resolved) return null;
     const baseUrl = resolveBaseUrl(globals.baseUrl);
     return {
       client: new AutoDLClient({ token: resolved.token, ...baseUrl ? { baseUrl } : {} }),
       token: resolved.token,
-      source: resolved.source
+      source: resolved.source,
+      baseUrl: baseUrl ?? DEFAULT_BASE_URL
     };
   });
-  const [error, setError] = (0, import_react39.useState)(null);
-  const [notice, setNotice] = (0, import_react39.useState)(null);
-  const [verifying, setVerifying] = (0, import_react39.useState)(false);
-  const submit = (0, import_react39.useCallback)(
+  const [error, setError] = (0, import_react40.useState)(null);
+  const [notice, setNotice] = (0, import_react40.useState)(null);
+  const [verifying, setVerifying] = (0, import_react40.useState)(false);
+  const submit = (0, import_react40.useCallback)(
     async (token) => {
       setVerifying(true);
       setError(null);
@@ -36359,7 +37781,12 @@ function Root({ globals }) {
         });
         if (client !== candidate) await getBalance(client);
         setNotice(null);
-        setSession({ client, token: resolved.token, source: resolved.source });
+        setSession({
+          client,
+          token: resolved.token,
+          source: resolved.source,
+          baseUrl: baseUrl ?? DEFAULT_BASE_URL
+        });
       } catch (err) {
         setError(err.message);
       } finally {
@@ -36368,7 +37795,7 @@ function Root({ globals }) {
     },
     [globals.baseUrl, globals.token]
   );
-  const logout = (0, import_react39.useCallback)(
+  const logout = (0, import_react40.useCallback)(
     (reason) => {
       clearToken();
       const override = session ? tokenOverrideNote(session.source) : null;
@@ -36379,18 +37806,19 @@ function Root({ globals }) {
     [session]
   );
   if (!session) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Login, { onSubmit: submit, onQuit: exit, error, verifying, notice });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Login, { onSubmit: submit, onQuit: exit, error, verifying, notice });
   }
   return (
     // Keyed on the token so a re-login remounts: the previous session's instances,
     // balance and error state must not bleed into the new account's dashboard.
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       App2,
       {
         client: session.client,
         token: session.token,
         tokenSource: session.source,
-        onLogout: logout
+        onLogout: logout,
+        baseUrl: session.baseUrl
       },
       session.token
     )
@@ -36403,24 +37831,29 @@ async function runTui(globals = {}) {
   const previous = { json: isJson(), verbose: isVerbose() };
   configureOutput({ quiet: true });
   let restored = false;
+  let app;
   const restore = () => {
     if (restored) return;
     restored = true;
     process.stdout.write(LEAVE_ALT_SCREEN);
     configureOutput({ quiet: false, json: previous.json, verbose: previous.verbose });
   };
+  const stop = () => {
+    app?.unmount();
+    restore();
+  };
   process.once("exit", restore);
-  process.once("SIGINT", restore);
-  process.once("SIGTERM", restore);
+  process.once("SIGINT", stop);
+  process.once("SIGTERM", stop);
   process.stdout.write(ENTER_ALT_SCREEN + CLEAR);
   try {
-    const app = render_default(/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Root, { globals }));
+    app = render_default(/* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Root, { globals }), { exitOnCtrlC: false });
     await app.waitUntilExit();
   } finally {
     restore();
     process.off("exit", restore);
-    process.off("SIGINT", restore);
-    process.off("SIGTERM", restore);
+    process.off("SIGINT", stop);
+    process.off("SIGTERM", stop);
   }
 }
 export {
@@ -36540,4 +37973,4 @@ react/cjs/react-jsx-runtime.development.js:
    * LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=app-3QXI65BE.js.map
+//# sourceMappingURL=app-V5GCG3MC.js.map