xgen-dex-cli 1.2.2 → 1.3.0

package/dist/chunks/{tui-PNFWGJTJ.js → tui-GDC2NODL.js}

@@ -1,18 +1,18 @@
 import {
   DexError,
   publicError
-} from "./chunk-GS2Q7ZZA.js";
+} from "./chunk-ULMEXJOR.js";
 
 // src/tui/index.tsx
 import { render } from "ink";
 
 // src/tui/app.tsx
-import { useCallback, useEffect as useEffect6, useState as useState9 } from "react";
-import { Box as Box8, Text as Text9, useApp as useApp2, useInput as useInput7 } from "ink";
+import { useCallback, useEffect as useEffect7, useState as useState10 } from "react";
+import { Box as Box9, Text as Text10, useApp as useApp2, useInput as useInput9 } from "ink";
 
 // src/tui/dashboard.tsx
-import { useEffect as useEffect4, useReducer, useRef as useRef2, useState as useState5 } from "react";
-import { Box as Box4, Text as Text5, useApp, useInput as useInput4 } from "ink";
+import { useEffect as useEffect5, useReducer, useRef as useRef2, useState as useState6 } from "react";
+import { Box as Box5, Text as Text6, useApp, useInput as useInput5 } from "ink";
 
 // src/tui/chat-state.ts
 var initialChatState = { messages: [], running: false };
@@ -383,8 +383,94 @@ function HistoryScreen(props) {
   ] });
 }
 
-// src/tui/use-terminal-size.ts
+// src/tui/start-panel.tsx
 import { useEffect as useEffect3, useState as useState4 } from "react";
+import { Box as Box4, Text as Text5, useInput as useInput4 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function StartPanel(props) {
+  const rows = [
+    { kind: "new" },
+    ...props.conversations.map((conversation) => ({ kind: "conversation", conversation }))
+  ];
+  const [cursor, setCursor] = useState4(0);
+  const [opening, setOpening] = useState4(false);
+  const [error, setError] = useState4();
+  useEffect3(() => {
+    setCursor((current) => Math.min(current, Math.max(0, rows.length - 1)));
+  }, [rows.length]);
+  useInput4(
+    (_input, key) => {
+      if (key.escape) {
+        props.onCancel();
+        return;
+      }
+      if (key.upArrow) setCursor((current) => Math.max(0, current - 1));
+      if (key.downArrow) setCursor((current) => Math.min(rows.length - 1, current + 1));
+      if (!key.return) return;
+      const row = rows[cursor];
+      if (!row) return;
+      if (row.kind === "new" || !row.conversation) {
+        props.onNew();
+        return;
+      }
+      const conversation = row.conversation;
+      setOpening(true);
+      setError(void 0);
+      props.engine.historyTurns(
+        conversation.workflowId,
+        conversation.interactionId,
+        conversation.workflowName,
+        props.profile
+      ).then((turns) => props.onOpen(conversation, turns)).catch((reason) => {
+        setError(publicError(reason).message);
+        setOpening(false);
+      });
+    },
+    { isActive: !opening }
+  );
+  return /* @__PURE__ */ jsxs5(Box4, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderColor: "cyan", padding: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { bold: true, children: props.agentName }),
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\uC5B4\uB5BB\uAC8C \uC2DC\uC791\uD560\uAE4C\uC694?" }),
+    /* @__PURE__ */ jsx5(Box4, { flexDirection: "column", marginTop: 1, children: rows.map((row, index) => {
+      const active = index === cursor;
+      const mark = active ? "\u203A" : " ";
+      if (row.kind === "new") {
+        return /* @__PURE__ */ jsxs5(Text5, { color: active ? "cyan" : void 0, children: [
+          mark,
+          " \uC0C8 \uB300\uD654"
+        ] }, "new");
+      }
+      const conversation = row.conversation;
+      if (!conversation) return null;
+      return /* @__PURE__ */ jsxs5(Text5, { color: active ? "cyan" : void 0, children: [
+        mark,
+        " ",
+        when(conversation),
+        " ",
+        /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+          "\xB7 ",
+          conversation.interactionCount,
+          "\uD134"
+        ] })
+      ] }, conversation.interactionId);
+    }) }),
+    opening ? /* @__PURE__ */ jsx5(Loading, { label: "\uB300\uD654\uB97C \uBD88\uB7EC\uC624\uB294 \uC911..." }) : null,
+    error ? /* @__PURE__ */ jsx5(Notice, { error: true, children: error }) : null,
+    /* @__PURE__ */ jsx5(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2191\u2193 \uC774\uB3D9 \xB7 Enter \uC120\uD0DD \xB7 Esc \uBAA9\uB85D\uC73C\uB85C" }) })
+  ] });
+}
+function when(conversation) {
+  const raw = conversation.updatedAt || conversation.createdAt;
+  const date = new Date(raw);
+  if (Number.isNaN(date.getTime())) return raw || "(\uC2DC\uAC01 \uC5C6\uC74C)";
+  const now = /* @__PURE__ */ new Date();
+  const sameDay = date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate();
+  const pad = (n) => String(n).padStart(2, "0");
+  return sameDay ? `\uC624\uB298 ${pad(date.getHours())}:${pad(date.getMinutes())}` : `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
+}
+
+// src/tui/use-terminal-size.ts
+import { useEffect as useEffect4, useState as useState5 } from "react";
 import { useStdout as useStdout2 } from "ink";
 function useTerminalSize() {
   const { stdout } = useStdout2();
@@ -393,8 +479,8 @@ function useTerminalSize() {
     const rows = stdout.rows || 30;
     return { columns, rows, wide: columns >= 88 };
   };
-  const [size, setSize] = useState4(read);
-  useEffect3(() => {
+  const [size, setSize] = useState5(read);
+  useEffect4(() => {
     const resize = () => setSize(read());
     stdout.on("resize", resize);
     return () => {
@@ -405,18 +491,18 @@ function useTerminalSize() {
 }
 
 // src/tui/dashboard.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function AgentSidebar(props) {
   const radius = Math.max(3, Math.floor((props.height - 4) / 2));
   const start = Math.max(0, props.cursor - radius);
   const visible = props.agents.slice(start, start + radius * 2 + 1);
-  return /* @__PURE__ */ jsxs5(Box4, { flexDirection: "column", width: 30, borderStyle: "round", borderColor: props.focused ? "cyan" : "gray", paddingX: 1, children: [
-    /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Agents" }),
+  return /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", width: 30, borderStyle: "round", borderColor: props.focused ? "cyan" : "gray", paddingX: 1, children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, children: "Agents" }),
     visible.map((agent) => {
       const index = props.agents.indexOf(agent);
       const cursor = index === props.cursor;
       const selected = agent.workflowId === props.selected;
-      return /* @__PURE__ */ jsxs5(Text5, { color: cursor && props.focused ? "cyan" : void 0, wrap: "truncate-end", children: [
+      return /* @__PURE__ */ jsxs6(Text6, { color: cursor && props.focused ? "cyan" : void 0, wrap: "truncate-end", children: [
         cursor ? "\u203A" : " ",
         " ",
         selected ? "\u25CF" : "\u25CB",
@@ -424,7 +510,7 @@ function AgentSidebar(props) {
         agent.workflowName
       ] }, agent.workflowId);
     }),
-    props.agents.length === 0 ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\uC0AC\uC6A9 \uAC00\uB2A5\uD55C Agent\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) : null
+    props.agents.length === 0 ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "\uC0AC\uC6A9 \uAC00\uB2A5\uD55C Agent\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }) : null
   ] });
 }
 function messageColor(role) {
@@ -443,25 +529,25 @@ function labelOf(role, agentName) {
 function ChatPane(props) {
   const visibleCount = Math.max(4, Math.floor((props.height - 5) / 2));
   const visible = props.messages.slice(-visibleCount);
-  return /* @__PURE__ */ jsxs5(Box4, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderColor: "blue", paddingX: 1, children: [
-    /* @__PURE__ */ jsx5(Text5, { bold: true, children: props.agent?.workflowName ?? "Agent\uB97C \uC120\uD0DD\uD558\uC138\uC694" }),
-    /* @__PURE__ */ jsxs5(Box4, { flexDirection: "column", flexGrow: 1, children: [
-      visible.length === 0 ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: props.agent ? "\uBA54\uC2DC\uC9C0\uB97C \uC785\uB825\uD574 \uB300\uD654\uB97C \uC2DC\uC791\uD558\uC138\uC694." : "\uC67C\uCABD\uC5D0\uC11C Agent\uB97C \uC120\uD0DD\uD558\uC138\uC694." }) : null,
-      visible.map((message) => /* @__PURE__ */ jsxs5(Box4, { flexDirection: "column", marginTop: message.role === "activity" ? 0 : 1, children: [
-        /* @__PURE__ */ jsx5(Text5, { bold: true, color: messageColor(message.role), children: labelOf(message.role, props.agent?.workflowName ?? "Agent") }),
-        /* @__PURE__ */ jsx5(Text5, { dimColor: message.role === "activity", children: message.text || (message.role === "assistant" ? "\u2026" : "") })
+  return /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderColor: "blue", paddingX: 1, children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, children: props.agent?.workflowName ?? "Agent\uB97C \uC120\uD0DD\uD558\uC138\uC694" }),
+    /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", flexGrow: 1, children: [
+      visible.length === 0 ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: props.agent ? "\uBA54\uC2DC\uC9C0\uB97C \uC785\uB825\uD574 \uB300\uD654\uB97C \uC2DC\uC791\uD558\uC138\uC694." : "\uC67C\uCABD\uC5D0\uC11C Agent\uB97C \uC120\uD0DD\uD558\uC138\uC694." }) : null,
+      visible.map((message) => /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", marginTop: message.role === "activity" ? 0 : 1, children: [
+        /* @__PURE__ */ jsx6(Text6, { bold: true, color: messageColor(message.role), children: labelOf(message.role, props.agent?.workflowName ?? "Agent") }),
+        /* @__PURE__ */ jsx6(Text6, { dimColor: message.role === "activity", children: message.text || (message.role === "assistant" ? "\u2026" : "") })
       ] }, message.id))
     ] }),
-    props.status ? /* @__PURE__ */ jsxs5(Text5, { color: "yellow", children: [
+    props.status ? /* @__PURE__ */ jsxs6(Text6, { color: "yellow", children: [
       "\u25C6 ",
       props.status
     ] }) : null
   ] });
 }
 function Composer(props) {
-  return /* @__PURE__ */ jsxs5(Box4, { borderStyle: "round", borderColor: props.focused ? "cyan" : "gray", paddingX: 1, children: [
-    /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: "\u203A " }),
-    props.disabled ? /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\uC751\uB2F5\uC744 \uAE30\uB2E4\uB9AC\uB294 \uC911..." }) : /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs6(Box5, { borderStyle: "round", borderColor: props.focused ? "cyan" : "gray", paddingX: 1, children: [
+    /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: "\u203A " }),
+    props.disabled ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "\uC751\uB2F5\uC744 \uAE30\uB2E4\uB9AC\uB294 \uC911..." }) : /* @__PURE__ */ jsx6(
       ImeTextInput,
       {
         value: props.value,
@@ -478,23 +564,46 @@ function Dashboard(props) {
   const { exit } = useApp();
   const size = useTerminalSize();
   const bodyHeight = Math.max(12, size.rows - 5);
-  const [focus, setFocus] = useState5("agents");
-  const [cursor, setCursor] = useState5(0);
-  const [selected, setSelected] = useState5(() => {
+  const [focus, setFocus] = useState6("agents");
+  const [cursor, setCursor] = useState6(0);
+  const [selected, setSelected] = useState6(() => {
     const first = props.session.agents[0];
     return first ? { workflowId: first.workflowId, workflowName: first.workflowName } : void 0;
   });
-  const [input, setInput] = useState5("");
+  const [input, setInput] = useState6("");
   const [chat, dispatch] = useReducer(chatReducer, initialChatState);
-  const [palette, setPalette] = useState5(false);
-  const [history, setHistory] = useState5(false);
+  const [palette, setPalette] = useState6(false);
+  const [history, setHistory] = useState6(false);
+  const [start, setStart] = useState6();
+  const [starting, setStarting] = useState6(false);
   const controller = useRef2(null);
-  useEffect4(() => () => controller.current?.abort(), []);
-  const selectAgent = () => {
+  useEffect5(() => () => controller.current?.abort(), []);
+  const selectAgent = async () => {
     const agent = props.session.agents[cursor];
-    if (!agent || chat.running) return;
-    setSelected({ workflowId: agent.workflowId, workflowName: agent.workflowName });
+    if (!agent || chat.running || starting) return;
+    const ref = { workflowId: agent.workflowId, workflowName: agent.workflowName };
+    setStarting(true);
+    let conversations = [];
+    try {
+      const all = await props.engine.listConversations(props.session.profile);
+      conversations = all.filter((item) => item.workflowId === ref.workflowId);
+    } catch {
+      conversations = [];
+    } finally {
+      setStarting(false);
+    }
+    if (conversations.length === 0) {
+      openNewChat(ref);
+      return;
+    }
+    setSelected(ref);
+    setStart({ agent: ref, conversations });
+  };
+  const openNewChat = (ref) => {
+    setSelected(ref);
     dispatch({ type: "reset" });
+    setInput("");
+    setStart(void 0);
     setFocus("composer");
   };
   const openHistory = (conversation, turns) => {
@@ -503,6 +612,7 @@ function Dashboard(props) {
     const index = props.session.agents.findIndex((agent) => agent.workflowId === conversation.workflowId);
     if (index >= 0) setCursor(index);
     setHistory(false);
+    setStart(void 0);
     setFocus("composer");
   };
   const cancelTurn = () => {
@@ -543,7 +653,7 @@ function Dashboard(props) {
       controller.current = null;
     }
   };
-  useInput4(
+  useInput5(
     (keyInput, key) => {
       if (key.ctrl && keyInput === "k") setPalette(true);
       else if (key.ctrl && keyInput === "p") {
@@ -559,9 +669,11 @@ function Dashboard(props) {
       else if (focus === "agents" && key.upArrow) setCursor((current) => Math.max(0, current - 1));
       else if (focus === "agents" && key.downArrow && props.session.agents.length > 0) {
         setCursor((current) => Math.min(props.session.agents.length - 1, current + 1));
-      } else if (focus === "agents" && key.return) selectAgent();
+      } else if (focus === "agents" && key.return) void selectAgent();
     },
-    { isActive: !palette && !history }
+    // 갈림길·팔레트·이력 화면이 떠 있으면 그 화면이 키를 갖는다 — 여기서도 받으면
+    // 방향키 하나가 두 곳에서 움직인다.
+    { isActive: !palette && !history && !start }
   );
   const paletteActions = [
     { id: "new", label: "\uC0C8 \uB300\uD654", run: newConversation },
@@ -595,9 +707,9 @@ function Dashboard(props) {
   ];
   let body;
   if (palette) {
-    body = /* @__PURE__ */ jsx5(CommandPalette, { actions: paletteActions, onCancel: () => setPalette(false) });
+    body = /* @__PURE__ */ jsx6(CommandPalette, { actions: paletteActions, onCancel: () => setPalette(false) });
   } else if (history) {
-    body = /* @__PURE__ */ jsx5(
+    body = /* @__PURE__ */ jsx6(
       HistoryScreen,
       {
         engine: props.engine,
@@ -607,7 +719,7 @@ function Dashboard(props) {
       }
     );
   } else {
-    const sidebar = /* @__PURE__ */ jsx5(
+    const sidebar = /* @__PURE__ */ jsx6(
       AgentSidebar,
       {
         agents: props.session.agents,
@@ -617,9 +729,23 @@ function Dashboard(props) {
         height: bodyHeight
       }
     );
-    const conversation = /* @__PURE__ */ jsxs5(Box4, { flexDirection: "column", flexGrow: 1, children: [
-      /* @__PURE__ */ jsx5(ChatPane, { agent: selected, messages: chat.messages, status: chat.status, height: bodyHeight - 3 }),
-      /* @__PURE__ */ jsx5(
+    const conversation = start ? /* @__PURE__ */ jsx6(
+      StartPanel,
+      {
+        engine: props.engine,
+        profile: props.session.profile,
+        agentName: start.agent.workflowName,
+        conversations: start.conversations,
+        onNew: () => openNewChat(start.agent),
+        onOpen: openHistory,
+        onCancel: () => {
+          setStart(void 0);
+          setFocus("agents");
+        }
+      }
+    ) : /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsx6(ChatPane, { agent: selected, messages: chat.messages, status: chat.status, height: bodyHeight - 3 }),
+      /* @__PURE__ */ jsx6(
         Composer,
         {
           value: input,
@@ -631,13 +757,13 @@ function Dashboard(props) {
         }
       )
     ] });
-    body = size.wide ? /* @__PURE__ */ jsxs5(Box4, { height: bodyHeight, children: [
+    body = size.wide ? /* @__PURE__ */ jsxs6(Box5, { height: bodyHeight, children: [
       sidebar,
       conversation
-    ] }) : focus === "agents" ? /* @__PURE__ */ jsx5(Box4, { height: bodyHeight, children: sidebar }) : /* @__PURE__ */ jsx5(Box4, { height: bodyHeight, children: conversation });
+    ] }) : focus === "agents" ? /* @__PURE__ */ jsx6(Box5, { height: bodyHeight, children: sidebar }) : /* @__PURE__ */ jsx6(Box5, { height: bodyHeight, children: conversation });
   }
-  return /* @__PURE__ */ jsxs5(Box4, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx6(
       Header,
       {
         profile: props.session.profile,
@@ -646,22 +772,23 @@ function Dashboard(props) {
       }
     ),
     body,
-    /* @__PURE__ */ jsx5(Footer, { text: "Tab \uD328\uB110 \xB7 Ctrl+K \uBA85\uB839 \xB7 Ctrl+H \uAE30\uB85D \xB7 Ctrl+P \uD504\uB85C\uD544 \xB7 Esc \uCDE8\uC18C \xB7 Ctrl+Q \uC885\uB8CC" })
+    /* @__PURE__ */ jsx6(Footer, { text: "Tab \uD328\uB110 \xB7 Ctrl+K \uBA85\uB839 \xB7 Ctrl+H \uAE30\uB85D \xB7 Ctrl+P \uD504\uB85C\uD544 \xB7 Esc \uCDE8\uC18C \xB7 Ctrl+Q \uC885\uB8CC" })
   ] });
 }
 
 // src/tui/login-screen.tsx
-import { useState as useState6 } from "react";
-import { Box as Box5, Text as Text6, useInput as useInput5 } from "ink";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useState as useState7 } from "react";
+import { Box as Box6, Text as Text7, useInput as useInput6 } from "ink";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function LoginScreen(props) {
-  const [email, setEmail] = useState6("");
-  const [password, setPassword] = useState6("");
-  const [focus, setFocus] = useState6("email");
-  useInput5(
+  const [email, setEmail] = useState7("");
+  const [password, setPassword] = useState7("");
+  const [focus, setFocus] = useState7("email");
+  useInput6(
     (input, key) => {
       if (key.tab) setFocus((current) => current === "email" ? "password" : "email");
       if (key.ctrl && input === "p") props.onProfiles();
+      if (key.ctrl && input === "e") props.onEditServer();
     },
     { isActive: !props.busy }
   );
@@ -676,13 +803,17 @@ function LoginScreen(props) {
       props.onSubmit(email.trim(), secret);
     }
   };
-  return /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx6(Header, { profile: props.profile, connected: false }),
-    /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", borderStyle: "round", borderColor: "blue", padding: 1, children: [
-      /* @__PURE__ */ jsx6(Text6, { bold: true, children: "\uB85C\uADF8\uC778" }),
-      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: props.serverUrl }),
-      /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs7(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx7(Header, { profile: props.profile, connected: false }),
+    /* @__PURE__ */ jsxs7(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "blue", padding: 1, children: [
+      /* @__PURE__ */ jsx7(Text7, { bold: true, children: "\uB85C\uADF8\uC778" }),
+      /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+        props.serverUrl,
+        " ",
+        /* @__PURE__ */ jsx7(Text7, { color: "cyan", children: "(Ctrl+E \uBC14\uAFB8\uAE30)" })
+      ] }),
+      /* @__PURE__ */ jsxs7(Box6, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsx7(
           FormField,
           {
             label: "Email",
@@ -694,7 +825,7 @@ function LoginScreen(props) {
             placeholder: "me@corp.com"
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           FormField,
           {
             label: "Password",
@@ -707,25 +838,25 @@ function LoginScreen(props) {
           }
         )
       ] }),
-      props.busy ? /* @__PURE__ */ jsx6(Loading, { label: "\uB85C\uADF8\uC778\uD558\uB294 \uC911..." }) : null,
-      props.error ? /* @__PURE__ */ jsx6(Notice, { error: true, children: props.error }) : null
+      props.busy ? /* @__PURE__ */ jsx7(Loading, { label: "\uB85C\uADF8\uC778\uD558\uB294 \uC911..." }) : null,
+      props.error ? /* @__PURE__ */ jsx7(Notice, { error: true, children: props.error }) : null
     ] }),
-    /* @__PURE__ */ jsx6(Footer, { text: "Tab \uC774\uB3D9 \xB7 Enter \uB85C\uADF8\uC778 \xB7 Ctrl+P \uD504\uB85C\uD544 \xB7 Ctrl+Q \uC885\uB8CC" })
+    /* @__PURE__ */ jsx7(Footer, { text: "Tab \uC774\uB3D9 \xB7 Enter \uB85C\uADF8\uC778 \xB7 Ctrl+E \uC11C\uBC84 \xB7 Ctrl+P \uD504\uB85C\uD544 \xB7 Ctrl+Q \uC885\uB8CC" })
   ] });
 }
 
 // src/tui/profile-screen.tsx
-import { useEffect as useEffect5, useState as useState7 } from "react";
-import { Box as Box6, Text as Text7, useInput as useInput6 } from "ink";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useEffect as useEffect6, useState as useState8 } from "react";
+import { Box as Box7, Text as Text8, useInput as useInput7 } from "ink";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function ProfileScreen(props) {
-  const [cursor, setCursor] = useState7(Math.max(0, props.profiles.findIndex((profile) => profile.current)));
-  const [creating, setCreating] = useState7(false);
-  const [focus, setFocus] = useState7("name");
-  const [name, setName] = useState7("");
-  const [serverUrl, setServerUrl] = useState7("");
-  useEffect5(() => setCursor((current) => Math.min(current, Math.max(0, props.profiles.length - 1))), [props.profiles]);
-  useInput6(
+  const [cursor, setCursor] = useState8(Math.max(0, props.profiles.findIndex((profile) => profile.current)));
+  const [creating, setCreating] = useState8(false);
+  const [focus, setFocus] = useState8("name");
+  const [name, setName] = useState8("");
+  const [serverUrl, setServerUrl] = useState8("");
+  useEffect6(() => setCursor((current) => Math.min(current, Math.max(0, props.profiles.length - 1))), [props.profiles]);
+  useInput7(
     (input, key) => {
       if (key.escape) {
         if (creating) setCreating(false);
@@ -755,12 +886,12 @@ function ProfileScreen(props) {
     }
     if (name.trim() && serverUrl.trim()) props.onCreate(name.trim(), serverUrl.trim());
   };
-  return /* @__PURE__ */ jsxs7(Box6, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx7(Header, {}),
-    /* @__PURE__ */ jsxs7(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, children: [
-      /* @__PURE__ */ jsx7(Text7, { bold: true, children: creating ? "\uC0C8 \uD504\uB85C\uD544" : "\uD504\uB85C\uD544 \uC804\uD658" }),
-      creating ? /* @__PURE__ */ jsxs7(Box6, { flexDirection: "column", marginTop: 1, children: [
-        /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs8(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(Header, {}),
+    /* @__PURE__ */ jsxs8(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, children: [
+      /* @__PURE__ */ jsx8(Text8, { bold: true, children: creating ? "\uC0C8 \uD504\uB85C\uD544" : "\uD504\uB85C\uD544 \uC804\uD658" }),
+      creating ? /* @__PURE__ */ jsxs8(Box7, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsx8(
           FormField,
           {
             label: "Name",
@@ -772,7 +903,7 @@ function ProfileScreen(props) {
             placeholder: "corp"
           }
         ),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           FormField,
           {
             label: "Server URL",
@@ -784,8 +915,8 @@ function ProfileScreen(props) {
             placeholder: "https://xgen.example.com"
           }
         )
-      ] }) : /* @__PURE__ */ jsxs7(Box6, { flexDirection: "column", marginTop: 1, children: [
-        props.profiles.map((profile, index) => /* @__PURE__ */ jsxs7(Text7, { color: index === cursor ? "cyan" : void 0, children: [
+      ] }) : /* @__PURE__ */ jsxs8(Box7, { flexDirection: "column", marginTop: 1, children: [
+        props.profiles.map((profile, index) => /* @__PURE__ */ jsxs8(Text8, { color: index === cursor ? "cyan" : void 0, children: [
           index === cursor ? "\u203A" : " ",
           " ",
           profile.current ? "\u25CF" : "\u25CB",
@@ -793,14 +924,14 @@ function ProfileScreen(props) {
           profile.name,
           " \xB7",
           " ",
-          /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: profile.serverUrl })
+          /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: profile.serverUrl })
         ] }, profile.name)),
-        props.profiles.length === 0 ? /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "\uC800\uC7A5\uB41C \uD504\uB85C\uD544\uC774 \uC5C6\uC2B5\uB2C8\uB2E4." }) : null
+        props.profiles.length === 0 ? /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "\uC800\uC7A5\uB41C \uD504\uB85C\uD544\uC774 \uC5C6\uC2B5\uB2C8\uB2E4." }) : null
       ] }),
-      props.busy ? /* @__PURE__ */ jsx7(Loading, { label: "\uD504\uB85C\uD544\uC744 \uC804\uD658\uD558\uB294 \uC911..." }) : null,
-      props.error ? /* @__PURE__ */ jsx7(Notice, { error: true, children: props.error }) : null
+      props.busy ? /* @__PURE__ */ jsx8(Loading, { label: "\uD504\uB85C\uD544\uC744 \uC804\uD658\uD558\uB294 \uC911..." }) : null,
+      props.error ? /* @__PURE__ */ jsx8(Notice, { error: true, children: props.error }) : null
     ] }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       Footer,
       {
         text: creating ? "Tab \uC774\uB3D9 \xB7 Enter \uC800\uC7A5 \xB7 Esc \uB4A4\uB85C" : "\u2191\u2193 \uC774\uB3D9 \xB7 Enter \uC120\uD0DD \xB7 N \uC0C8 \uD504\uB85C\uD544 \xB7 Esc \uB2EB\uAE30"
@@ -809,18 +940,25 @@ function ProfileScreen(props) {
   ] });
 }
 
-// src/tui/setup-screen.tsx
-import { useState as useState8 } from "react";
-import { Box as Box7, Text as Text8 } from "ink";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-function SetupScreen(props) {
-  const [serverUrl, setServerUrl] = useState8("");
-  return /* @__PURE__ */ jsxs8(Box7, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Header, {}),
-    /* @__PURE__ */ jsxs8(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "blue", padding: 1, children: [
-      /* @__PURE__ */ jsx8(Text8, { bold: true, children: "\uCC98\uC74C \uC624\uC168\uAD70\uC694" }),
-      /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "\uC5F0\uACB0\uD560 XGEN Gateway \uC8FC\uC18C\uB97C \uC785\uB825\uD558\uC138\uC694." }),
-      /* @__PURE__ */ jsx8(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx8(
+// src/tui/server-screen.tsx
+import { useState as useState9 } from "react";
+import { Box as Box8, Text as Text9, useInput as useInput8 } from "ink";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function ServerScreen(props) {
+  const [serverUrl, setServerUrl] = useState9(props.initialValue ?? "");
+  const editing = props.initialValue !== void 0;
+  useInput8(
+    (_input, key) => {
+      if (key.escape) props.onCancel?.();
+    },
+    { isActive: !props.busy && !!props.onCancel }
+  );
+  return /* @__PURE__ */ jsxs9(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx9(Header, { profile: props.profile, connected: false }),
+    /* @__PURE__ */ jsxs9(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "blue", padding: 1, children: [
+      /* @__PURE__ */ jsx9(Text9, { bold: true, children: editing ? "\uC11C\uBC84 \uC8FC\uC18C \uBC14\uAFB8\uAE30" : "\uCC98\uC74C \uC624\uC168\uAD70\uC694" }),
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "\uC5F0\uACB0\uD560 XGEN Gateway \uC8FC\uC18C\uB97C \uC785\uB825\uD558\uC138\uC694." }),
+      /* @__PURE__ */ jsx9(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx9(
         FormField,
         {
           label: "Server URL",
@@ -829,27 +967,34 @@ function SetupScreen(props) {
           onSubmit: (value) => value.trim() && props.onSubmit(value.trim()),
           focus: !props.busy,
           cursorOrigin: { x: 16, y: 6 },
-          placeholder: "https://xgen.example.com"
+          placeholder: "xgen.example.com"
         }
       ) }),
-      props.busy ? /* @__PURE__ */ jsx8(Loading, { label: "\uC11C\uBC84 \uD504\uB85C\uD544\uC744 \uC800\uC7A5\uD558\uB294 \uC911..." }) : null,
-      props.error ? /* @__PURE__ */ jsx8(Notice, { error: true, children: props.error }) : null
+      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "https:// \uB294 \uC0DD\uB7B5\uD574\uB3C4 \uB429\uB2C8\uB2E4." }),
+      props.busy ? /* @__PURE__ */ jsx9(Loading, { label: "\uC11C\uBC84 \uD504\uB85C\uD544\uC744 \uC800\uC7A5\uD558\uB294 \uC911..." }) : null,
+      props.error ? /* @__PURE__ */ jsx9(Notice, { error: true, children: props.error }) : null
     ] }),
-    /* @__PURE__ */ jsx8(Footer, { text: "Enter \uACC4\uC18D \xB7 Ctrl+Q \uC885\uB8CC" })
+    /* @__PURE__ */ jsx9(
+      Footer,
+      {
+        text: props.onCancel ? "Enter \uC800\uC7A5 \xB7 Esc \uCDE8\uC18C \xB7 Ctrl+Q \uC885\uB8CC" : "Enter \uACC4\uC18D \xB7 Ctrl+Q \uC885\uB8CC"
+      }
+    )
   ] });
 }
 
 // src/tui/app.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function App({ engine }) {
   const { exit } = useApp2();
-  const [route, setRoute] = useState9("boot");
-  const [session, setSession] = useState9();
-  const [profiles, setProfiles] = useState9([]);
-  const [loginTarget, setLoginTarget] = useState9();
-  const [busy, setBusy] = useState9(false);
-  const [error, setError] = useState9();
-  useInput7((input, key) => {
+  const [route, setRoute] = useState10("boot");
+  const [session, setSession] = useState10();
+  const [profiles, setProfiles] = useState10([]);
+  const [loginTarget, setLoginTarget] = useState10();
+  const [editingServer, setEditingServer] = useState10();
+  const [busy, setBusy] = useState10(false);
+  const [error, setError] = useState10();
+  useInput9((input, key) => {
     if (key.ctrl && input === "q") exit();
   });
   const bootstrap = useCallback(
@@ -862,7 +1007,7 @@ function App({ engine }) {
         setProfiles(available);
         if (available.length === 0) {
           setSession(void 0);
-          setRoute("setup");
+          setRoute("server");
           return;
         }
         if (preferredProfile) {
@@ -899,17 +1044,19 @@ function App({ engine }) {
     },
     [engine]
   );
-  useEffect6(() => {
+  useEffect7(() => {
     void bootstrap();
   }, [bootstrap]);
   const configure = async (serverUrl) => {
     setBusy(true);
     setError(void 0);
+    const target = editingServer?.profile ?? loginTarget?.profile ?? "default";
     try {
-      const profile = await engine.setProfile("default", serverUrl);
+      const profile = await engine.setProfile(target, serverUrl);
       await engine.useProfile(profile.name);
       setLoginTarget({ profile: profile.name, serverUrl: profile.serverUrl });
       setProfiles(await engine.listProfiles());
+      setEditingServer(void 0);
       setRoute("login");
     } catch (reason) {
       setError(publicError(reason).message);
@@ -972,17 +1119,31 @@ function App({ engine }) {
     }
   };
   if (route === "boot") {
-    return /* @__PURE__ */ jsxs9(Box8, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx9(Header, {}),
-      /* @__PURE__ */ jsx9(Loading, { label: "Dex\uB97C \uC900\uBE44\uD558\uB294 \uC911..." }),
-      /* @__PURE__ */ jsx9(Footer, { text: "Ctrl+Q \uC885\uB8CC" })
+    return /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx10(Header, {}),
+      /* @__PURE__ */ jsx10(Loading, { label: "Dex\uB97C \uC900\uBE44\uD558\uB294 \uC911..." }),
+      /* @__PURE__ */ jsx10(Footer, { text: "Ctrl+Q \uC885\uB8CC" })
     ] });
   }
-  if (route === "setup") {
-    return /* @__PURE__ */ jsx9(SetupScreen, { busy, error, onSubmit: (url) => void configure(url) });
+  if (route === "server") {
+    return /* @__PURE__ */ jsx10(
+      ServerScreen,
+      {
+        initialValue: editingServer?.serverUrl,
+        profile: editingServer?.profile,
+        busy,
+        error,
+        onSubmit: (url) => void configure(url),
+        onCancel: editingServer ? () => {
+          setEditingServer(void 0);
+          setError(void 0);
+          setRoute("login");
+        } : void 0
+      }
+    );
   }
   if (route === "login" && loginTarget) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       LoginScreen,
       {
         profile: loginTarget.profile,
@@ -990,12 +1151,17 @@ function App({ engine }) {
         busy,
         error,
         onSubmit: (email, password) => void login(email, password),
-        onProfiles: () => void openProfiles()
+        onProfiles: () => void openProfiles(),
+        onEditServer: () => {
+          setEditingServer(loginTarget);
+          setError(void 0);
+          setRoute("server");
+        }
       }
     );
   }
   if (route === "profiles") {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ProfileScreen,
       {
         profiles,
@@ -1003,12 +1169,12 @@ function App({ engine }) {
         error,
         onSelect: (name) => void bootstrap(name),
         onCreate: (name, url) => void createProfile(name, url),
-        onCancel: () => setRoute(session ? "dashboard" : loginTarget ? "login" : "setup")
+        onCancel: () => setRoute(session ? "dashboard" : loginTarget ? "login" : "server")
       }
     );
   }
   if (route === "dashboard" && session) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       Dashboard,
       {
         engine,
@@ -1018,25 +1184,25 @@ function App({ engine }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs9(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx9(Header, {}),
-    /* @__PURE__ */ jsx9(Notice, { error: true, children: error ?? "\uC54C \uC218 \uC5C6\uB294 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4." }),
-    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "\uC11C\uBC84\uC640 \uD0A4\uCCB4\uC778 \uC0C1\uD0DC\uB97C \uD655\uC778\uD55C \uB4A4 \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC138\uC694." }),
-    /* @__PURE__ */ jsx9(Footer, { text: "R \uB2E4\uC2DC \uC2DC\uB3C4 \xB7 Ctrl+Q \uC885\uB8CC" }),
-    /* @__PURE__ */ jsx9(RetryInput, { onRetry: () => void bootstrap() })
+  return /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx10(Header, {}),
+    /* @__PURE__ */ jsx10(Notice, { error: true, children: error ?? "\uC54C \uC218 \uC5C6\uB294 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4." }),
+    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\uC11C\uBC84\uC640 \uD0A4\uCCB4\uC778 \uC0C1\uD0DC\uB97C \uD655\uC778\uD55C \uB4A4 \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC138\uC694." }),
+    /* @__PURE__ */ jsx10(Footer, { text: "R \uB2E4\uC2DC \uC2DC\uB3C4 \xB7 Ctrl+Q \uC885\uB8CC" }),
+    /* @__PURE__ */ jsx10(RetryInput, { onRetry: () => void bootstrap() })
   ] });
 }
 function RetryInput({ onRetry }) {
-  useInput7((input) => {
+  useInput9((input) => {
     if (input.toLowerCase() === "r") onRetry();
   });
   return null;
 }
 
 // src/tui/index.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 async function runTui(engine) {
-  const instance = render(/* @__PURE__ */ jsx10(App, { engine }), {
+  const instance = render(/* @__PURE__ */ jsx11(App, { engine }), {
     exitOnCtrlC: true,
     patchConsole: true
   });
@@ -1045,4 +1211,4 @@ async function runTui(engine) {
 export {
   runTui
 };
-//# sourceMappingURL=tui-PNFWGJTJ.js.map
+//# sourceMappingURL=tui-GDC2NODL.js.map