openxgen 2.3.0 → 2.4.0

package/dist/index.js

@@ -894,23 +894,40 @@ var init_provider = __esm({
 // src/api/xgen-extra.ts
 var xgen_extra_exports = {};
 __export(xgen_extra_exports, {
+  apiTest: () => apiTest,
+  changePromptVersion: () => changePromptVersion,
+  createMcpSession: () => createMcpSession,
   createPrompt: () => createPrompt,
+  deleteMcpSession: () => deleteMcpSession,
+  deletePrompt: () => deletePrompt,
   generateWorkflow: () => generateWorkflow,
+  getMcpSession: () => getMcpSession,
+  getMcpSessionTools: () => getMcpSessionTools,
   getNodeCategories: () => getNodeCategories,
   getNodeDetail: () => getNodeDetail,
+  getNodeParameters: () => getNodeParameters,
+  getNodeTags: () => getNodeTags,
   getSchedulerStatus: () => getSchedulerStatus,
   getTraceDetail: () => getTraceDetail,
   getWorkflowPerformance: () => getWorkflowPerformance,
   listInteractions: () => listInteractions,
   listMcpSessions: () => listMcpSessions,
   listNodes: () => listNodes,
+  listPromptStore: () => listPromptStore,
+  listPromptVersions: () => listPromptVersions,
   listPrompts: () => listPrompts,
   listSchedules: () => listSchedules,
   listToolStore: () => listToolStore,
   listTraces: () => listTraces,
   listUserTools: () => listUserTools,
   listWorkflowStore: () => listWorkflowStore,
-  searchNodes: () => searchNodes
+  saveTool: () => saveTool,
+  searchNodes: () => searchNodes,
+  sendMcpRequest: () => sendMcpRequest,
+  toolTest: () => toolTest,
+  updatePrompt: () => updatePrompt,
+  uploadPromptToStore: () => uploadPromptToStore,
+  uploadToolToStore: () => uploadToolToStore
 });
 async function listNodes() {
   const client2 = getClient();
@@ -939,11 +956,6 @@ async function listPrompts(opts) {
   const res = await client2.get("/api/prompt/list", { params });
   return res.data.prompts ?? res.data ?? [];
 }
-async function createPrompt(data) {
-  const client2 = getClient();
-  const res = await client2.post("/api/prompt/create", data);
-  return res.data;
-}
 async function listToolStore() {
   const client2 = getClient();
   const res = await client2.get("/api/tools/store/list");
@@ -1000,11 +1012,108 @@ async function getWorkflowPerformance(workflowId, workflowName) {
   });
   return res.data;
 }
+async function saveTool(functionName, content) {
+  const client2 = getClient();
+  const res = await client2.post("/api/tools/storage/save", { function_name: functionName, content });
+  return res.data;
+}
+async function apiTest(params) {
+  const client2 = getClient();
+  const res = await client2.post("/api/tools/storage/api-test", params);
+  return res.data;
+}
+async function toolTest(toolId, functionId) {
+  const client2 = getClient();
+  const res = await client2.post(`/api/tools/storage/tool-test?tool_id=${toolId}&function_id=${functionId}`);
+  return res.data;
+}
+async function uploadToolToStore(functionUploadId, description, tags) {
+  const client2 = getClient();
+  const res = await client2.post("/api/tools/store/upload", {
+    function_upload_id: functionUploadId,
+    description: description ?? "",
+    tags: tags ?? []
+  });
+  return res.data;
+}
+async function createPrompt(data) {
+  const client2 = getClient();
+  const res = await client2.post("/api/prompt/create", data);
+  return res.data;
+}
+async function updatePrompt(data) {
+  const client2 = getClient();
+  const res = await client2.post("/api/prompt/update", data);
+  return res.data;
+}
+async function deletePrompt(promptUid) {
+  const client2 = getClient();
+  const res = await client2.post("/api/prompt/delete", { prompt_uid: promptUid });
+  return res.data;
+}
+async function getNodeTags() {
+  const client2 = getClient();
+  const res = await client2.get("/api/node/tags");
+  return res.data ?? [];
+}
+async function getNodeParameters(nodeId) {
+  const client2 = getClient();
+  const res = await client2.get(`/api/node/parameters/categorized/${nodeId}`);
+  return res.data;
+}
+async function listPromptStore() {
+  const client2 = getClient();
+  const res = await client2.post("/api/prompt/store/list");
+  return res.data.prompts ?? res.data ?? [];
+}
+async function uploadPromptToStore(promptId) {
+  const client2 = getClient();
+  const res = await client2.post(`/api/prompt/store/upload`, null, { params: { prompt_id: promptId } });
+  return res.data;
+}
+async function listPromptVersions(promptUid) {
+  const client2 = getClient();
+  const res = await client2.get("/api/prompt/version/list", { params: { prompt_uid: promptUid } });
+  return res.data.versions ?? res.data ?? [];
+}
+async function changePromptVersion(promptUid, version) {
+  const client2 = getClient();
+  const res = await client2.post("/api/prompt/version/change", { prompt_uid: promptUid, version });
+  return res.data;
+}
 async function listMcpSessions() {
   const client2 = getClient();
   const res = await client2.get("/api/mcp/sessions");
   return res.data.sessions ?? res.data ?? [];
 }
+async function createMcpSession(data) {
+  const client2 = getClient();
+  const res = await client2.post("/api/mcp/sessions", data);
+  return res.data;
+}
+async function getMcpSession(sessionId) {
+  const client2 = getClient();
+  const res = await client2.get(`/api/mcp/sessions/${sessionId}`);
+  return res.data;
+}
+async function deleteMcpSession(sessionId) {
+  const client2 = getClient();
+  await client2.delete(`/api/mcp/sessions/${sessionId}`);
+}
+async function getMcpSessionTools(sessionId) {
+  const client2 = getClient();
+  const res = await client2.get(`/api/mcp/sessions/${sessionId}/tools`);
+  return res.data.tools ?? res.data ?? [];
+}
+async function sendMcpRequest(sessionId, method, params) {
+  const client2 = getClient();
+  const res = await client2.post("/api/mcp/mcp-request", {
+    session_id: sessionId,
+    method,
+    params
+  });
+  return res.data;
+}
 var init_xgen_extra = __esm({
   "src/api/xgen-extra.ts"() {
     "use strict";
@@ -1113,28 +1222,44 @@ var raw_tui_exports = {};
 __export(raw_tui_exports, {
   startRawTui: () => startRawTui
 });
+function withTimeout(p, ms = 5e3, label = "API") {
+  return new Promise((resolve, reject) => {
+    const t = setTimeout(() => reject(new Error(`${label} \uD0C0\uC784\uC544\uC6C3 (${ms}ms)`)), ms);
+    p.then((v) => {
+      clearTimeout(t);
+      resolve(v);
+    }, (e) => {
+      clearTimeout(t);
+      reject(e);
+    });
+  });
+}
 async function startRawTui() {
   const provider = getDefaultProvider();
   const server = getServer();
   const auth = getAuth();
-  const serverDisplay = auth && server ? `${auth.username}@${server.replace("https://", "").replace("http://", "")}` : "\uBBF8\uC5F0\uACB0";
+  const serverDisplay = auth && server ? `${auth.username}@${server.replace(/https?:\/\//, "")}` : "\uBBF8\uC5F0\uACB0";
   let tab = "workflows";
   let selected = 0;
   let inputMode = false;
   let inputBuffer = "";
-  let runTarget = null;
+  let formCtx = null;
   let workflows = [];
   let collections = [];
   let nodes = [];
   let prompts = [];
   let tools2 = [];
+  let mcpSessions = [];
   let detail = ["\u2190 \uD56D\uBAA9\uC744 \uC120\uD0DD\uD558\uC138\uC694"];
   let statusMsg = "\uB85C\uB529...";
+  let errors = [];
   async function loadData() {
-    statusMsg = "\uB85C\uB529...";
+    statusMsg = "\uB370\uC774\uD130 \uB85C\uB529 \uC911...";
+    errors = [];
     render();
     if (!server || !auth) {
       statusMsg = "\uC11C\uBC84 \uBBF8\uC5F0\uACB0";
+      detail = [red("\uC11C\uBC84 \uBBF8\uC5F0\uACB0"), "", cyan("  xgen config set-server <URL>"), cyan("  xgen login"), "", "\uD6C4 r \uC0C8\uB85C\uACE0\uCE68"];
       render();
       return;
     }
@@ -1144,134 +1269,737 @@ async function startRawTui() {
         Promise.resolve().then(() => (init_document(), document_exports)),
         Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports))
       ]);
-      const [wfR, colR, nodeR, promptR, toolR] = await Promise.allSettled([
-        wfMod.getWorkflowListDetail(),
-        docMod.listCollections(),
-        extraMod.listNodes(),
-        extraMod.listPrompts(),
-        extraMod.listToolStore()
+      const results = await Promise.allSettled([
+        withTimeout(wfMod.getWorkflowListDetail(), 3e3, "\uC6CC\uD06C\uD50C\uB85C\uC6B0"),
+        withTimeout(docMod.listCollections(), 3e3, "\uCEEC\uB809\uC158"),
+        withTimeout(extraMod.listNodes(), 3e3, "\uB178\uB4DC"),
+        withTimeout(extraMod.listPrompts(), 3e3, "\uD504\uB86C\uD504\uD2B8"),
+        withTimeout(extraMod.listToolStore(), 3e3, "\uB3C4\uAD6C"),
+        withTimeout(extraMod.listMcpSessions(), 3e3, "MCP").catch(() => [])
       ]);
-      if (wfR.status === "fulfilled") workflows = wfR.value.map((w) => ({ name: w.workflow_name, id: w.workflow_id ?? w.id ?? "", deployed: !!w.is_deployed }));
-      if (colR.status === "fulfilled") collections = colR.value.map((c) => ({ name: c.collection_make_name, docs: c.total_documents, chunks: c.total_chunks }));
-      if (nodeR.status === "fulfilled") nodes = nodeR.value.map((n) => ({ name: n.nodeName ?? n.name ?? "?", desc: (n.description ?? "").slice(0, 40) }));
-      if (promptR.status === "fulfilled") prompts = promptR.value.map((p) => ({ name: p.name ?? p.title ?? "?", type: p.prompt_type ?? "" }));
-      if (toolR.status === "fulfilled") tools2 = toolR.value.map((t) => ({ name: t.name ?? t.tool_name ?? "?", desc: (t.description ?? "").slice(0, 40) }));
-    } catch {
+      const [wfR, colR, nodeR, promptR, toolR, mcpR] = results;
+      if (wfR.status === "fulfilled") {
+        workflows = wfR.value.map((w) => ({
+          name: w.workflow_name ?? w.name ?? "?",
+          id: w.workflow_id ?? w.id ?? "",
+          deployed: w.deploy_status === "deployed" || w.deploy_status === "DEPLOYED" || !!w.is_deployed
+        }));
+      } else errors.push(`\uC6CC\uD06C\uD50C\uB85C\uC6B0: ${wfR.reason?.message ?? "\uC2E4\uD328"}`);
+      if (colR.status === "fulfilled") {
+        collections = colR.value.map((c) => ({
+          name: c.collection_make_name ?? c.collection_name ?? c.name ?? "?",
+          id: c.id ?? c.collection_id ?? "",
+          docs: c.total_documents ?? 0,
+          chunks: c.total_chunks ?? 0
+        }));
+      } else errors.push(`\uCEEC\uB809\uC158: ${colR.reason?.message ?? "\uC2E4\uD328"}`);
+      if (nodeR.status === "fulfilled") {
+        nodes = [];
+        const raw = nodeR.value;
+        for (const cat of raw) {
+          const catName = cat.categoryName ?? cat.categoryId ?? "";
+          const fns = cat.functions ?? cat.nodes ?? [];
+          if (Array.isArray(fns)) {
+            for (const fn of fns) {
+              const fnNodes = fn.nodes ?? [];
+              if (Array.isArray(fnNodes)) {
+                for (const n of fnNodes) {
+                  nodes.push({
+                    name: n.nodeName ?? n.name ?? "?",
+                    desc: (n.description ?? "").slice(0, 50),
+                    id: n.id ?? n.nodeId,
+                    category: `${catName}/${fn.functionName ?? fn.functionId ?? ""}`
+                  });
+                }
+              } else {
+                nodes.push({
+                  name: fn.nodeName ?? fn.name ?? "?",
+                  desc: (fn.description ?? "").slice(0, 50),
+                  id: fn.id ?? fn.nodeId,
+                  category: catName
+                });
+              }
+            }
+          }
+        }
+      } else errors.push(`\uB178\uB4DC: ${nodeR.reason?.message ?? "\uC2E4\uD328"}`);
+      if (promptR.status === "fulfilled") {
+        prompts = promptR.value.map((p) => ({
+          name: p.prompt_title ?? p.name ?? p.title ?? "?",
+          type: p.prompt_type ?? p.type ?? "",
+          uid: p.prompt_uid ?? p.uid,
+          content: p.prompt_content ?? p.content,
+          dbId: p.id
+        }));
+      } else errors.push(`\uD504\uB86C\uD504\uD2B8: ${promptR.reason?.message ?? "\uC2E4\uD328"}`);
+      if (toolR.status === "fulfilled") {
+        tools2 = toolR.value.map((t) => {
+          const fd = t.function_data ?? {};
+          return {
+            name: fd.function_name ?? t.function_name ?? t.name ?? t.tool_name ?? "?",
+            desc: (fd.description ?? t.description ?? "").slice(0, 50),
+            id: t.id,
+            functionId: fd.function_id ?? t.function_id ?? t.function_upload_id,
+            apiUrl: fd.api_url ?? t.api_url,
+            status: fd.status ?? t.status
+          };
+        });
+      } else errors.push(`\uB3C4\uAD6C: ${toolR.reason?.message ?? "\uC2E4\uD328"}`);
+      if (mcpR.status === "fulfilled" && Array.isArray(mcpR.value)) {
+        mcpSessions = mcpR.value.map((s) => ({
+          id: s.session_id ?? s.id ?? "",
+          name: s.session_name ?? s.name ?? "\uC774\uB984\uC5C6\uC74C",
+          type: s.server_type ?? "?",
+          status: s.status ?? "unknown",
+          command: s.server_command
+        }));
+      }
+    } catch (err) {
+      errors.push(`\uC804\uCCB4: ${err.message}`);
     }
-    statusMsg = "\u2191\u2193:\uC774\uB3D9  Enter:\uC120\uD0DD/\uC2E4\uD589  1-5:\uD0ED  i:\uC785\uB825  r:\uC0C8\uB85C\uACE0\uCE68  q:\uC885\uB8CC";
+    selected = 0;
+    updateDetail();
+    statusMsg = errors.length > 0 ? `\u26A0 ${errors.length}\uAC1C \uC624\uB958 \u2502 r \uC7AC\uC2DC\uB3C4` : getHint();
+    if (errors.length > 0) detail = [red("\uB85C\uB4DC \uC624\uB958:"), "", ...errors.map((e) => yellow(`  \u2022 ${e}`))];
     render();
   }
+  function getHint() {
+    const hints = {
+      workflows: "\u2191\u2193 \u2502 Enter \uB178\uB4DC\uAD6C\uC870/\uC2E4\uD589 \u2502 1-6 \uD0ED \u2502 r \u2502 q",
+      collections: "\u2191\u2193 \u2502 Enter \uBB38\uC11C\uBAA9\uB85D \u2502 1-6 \uD0ED \u2502 r \u2502 q",
+      nodes: "\u2191\u2193 \u2502 Enter \uC0C1\uC138(\uD30C\uB77C\uBBF8\uD130) \u2502 1-6 \uD0ED \u2502 r \u2502 q",
+      prompts: "\u2191\u2193 \u2502 Enter \uB0B4\uC6A9 \u2502 c\uC0DD\uC131 e\uC218\uC815 d\uC0AD\uC81C u\uC2A4\uD1A0\uC5B4 v\uBC84\uC804 \u2502 q",
+      tools: "\u2191\u2193 \u2502 Enter/t \uD14C\uC2A4\uD2B8 \u2502 c\uC0DD\uC131 u\uC2A4\uD1A0\uC5B4\uB4F1\uB85D \u2502 q",
+      mcp: "\u2191\u2193 \u2502 Enter \uB3C4\uAD6C\uBAA9\uB85D \u2502 c\uC138\uC158\uC0DD\uC131 t\uB3C4\uAD6C\uD638\uCD9C d\uC0AD\uC81C \u2502 q"
+    };
+    return hints[tab];
+  }
   function getItems() {
     switch (tab) {
       case "workflows":
-        return workflows.map((w) => ({ label: `${w.deployed ? "\u25CF" : "\u25CB"} ${w.name}`, sub: w.id.slice(0, 20) }));
+        return workflows.map((w) => ({ label: `${w.deployed ? green("\u25CF") : dim("\u25CB")} ${w.name}`, sub: w.id.slice(0, 16) }));
       case "collections":
         return collections.map((c) => ({ label: c.name, sub: `${c.docs}\uBB38\uC11C ${c.chunks}\uCCAD\uD06C` }));
       case "nodes":
-        return nodes.map((n) => ({ label: n.name, sub: n.desc }));
+        return nodes.map((n) => ({ label: n.name, sub: n.category ? `[${n.category}] ${n.desc}` : n.desc }));
       case "prompts":
         return prompts.map((p) => ({ label: p.name, sub: `[${p.type}]` }));
       case "tools":
-        return tools2.map((t) => ({ label: t.name, sub: t.desc }));
+        return tools2.map((t) => {
+          const st = t.status === "active" ? green("\u25CF") : t.status === "inactive" ? red("\u25CF") : dim("\u25CB");
+          return { label: `${st} ${t.name}`, sub: t.desc };
+        });
+      case "mcp":
+        return mcpSessions.map((s) => {
+          const st = s.status === "running" ? green("\u25CF") : s.status === "error" ? red("\u25CF") : dim("\u25CB");
+          return { label: `${st} ${s.name}`, sub: `[${s.type}] ${s.status}` };
+        });
     }
   }
   function updateDetail() {
     const items = getItems();
-    if (selected < 0 || selected >= items.length) return;
+    if (items.length === 0) {
+      const createHint = tab === "tools" ? "c \uB3C4\uAD6C \uC0DD\uC131" : tab === "prompts" ? "c \uD504\uB86C\uD504\uD2B8 \uC0DD\uC131" : tab === "mcp" ? "c MCP \uC138\uC158 \uC0DD\uC131" : "";
+      detail = [dim("\uB370\uC774\uD130 \uC5C6\uC74C"), "", dim(createHint)];
+      return;
+    }
+    if (selected < 0) selected = 0;
+    if (selected >= items.length) selected = items.length - 1;
     if (tab === "workflows" && workflows[selected]) {
       const w = workflows[selected];
-      detail = [bold(w.name), "", `ID    ${w.id}`, `\uBC30\uD3EC  ${w.deployed ? "Yes" : "No"}`, "", "Enter \u2192 \uC2E4\uD589"];
+      detail = [
+        bold(w.name),
+        "",
+        `ID   ${w.id || dim("\uC5C6\uC74C")}`,
+        `\uBC30\uD3EC ${w.deployed ? green("\u25CF Yes") : red("\u25CB No")}`,
+        "",
+        cyan("Enter") + " \uB178\uB4DC/\uC5E3\uC9C0 \uAD6C\uC870 \uBCF4\uAE30",
+        cyan("i") + "     \uC9C8\uBB38 \uC785\uB825 \uD6C4 \uC2E4\uD589"
+      ];
     } else if (tab === "collections" && collections[selected]) {
       const c = collections[selected];
-      detail = [bold(c.name), "", `\uBB38\uC11C  ${c.docs}\uAC1C`, `\uCCAD\uD06C  ${c.chunks}\uAC1C`];
+      detail = [bold(c.name), "", `\uBB38\uC11C ${c.docs}\uAC1C`, `\uCCAD\uD06C ${c.chunks}\uAC1C`, "", cyan("Enter") + " \uBB38\uC11C \uBAA9\uB85D"];
     } else if (tab === "nodes" && nodes[selected]) {
       const n = nodes[selected];
-      detail = [bold(n.name), "", n.desc];
+      detail = [
+        bold(n.name),
+        "",
+        `\uCE74\uD14C\uACE0\uB9AC: ${n.category || dim("\uC5C6\uC74C")}`,
+        n.desc || dim("\uC124\uBA85 \uC5C6\uC74C"),
+        "",
+        cyan("Enter") + " \uD30C\uB77C\uBBF8\uD130/\uD3EC\uD2B8 \uC0C1\uC138"
+      ];
     } else if (tab === "prompts" && prompts[selected]) {
       const p = prompts[selected];
-      detail = [bold(p.name), `[${p.type}]`];
+      const preview = p.content ? p.content.split("\n").slice(0, 8) : [dim("\uB0B4\uC6A9 \uC5C6\uC74C")];
+      detail = [
+        bold(p.name),
+        `\uD0C0\uC785: ${p.type || "\uC5C6\uC74C"}`,
+        `UID: ${p.uid || dim("\uC5C6\uC74C")}`,
+        "",
+        ...preview,
+        "",
+        `${cyan("c")}\uC0DD\uC131 ${cyan("e")}\uC218\uC815 ${cyan("d")}\uC0AD\uC81C ${cyan("u")}\uC2A4\uD1A0\uC5B4 ${cyan("v")}\uBC84\uC804`
+      ];
     } else if (tab === "tools" && tools2[selected]) {
       const t = tools2[selected];
-      detail = [bold(t.name), "", t.desc];
+      detail = [
+        bold(t.name),
+        "",
+        `ID     ${t.functionId || dim("\uC5C6\uC74C")}`,
+        `URL    ${t.apiUrl || dim("\uC5C6\uC74C")}`,
+        `\uC0C1\uD0DC   ${t.status === "active" ? green("active") : t.status === "inactive" ? red("inactive") : dim(t.status || "\uC5C6\uC74C")}`,
+        "",
+        t.desc || dim("\uC124\uBA85 \uC5C6\uC74C"),
+        "",
+        `${cyan("t")}\uD14C\uC2A4\uD2B8 ${cyan("u")}\uC2A4\uD1A0\uC5B4\uB4F1\uB85D ${cyan("c")}\uC0DD\uC131`
+      ];
+    } else if (tab === "mcp" && mcpSessions[selected]) {
+      const s = mcpSessions[selected];
+      detail = [
+        bold(s.name),
+        "",
+        `\uC138\uC158ID  ${s.id}`,
+        `\uD0C0\uC785    ${s.type}`,
+        `\uC0C1\uD0DC    ${s.status === "running" ? green(s.status) : red(s.status)}`,
+        `\uCEE4\uB9E8\uB4DC  ${s.command || dim("\uC5C6\uC74C")}`,
+        "",
+        `${cyan("Enter")}\uB3C4\uAD6C\uBAA9\uB85D ${cyan("t")}\uB3C4\uAD6C\uD638\uCD9C ${cyan("d")}\uC0AD\uC81C`
+      ];
     }
   }
+  function visualLen(s) {
+    return s.replace(/\x1b\[[0-9;]*m/g, "").length;
+  }
+  function padVisual(s, w) {
+    return s + " ".repeat(Math.max(0, w - visualLen(s)));
+  }
   function render() {
     const cols = process.stdout.columns || 120;
     const rows = process.stdout.rows || 30;
-    const leftW = Math.floor(cols / 2);
-    const rightW = cols - leftW;
+    const leftW = Math.floor(cols * 0.5);
+    const rightW = cols - leftW - 1;
     const listH = rows - 5;
     clear();
     moveTo(1, 1);
-    const tabStr = TABS.map((t) => {
-      const active = tab === t.key;
-      return `[${t.num}]${active ? bold("\u25B8" + t.label) : dim(t.label)}`;
-    }).join("  ");
-    process.stdout.write(` ${bold("OPEN XGEN")}  ${dim(provider?.model ?? "")}  ${serverDisplay}  \u2502  ${tabStr}`);
+    const tabStr = TABS.map((t) => tab === t.key ? inverse(` ${t.num}:${t.label} `) : dim(` ${t.num}:${t.label} `)).join("");
+    process.stdout.write(` ${bold(cyan("OPEN XGEN"))} ${dim("v2.4")} ${dim(serverDisplay)} \u2502 ${tabStr}`);
     moveTo(2, 1);
-    process.stdout.write(dim("\u2500".repeat(cols)));
+    process.stdout.write(dim("\u2500".repeat(leftW) + "\u252C" + "\u2500".repeat(rightW)));
     const items = getItems();
-    const visibleCount = listH;
-    const scrollStart = Math.max(0, Math.min(selected - Math.floor(visibleCount / 2), items.length - visibleCount));
-    for (let i = 0; i < visibleCount; i++) {
+    const vis = Math.max(1, listH);
+    const scr = items.length <= vis ? 0 : Math.max(0, Math.min(selected - Math.floor(vis / 2), items.length - vis));
+    for (let i = 0; i < vis; i++) {
       moveTo(3 + i, 1);
-      const idx = scrollStart + i;
+      const idx = scr + i;
+      let left;
       if (idx < items.length) {
         const item = items[idx];
-        const prefix = idx === selected ? "\u25B8 " : "  ";
-        const line = `${prefix}${String(idx + 1).padStart(2)}. ${item.label}`;
-        const trimmed = line.slice(0, leftW - 2);
-        process.stdout.write(idx === selected ? inverse(trimmed.padEnd(leftW - 1)) : trimmed);
+        const sub = item.sub ? dim(` ${item.sub}`) : "";
+        left = padVisual(`${idx === selected ? "\u25B8" : " "} ${String(idx + 1).padStart(2)}. ${item.label}${sub}`, leftW);
+        if (idx === selected) left = inverse(left);
       } else {
-        process.stdout.write(" ".repeat(leftW - 1));
+        left = " ".repeat(leftW);
       }
+      process.stdout.write(left);
       process.stdout.write(dim("\u2502"));
-      if (i < detail.length) {
-        const dline = detail[i].slice(0, rightW - 2);
-        process.stdout.write(` ${dline}`);
-      }
+      if (i < detail.length) process.stdout.write(` ${detail[i]}`);
+    }
+    if (items.length === 0) {
+      moveTo(4, 3);
+      process.stdout.write(dim("(\uD56D\uBAA9 \uC5C6\uC74C)"));
     }
     moveTo(rows - 2, 1);
-    process.stdout.write(dim("\u2500".repeat(cols)));
+    process.stdout.write(dim("\u2500".repeat(leftW) + "\u2534" + "\u2500".repeat(rightW)));
     moveTo(rows - 1, 1);
-    if (inputMode) {
-      const prompt2 = runTarget ? `${runTarget.name} \u276F ` : "\u276F ";
-      process.stdout.write(` ${prompt2}${inputBuffer}`);
+    if (inputMode || formCtx) {
+      const pr = formCtx ? `${formCtx.fields[formCtx.step].label}${formCtx.fields[formCtx.step].required ? "*" : ""} \u276F ` : "\u276F ";
+      process.stdout.write(` ${cyan(pr)}${inputBuffer}`);
       showCursor();
     } else {
-      process.stdout.write(dim(" \u276F i\uB97C \uB20C\uB7EC \uC785\uB825 \xB7 Enter\uB85C \uC2E4\uD589"));
+      process.stdout.write(dim(` ${getHint()}`));
       hideCursor();
     }
     moveTo(rows, 1);
     process.stdout.write(dim(` ${statusMsg}`.slice(0, cols)));
   }
-  async function executeWorkflowAction(wf, input) {
-    detail = [`\uC2E4\uD589 \uC911: ${wf.name}`, `\uC785\uB825: ${input}`, "", "..."];
+  async function runWorkflow(wf, input) {
+    detail = [bold(wf.name), "", `\uC785\uB825: ${input}`, "", yellow("\uC2E4\uD589 \uC911...")];
     render();
     try {
       const { executeWorkflow: executeWorkflow2 } = await Promise.resolve().then(() => (init_workflow(), workflow_exports));
       const { randomUUID: randomUUID4 } = await import("crypto");
-      const r = await executeWorkflow2({
+      const r = await withTimeout(executeWorkflow2({
         workflow_id: wf.id,
         workflow_name: wf.name,
         input_data: input,
         interaction_id: `tui_${randomUUID4().slice(0, 8)}`,
         user_id: auth?.userId ? parseInt(auth.userId) : 1
-      });
-      const content = r.content ?? r.message ?? JSON.stringify(r).slice(0, 500);
-      detail = [bold(wf.name), "", `\uC785\uB825: ${input}`, "", "\uACB0\uACFC:", ...String(content).split("\n").slice(0, 15)];
+      }), 3e4, "\uC2E4\uD589");
+      const content = r?.content ?? r?.message ?? r?.result ?? JSON.stringify(r).slice(0, 500);
+      detail = [bold(wf.name), "", `\uC785\uB825: ${input}`, "", green("\uACB0\uACFC:"), ...String(content).split("\n").slice(0, 15)];
+    } catch (err) {
+      detail = [bold(wf.name), "", red(`\uC2E4\uD328: ${err.message}`)];
+    }
+    statusMsg = getHint();
+    render();
+  }
+  async function loadWorkflowStructure(wf) {
+    detail = [bold(wf.name), "", yellow("\uB178\uB4DC/\uC5E3\uC9C0 \uB85C\uB529...")];
+    render();
+    try {
+      const { getWorkflowDetail: getWorkflowDetail2 } = await Promise.resolve().then(() => (init_workflow(), workflow_exports));
+      const data = await withTimeout(getWorkflowDetail2(wf.id), 1e4, "\uC6CC\uD06C\uD50C\uB85C\uC6B0 \uB85C\uB4DC");
+      const wfData = data?.workflow_data ?? data;
+      const ns = wfData?.nodes ?? data?.nodes ?? [];
+      const es = wfData?.edges ?? data?.edges ?? [];
+      detail = [
+        bold(wf.name),
+        "",
+        `\uB178\uB4DC ${ns.length}\uAC1C  \uC5E3\uC9C0 ${es.length}\uAC1C`,
+        "",
+        bold("\uB178\uB4DC:"),
+        ...ns.slice(0, 15).map((n, i) => {
+          const label = n.data?.label ?? n.data?.nodeName ?? n.type ?? "?";
+          const nodeType = n.data?.nodeId ?? n.type ?? "";
+          return `  ${i + 1}. ${label} ${dim(nodeType)}`;
+        }),
+        ...ns.length > 15 ? [dim(`  ... +${ns.length - 15}\uAC1C`)] : [],
+        "",
+        bold("\uC5F0\uACB0:"),
+        ...es.slice(0, 8).map((e) => {
+          const src = ns.find((n) => n.id === e.source);
+          const tgt = ns.find((n) => n.id === e.target);
+          const srcName = src?.data?.label ?? src?.data?.nodeName ?? e.source;
+          const tgtName = tgt?.data?.label ?? tgt?.data?.nodeName ?? e.target;
+          return `  ${srcName} \u2192 ${tgtName}`;
+        }),
+        ...es.length > 8 ? [dim(`  ... +${es.length - 8}\uAC1C`)] : [],
+        "",
+        cyan("i") + " \uC9C8\uBB38 \uC785\uB825 \uD6C4 \uC2E4\uD589"
+      ];
+    } catch (err) {
+      detail = [bold(wf.name), "", red(`\uB85C\uB4DC \uC2E4\uD328: ${err.message}`)];
+    }
+    render();
+  }
+  async function loadNodeDetail(n) {
+    if (!n.id) {
+      detail = [bold(n.name), "", red("\uB178\uB4DC ID \uC5C6\uC74C")];
+      render();
+      return;
+    }
+    detail = [bold(n.name), "", yellow("\uC0C1\uC138 \uB85C\uB529...")];
+    render();
+    try {
+      const { getNodeDetail: getNodeDetail2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+      const d = await withTimeout(getNodeDetail2(n.id), 8e3, "\uB178\uB4DC \uC0C1\uC138");
+      const inputs = d?.inputs ?? d?.inputPorts ?? [];
+      const outputs = d?.outputs ?? d?.outputPorts ?? [];
+      const params = d?.parameters ?? d?.params ?? d?.defaultParams ?? {};
+      const paramKeys = typeof params === "object" ? Object.keys(params) : [];
+      detail = [
+        bold(d?.nodeName ?? d?.name ?? n.name),
+        "",
+        `ID       ${d?.nodeId ?? d?.id ?? n.id}`,
+        `\uCE74\uD14C\uACE0\uB9AC ${d?.category ?? d?.nodeCategory ?? dim("\uC5C6\uC74C")}`,
+        `\uC124\uBA85     ${d?.description ?? dim("\uC5C6\uC74C")}`,
+        "",
+        bold(`\uC785\uB825 \uD3EC\uD2B8 (${inputs.length}):`),
+        ...inputs.slice(0, 5).map((p) => `  \u2022 ${p.name ?? p.id ?? "?"} ${dim(p.type ?? "")}`),
+        "",
+        bold(`\uCD9C\uB825 \uD3EC\uD2B8 (${outputs.length}):`),
+        ...outputs.slice(0, 5).map((p) => `  \u2022 ${p.name ?? p.id ?? "?"} ${dim(p.type ?? "")}`),
+        "",
+        bold(`\uD30C\uB77C\uBBF8\uD130 (${paramKeys.length}):`),
+        ...paramKeys.slice(0, 8).map((k) => `  \u2022 ${k}: ${dim(String(params[k]).slice(0, 30))}`)
+      ];
+    } catch (err) {
+      detail = [bold(n.name), "", red(`\uC2E4\uD328: ${err.message}`)];
+    }
+    render();
+  }
+  function startCreatePrompt() {
+    startForm("create-prompt", "\uC0C8 \uD504\uB86C\uD504\uD2B8 \uC0DD\uC131", [
+      { key: "prompt_title", label: "\uC81C\uBAA9", required: true },
+      { key: "prompt_content", label: "\uB0B4\uC6A9", required: true },
+      { key: "prompt_type", label: "\uD0C0\uC785 (user/system)", default: "user" },
+      { key: "language", label: "\uC5B8\uC5B4 (ko/en)", default: "ko" }
+    ], async (v) => {
+      detail = [bold("\uD504\uB86C\uD504\uD2B8 \uC0DD\uC131"), "", yellow("\uC800\uC7A5 \uC911...")];
+      render();
+      try {
+        const { createPrompt: createPrompt2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+        await withTimeout(createPrompt2({ prompt_title: v.prompt_title, prompt_content: v.prompt_content, prompt_type: v.prompt_type || "user", language: v.language || "ko" }), 1e4, "\uC800\uC7A5");
+        detail = [bold("\uD504\uB86C\uD504\uD2B8 \uC0DD\uC131"), "", green("\u2713 \uC800\uC7A5 \uC644\uB8CC!"), "", "r \uC0C8\uB85C\uACE0\uCE68"];
+        statusMsg = green("\uC800\uC7A5 \uC644\uB8CC");
+      } catch (err) {
+        detail = [red(`\u2717 \uC2E4\uD328: ${err.message}`)];
+        statusMsg = red("\uC2E4\uD328");
+      }
+      render();
+    });
+  }
+  function startEditPrompt() {
+    if (!prompts[selected]) return;
+    const p = prompts[selected];
+    if (!p.uid) {
+      detail = [red("UID \uC5C6\uC74C \u2014 \uC218\uC815 \uBD88\uAC00")];
+      render();
+      return;
+    }
+    startForm("edit-prompt", `\uD504\uB86C\uD504\uD2B8 \uC218\uC815: ${p.name}`, [
+      { key: "prompt_title", label: "\uC81C\uBAA9", default: p.name },
+      { key: "prompt_content", label: "\uB0B4\uC6A9", default: p.content || "" },
+      { key: "prompt_type", label: "\uD0C0\uC785", default: p.type || "user" }
+    ], async (v) => {
+      detail = [yellow("\uC218\uC815 \uC911...")];
+      render();
+      try {
+        const { updatePrompt: updatePrompt2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+        await withTimeout(updatePrompt2({ prompt_uid: p.uid, prompt_title: v.prompt_title, prompt_content: v.prompt_content, prompt_type: v.prompt_type }), 1e4, "\uC218\uC815");
+        detail = [green("\u2713 \uC218\uC815 \uC644\uB8CC!"), "", "r \uC0C8\uB85C\uACE0\uCE68"];
+        statusMsg = green("\uC218\uC815 \uC644\uB8CC");
+      } catch (err) {
+        detail = [red(`\u2717 \uC2E4\uD328: ${err.message}`)];
+        statusMsg = red("\uC2E4\uD328");
+      }
+      render();
+    });
+  }
+  async function deleteSelectedPrompt() {
+    if (!prompts[selected]?.uid) {
+      detail = [red("UID \uC5C6\uC74C")];
+      render();
+      return;
+    }
+    const p = prompts[selected];
+    detail = [bold(p.name), "", yellow("\uC0AD\uC81C \uC911...")];
+    render();
+    try {
+      const { deletePrompt: deletePrompt2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+      await withTimeout(deletePrompt2(p.uid), 1e4, "\uC0AD\uC81C");
+      detail = [green("\u2713 \uC0AD\uC81C \uC644\uB8CC!"), "", "r \uC0C8\uB85C\uACE0\uCE68"];
+      statusMsg = green("\uC0AD\uC81C \uC644\uB8CC");
+    } catch (err) {
+      detail = [red(`\uC0AD\uC81C \uC2E4\uD328: ${err.message}`)];
+      statusMsg = red("\uC2E4\uD328");
+    }
+    render();
+  }
+  async function uploadSelectedPromptToStore() {
+    if (!prompts[selected]?.dbId) {
+      detail = [red("DB ID \uC5C6\uC74C")];
+      render();
+      return;
+    }
+    const p = prompts[selected];
+    detail = [bold(p.name), "", yellow("\uC2A4\uD1A0\uC5B4 \uB4F1\uB85D \uC911...")];
+    render();
+    try {
+      const { uploadPromptToStore: uploadPromptToStore2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+      await withTimeout(uploadPromptToStore2(p.dbId), 1e4, "\uC2A4\uD1A0\uC5B4");
+      detail = [green("\u2713 \uC2A4\uD1A0\uC5B4 \uB4F1\uB85D \uC644\uB8CC!")];
+      statusMsg = green("\uB4F1\uB85D \uC644\uB8CC");
+    } catch (err) {
+      detail = [red(`\uC2E4\uD328: ${err.message}`)];
+      statusMsg = red("\uC2E4\uD328");
+    }
+    render();
+  }
+  async function showPromptVersions() {
+    if (!prompts[selected]?.uid) {
+      detail = [red("UID \uC5C6\uC74C")];
+      render();
+      return;
+    }
+    const p = prompts[selected];
+    detail = [bold(p.name), "", yellow("\uBC84\uC804 \uB85C\uB529...")];
+    render();
+    try {
+      const { listPromptVersions: listPromptVersions2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+      const vers = await withTimeout(listPromptVersions2(p.uid), 8e3, "\uBC84\uC804");
+      if (!vers.length) {
+        detail = [bold(p.name), "", dim("\uBC84\uC804 \uC5C6\uC74C")];
+      } else {
+        detail = [
+          bold(p.name),
+          "",
+          bold(`\uBC84\uC804 ${vers.length}\uAC1C:`),
+          "",
+          ...vers.slice(0, 15).map((v, i) => `  ${i + 1}. v${v.version ?? v.id ?? "?"} ${dim(v.label_name ?? v.created_at ?? "")}`)
+        ];
+      }
+    } catch (err) {
+      detail = [red(`\uC2E4\uD328: ${err.message}`)];
+    }
+    render();
+  }
+  function startCreateTool() {
+    startForm("create-tool", "\uC0C8 \uB3C4\uAD6C \uC0DD\uC131", [
+      { key: "function_name", label: "\uB3C4\uAD6C \uC774\uB984", required: true },
+      { key: "function_id", label: "\uB3C4\uAD6C ID (\uC601\uBB38)", required: true },
+      { key: "description", label: "\uC124\uBA85" },
+      { key: "api_url", label: "API URL", required: true },
+      { key: "api_method", label: "HTTP \uBA54\uC11C\uB4DC", default: "GET" },
+      { key: "api_timeout", label: "\uD0C0\uC784\uC544\uC6C3(\uCD08)", default: "30" }
+    ], async (v) => {
+      detail = [bold("\uB3C4\uAD6C \uC0DD\uC131"), "", yellow("\uC800\uC7A5 \uC911...")];
+      render();
+      try {
+        const { saveTool: saveTool2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+        await withTimeout(saveTool2(v.function_name, {
+          function_name: v.function_name,
+          function_id: v.function_id,
+          description: v.description || "",
+          api_url: v.api_url,
+          api_method: v.api_method || "GET",
+          api_timeout: parseInt(v.api_timeout || "30")
+        }), 1e4, "\uC800\uC7A5");
+        detail = [green("\u2713 \uB3C4\uAD6C \uC800\uC7A5 \uC644\uB8CC!"), "", "r \uC0C8\uB85C\uACE0\uCE68"];
+        statusMsg = green("\uC800\uC7A5 \uC644\uB8CC");
+      } catch (err) {
+        detail = [red(`\u2717 \uC2E4\uD328: ${err.message}`)];
+        statusMsg = red("\uC2E4\uD328");
+      }
+      render();
+    });
+  }
+  async function testSelectedTool() {
+    if (!tools2[selected]) return;
+    const t = tools2[selected];
+    if (!t.apiUrl) {
+      detail = [bold(t.name), "", red("API URL \uC5C6\uC74C")];
+      render();
+      return;
+    }
+    detail = [bold(t.name), "", yellow("API \uD14C\uC2A4\uD2B8 \uC911..."), `URL: ${t.apiUrl}`];
+    render();
+    try {
+      const { apiTest: apiTest2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+      const r = await withTimeout(apiTest2({ api_url: t.apiUrl, api_method: "GET", api_timeout: 15 }), 2e4, "\uD14C\uC2A4\uD2B8");
+      const ok = r?.success ?? (r?.data?.status && r.data.status < 400);
+      const st = r?.data?.status ?? "?";
+      const resp = r?.data?.response;
+      const lines = (typeof resp === "string" ? resp : JSON.stringify(resp ?? {}, null, 2)).split("\n").slice(0, 12);
+      detail = [bold(t.name), "", ok ? green(`\u2713 ${st} OK`) : red(`\u2717 ${st} FAIL`), "", bold("\uC751\uB2F5:"), ...lines];
+      statusMsg = ok ? green("\uD14C\uC2A4\uD2B8 \uC131\uACF5") : red("\uD14C\uC2A4\uD2B8 \uC2E4\uD328");
+    } catch (err) {
+      detail = [bold(t.name), "", red(`\uC2E4\uD328: ${err.message}`)];
+      statusMsg = red("\uC2E4\uD328");
+    }
+    render();
+  }
+  async function uploadSelectedTool() {
+    if (!tools2[selected]?.functionId) {
+      detail = [red("function_id \uC5C6\uC74C")];
+      render();
+      return;
+    }
+    const t = tools2[selected];
+    detail = [bold(t.name), "", yellow("\uC2A4\uD1A0\uC5B4 \uB4F1\uB85D \uC911...")];
+    render();
+    try {
+      const { uploadToolToStore: uploadToolToStore2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+      await withTimeout(uploadToolToStore2(t.functionId, t.desc), 1e4, "\uB4F1\uB85D");
+      detail = [green("\u2713 \uC2A4\uD1A0\uC5B4 \uB4F1\uB85D \uC644\uB8CC!")];
+      statusMsg = green("\uB4F1\uB85D \uC644\uB8CC");
     } catch (err) {
-      detail = [`\uC2E4\uD589 \uC2E4\uD328: ${err.message}`];
+      detail = [red(`\uC2E4\uD328: ${err.message}`)];
+      statusMsg = red("\uC2E4\uD328");
     }
     render();
   }
-  function handleKey(data) {
-    const s = data.toString();
+  function startCreateMcpSession() {
+    startForm("create-mcp", "MCP \uC138\uC158 \uC0DD\uC131", [
+      { key: "session_name", label: "\uC138\uC158 \uC774\uB984", required: true },
+      { key: "server_type", label: "\uD0C0\uC785 (python/node)", required: true, default: "python" },
+      { key: "server_command", label: "\uC11C\uBC84 \uCEE4\uB9E8\uB4DC", required: true },
+      { key: "server_args", label: "\uCD94\uAC00 \uC778\uC790 (\uC27C\uD45C \uAD6C\uBD84)" },
+      { key: "working_dir", label: "\uC791\uC5C5 \uB514\uB809\uD1A0\uB9AC" }
+    ], async (v) => {
+      detail = [yellow("MCP \uC138\uC158 \uC0DD\uC131 \uC911...")];
+      render();
+      try {
+        const { createMcpSession: createMcpSession2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+        const args = v.server_args ? v.server_args.split(",").map((a) => a.trim()) : void 0;
+        const r = await withTimeout(createMcpSession2({
+          server_type: v.server_type,
+          server_command: v.server_command,
+          session_name: v.session_name,
+          server_args: args,
+          working_dir: v.working_dir || void 0
+        }), 15e3, "MCP \uC138\uC158");
+        detail = [green("\u2713 \uC138\uC158 \uC0DD\uC131 \uC644\uB8CC!"), "", `\uC138\uC158ID: ${r?.session_id ?? "?"}`, "", "r \uC0C8\uB85C\uACE0\uCE68"];
+        statusMsg = green("MCP \uC138\uC158 \uC0DD\uC131 \uC644\uB8CC");
+      } catch (err) {
+        detail = [red(`\u2717 \uC2E4\uD328: ${err.message}`)];
+        statusMsg = red("\uC2E4\uD328");
+      }
+      render();
+    });
+  }
+  async function loadMcpTools() {
+    if (!mcpSessions[selected]) return;
+    const s = mcpSessions[selected];
+    detail = [bold(s.name), "", yellow("\uB3C4\uAD6C \uBAA9\uB85D \uB85C\uB529...")];
+    render();
+    try {
+      const { getMcpSessionTools: getMcpSessionTools2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+      const tools3 = await withTimeout(getMcpSessionTools2(s.id), 1e4, "MCP \uB3C4\uAD6C");
+      if (!tools3.length) {
+        detail = [bold(s.name), "", dim("\uB3C4\uAD6C \uC5C6\uC74C")];
+      } else {
+        detail = [
+          bold(s.name),
+          "",
+          bold(`\uB3C4\uAD6C ${tools3.length}\uAC1C:`),
+          "",
+          ...tools3.slice(0, 15).map((t, i) => {
+            const name = t.name ?? t.function?.name ?? "?";
+            const desc = (t.description ?? t.function?.description ?? "").slice(0, 40);
+            return `  ${i + 1}. ${name} ${dim(desc)}`;
+          }),
+          ...tools3.length > 15 ? [dim(`  ... +${tools3.length - 15}\uAC1C`)] : [],
+          "",
+          cyan("t") + " \uB3C4\uAD6C \uD638\uCD9C \uD14C\uC2A4\uD2B8"
+        ];
+      }
+    } catch (err) {
+      detail = [bold(s.name), "", red(`\uC2E4\uD328: ${err.message}`)];
+    }
+    render();
+  }
+  function startMcpToolCall() {
+    if (!mcpSessions[selected]) return;
+    const s = mcpSessions[selected];
+    startForm("mcp-call", `MCP \uB3C4\uAD6C \uD638\uCD9C: ${s.name}`, [
+      { key: "tool_name", label: "\uB3C4\uAD6C \uC774\uB984", required: true },
+      { key: "params_json", label: "\uD30C\uB77C\uBBF8\uD130 (JSON)", default: "{}" }
+    ], async (v) => {
+      detail = [yellow("MCP \uB3C4\uAD6C \uD638\uCD9C \uC911...")];
+      render();
+      try {
+        const { sendMcpRequest: sendMcpRequest2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+        let params = {};
+        try {
+          params = JSON.parse(v.params_json || "{}");
+        } catch {
+        }
+        const r = await withTimeout(sendMcpRequest2(s.id, "tools/call", { name: v.tool_name, arguments: params }), 2e4, "MCP \uD638\uCD9C");
+        const ok = r?.success;
+        const data = r?.data;
+        const lines = (typeof data === "string" ? data : JSON.stringify(data ?? {}, null, 2)).split("\n").slice(0, 15);
+        detail = [bold(`${s.name} \u2192 ${v.tool_name}`), "", ok ? green("\u2713 \uC131\uACF5") : red("\u2717 \uC2E4\uD328"), "", bold("\uC751\uB2F5:"), ...lines];
+        statusMsg = ok ? green("\uD638\uCD9C \uC131\uACF5") : red("\uD638\uCD9C \uC2E4\uD328");
+      } catch (err) {
+        detail = [red(`\uC2E4\uD328: ${err.message}`)];
+        statusMsg = red("\uC2E4\uD328");
+      }
+      render();
+    });
+  }
+  async function deleteSelectedMcpSession() {
+    if (!mcpSessions[selected]) return;
+    const s = mcpSessions[selected];
+    detail = [bold(s.name), "", yellow("\uC0AD\uC81C \uC911...")];
+    render();
+    try {
+      const { deleteMcpSession: deleteMcpSession2 } = await Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports));
+      await withTimeout(deleteMcpSession2(s.id), 1e4, "\uC0AD\uC81C");
+      detail = [green("\u2713 \uC138\uC158 \uC0AD\uC81C \uC644\uB8CC!"), "", "r \uC0C8\uB85C\uACE0\uCE68"];
+      statusMsg = green("\uC0AD\uC81C \uC644\uB8CC");
+    } catch (err) {
+      detail = [red(`\uC2E4\uD328: ${err.message}`)];
+      statusMsg = red("\uC2E4\uD328");
+    }
+    render();
+  }
+  function startForm(type, title, fields, onSubmit) {
+    formCtx = { type, fields, step: 0, values: {}, onSubmit };
+    inputBuffer = "";
+    detail = [
+      bold(title),
+      "",
+      ...fields.map((f, i) => `  ${i === 0 ? cyan("\u25B8") : " "} ${f.label}${f.required ? red("*") : ""} ${f.default ? dim(`(\uAE30\uBCF8: ${f.default})`) : ""}`),
+      "",
+      dim("Enter: \uB2E4\uC74C \u2502 Esc: \uCDE8\uC18C")
+    ];
+    statusMsg = `${fields[0].label} \uC785\uB825`;
+    render();
+  }
+  function handleKey(s) {
+    if (formCtx) {
+      if (s === "\x1B" || s === "\x1B\x1B") {
+        formCtx = null;
+        inputBuffer = "";
+        inputMode = false;
+        updateDetail();
+        statusMsg = getHint();
+        render();
+        return;
+      }
+      if (s === "\r" || s === "\n") {
+        const field = formCtx.fields[formCtx.step];
+        const value = inputBuffer.trim() || field.default || "";
+        if (field.required && !value) {
+          statusMsg = red(`${field.label} \uD544\uC218`);
+          render();
+          return;
+        }
+        formCtx.values[field.key] = value;
+        inputBuffer = "";
+        formCtx.step++;
+        if (formCtx.step >= formCtx.fields.length) {
+          const ctx = formCtx;
+          formCtx = null;
+          inputMode = false;
+          ctx.onSubmit(ctx.values);
+        } else {
+          const nf = formCtx.fields[formCtx.step];
+          detail = [
+            bold(formCtx.type.includes("tool") ? "\uC0C8 \uB3C4\uAD6C" : formCtx.type.includes("prompt") ? "\uC0C8 \uD504\uB86C\uD504\uD2B8" : formCtx.type.includes("mcp") ? "MCP" : "\uC785\uB825"),
+            "",
+            ...formCtx.fields.map((f, i) => {
+              const val = formCtx.values[f.key];
+              if (val !== void 0) return `  ${green("\u2713")} ${f.label}: ${val}`;
+              if (i === formCtx.step) return `  ${cyan("\u25B8")} ${f.label}${f.required ? red("*") : ""} ${f.default ? dim(`(\uAE30\uBCF8: ${f.default})`) : ""}`;
+              return `    ${f.label}`;
+            }),
+            "",
+            dim(`${formCtx.step + 1}/${formCtx.fields.length} \u2502 Enter \u2502 Esc`)
+          ];
+          statusMsg = `${nf.label} \uC785\uB825`;
+          render();
+        }
+        return;
+      }
+      if (s === "\x7F" || s === "\b") {
+        inputBuffer = inputBuffer.slice(0, -1);
+        render();
+        return;
+      }
+      if (s === "") {
+        formCtx = null;
+        inputBuffer = "";
+        inputMode = false;
+        updateDetail();
+        render();
+        return;
+      }
+      if (s.length > 0 && s.charCodeAt(0) >= 32) {
+        inputBuffer += s;
+        render();
+        return;
+      }
+      return;
+    }
     if (inputMode) {
       if (s === "\x1B" || s === "\x1B\x1B") {
         inputMode = false;
         inputBuffer = "";
-        runTarget = null;
+        updateDetail();
+        statusMsg = getHint();
         render();
         return;
       }
@@ -1279,11 +2007,11 @@ async function startRawTui() {
         const val = inputBuffer.trim();
         inputMode = false;
         inputBuffer = "";
-        if (val && runTarget) {
-          executeWorkflowAction(runTarget, val);
-          runTarget = null;
+        if (val && tab === "workflows" && workflows[selected]) {
+          runWorkflow(workflows[selected], val);
+        } else {
+          render();
         }
-        render();
         return;
       }
       if (s === "\x7F" || s === "\b") {
@@ -1291,6 +2019,12 @@ async function startRawTui() {
         render();
         return;
       }
+      if (s === "") {
+        inputMode = false;
+        inputBuffer = "";
+        render();
+        return;
+      }
       if (s.length > 0 && s.charCodeAt(0) >= 32) {
         inputBuffer += s;
         render();
@@ -1302,20 +2036,79 @@ async function startRawTui() {
       cleanup();
       process.exit(0);
     }
-    if (s === "r") {
+    if (s === "r" || s === "R") {
       loadData();
       return;
     }
-    if (s === "i") {
+    if (s === "i" && tab === "workflows" && workflows[selected]) {
       inputMode = true;
+      inputBuffer = "";
+      statusMsg = `${workflows[selected].name} \u2014 \uC9C8\uBB38 \uC785\uB825 \uD6C4 Enter, Esc \uCDE8\uC18C`;
       render();
       return;
     }
+    if (s === "c" || s === "C") {
+      if (tab === "tools") {
+        startCreateTool();
+        return;
+      }
+      if (tab === "prompts") {
+        startCreatePrompt();
+        return;
+      }
+      if (tab === "mcp") {
+        startCreateMcpSession();
+        return;
+      }
+    }
+    if (s === "t" || s === "T") {
+      if (tab === "tools") {
+        testSelectedTool();
+        return;
+      }
+      if (tab === "mcp") {
+        startMcpToolCall();
+        return;
+      }
+    }
+    if (s === "u" || s === "U") {
+      if (tab === "tools") {
+        uploadSelectedTool();
+        return;
+      }
+      if (tab === "prompts") {
+        uploadSelectedPromptToStore();
+        return;
+      }
+    }
+    if (s === "e" || s === "E") {
+      if (tab === "prompts") {
+        startEditPrompt();
+        return;
+      }
+    }
+    if (s === "d" || s === "D") {
+      if (tab === "prompts") {
+        deleteSelectedPrompt();
+        return;
+      }
+      if (tab === "mcp") {
+        deleteSelectedMcpSession();
+        return;
+      }
+    }
+    if (s === "v" || s === "V") {
+      if (tab === "prompts") {
+        showPromptVersions();
+        return;
+      }
+    }
     const tabNum = parseInt(s);
-    if (tabNum >= 1 && tabNum <= 5) {
+    if (tabNum >= 1 && tabNum <= 6) {
       tab = TABS[tabNum - 1].key;
       selected = 0;
       updateDetail();
+      statusMsg = getHint();
       render();
       return;
     }
@@ -1324,48 +2117,82 @@ async function startRawTui() {
       tab = TABS[(idx + 1) % TABS.length].key;
       selected = 0;
       updateDetail();
+      statusMsg = getHint();
+      render();
+      return;
+    }
+    if (s === "\x1B[Z") {
+      const idx = TABS.findIndex((t) => t.key === tab);
+      tab = TABS[(idx - 1 + TABS.length) % TABS.length].key;
+      selected = 0;
+      updateDetail();
+      statusMsg = getHint();
       render();
       return;
     }
     if (s === "\x1B[A") {
       const items = getItems();
-      selected = Math.max(0, selected - 1);
+      if (items.length > 0) {
+        selected = Math.max(0, selected - 1);
+        updateDetail();
+        render();
+      }
+      return;
+    }
+    if (s === "\x1B[B") {
+      const items = getItems();
+      if (items.length > 0) {
+        selected = Math.min(items.length - 1, selected + 1);
+        updateDetail();
+        render();
+      }
+      return;
+    }
+    if (s === "\x1B[5~") {
+      selected = Math.max(0, selected - 10);
       updateDetail();
       render();
       return;
     }
-    if (s === "\x1B[B") {
+    if (s === "\x1B[6~") {
       const items = getItems();
-      selected = Math.min(items.length - 1, selected + 1);
+      selected = Math.min(items.length - 1, selected + 10);
       updateDetail();
       render();
       return;
     }
     if (s === "\r" || s === "\n") {
+      const items = getItems();
+      if (items.length === 0) return;
       if (tab === "workflows" && workflows[selected]) {
-        runTarget = workflows[selected];
-        inputMode = true;
-        statusMsg = `${runTarget.name} \u2014 \uC785\uB825 \uD6C4 Enter \uC2E4\uD589, Esc \uCDE8\uC18C`;
-        render();
+        loadWorkflowStructure(workflows[selected]);
       } else if (tab === "collections" && collections[selected]) {
         const c = collections[selected];
-        detail = [`${c.name} \uBB38\uC11C \uB85C\uB529...`];
+        detail = [bold(c.name), "", yellow("\uBB38\uC11C \uB85C\uB529...")];
         render();
         Promise.resolve().then(() => (init_document(), document_exports)).then(async (m) => {
           try {
-            const docs = await m.listDocuments(String(collections[selected].id ?? ""));
-            if (!docs.length) {
-              detail = [bold(c.name), "", "\uBB38\uC11C \uC5C6\uC74C"];
+            const docs = await withTimeout(m.listDocuments(String(c.id)), 8e3, "\uBB38\uC11C");
+            if (!docs?.length) {
+              detail = [bold(c.name), "", dim("\uBB38\uC11C \uC5C6\uC74C")];
             } else {
-              detail = [bold(c.name) + ` \u2014 ${docs.length}\uAC1C \uBB38\uC11C`, "", ...docs.map(
-                (d, i) => `  ${i + 1}. ${d.name || d.file_name || "\uC774\uB984\uC5C6\uC74C"}`
-              ).slice(0, 15)];
+              detail = [bold(c.name) + ` \u2014 ${docs.length}\uAC1C`, "", ...docs.map((d, i) => `  ${i + 1}. ${d.name || d.file_name || "?"}`).slice(0, 20)];
             }
           } catch (err) {
-            detail = [`\uBB38\uC11C \uB85C\uB4DC \uC2E4\uD328: ${err.message}`];
+            detail = [red(`\uC2E4\uD328: ${err.message}`)];
           }
           render();
         });
+      } else if (tab === "nodes" && nodes[selected]) {
+        loadNodeDetail(nodes[selected]);
+      } else if (tab === "prompts" && prompts[selected]) {
+        const p = prompts[selected];
+        detail = [bold(p.name), `\uD0C0\uC785: ${p.type}`, `UID: ${p.uid || "?"}`, "", bold("\uB0B4\uC6A9:"), "", ...p.content ? p.content.split("\n").slice(0, 18) : [dim("\uC5C6\uC74C")]];
+        render();
+      } else if (tab === "tools" && tools2[selected]) {
+        testSelectedTool();
+      } else if (tab === "mcp" && mcpSessions[selected]) {
+        loadMcpTools();
       }
       return;
     }
@@ -1373,9 +2200,7 @@ async function startRawTui() {
   function cleanup() {
     showCursor();
     clear();
-    if (process.stdin.isTTY && process.stdin.isRaw) {
-      process.stdin.setRawMode(false);
-    }
+    if (process.stdin.isTTY && process.stdin.isRaw) process.stdin.setRawMode(false);
     process.stdin.removeAllListeners("data");
     process.stdin.pause();
   }
@@ -1389,10 +2214,13 @@ async function startRawTui() {
   hideCursor();
   process.stdin.on("data", (data) => {
     try {
-      handleKey(data);
-    } catch {
+      handleKey(String(data));
+    } catch (err) {
+      statusMsg = red(`\uC624\uB958: ${err.message}`);
+      render();
     }
   });
+  process.stdout.on("resize", () => render());
   process.on("SIGINT", () => {
     cleanup();
     process.exit(0);
@@ -1400,11 +2228,11 @@ async function startRawTui() {
   process.on("exit", () => {
     showCursor();
   });
-  await loadData();
+  loadData();
   await new Promise(() => {
   });
 }
-var TABS, CSI, clear, moveTo, dim, bold, inverse, hideCursor, showCursor;
+var TABS, CSI, clear, moveTo, dim, bold, inverse, red, green, yellow, cyan, hideCursor, showCursor;
 var init_raw_tui = __esm({
   "src/dashboard/raw-tui.ts"() {
     "use strict";
@@ -1414,7 +2242,8 @@ var init_raw_tui = __esm({
       { key: "collections", label: "\uCEEC\uB809\uC158", num: "2" },
       { key: "nodes", label: "\uB178\uB4DC", num: "3" },
       { key: "prompts", label: "\uD504\uB86C\uD504\uD2B8", num: "4" },
-      { key: "tools", label: "\uB3C4\uAD6C", num: "5" }
+      { key: "tools", label: "\uB3C4\uAD6C", num: "5" },
+      { key: "mcp", label: "MCP", num: "6" }
     ];
     CSI = "\x1B[";
     clear = () => process.stdout.write(`${CSI}2J${CSI}H`);
@@ -1422,6 +2251,10 @@ var init_raw_tui = __esm({
     dim = (s) => `${CSI}2m${s}${CSI}0m`;
     bold = (s) => `${CSI}1m${s}${CSI}0m`;
     inverse = (s) => `${CSI}7m${s}${CSI}0m`;
+    red = (s) => `${CSI}31m${s}${CSI}0m`;
+    green = (s) => `${CSI}32m${s}${CSI}0m`;
+    yellow = (s) => `${CSI}33m${s}${CSI}0m`;
+    cyan = (s) => `${CSI}36m${s}${CSI}0m`;
     hideCursor = () => process.stdout.write(`${CSI}?25l`);
     showCursor = () => process.stdout.write(`${CSI}?25h`);
   }
@@ -3631,7 +4464,7 @@ ${result.answer}
 }
 
 // src/index.ts
-var VERSION = "2.3.0";
+var VERSION = "2.4.0";
 var LOGO = chalk15.cyan(`
    \u2588\u2588\u2588\u2588\u2588\u2588  \u2588\u2588\u2588\u2588\u2588\u2588  \u2588\u2588\u2588\u2588\u2588\u2588\u2588 \u2588\u2588\u2588    \u2588\u2588
   \u2588\u2588    \u2588\u2588 \u2588\u2588   \u2588\u2588 \u2588\u2588      \u2588\u2588\u2588\u2588   \u2588\u2588
@@ -3663,11 +4496,17 @@ ${chalk15.bold("AI \uC5D0\uC774\uC804\uD2B8:")}
   ${chalk15.cyan("xgen provider add")}               \uD504\uB85C\uBC14\uC774\uB354 \uCD94\uAC00
 
 ${chalk15.bold("XGEN \uD50C\uB7AB\uD3FC:")}
+  ${chalk15.cyan("xgen dash")}                       TUI \uB300\uC2DC\uBCF4\uB4DC (\uC870\uD68C/\uD14C\uC2A4\uD2B8/\uC0DD\uC131)
   ${chalk15.cyan("xgen chat")}                       \uC6CC\uD06C\uD50C\uB85C\uC6B0 \uB300\uD654
   ${chalk15.cyan("xgen wf ls")}                      \uC6CC\uD06C\uD50C\uB85C\uC6B0 \uBAA9\uB85D
   ${chalk15.cyan("xgen wf run")} <id> "\uC9C8\uBB38"         \uC6CC\uD06C\uD50C\uB85C\uC6B0 \uC2E4\uD589
   ${chalk15.cyan("xgen doc ls")}                     \uBB38\uC11C \uBAA9\uB85D
   ${chalk15.cyan("xgen ont query")} "\uC9C8\uBB38"           \uC628\uD1A8\uB85C\uC9C0 \uC9C8\uC758
+
+${chalk15.bold("\uB300\uC2DC\uBCF4\uB4DC (xgen dash):")}
+  ${chalk15.gray("\u2191\u2193")} \uC774\uB3D9  ${chalk15.gray("Enter")} \uC0C1\uC138/\uC2E4\uD589  ${chalk15.gray("1-6")} \uD0ED\uC804\uD658  ${chalk15.gray("r")} \uC0C8\uB85C\uACE0\uCE68  ${chalk15.gray("q")} \uC885\uB8CC
+  ${chalk15.gray("c")} \uC0DD\uC131  ${chalk15.gray("e")} \uC218\uC815  ${chalk15.gray("d")} \uC0AD\uC81C  ${chalk15.gray("t")} \uD14C\uC2A4\uD2B8  ${chalk15.gray("u")} \uC2A4\uD1A0\uC5B4\uB4F1\uB85D  ${chalk15.gray("v")} \uBC84\uC804
+  \uD0ED: \uC6CC\uD06C\uD50C\uB85C\uC6B0 \uCEEC\uB809\uC158 \uB178\uB4DC \uD504\uB86C\uD504\uD2B8 \uB3C4\uAD6C MCP
 `
 );
 registerConfigCommand(program);
@@ -3679,6 +4518,9 @@ registerAgentCommand(program);
 registerDocCommand(program);
 registerOntologyCommand(program);
 program.command("dash").alias("dashboard").description("XGEN TUI \uB300\uC2DC\uBCF4\uB4DC").action(async () => {
+  process.stdin.removeAllListeners();
+  process.stdin.pause();
+  await new Promise((r) => setTimeout(r, 50));
   const { startRawTui: startRawTui2 } = await Promise.resolve().then(() => (init_raw_tui(), raw_tui_exports));
   await startRawTui2();
 });