openxgen 2.0.0 → 2.1.0

package/dist/index.js

@@ -891,75 +891,6 @@ var init_provider = __esm({
   }
 });
 
-// src/agent/llm.ts
-var llm_exports = {};
-__export(llm_exports, {
-  createLLMClient: () => createLLMClient,
-  streamChat: () => streamChat
-});
-import OpenAI2 from "openai";
-function createLLMClient(provider) {
-  const opts = {
-    apiKey: provider.apiKey || "ollama"
-  };
-  if (provider.baseUrl) {
-    opts.baseURL = provider.baseUrl;
-  }
-  return new OpenAI2(opts);
-}
-async function streamChat(client2, model, messages, tools2, onDelta) {
-  const params = {
-    model,
-    messages,
-    stream: true,
-    stream_options: { include_usage: true }
-  };
-  if (tools2 && tools2.length > 0) {
-    params.tools = tools2;
-  }
-  const stream = await client2.chat.completions.create(params);
-  let content = "";
-  let usage = null;
-  const toolCallMap = /* @__PURE__ */ new Map();
-  for await (const chunk of stream) {
-    if (chunk.usage) {
-      usage = {
-        promptTokens: chunk.usage.prompt_tokens ?? 0,
-        completionTokens: chunk.usage.completion_tokens ?? 0,
-        totalTokens: chunk.usage.total_tokens ?? 0
-      };
-    }
-    const delta = chunk.choices[0]?.delta;
-    if (!delta) continue;
-    if (delta.content) {
-      content += delta.content;
-      onDelta?.(delta.content);
-    }
-    if (delta.tool_calls) {
-      for (const tc of delta.tool_calls) {
-        const idx = tc.index;
-        if (!toolCallMap.has(idx)) {
-          toolCallMap.set(idx, { id: tc.id ?? "", name: tc.function?.name ?? "", arguments: "" });
-        }
-        const entry = toolCallMap.get(idx);
-        if (tc.id) entry.id = tc.id;
-        if (tc.function?.name) entry.name = tc.function.name;
-        if (tc.function?.arguments) entry.arguments += tc.function.arguments;
-      }
-    }
-  }
-  return {
-    content,
-    toolCalls: [...toolCallMap.values()],
-    usage
-  };
-}
-var init_llm = __esm({
-  "src/agent/llm.ts"() {
-    "use strict";
-  }
-});
-
 // src/api/xgen-extra.ts
 var xgen_extra_exports = {};
 __export(xgen_extra_exports, {
@@ -1177,334 +1108,283 @@ var init_ontology = __esm({
   }
 });
 
-// src/dashboard/tui.ts
-var tui_exports = {};
-__export(tui_exports, {
-  startTui: () => startTui
+// src/dashboard/InkDashboard.tsx
+var InkDashboard_exports = {};
+__export(InkDashboard_exports, {
+  startInkDashboard: () => startInkDashboard
 });
-import blessed from "blessed";
-async function startTui() {
-  const screen = blessed.screen({ smartCSR: true, title: "OPEN XGEN", fullUnicode: true });
+import { useState, useEffect } from "react";
+import { render, Box, Text, useInput, useApp, useStdout } from "ink";
+import TextInput from "ink-text-input";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Header({ tab, serverDisplay, model }) {
+  const tabStr = TABS.map((t) => {
+    const active = tab === t.key;
+    return `[${t.shortcut}]${active ? "\u25B8" : " "}${t.label}`;
+  }).join("  ");
+  return /* @__PURE__ */ jsxs(Box, { paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, children: "OPEN XGEN" }),
+    /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "  ",
+      model,
+      "  ",
+      serverDisplay,
+      "  \u2502  ",
+      tabStr
+    ] })
+  ] });
+}
+function ListPanel({ items, selected, onSelect }) {
+  const { stdout } = useStdout();
+  const height = (stdout?.rows ?? 24) - 8;
+  const visibleCount = Math.max(1, height);
+  const start = Math.max(0, Math.min(selected - Math.floor(visibleCount / 2), items.length - visibleCount));
+  const visible = items.slice(start, start + visibleCount);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: "50%", borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+    visible.map((item, i) => {
+      const realIndex = start + i;
+      const isSelected = realIndex === selected;
+      return /* @__PURE__ */ jsxs(Text, { inverse: isSelected, children: [
+        isSelected ? "\u25B8 " : "  ",
+        item.label,
+        item.dimLabel ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          " ",
+          item.dimLabel
+        ] }) : null
+      ] }, `item-${realIndex}`);
+    }),
+    items.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  (\uC5C6\uC74C)" })
+  ] });
+}
+function DetailPanel({ lines }) {
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", width: "50%", borderStyle: "single", borderColor: "gray", paddingX: 1, children: lines.map((line, i) => /* @__PURE__ */ jsx(Text, { children: line }, `line-${i}`)) });
+}
+function StatusBar({ message }) {
+  return /* @__PURE__ */ jsx(Box, { paddingX: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: message }) });
+}
+function InputBar({ value, onChange, onSubmit, placeholder }) {
+  return /* @__PURE__ */ jsxs(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { children: "\u276F " }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        value,
+        onChange,
+        onSubmit,
+        placeholder: placeholder ?? "\uC785\uB825..."
+      }
+    )
+  ] });
+}
+function Dashboard() {
+  const { exit } = useApp();
   const provider = getDefaultProvider();
   const server = getServer();
   const auth = getAuth();
   const serverDisplay = auth && server ? `${auth.username}@${server.replace("https://", "").replace("http://", "")}` : "\uBBF8\uC5F0\uACB0";
-  let activeTab = "workflows";
-  const header = blessed.box({
-    top: 0,
-    left: 0,
-    width: "100%",
-    height: 3,
-    tags: true,
-    style: { fg: "white", bg: "black" }
-  });
-  function renderHeader() {
-    const wf = activeTab === "workflows" ? "{bold}{underline}\uC6CC\uD06C\uD50C\uB85C\uC6B0{/underline}{/bold}" : "{gray-fg}\uC6CC\uD06C\uD50C\uB85C\uC6B0{/gray-fg}";
-    const col = activeTab === "collections" ? "{bold}{underline}\uCEEC\uB809\uC158{/underline}{/bold}" : "{gray-fg}\uCEEC\uB809\uC158{/gray-fg}";
-    header.setContent(` OPEN XGEN  {gray-fg}${provider?.model ?? ""}{/gray-fg}  ${serverDisplay}  \u2502  [1]${wf}  [2]${col}`);
-    screen.render();
-  }
-  const listPanel = blessed.list({
-    top: 3,
-    left: 0,
-    width: "50%",
-    height: "100%-9",
-    border: { type: "line" },
-    style: {
-      border: { fg: "gray" },
-      selected: { fg: "black", bg: "white" },
-      item: { fg: "white" },
-      label: { fg: "white", bold: true }
-    },
-    keys: true,
-    vi: true,
-    mouse: true,
-    scrollbar: { ch: "\u2502", style: { fg: "gray" } },
-    tags: true
-  });
-  const chatInput = blessed.textbox({
-    bottom: 3,
-    left: 0,
-    width: "50%",
-    height: 3,
-    label: " \u276F ",
-    border: { type: "line" },
-    inputOnFocus: true,
-    style: {
-      border: { fg: "gray" },
-      label: { fg: "white", bold: true }
-    }
-  });
-  const detailPanel = blessed.log({
-    top: 3,
-    left: "50%",
-    width: "50%",
-    height: "100%-6",
-    label: " \uC0C1\uC138 ",
-    border: { type: "line" },
-    scrollable: true,
-    alwaysScroll: true,
-    mouse: true,
-    tags: true,
-    style: {
-      border: { fg: "gray" },
-      label: { fg: "white", bold: true }
-    }
-  });
-  const statusBar = blessed.box({
-    bottom: 0,
-    left: 0,
-    width: "100%",
-    height: 3,
-    tags: true,
-    style: { fg: "gray", bg: "black" }
-  });
-  function renderStatusBar(msg) {
-    statusBar.setContent(msg ?? " {white-fg}{bold}1/2{/bold}{/white-fg}:\uD0ED  {white-fg}{bold}Enter{/bold}{/white-fg}:\uC2E4\uD589  {white-fg}{bold}i{/bold}{/white-fg}:\uC785\uB825  {white-fg}{bold}r{/bold}{/white-fg}:\uC0C8\uB85C\uACE0\uCE68  {white-fg}{bold}Esc{/bold}{/white-fg}:\uBAA9\uB85D  {white-fg}{bold}q{/bold}{/white-fg}:\uC885\uB8CC");
-    screen.render();
-  }
-  screen.append(header);
-  screen.append(listPanel);
-  screen.append(chatInput);
-  screen.append(detailPanel);
-  screen.append(statusBar);
-  let workflows = [];
-  let collections = [];
-  async function loadWorkflows() {
-    if (!server || !auth) return;
+  const [tab, setTab] = useState("workflows");
+  const [selected, setSelected] = useState(0);
+  const [workflows, setWorkflows] = useState([]);
+  const [collections, setCollections] = useState([]);
+  const [nodes, setNodes] = useState([]);
+  const [prompts, setPrompts] = useState([]);
+  const [tools2, setTools] = useState([]);
+  const [detail, setDetail] = useState(["\u2190 \uD56D\uBAA9\uC744 \uC120\uD0DD\uD558\uC138\uC694"]);
+  const [inputValue, setInputValue] = useState("");
+  const [inputMode, setInputMode] = useState(false);
+  const [runTarget, setRunTarget] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [statusMsg, setStatusMsg] = useState("\uB85C\uB529...");
+  useEffect(() => {
+    loadAll();
+  }, []);
+  async function loadAll() {
+    setLoading(true);
+    setStatusMsg("\uB85C\uB529...");
     try {
-      const { getWorkflowListDetail: getWorkflowListDetail2 } = await Promise.resolve().then(() => (init_workflow(), workflow_exports));
-      const wfs = await getWorkflowListDetail2();
-      workflows = wfs.map((w) => ({
-        name: w.workflow_name,
-        id: (w.workflow_id ?? w.id ?? "").toString(),
-        deployed: !!w.is_deployed
-      }));
+      if (server && auth) {
+        const [wfMod, docMod, extraMod] = await Promise.all([
+          Promise.resolve().then(() => (init_workflow(), workflow_exports)),
+          Promise.resolve().then(() => (init_document(), document_exports)),
+          Promise.resolve().then(() => (init_xgen_extra(), xgen_extra_exports))
+        ]);
+        const [wfs, cols, nodeList, promptList, toolList] = await Promise.allSettled([
+          wfMod.getWorkflowListDetail(),
+          docMod.listCollections(),
+          extraMod.listNodes(),
+          extraMod.listPrompts(),
+          extraMod.listToolStore()
+        ]);
+        if (wfs.status === "fulfilled") {
+          setWorkflows(wfs.value.map((w) => ({
+            name: w.workflow_name,
+            id: w.workflow_id ?? w.id ?? "",
+            deployed: !!w.is_deployed
+          })));
+        }
+        if (cols.status === "fulfilled") {
+          setCollections(cols.value.map((c) => ({
+            name: c.collection_make_name,
+            docs: c.total_documents,
+            chunks: c.total_chunks
+          })));
+        }
+        if (nodeList.status === "fulfilled") setNodes(nodeList.value);
+        if (promptList.status === "fulfilled") setPrompts(promptList.value);
+        if (toolList.status === "fulfilled") setTools(toolList.value);
+      }
     } catch {
-      workflows = [];
     }
-  }
-  async function loadCollections() {
-    if (!server || !auth) return;
-    try {
-      const { listCollections: listCollections2 } = await Promise.resolve().then(() => (init_document(), document_exports));
-      const cols = await listCollections2();
-      collections = cols.map((c) => ({
-        name: c.collection_make_name,
-        id: c.id,
-        docs: c.total_documents,
-        chunks: c.total_chunks,
-        shared: c.is_shared,
-        group: c.share_group ?? void 0,
-        model: c.init_embedding_model ?? void 0
-      }));
-    } catch {
-      collections = [];
+    setLoading(false);
+    setStatusMsg("\u2191\u2193:\uC774\uB3D9  Enter:\uC120\uD0DD  1-5:\uD0ED  i:\uC785\uB825  r:\uC0C8\uB85C\uACE0\uCE68  q:\uC885\uB8CC");
+  }
+  function getListItems() {
+    switch (tab) {
+      case "workflows":
+        return workflows.map((w) => ({ label: `${w.deployed ? "\u25CF" : "\u25CB"} ${w.name}`, dimLabel: "" }));
+      case "collections":
+        return collections.map((c) => ({ label: c.name, dimLabel: `${c.docs}\uBB38\uC11C ${c.chunks}\uCCAD\uD06C` }));
+      case "nodes":
+        return nodes.map((n) => ({ label: n.nodeName ?? n.name ?? "?", dimLabel: (n.description ?? "").slice(0, 30) }));
+      case "prompts":
+        return prompts.map((p) => ({ label: p.name ?? p.title ?? "?", dimLabel: `[${p.prompt_type ?? ""}]` }));
+      case "tools":
+        return tools2.map((t) => ({ label: t.name ?? t.tool_name ?? "?", dimLabel: (t.description ?? "").slice(0, 30) }));
+      default:
+        return [];
+    }
+  }
+  function showDetail() {
+    const items = getListItems();
+    if (selected < 0 || selected >= items.length) return;
+    if (tab === "workflows") {
+      const w = workflows[selected];
+      if (w) setDetail([w.name, "", `ID     ${w.id}`, `\uBC30\uD3EC   ${w.deployed ? "Yes" : "No"}`, "", "Enter \u2192 \uC2E4\uD589"]);
+    } else if (tab === "collections") {
+      const c = collections[selected];
+      if (c) setDetail([c.name, "", `\uBB38\uC11C   ${c.docs}\uAC1C`, `\uCCAD\uD06C   ${c.chunks}\uAC1C`]);
+    } else if (tab === "nodes") {
+      const n = nodes[selected];
+      if (n) setDetail([n.nodeName ?? n.name ?? "?", "", n.description ?? "", "", `ID: ${n.node_id ?? n.id ?? "?"}`]);
+    } else if (tab === "prompts") {
+      const p = prompts[selected];
+      if (p) setDetail([p.name ?? "?", `[${p.prompt_type ?? ""}]`, "", (p.content ?? "").slice(0, 200)]);
+    } else if (tab === "tools") {
+      const t = tools2[selected];
+      if (t) setDetail([t.name ?? t.tool_name ?? "?", "", t.description ?? ""]);
+    }
+  }
+  useEffect(() => {
+    showDetail();
+  }, [selected, tab]);
+  function switchTab(t) {
+    setTab(t);
+    setSelected(0);
+    setInputMode(false);
+    setRunTarget(null);
+  }
+  async function handleSubmit(value) {
+    if (!value.trim()) {
+      setInputMode(false);
+      setRunTarget(null);
+      return;
     }
-  }
-  function renderList() {
-    if (activeTab === "workflows") {
-      listPanel.label = ` \uC6CC\uD06C\uD50C\uB85C\uC6B0 (${workflows.length}) `;
-      listPanel.setItems(workflows.map((w, i) => {
-        const dot = w.deployed ? "\u25CF" : "\u25CB";
-        return ` ${dot} ${String(i + 1).padStart(2)}. ${w.name}`;
-      }));
+    if (runTarget) {
+      setDetail([`\uC2E4\uD589 \uC911: ${runTarget.name}`, `\uC785\uB825: ${value}`, "", "..."]);
+      setInputValue("");
+      setInputMode(false);
+      try {
+        const { executeWorkflow: executeWorkflow2 } = await Promise.resolve().then(() => (init_workflow(), workflow_exports));
+        const { randomUUID: randomUUID4 } = await import("crypto");
+        const result = await executeWorkflow2({
+          workflow_id: runTarget.id,
+          workflow_name: runTarget.name,
+          input_data: value,
+          interaction_id: `tui_${randomUUID4().slice(0, 8)}`,
+          user_id: auth?.userId ? parseInt(auth.userId) : 1
+        });
+        const content = result.content ?? result.message ?? JSON.stringify(result).slice(0, 500);
+        setDetail([`${runTarget.name}`, "", `\uC785\uB825: ${value}`, "", `\uACB0\uACFC:`, String(content)]);
+      } catch (err) {
+        setDetail([`\uC2E4\uD589 \uC2E4\uD328: ${err.message}`]);
+      }
+      setRunTarget(null);
     } else {
-      listPanel.label = ` \uCEEC\uB809\uC158 (${collections.length}) `;
-      listPanel.setItems(collections.map(
-        (c, i) => `   ${String(i + 1).padStart(2)}. ${c.name}  {gray-fg}${c.docs}\uBB38\uC11C{/gray-fg}`
-      ));
+      setInputValue("");
+      setInputMode(false);
     }
-    screen.render();
   }
-  async function loadAll() {
-    renderStatusBar(" \uB85C\uB529...");
-    await Promise.all([loadWorkflows(), loadCollections()]);
-    renderList();
-    renderHeader();
-    renderStatusBar();
-  }
-  listPanel.on("select item", (_item, index) => {
-    if (activeTab === "workflows") {
-      const w = workflows[index];
-      if (!w) return;
-      detailPanel.setContent([
-        `{bold}${w.name}{/bold}`,
-        ``,
-        `ID     ${w.id}`,
-        `\uBC30\uD3EC   ${w.deployed ? "Yes" : "No"}`,
-        ``,
-        `Enter \u2192 \uC2E4\uD589 \uC785\uB825`
-      ].join("\n"));
-    } else {
-      const c = collections[index];
-      if (!c) return;
-      detailPanel.setContent([
-        `{bold}${c.name}{/bold}`,
-        ``,
-        `\uBB38\uC11C    ${c.docs}\uAC1C`,
-        `\uCCAD\uD06C    ${c.chunks}\uAC1C`,
-        `\uACF5\uC720    ${c.shared ? `Yes (${c.group})` : "No"}`,
-        `\uBAA8\uB378    ${c.model ?? "-"}`,
-        ``,
-        `Enter \u2192 \uBB38\uC11C \uBAA9\uB85D`
-      ].join("\n"));
-    }
-    screen.render();
-  });
-  listPanel.on("select", async (_item, index) => {
-    if (activeTab === "workflows") {
-      const w = workflows[index];
-      if (!w) return;
-      chatInput.label = ` ${w.name} \u276F `;
-      chatInput.focus();
-      screen.render();
-      chatInput.once("submit", async (value) => {
-        if (!value.trim()) {
-          chatInput.label = " \u276F ";
-          chatInput.clearValue();
-          listPanel.focus();
-          screen.render();
-          return;
-        }
-        detailPanel.log(`{gray-fg}\u2500\u2500 ${w.name} \u2500\u2500{/gray-fg}`);
-        detailPanel.log(`\uC785\uB825: ${value}`);
-        screen.render();
-        try {
-          const { executeWorkflow: executeWorkflow2 } = await Promise.resolve().then(() => (init_workflow(), workflow_exports));
-          const { randomUUID: randomUUID4 } = await import("crypto");
-          const result = await executeWorkflow2({
-            workflow_id: w.id,
-            workflow_name: w.name,
-            input_data: value,
-            interaction_id: `tui_${randomUUID4().slice(0, 8)}`,
-            user_id: auth?.userId ? parseInt(auth.userId) : 1
-          });
-          if (result.content) {
-            detailPanel.log(`${String(result.content)}
-`);
-          } else if (result.error || result.message) {
-            detailPanel.log(`\uC624\uB958: ${result.error ?? result.message}
-`);
-          } else {
-            detailPanel.log(JSON.stringify(result, null, 2).slice(0, 800) + "\n");
-          }
-        } catch (err) {
-          detailPanel.log(`\uC2E4\uD328: ${err.message}
-`);
-        }
-        chatInput.label = " \u276F ";
-        chatInput.clearValue();
-        listPanel.focus();
-        screen.render();
-      });
-    } else {
-      const c = collections[index];
-      if (!c) return;
-      detailPanel.setContent(`${c.name} \uBB38\uC11C \uB85C\uB529...`);
-      screen.render();
-      try {
-        const { listDocuments: listDocuments2 } = await Promise.resolve().then(() => (init_document(), document_exports));
-        const docs = await listDocuments2(c.id?.toString());
-        if (!docs.length) {
-          detailPanel.setContent(`{bold}${c.name}{/bold}
-
-\uBB38\uC11C \uC5C6\uC74C`);
-        } else {
-          const docList = docs.map((d, i) => {
-            const name = d.name || d.file_name || "\uC774\uB984 \uC5C6\uC74C";
-            return `  ${i + 1}. ${name}`;
-          }).join("\n");
-          detailPanel.setContent(`{bold}${c.name}{/bold} \u2014 ${docs.length}\uAC1C \uBB38\uC11C
-
-${docList}`);
-        }
-      } catch (err) {
-        detailPanel.setContent(`\uBB38\uC11C \uB85C\uB4DC \uC2E4\uD328: ${err.message}`);
+  useInput((input, key) => {
+    if (inputMode) {
+      if (key.escape) {
+        setInputMode(false);
+        setRunTarget(null);
       }
-      screen.render();
+      return;
     }
-  });
-  chatInput.on("submit", async (value) => {
-    if (!value.trim()) {
-      chatInput.clearValue();
-      listPanel.focus();
-      screen.render();
+    if (input === "q" || key.ctrl && input === "c") {
+      exit();
       return;
     }
-    detailPanel.log(`{white-fg}\u276F ${value}{/white-fg}`);
-    chatInput.clearValue();
-    screen.render();
-    try {
-      const p = getDefaultProvider();
-      if (!p) {
-        detailPanel.log("\uD504\uB85C\uBC14\uC774\uB354 \uBBF8\uC124\uC815");
-        chatInput.focus();
-        screen.render();
-        return;
+    if (input === "r") {
+      loadAll();
+      return;
+    }
+    if (input === "i") {
+      setInputMode(true);
+      return;
+    }
+    if (input === "1") switchTab("workflows");
+    else if (input === "2") switchTab("collections");
+    else if (input === "3") switchTab("nodes");
+    else if (input === "4") switchTab("prompts");
+    else if (input === "5") switchTab("tools");
+    const items = getListItems();
+    if (key.upArrow) setSelected(Math.max(0, selected - 1));
+    else if (key.downArrow) setSelected(Math.min(items.length - 1, selected + 1));
+    else if (key.tab) switchTab(TABS[(TABS.findIndex((t) => t.key === tab) + 1) % TABS.length].key);
+    if (key.return && items.length > 0) {
+      if (tab === "workflows" && workflows[selected]) {
+        setRunTarget(workflows[selected]);
+        setInputMode(true);
+        setStatusMsg(`${workflows[selected].name} \u2014 \uC785\uB825 \uD6C4 Enter\uB85C \uC2E4\uD589, Esc \uCDE8\uC18C`);
       }
-      const { createLLMClient: createLLMClient2, streamChat: streamChat2 } = await Promise.resolve().then(() => (init_llm(), llm_exports));
-      const client2 = createLLMClient2(p);
-      const result = await streamChat2(client2, p.model, [
-        { role: "system", content: "You are OPEN XGEN. Concise. Korean." },
-        { role: "user", content: value }
-      ]);
-      detailPanel.log(`${result.content || "(\uC751\uB2F5 \uC5C6\uC74C)"}
-`);
-    } catch (err) {
-      detailPanel.log(`\uC624\uB958: ${err.message}
-`);
     }
-    chatInput.focus();
-    screen.render();
   });
-  screen.key(["1"], () => {
-    activeTab = "workflows";
-    renderList();
-    renderHeader();
-    listPanel.focus();
-  });
-  screen.key(["2"], () => {
-    activeTab = "collections";
-    renderList();
-    renderHeader();
-    listPanel.focus();
-  });
-  screen.key(["tab"], () => {
-    if (screen.focused === listPanel) chatInput.focus();
-    else listPanel.focus();
-    screen.render();
-  });
-  screen.key(["i"], () => {
-    chatInput.focus();
-    screen.render();
-  });
-  screen.key(["r"], async () => {
-    await loadAll();
-  });
-  screen.key(["escape"], () => {
-    chatInput.label = " \u276F ";
-    listPanel.focus();
-    screen.render();
-  });
-  screen.key(["q", "C-c"], () => {
-    screen.destroy();
-    process.exit(0);
-  });
-  setInterval(async () => {
-    try {
-      await loadAll();
-    } catch {
-    }
-  }, 6e4);
-  await loadAll();
-  listPanel.focus();
-  screen.render();
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Header, { tab, serverDisplay, model: provider?.model ?? "" }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [
+      /* @__PURE__ */ jsx(ListPanel, { items: getListItems(), selected }),
+      /* @__PURE__ */ jsx(DetailPanel, { lines: detail })
+    ] }),
+    inputMode ? /* @__PURE__ */ jsx(
+      InputBar,
+      {
+        value: inputValue,
+        onChange: setInputValue,
+        onSubmit: handleSubmit,
+        placeholder: runTarget ? `${runTarget.name}\uC5D0 \uC785\uB825...` : "\uC785\uB825..."
+      }
+    ) : /* @__PURE__ */ jsx(Box, { borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u276F i\uB97C \uB20C\uB7EC \uC785\uB825 \xB7 Enter\uB85C \uC2E4\uD589" }) }),
+    /* @__PURE__ */ jsx(StatusBar, { message: loading ? "\uB85C\uB529..." : statusMsg })
+  ] });
 }
-var init_tui = __esm({
-  "src/dashboard/tui.ts"() {
+async function startInkDashboard() {
+  const { waitUntilExit } = render(/* @__PURE__ */ jsx(Dashboard, {}));
+  await waitUntilExit();
+}
+var TABS;
+var init_InkDashboard = __esm({
+  "src/dashboard/InkDashboard.tsx"() {
     "use strict";
     init_store();
+    TABS = [
+      { key: "workflows", label: "\uC6CC\uD06C\uD50C\uB85C\uC6B0", shortcut: "1" },
+      { key: "collections", label: "\uCEEC\uB809\uC158", shortcut: "2" },
+      { key: "nodes", label: "\uB178\uB4DC", shortcut: "3" },
+      { key: "prompts", label: "\uD504\uB86C\uD504\uD2B8", shortcut: "4" },
+      { key: "tools", label: "\uB3C4\uAD6C", shortcut: "5" }
+    ];
   }
 });
 
@@ -2265,13 +2145,71 @@ init_provider();
 
 // src/commands/agent.ts
 init_store();
-init_llm();
 import chalk12 from "chalk";
 import { createInterface as createInterface5 } from "readline";
 import { existsSync as existsSync4, mkdirSync as mkdirSync4, readFileSync as readFileSync5, writeFileSync as writeFileSync5, readdirSync } from "fs";
 import { join as join4 } from "path";
 import { homedir as homedir2 } from "os";
 
+// src/agent/llm.ts
+import OpenAI2 from "openai";
+function createLLMClient(provider) {
+  const opts = {
+    apiKey: provider.apiKey || "ollama"
+  };
+  if (provider.baseUrl) {
+    opts.baseURL = provider.baseUrl;
+  }
+  return new OpenAI2(opts);
+}
+async function streamChat(client2, model, messages, tools2, onDelta) {
+  const params = {
+    model,
+    messages,
+    stream: true,
+    stream_options: { include_usage: true }
+  };
+  if (tools2 && tools2.length > 0) {
+    params.tools = tools2;
+  }
+  const stream = await client2.chat.completions.create(params);
+  let content = "";
+  let usage = null;
+  const toolCallMap = /* @__PURE__ */ new Map();
+  for await (const chunk of stream) {
+    if (chunk.usage) {
+      usage = {
+        promptTokens: chunk.usage.prompt_tokens ?? 0,
+        completionTokens: chunk.usage.completion_tokens ?? 0,
+        totalTokens: chunk.usage.total_tokens ?? 0
+      };
+    }
+    const delta = chunk.choices[0]?.delta;
+    if (!delta) continue;
+    if (delta.content) {
+      content += delta.content;
+      onDelta?.(delta.content);
+    }
+    if (delta.tool_calls) {
+      for (const tc of delta.tool_calls) {
+        const idx = tc.index;
+        if (!toolCallMap.has(idx)) {
+          toolCallMap.set(idx, { id: tc.id ?? "", name: tc.function?.name ?? "", arguments: "" });
+        }
+        const entry = toolCallMap.get(idx);
+        if (tc.id) entry.id = tc.id;
+        if (tc.function?.name) entry.name = tc.function.name;
+        if (tc.function?.arguments) entry.arguments += tc.function.arguments;
+      }
+    }
+  }
+  return {
+    content,
+    toolCalls: [...toolCallMap.values()],
+    usage
+  };
+}
+
 // src/agent/tools/file-read.ts
 var file_read_exports = {};
 __export(file_read_exports, {
@@ -3374,8 +3312,8 @@ async function agentRepl() {
       mcpManager?.stopAll();
       rl.close();
       if (process.stdin.isTTY) process.stdin.setRawMode?.(false);
-      const { startTui: startTui2 } = await Promise.resolve().then(() => (init_tui(), tui_exports));
-      await startTui2();
+      const { startInkDashboard: startInkDashboard2 } = await Promise.resolve().then(() => (init_InkDashboard(), InkDashboard_exports));
+      await startInkDashboard2();
       return;
     }
     messages.push({ role: "user", content: input });