alink-cli 0.8.2 → 0.8.4

package/bin/agentlink-prompts.js

@@ -46,6 +46,11 @@ export async function accountCredentials() {
   if (!process.stdin.isTTY) {
     throw new Error("首次运行需要登录账号，请在交互式终端运行。");
   }
+  // The parent Ink TUI may leave stdin in raw mode. readline.question() needs
+  // cooked mode to echo characters correctly.
+  if (typeof process.stdin.setRawMode === "function" && process.stdin.isRaw) {
+    process.stdin.setRawMode(false);
+  }
   const readline = createInterface({ input: process.stdin, output: process.stdout });
   const identifier = (await readline.question("AgentLink 账号：")).trim();
   readline.close();

package/dist/ui.js

@@ -48318,9 +48318,6 @@ function formatDuration(ms) {
   if (minutes > 0) return `${minutes}\u5206\u949F`;
   return `${seconds}\u79D2`;
 }
-function fingerprint(secret) {
-  return `${secret.slice(0, 8)}\u2026`;
-}
 var CONFIG_FILE = join2(STATE_DIR, "config.json");
 function loadConfig() {
   try {
@@ -48344,52 +48341,54 @@ function saveConfig(config) {
   writeFileSync2(CONFIG_FILE, JSON.stringify(config, null, 2));
 }
 function StatusBar({ running, status }) {
-  const credential = readCredential(status?.hub || loadConfig().hub);
+  const hub = status?.hub || loadConfig().hub;
+  const loggedIn = isLoggedIn(hub);
   const upTime = running && status?.startedAt ? formatDuration(Date.now() - status.startedAt) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "single", paddingX: 1, marginBottom: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { bold: true, children: "AgentLink CLI" }),
+  const machineTag = status?.machineId ? status.machineId.slice(-6) : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { bold: true, color: "cyanBright", children: "\u25C6 AgentLink CLI" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { gap: 2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
         "\u72B6\u6001: ",
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: running ? "green" : "red", children: running ? "\u8FD0\u884C\u4E2D" : "\u5DF2\u505C\u6B62" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: running ? "green" : "red", children: running ? "\u25CF \u8FD0\u884C\u4E2D" : "\u25CB \u5DF2\u505C\u6B62" })
       ] }),
-      running && status?.pid ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+      running && status?.pid ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
         "PID: ",
-        status.pid
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "white", children: status.pid })
       ] }) : null,
-      upTime ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+      upTime ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
         "\u5DF2\u8FD0\u884C: ",
-        upTime
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "white", children: upTime })
       ] }) : null
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { gap: 2, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
         "Hub: ",
-        status?.hub || loadConfig().hub
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "blue", children: hub })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
+        "\u8D26\u53F7: ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: loggedIn ? "green" : "yellow", children: loggedIn ? "\u5DF2\u767B\u5F55" : "\u672A\u767B\u5F55" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
-        "\u51ED\u8BC1: ",
-        credential ? fingerprint(credential) : "\u672A\u767B\u5F55"
-      ] })
+      loggedIn && machineTag ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
+        "\u673A\u5668: ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "white", children: [
+          "#",
+          machineTag
+        ] })
+      ] }) : null
     ] })
   ] });
 }
 function Menu({ items, selectedIndex }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { flexDirection: "column", children: items.map((item, index) => {
     const active = index === selectedIndex;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      Text,
-      {
-        color: item.disabled ? "gray" : active ? "cyan" : void 0,
-        bold: active,
-        children: [
-          active ? "> " : "  ",
-          item.label,
-          item.disabled ? " (\u4E0D\u53EF\u7528)" : ""
-        ]
-      },
-      item.value
-    );
+    const color = item.disabled ? "gray" : active ? "cyanBright" : "white";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color, bold: active, children: [
+      active ? "\u276F " : "  ",
+      item.label,
+      item.disabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: " (\u4E0D\u53EF\u7528)" }) : null
+    ] }, item.value);
   }) });
 }
 function SimpleInput({ label, value, onChange, onSubmit, onCancel, mask }) {
@@ -48410,11 +48409,11 @@ function SimpleInput({ label, value, onChange, onSubmit, onCancel, mask }) {
       onChange(value + input);
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { bold: true, color: "cyanBright", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "white", children: [
       mask ? "*".repeat(value.length) : value,
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: "_" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyanBright", children: "\u258F" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: "Enter \u786E\u8BA4 \xB7 Esc \u53D6\u6D88" })
   ] });
@@ -48423,35 +48422,35 @@ function StatusDetail({ status, running, onBack }) {
   use_input_default((_, key) => {
     if (key.return || key.escape) onBack();
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "single", paddingX: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { bold: true, children: "Daemon \u72B6\u6001\u8BE6\u60C5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { bold: true, color: "cyanBright", children: "\u25C6 Daemon \u72B6\u6001\u8BE6\u60C5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
       "\u8FD0\u884C\u4E2D: ",
-      running ? "\u662F" : "\u5426"
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: running ? "green" : "red", children: running ? "\u662F" : "\u5426" })
     ] }),
-    status?.pid ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+    status?.pid ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
       "PID: ",
-      status.pid
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "white", children: status.pid })
     ] }) : null,
-    status?.state ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+    status?.state ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
       "State: ",
-      status.state
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "white", children: status.state })
     ] }) : null,
-    status?.hub ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+    status?.hub ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
       "Hub: ",
-      status.hub
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "blue", children: status.hub })
     ] }) : null,
-    status?.machineId ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+    status?.machineId ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
       "Machine ID: ",
-      status.machineId
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "white", children: status.machineId })
     ] }) : null,
-    status?.daemonVersion ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+    status?.daemonVersion ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
       "\u7248\u672C: ",
-      status.daemonVersion
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "white", children: status.daemonVersion })
     ] }) : null,
-    status?.startedAt ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { children: [
+    status?.startedAt ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
       "\u542F\u52A8\u65F6\u95F4: ",
-      new Date(status.startedAt).toLocaleString()
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "white", children: new Date(status.startedAt).toLocaleString() })
     ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", dimColor: true, children: "\u6309 Enter / Esc \u8FD4\u56DE" })
   ] });
@@ -48468,10 +48467,13 @@ function ConfirmDialog({ title, onConfirm, onCancel }) {
     }
     if (key.escape) onCancel();
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "single", paddingX: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { gap: 2, children: options.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { bold: i === selected, color: i === selected ? "cyan" : void 0, children: [
-      i === selected ? "> " : "  ",
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { bold: true, color: "yellow", children: [
+      "\u26A0 ",
+      title
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { gap: 2, marginTop: 1, children: options.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { bold: i === selected, color: i === selected ? i === 0 ? "greenBright" : "redBright" : "gray", children: [
+      i === selected ? "\u276F " : "  ",
       opt
     ] }, opt)) })
   ] });
@@ -48480,13 +48482,28 @@ function HelpView({ onBack }) {
   use_input_default((_, key) => {
     if (key.return || key.escape) onBack();
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "single", paddingX: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { bold: true, children: "\u5FEB\u6377\u5E2E\u52A9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u2022 \u65B9\u5411\u952E / j k \u9009\u62E9\u83DC\u5355" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u2022 Enter \u6267\u884C \xB7 Esc \u8FD4\u56DE/\u9000\u51FA" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u2022 \u542F\u52A8\u540E daemon \u5728\u540E\u53F0\u8FD0\u884C\uFF0C\u9000\u51FA TUI \u4E0D\u5F71\u54CD\u5B83" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u2022 alink-cli status / login / logout / machines \u4ECD\u53EF\u547D\u4EE4\u884C\u4F7F\u7528" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u2022 alink-cli --legacy \u8FD0\u884C\u65E7\u7248\u524D\u53F0 daemon" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { bold: true, color: "cyanBright", children: "\u25C6 \u5FEB\u6377\u5E2E\u52A9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", children: "\u2022" }),
+      " \u65B9\u5411\u952E / j k \u9009\u62E9\u83DC\u5355"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", children: "\u2022" }),
+      " Enter \u6267\u884C \xB7 Esc \u8FD4\u56DE/\u9000\u51FA"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", children: "\u2022" }),
+      " \u542F\u52A8\u540E daemon \u5728\u540E\u53F0\u8FD0\u884C\uFF0C\u9000\u51FA TUI \u4E0D\u5F71\u54CD\u5B83"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", children: "\u2022" }),
+      " alink-cli status / login / logout / machines \u4ECD\u53EF\u547D\u4EE4\u884C\u4F7F\u7528"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "gray", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", children: "\u2022" }),
+      " alink-cli --legacy \u8FD0\u884C\u65E7\u7248\u524D\u53F0 daemon"
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", dimColor: true, children: "\u6309 Enter / Esc \u8FD4\u56DE" })
   ] });
 }
@@ -48501,6 +48518,7 @@ function App2() {
   const [config, setConfig] = (0, import_react22.useState)(loadConfig());
   const [inputValue, setInputValue] = (0, import_react22.useState)("");
   const [settingsField, setSettingsField] = (0, import_react22.useState)(null);
+  const [authTick, setAuthTick] = (0, import_react22.useState)(0);
   (0, import_react22.useEffect)(() => {
     const id = setInterval(() => {
       setRunning(isDaemonRunning());
@@ -48509,6 +48527,7 @@ function App2() {
     return () => clearInterval(id);
   }, []);
   const menuItems = (0, import_react22.useMemo)(() => {
+    void authTick;
     const loggedIn = isLoggedIn(loadConfig().hub);
     const items = [];
     if (!running) {
@@ -48519,13 +48538,13 @@ function App2() {
     }
     items.push({ label: "\u67E5\u770B\u72B6\u6001\u8BE6\u60C5", value: "status" });
     items.push({ label: loggedIn ? "\u9000\u51FA\u8D26\u53F7" : "\u767B\u5F55\u8D26\u53F7", value: loggedIn ? "logout" : "login" });
-    if (!loggedIn) items.push({ label: "\u626B\u7801\u914D\u5BF9", value: "pair" });
+    if (!loggedIn) items.push({ label: "\u514D\u767B\u5F55\u914D\u5BF9\uFF08\u65E0\u9700\u8D26\u53F7\uFF0C\u7AEF\u5230\u7AEF\u52A0\u5BC6\uFF09", value: "pair" });
     items.push({ label: "\u67E5\u770B\u673A\u5668", value: "machines", disabled: !loggedIn });
     items.push({ label: "\u8BBE\u7F6E", value: "settings" });
     items.push({ label: "\u5E2E\u52A9", value: "help" });
     items.push({ label: "\u9000\u51FA TUI", value: "exit" });
     return items;
-  }, [running]);
+  }, [running, authTick]);
   (0, import_react22.useEffect)(() => {
     if (selectedIndex >= menuItems.length) setSelectedIndex(0);
   }, [menuItems, selectedIndex]);
@@ -48706,7 +48725,18 @@ function App2() {
           }
         );
       case "login":
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoginView, { onDone: () => setView("menu"), onCancel: () => setView("menu") });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          LoginView,
+          {
+            hub: loadConfig().hub,
+            onDone: () => {
+              setAuthTick((t) => t + 1);
+              setView("menu");
+            },
+            onCancel: () => setView("menu"),
+            setNotice
+          }
+        );
       case "pair":
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PairView, { onDone: () => setView("menu"), onCancel: () => setView("menu") });
       case "machines":
@@ -48719,7 +48749,10 @@ function App2() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", padding: 1, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusBar, { running, status }),
     renderBody(),
-    message ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "yellow", children: message }) }) : null
+    message ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { marginTop: 1, borderStyle: "round", borderColor: "yellow", paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "yellow", children: [
+      "\u27A4 ",
+      message
+    ] }) }) : null
   ] });
 }
 function SettingsPanel({
@@ -48787,10 +48820,10 @@ function SettingsPanel({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "single", paddingX: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { bold: true, children: "\u8BBE\u7F6E" }),
-    options.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { bold: i === selected, color: i === selected ? "cyan" : void 0, children: [
-      i === selected ? "> " : "  ",
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { bold: true, color: "cyanBright", children: "\u25C6 \u8BBE\u7F6E" }),
+    options.map((opt, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { bold: i === selected, color: i === selected ? "cyanBright" : "white", children: [
+      i === selected ? "\u276F " : "  ",
       opt.label
     ] }, opt.value))
   ] });
@@ -48798,41 +48831,109 @@ function SettingsPanel({
 function runDetachedScript(args, options = {}) {
   return new Promise((resolve2) => {
     const binPath = fileURLToPath2(new URL("../bin/agentlink.js", import.meta.url));
+    const parentRaw = process.stdin.isTTY && process.stdin.isRaw;
     const child = spawn2(process.execPath, [binPath, ...args, "--no-tui"], {
       stdio: "inherit",
       env: { ...process.env, ...options.env }
     });
-    child.on("exit", (code) => resolve2(code ?? 1));
+    child.on("exit", (code) => {
+      if (process.stdin.isTTY && typeof process.stdin.setRawMode === "function") {
+        process.stdin.setRawMode(parentRaw);
+      }
+      resolve2(code ?? 1);
+    });
   });
 }
-function LoginView({ onDone, onCancel }) {
-  const { exit } = use_app_default();
-  const [stage, setStage] = (0, import_react22.useState)("confirm");
-  use_input_default(async (_, key) => {
-    if (stage === "confirm") {
-      if (key.return) {
-        setStage("running");
-        await runDetachedScript(["login"]);
-        setStage("done");
-      } else if (key.escape) {
-        onCancel();
-      }
-    } else if (stage === "done") {
-      if (key.return || key.escape) {
-        exit();
-      }
+function LoginView({
+  hub,
+  onDone,
+  onCancel,
+  setNotice
+}) {
+  const [stage, setStage] = (0, import_react22.useState)("identifier");
+  const [identifier, setIdentifier] = (0, import_react22.useState)("");
+  const [inputVal, setInputVal] = (0, import_react22.useState)("");
+  const [error, setError] = (0, import_react22.useState)("");
+  use_input_default((_, key) => {
+    if (stage !== "error") return;
+    if (key.return) {
+      setError("");
+      setInputVal("");
+      setStage("password");
+    } else if (key.escape) {
+      onCancel();
     }
   });
-  if (stage === "running") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u6B63\u5728\u6253\u5F00\u767B\u5F55\u6D41\u7A0B..." });
+  async function submit(id, pw) {
+    setStage("submitting");
+    try {
+      const { hostname: hostname2 } = await import("node:os");
+      const account = await import(new URL("../bin/agentlink-account.js", import.meta.url).href);
+      const config = await account.loadAgentLinkAccountConfig(hub);
+      const result = await account.registerAgentLinkAccountMachine({
+        hub,
+        config,
+        identifier: id,
+        password: pw,
+        machineName: hostname2()
+      });
+      saveCredential(result.credential, hub);
+      if (result.jwt) saveSessionJwt(result.jwt, hub);
+      setNotice("\u767B\u5F55\u6210\u529F\uFF0C\u8FD9\u53F0\u7535\u8111\u5DF2\u52A0\u5165\u8D26\u53F7\u3002");
+      onDone();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+      setStage("error");
+    }
+  }
+  if (stage === "submitting") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", children: "\u23F3 \u6B63\u5728\u767B\u5F55\u5E76\u6CE8\u518C\u8FD9\u53F0\u673A\u5668..." });
+  }
+  if (stage === "error") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Text, { color: "redBright", children: [
+        "\u2716 \u767B\u5F55\u5931\u8D25\uFF1A",
+        error
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: "Enter \u91CD\u8BD5 \xB7 Esc \u8FD4\u56DE\u83DC\u5355" })
+    ] });
   }
-  if (stage === "done") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u767B\u5F55\u6D41\u7A0B\u7ED3\u675F\u3002\u6309 Enter \u9000\u51FA CLI\u3002" }) });
+  if (stage === "password") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      SimpleInput,
+      {
+        label: "\u5BC6\u7801\uFF1A",
+        value: inputVal,
+        mask: true,
+        onChange: setInputVal,
+        onSubmit: () => {
+          const pw = inputVal;
+          setInputVal("");
+          void submit(identifier, pw);
+        },
+        onCancel
+      }
+    );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "single", paddingX: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u5C06\u9000\u51FA TUI \u5E76\u8FDB\u5165\u8D26\u53F7\u5BC6\u7801\u767B\u5F55\u6D41\u7A0B\u3002" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: "Enter \u7EE7\u7EED \xB7 Esc \u53D6\u6D88" })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SimpleInput,
+    {
+      label: "\u8D26\u53F7\uFF08\u7528\u6237\u540D\u6216\u90AE\u7BB1\uFF09\uFF1A",
+      value: inputVal,
+      onChange: setInputVal,
+      onSubmit: () => {
+        if (!inputVal.trim()) return;
+        setIdentifier(inputVal.trim());
+        setInputVal("");
+        setStage("password");
+      },
+      onCancel
+    }
+  );
+}
+function saveSessionJwt(jwt, hub) {
+  const sessionFile = join2(STATE_DIR, "session");
+  writeFileSync2(sessionFile, JSON.stringify({ hub: normalizeHub(hub), jwt }), { mode: 384 });
 }
 function PairView({ onDone, onCancel }) {
   const { exit } = use_app_default();
@@ -48853,13 +48954,16 @@ function PairView({ onDone, onCancel }) {
     }
   });
   if (stage === "running") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u6B63\u5728\u6253\u5F00\u626B\u7801\u914D\u5BF9\u6D41\u7A0B..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", children: "\u23F3 \u6B63\u5728\u6253\u5F00\u626B\u7801\u914D\u5BF9\u6D41\u7A0B..." });
   }
   if (stage === "done") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u914D\u5BF9\u6D41\u7A0B\u7ED3\u675F\u3002\u6309 Enter \u9000\u51FA CLI\u3002" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "green", children: "\u2714 \u914D\u5BF9\u6D41\u7A0B\u7ED3\u675F\u3002\u6309 Enter \u9000\u51FA CLI\u3002" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "single", paddingX: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u5C06\u9000\u51FA TUI \u5E76\u8FDB\u5165\u626B\u7801\u914D\u5BF9\u6D41\u7A0B\u3002" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "white", children: "\u5C06\u9000\u51FA TUI \u5E76\u8FDB\u5165\u626B\u7801\u914D\u5BF9\u6D41\u7A0B\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: "\u914D\u5BF9\u540E\u53EF\u5728\u6D4F\u89C8\u5668\u76F4\u63A5\u4F7F\u7528\uFF0C\u65E0\u9700\u6CE8\u518C\u6216\u767B\u5F55\u8D26\u53F7\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: "\u4F1A\u8BDD\u5728\u6D4F\u89C8\u5668\u4E0E\u672C\u673A\u4E4B\u95F4\u7AEF\u5230\u7AEF\u52A0\u5BC6\uFF0C\u670D\u52A1\u5668\u53EA\u4E2D\u8F6C\u3001\u770B\u4E0D\u5230\u660E\u6587\u3002" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: "\u767B\u5F55\u8D26\u53F7\u53EA\u662F\u5E2E\u4F60\u5B89\u5168\u4FDD\u5B58\u52A0\u5BC6\u5BC6\u94A5\uFF0C\u65B9\u4FBF\u6362\u8BBE\u5907\u65F6\u81EA\u52A8\u6062\u590D\u3002" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: "Enter \u7EE7\u7EED \xB7 Esc \u53D6\u6D88" })
   ] });
 }
@@ -48882,13 +48986,13 @@ function MachinesView({ onDone }) {
     }
   });
   if (stage === "running") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u6B63\u5728\u6253\u5F00\u673A\u5668\u5217\u8868..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "cyan", children: "\u23F3 \u6B63\u5728\u6253\u5F00\u673A\u5668\u5217\u8868..." });
   }
   if (stage === "done") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u673A\u5668\u5217\u8868\u5DF2\u5173\u95ED\u3002\u6309 Enter \u9000\u51FA CLI\u3002" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "green", children: "\u2714 \u673A\u5668\u5217\u8868\u5DF2\u5173\u95ED\u3002\u6309 Enter \u9000\u51FA CLI\u3002" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "single", paddingX: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { children: "\u5C06\u9000\u51FA TUI \u5E76\u663E\u793A\u8D26\u53F7\u4E0B\u7684\u673A\u5668\u5217\u8868\u3002" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Box_default, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "white", children: "\u5C06\u9000\u51FA TUI \u5E76\u663E\u793A\u8D26\u53F7\u4E0B\u7684\u673A\u5668\u5217\u8868\u3002" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { color: "gray", children: "Enter \u7EE7\u7EED \xB7 Esc \u53D6\u6D88" })
   ] });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "alink-cli",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "description": "一条命令把工作机接入 AgentLink，随时随地遥控本机的编码 agent。One command to link your machine to AgentLink and control your coding agents from anywhere.",
   "keywords": [
     "acp",