tdecollab 0.2.3 → 0.3.0

package/dist/tui/index.js

@@ -0,0 +1,2754 @@
+#!/usr/bin/env node
+import {
+  ImageDownloader
+} from "../chunk-JBDK5WP3.js";
+import {
+  ConfluenceContentApi,
+  ConfluenceSearchApi,
+  ConfluenceSpaceApi,
+  GitlabMergeRequestApi,
+  GitlabPipelineApi,
+  JiraIssueApi,
+  JiraSearchApi,
+  MarkdownToStorageConverter,
+  StorageToMarkdownConverter,
+  createConfluenceClient,
+  createGitlabClient,
+  createJiraClient,
+  loadConfluenceConfig,
+  loadGitlabConfig,
+  loadJiraConfig
+} from "../chunk-6AFNYE7N.js";
+import "../chunk-IFYMZLQI.js";
+
+// tools/tui/index.tsx
+import { render } from "ink";
+
+// tools/tui/App.tsx
+import { Box as Box16, useApp, useStdout as useStdout2 } from "ink";
+import { useCallback as useCallback2, useEffect as useEffect3, useRef, useState as useState8 } from "react";
+
+// tools/tui/command-def.ts
+var COMMANDS = {
+  "confluence:page:get": {
+    key: "confluence:page:get",
+    label: "confluence page get",
+    description: "Confluence \uD398\uC774\uC9C0\uB97C \uC870\uD68C\uD558\uACE0 Markdown\uC73C\uB85C \uBCC0\uD658\uD558\uC5EC \uCD9C\uB825\uD558\uAC70\uB098 \uD30C\uC77C\uB85C \uC800\uC7A5\uD569\uB2C8\uB2E4. \uC774\uBBF8\uC9C0\uB97C \uD568\uAED8 \uB2E4\uC6B4\uB85C\uB4DC\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.",
+    synopsis: "tdecollab confluence page get <pageId> [options]",
+    svc: "confluence",
+    fields: [
+      { key: "pageId", label: "pageId", type: "text", required: true, hint: "\uD398\uC774\uC9C0 ID (\uC22B\uC790)", prefix: "#" },
+      { key: "output", label: "--output", type: "text", hint: "\uC800\uC7A5\uD560 Markdown \uD30C\uC77C \uACBD\uB85C", prefix: "\u{1F4C4}", pathType: "file" },
+      { key: "downloadImages", label: "-d  --download-images", type: "bool", defaultValue: false },
+      { key: "imageDir", label: "--image-dir", type: "text", defaultValue: "images", hint: "\uC774\uBBF8\uC9C0 \uB514\uB809\uD1A0\uB9AC \uC774\uB984 (output \uD30C\uC77C \uC704\uCE58 \uD558\uC704\uC5D0 \uC0DD\uC131\uB428)", prefix: "\u{1F4C1}" },
+      { key: "quiet", label: "-q  --quiet", type: "bool", defaultValue: false },
+      { key: "raw", label: "-r  --raw", type: "bool", defaultValue: false }
+    ]
+  },
+  "confluence:page:create": {
+    key: "confluence:page:create",
+    label: "confluence page create",
+    description: "Markdown \uD30C\uC77C \uB610\uB294 \uD14D\uC2A4\uD2B8\uB85C Confluence \uD398\uC774\uC9C0\uB97C \uC0DD\uC131\uD569\uB2C8\uB2E4.",
+    synopsis: "tdecollab confluence page create -s <space> -t <title> [options]",
+    svc: "confluence",
+    fields: [
+      { key: "space", label: "--space", type: "text", required: true, hint: "Confluence \uC2A4\uD398\uC774\uC2A4 \uD0A4 (\uC608: TDE)", prefix: "\u{1F511}" },
+      { key: "title", label: "--title", type: "text", required: true, hint: "\uD398\uC774\uC9C0 \uC81C\uBAA9", prefix: "\u270E" },
+      { key: "file", label: "--file", type: "text", hint: "Markdown \uD30C\uC77C \uACBD\uB85C", prefix: "\u{1F4C4}", pathType: "file" },
+      { key: "parent", label: "--parent", type: "text", hint: "\uBD80\uBAA8 \uD398\uC774\uC9C0 ID", prefix: "#" }
+    ]
+  },
+  "confluence:page:update": {
+    key: "confluence:page:update",
+    label: "confluence page update",
+    description: "\uAE30\uC874 Confluence \uD398\uC774\uC9C0\uB97C \uC5C5\uB370\uC774\uD2B8\uD569\uB2C8\uB2E4.",
+    synopsis: "tdecollab confluence page update <pageId> [options]",
+    svc: "confluence",
+    fields: [
+      { key: "pageId", label: "pageId", type: "text", required: true, hint: "\uC5C5\uB370\uC774\uD2B8\uD560 \uD398\uC774\uC9C0 ID", prefix: "#" },
+      { key: "title", label: "--title", type: "text", hint: "\uC0C8 \uC81C\uBAA9 (\uC0DD\uB7B5 \uC2DC \uAE30\uC874 \uC81C\uBAA9 \uC720\uC9C0)" },
+      { key: "file", label: "--file", type: "text", hint: "Markdown \uD30C\uC77C \uACBD\uB85C", prefix: "\u{1F4C4}", pathType: "file" }
+    ]
+  },
+  "confluence:space:list": {
+    key: "confluence:space:list",
+    label: "confluence space list",
+    description: "Confluence \uC2A4\uD398\uC774\uC2A4 \uBAA9\uB85D\uC744 \uC870\uD68C\uD569\uB2C8\uB2E4.",
+    synopsis: "tdecollab confluence space list [options]",
+    svc: "confluence",
+    fields: [
+      { key: "limit", label: "--limit", type: "text", defaultValue: "50", hint: "\uCD5C\uB300 \uC870\uD68C \uC218" }
+    ]
+  },
+  "confluence:search": {
+    key: "confluence:search",
+    label: "confluence search",
+    description: "CQL(Confluence Query Language)\uB85C \uD398\uC774\uC9C0\uB97C \uAC80\uC0C9\uD569\uB2C8\uB2E4.",
+    synopsis: "tdecollab confluence search <cql> [options]",
+    svc: "confluence",
+    fields: [
+      { key: "cql", label: "cql", type: "text", required: true, hint: 'CQL \uAC80\uC0C9 \uCFFC\uB9AC (\uC608: title ~ "\uAC00\uC774\uB4DC" AND space = TDE)', prefix: "cql\u203A" },
+      { key: "limit", label: "--limit", type: "text", defaultValue: "10", hint: "\uCD5C\uB300 \uACB0\uACFC \uC218" }
+    ]
+  },
+  "jira:issue:get": {
+    key: "jira:issue:get",
+    label: "jira issue get",
+    description: "JIRA \uC774\uC288\uB97C \uC870\uD68C\uD569\uB2C8\uB2E4.",
+    synopsis: "tdecollab jira issue get <issueId>",
+    svc: "jira",
+    fields: [
+      { key: "issueId", label: "issueId", type: "text", required: true, hint: "\uC774\uC288 \uD0A4 (\uC608: PROJ-1234)", prefix: "\u{1F3AB}" }
+    ]
+  },
+  "jira:issue:create": {
+    key: "jira:issue:create",
+    label: "jira issue create",
+    description: "JIRA \uC774\uC288\uB97C \uC0DD\uC131\uD569\uB2C8\uB2E4.",
+    synopsis: "tdecollab jira issue create -p <project> -s <summary> [options]",
+    svc: "jira",
+    fields: [
+      { key: "project", label: "--project (-p)", type: "text", required: true, hint: "\uD504\uB85C\uC81D\uD2B8 \uD0A4 (\uC608: PROJ)" },
+      { key: "summary", label: "--summary (-s)", type: "text", required: true, hint: "\uC774\uC288 \uC81C\uBAA9" },
+      { key: "type", label: "--type (-t)", type: "select", defaultValue: "Task", options: ["Task", "Bug", "Story", "Epic", "Sub-task"] },
+      { key: "assignee", label: "--assignee (-a)", type: "text", hint: "\uB2F4\uB2F9\uC790 \uC0AC\uC6A9\uC790\uBA85" },
+      { key: "labels", label: "--labels (-l)", type: "text", hint: "\uB808\uC774\uBE14 (\uC27C\uD45C \uAD6C\uBD84)" }
+    ]
+  },
+  "jira:issue:transition": {
+    key: "jira:issue:transition",
+    label: "jira issue transition",
+    description: "JIRA \uC774\uC288 \uC0C1\uD0DC\uB97C \uC804\uD658\uD569\uB2C8\uB2E4.",
+    synopsis: "tdecollab jira issue transition <issueId> -t <transitionId>",
+    svc: "jira",
+    fields: [
+      { key: "issueId", label: "issueId", type: "text", required: true, hint: "\uC774\uC288 \uD0A4", prefix: "\u{1F3AB}" },
+      { key: "transitionId", label: "--transition (-t)", type: "text", required: true, hint: "Transition ID" }
+    ]
+  },
+  "jira:search": {
+    key: "jira:search",
+    label: "jira search",
+    description: "JQL\uB85C JIRA \uC774\uC288\uB97C \uAC80\uC0C9\uD569\uB2C8\uB2E4.",
+    synopsis: "tdecollab jira search <jql> [options]",
+    svc: "jira",
+    fields: [
+      { key: "jql", label: "jql", type: "text", required: true, hint: "JQL \uCFFC\uB9AC (\uC608: assignee = currentUser())", prefix: "jql\u203A" },
+      { key: "limit", label: "--limit", type: "text", defaultValue: "20", hint: "\uCD5C\uB300 \uACB0\uACFC \uC218" }
+    ]
+  },
+  "gitlab:mr:list": {
+    key: "gitlab:mr:list",
+    label: "gitlab mr list",
+    description: "GitLab \uD504\uB85C\uC81D\uD2B8\uC758 Merge Request \uBAA9\uB85D\uC744 \uC870\uD68C\uD569\uB2C8\uB2E4.",
+    synopsis: "tdecollab gitlab mr list <projectId> [options]",
+    svc: "gitlab",
+    fields: [
+      { key: "projectId", label: "projectId", type: "text", required: true, hint: "\uD504\uB85C\uC81D\uD2B8 ID (\uC22B\uC790)", prefix: "#" },
+      { key: "state", label: "--state (-s)", type: "select", defaultValue: "opened", options: ["opened", "closed", "merged", "all"] }
+    ]
+  },
+  "gitlab:mr:get": {
+    key: "gitlab:mr:get",
+    label: "gitlab mr get",
+    description: "GitLab Merge Request \uC0C1\uC138 \uC815\uBCF4\uB97C \uC870\uD68C\uD569\uB2C8\uB2E4.",
+    synopsis: "tdecollab gitlab mr get <projectId> <mrId>",
+    svc: "gitlab",
+    fields: [
+      { key: "projectId", label: "projectId", type: "text", required: true, hint: "\uD504\uB85C\uC81D\uD2B8 ID", prefix: "#" },
+      { key: "mrId", label: "mrId", type: "text", required: true, hint: "MR \uBC88\uD638", prefix: "!" }
+    ]
+  },
+  "gitlab:mr:create": {
+    key: "gitlab:mr:create",
+    label: "gitlab mr create",
+    description: "GitLab Merge Request\uB97C \uC0DD\uC131\uD569\uB2C8\uB2E4.",
+    synopsis: "tdecollab gitlab mr create <projectId> --source <branch> [options]",
+    svc: "gitlab",
+    fields: [
+      { key: "projectId", label: "projectId", type: "text", required: true, hint: "\uD504\uB85C\uC81D\uD2B8 ID", prefix: "#" },
+      { key: "sourceBranch", label: "--source", type: "text", required: true, hint: "\uC18C\uC2A4 \uBE0C\uB79C\uCE58\uBA85" },
+      { key: "targetBranch", label: "--target", type: "text", defaultValue: "main", hint: "\uD0C0\uAC9F \uBE0C\uB79C\uCE58\uBA85" },
+      { key: "title", label: "--title", type: "text", hint: "MR \uC81C\uBAA9 (\uAE30\uBCF8: \uBE0C\uB79C\uCE58\uBA85)" }
+    ]
+  },
+  "gitlab:pipeline:get": {
+    key: "gitlab:pipeline:get",
+    label: "gitlab pipeline get",
+    description: "GitLab \uD30C\uC774\uD504\uB77C\uC778 \uC815\uBCF4\uB97C \uC870\uD68C\uD569\uB2C8\uB2E4.",
+    synopsis: "tdecollab gitlab pipeline get <projectId> <pipelineId> [options]",
+    svc: "gitlab",
+    fields: [
+      { key: "projectId", label: "projectId", type: "text", required: true, hint: "\uD504\uB85C\uC81D\uD2B8 ID", prefix: "#" },
+      { key: "pipelineId", label: "pipelineId", type: "text", required: true, hint: "\uD30C\uC774\uD504\uB77C\uC778 ID", prefix: "#" },
+      { key: "jobs", label: "--jobs", type: "bool", defaultValue: false }
+    ]
+  }
+};
+function applyValueTransform(commandKey, values) {
+  if (commandKey === "confluence:page:get") {
+    const result = { ...values };
+    const imageDir = String(result["imageDir"] ?? "").trim();
+    const output = String(result["output"] ?? "").trim();
+    if (imageDir && output) {
+      if (!imageDir.includes("/")) {
+        const lastSlash = output.lastIndexOf("/");
+        const outputDir = lastSlash >= 0 ? output.substring(0, lastSlash) : ".";
+        result["imageDir"] = `${outputDir}/${imageDir}`.replace(/\/+/g, "/");
+      }
+    }
+    return result;
+  }
+  return values;
+}
+function buildPreview(def, values) {
+  const transformed = applyValueTransform(def.key, values);
+  const parts = ["tdecollab", ...def.key.split(":")];
+  for (const field of def.fields) {
+    const val = transformed[field.key] ?? field.defaultValue;
+    if (!val && val !== false) continue;
+    if (field.type === "bool") {
+      if (val === true) parts.push(`-${field.key.charAt(0)}`);
+    } else if (field.type === "text") {
+      const isPositional = !field.label.startsWith("-");
+      if (isPositional) {
+        if (val) parts.push(String(val));
+      } else {
+        const flag = field.label.split(" ")[0];
+        if (val) parts.push(flag, String(val));
+      }
+    }
+  }
+  return parts.join(" ");
+}
+
+// tools/tui/menu-def.ts
+var MENU = [
+  {
+    key: "confluence",
+    label: "Confluence",
+    icon: "\u25C6",
+    badge: "9",
+    badgeColor: "#7DD3FC",
+    children: [
+      {
+        key: "confluence/page",
+        label: "page",
+        icon: "\u25B8",
+        children: [
+          { key: "confluence/page/get", label: "get", icon: "\xB7", commandKey: "confluence:page:get" },
+          { key: "confluence/page/create", label: "create", icon: "\xB7", commandKey: "confluence:page:create" },
+          { key: "confluence/page/update", label: "update", icon: "\xB7", commandKey: "confluence:page:update" }
+        ]
+      },
+      {
+        key: "confluence/space",
+        label: "space",
+        icon: "\u25B8",
+        children: [
+          { key: "confluence/space/list", label: "list", icon: "\xB7", commandKey: "confluence:space:list" }
+        ]
+      },
+      {
+        key: "confluence/search",
+        label: "search",
+        icon: "\u25B8",
+        commandKey: "confluence:search"
+      }
+    ]
+  },
+  {
+    key: "jira",
+    label: "JIRA",
+    icon: "\u25C6",
+    badge: "7",
+    badgeColor: "#86EFAC",
+    children: [
+      {
+        key: "jira/issue",
+        label: "issue",
+        icon: "\u25B8",
+        children: [
+          { key: "jira/issue/get", label: "get", icon: "\xB7", commandKey: "jira:issue:get" },
+          { key: "jira/issue/create", label: "create", icon: "\xB7", commandKey: "jira:issue:create" },
+          { key: "jira/issue/transition", label: "transition", icon: "\xB7", commandKey: "jira:issue:transition" }
+        ]
+      },
+      {
+        key: "jira/search",
+        label: "search",
+        icon: "\u25B8",
+        commandKey: "jira:search"
+      }
+    ]
+  },
+  {
+    key: "gitlab",
+    label: "GitLab",
+    icon: "\u25C6",
+    badge: "7",
+    badgeColor: "#FBBF24",
+    children: [
+      {
+        key: "gitlab/mr",
+        label: "mr",
+        icon: "\u25B8",
+        children: [
+          { key: "gitlab/mr/list", label: "list", icon: "\xB7", commandKey: "gitlab:mr:list" },
+          { key: "gitlab/mr/get", label: "get", icon: "\xB7", commandKey: "gitlab:mr:get" },
+          { key: "gitlab/mr/create", label: "create", icon: "\xB7", commandKey: "gitlab:mr:create" }
+        ]
+      },
+      {
+        key: "gitlab/pipeline",
+        label: "pipeline",
+        icon: "\u25B8",
+        children: [
+          { key: "gitlab/pipeline/get", label: "get", icon: "\xB7", commandKey: "gitlab:pipeline:get" }
+        ]
+      }
+    ]
+  }
+];
+var META_ITEMS = [
+  { key: "history", label: "History", icon: "\u23F1" },
+  { key: "settings", label: "Settings", icon: "\u2699", dim: true }
+];
+function flattenMenu(items, expanded, depth = 0, parentKey) {
+  const result = [];
+  for (const item of items) {
+    result.push({ item, depth, parentKey });
+    if (item.children && expanded.includes(item.key)) {
+      result.push(...flattenMenu(item.children, expanded, depth + 1, item.key));
+    }
+  }
+  return result;
+}
+var DEFAULT_EXPANDED = ["confluence", "confluence/page"];
+function pathFromCommandKey(commandKey) {
+  return commandKey.split(":");
+}
+function getParentMenuKeys(commandKey) {
+  const menuKey = commandKey.replace(/:/g, "/");
+  const parts = menuKey.split("/");
+  const parents = [];
+  for (let i = 1; i < parts.length; i++) {
+    parents.push(parts.slice(0, i).join("/"));
+  }
+  return parents;
+}
+
+// tools/tui/screens/ErrorScreen.tsx
+import { Box as Box7, Text as Text6, useInput } from "ink";
+
+// tools/tui/components/AppShell.tsx
+import { Box } from "ink";
+
+// tools/tui/theme.ts
+var T = {
+  bg: "#08090C",
+  termBg: "#0E1014",
+  panelBg: "#13161C",
+  panelHi: "#181C24",
+  border: "#2A2F3A",
+  borderDim: "#1E222B",
+  borderHi: "#3D4452",
+  fg: "#E6E8EC",
+  fgDim: "#9CA3AF",
+  fgMute: "#6B7280",
+  fgFaint: "#4B5563",
+  pink: "#FF7BAC",
+  cyan: "#7DD3FC",
+  mint: "#86EFAC",
+  amber: "#FBBF24",
+  violet: "#C4B5FD",
+  red: "#F87171",
+  blue: "#60A5FA"
+};
+var SVC_COLOR = {
+  confluence: T.cyan,
+  jira: T.mint,
+  gitlab: T.amber,
+  cf: T.cyan,
+  jr: T.mint,
+  gl: T.amber
+};
+var DEFAULT_ACCENT = T.pink;
+
+// tools/tui/components/AppShell.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function AppShell({
+  header,
+  menu,
+  body,
+  log,
+  footer,
+  menuWidth = 32
+}) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, height: "100%", width: "100%", children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        borderStyle: "single",
+        borderColor: T.borderDim,
+        paddingX: 1,
+        flexShrink: 0,
+        children: header
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box, { flexGrow: 1, gap: 1, minHeight: 0, children: [
+      /* @__PURE__ */ jsx(Box, { width: menuWidth, flexShrink: 0, children: menu }),
+      /* @__PURE__ */ jsx(Box, { flexGrow: 1, minWidth: 0, children: body })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { height: 10, flexShrink: 0, children: log }),
+    footer && /* @__PURE__ */ jsx(
+      Box,
+      {
+        borderStyle: "single",
+        borderColor: T.borderDim,
+        flexShrink: 0,
+        children: footer
+      }
+    )
+  ] });
+}
+
+// tools/tui/components/HeaderBar.tsx
+import { Box as Box2, Text } from "ink";
+import React from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function HeaderBar({ crumbs = [], status, accent = T.pink }) {
+  return /* @__PURE__ */ jsxs2(Box2, { paddingX: 1, gap: 1, children: [
+    /* @__PURE__ */ jsx2(Text, { color: accent, bold: true, children: "tdecollab" }),
+    /* @__PURE__ */ jsx2(Text, { color: T.fgFaint, children: "v0.2.3" }),
+    /* @__PURE__ */ jsx2(Text, { color: T.fgFaint, children: "\u2502" }),
+    crumbs.map((c, i) => /* @__PURE__ */ jsxs2(React.Fragment, { children: [
+      i > 0 && /* @__PURE__ */ jsx2(Text, { color: T.fgFaint, children: "\u203A" }),
+      /* @__PURE__ */ jsx2(Text, { color: i === crumbs.length - 1 ? T.fg : T.fgDim, children: c })
+    ] }, i)),
+    /* @__PURE__ */ jsx2(Box2, { flexGrow: 1 }),
+    status && /* @__PURE__ */ jsx2(Box2, { children: status })
+  ] });
+}
+
+// tools/tui/components/Keymap.tsx
+import { Box as Box3, Text as Text2 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function Keymap({ keys, accent = T.pink, hidden = false }) {
+  if (hidden) return null;
+  return /* @__PURE__ */ jsx3(Box3, { paddingX: 1, gap: 2, flexWrap: "wrap", children: keys.map((k, i) => /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
+    /* @__PURE__ */ jsxs3(Text2, { backgroundColor: T.panelHi, color: accent, children: [
+      " ",
+      k.key,
+      " "
+    ] }),
+    /* @__PURE__ */ jsx3(Text2, { color: T.fgDim, children: k.label })
+  ] }, i)) });
+}
+
+// tools/tui/components/LogPane.tsx
+import { Box as Box4, Text as Text3 } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var LEVEL_COLOR = {
+  info: T.fgDim,
+  ok: T.mint,
+  warn: T.amber,
+  err: T.red,
+  run: T.cyan,
+  dim: T.fgMute
+};
+var LEVEL_LABEL = {
+  info: "INFO",
+  ok: " OK ",
+  warn: "WARN",
+  err: " ERR",
+  run: "RUN ",
+  dim: "... "
+};
+function LogPane({ lines, accent = T.pink, title = "Log", maxLines = 8 }) {
+  const visible = lines.slice(-maxLines);
+  return /* @__PURE__ */ jsxs4(
+    Box4,
+    {
+      borderStyle: "round",
+      borderColor: T.borderDim,
+      flexDirection: "column",
+      flexGrow: 1,
+      children: [
+        /* @__PURE__ */ jsxs4(
+          Box4,
+          {
+            borderStyle: "single",
+            borderBottom: true,
+            borderTop: false,
+            borderLeft: false,
+            borderRight: false,
+            borderColor: T.borderDim,
+            paddingX: 1,
+            children: [
+              /* @__PURE__ */ jsx4(Text3, { color: T.fgFaint, bold: true, children: title.toUpperCase() }),
+              /* @__PURE__ */ jsx4(Box4, { flexGrow: 1 }),
+              /* @__PURE__ */ jsxs4(Text3, { color: T.fgFaint, children: [
+                lines.length,
+                " lines"
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: visible.map((l, i) => /* @__PURE__ */ jsxs4(Box4, { gap: 2, children: [
+          /* @__PURE__ */ jsx4(Text3, { color: T.fgFaint, children: l.ts }),
+          /* @__PURE__ */ jsx4(Text3, { color: LEVEL_COLOR[l.level] ?? T.fgDim, bold: true, children: LEVEL_LABEL[l.level] ?? l.level.toUpperCase() }),
+          /* @__PURE__ */ jsx4(
+            Text3,
+            {
+              color: l.level === "err" ? T.red : l.level === "warn" ? T.amber : T.fg,
+              children: l.text
+            }
+          )
+        ] }, i)) })
+      ]
+    }
+  );
+}
+
+// tools/tui/components/MenuTree.tsx
+import { Box as Box5, Text as Text4 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function MenuTree({
+  items,
+  cursor,
+  accent = T.pink,
+  maxVisible = 30,
+  scrollOffset = 0
+}) {
+  const visible = items.slice(scrollOffset, scrollOffset + maxVisible);
+  return /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: visible.map((flat, visIdx) => {
+    const idx = visIdx + scrollOffset;
+    const { item, depth } = flat;
+    const isActive = idx === cursor;
+    const indent = depth * 2;
+    const isSeparator = item.label.startsWith("\u2500");
+    if (isSeparator) {
+      return /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text4, { color: T.fgFaint, children: item.label }) }, item.key);
+    }
+    return /* @__PURE__ */ jsxs5(Box5, { gap: 0, children: [
+      /* @__PURE__ */ jsx5(Text4, { children: " ".repeat(indent) }),
+      /* @__PURE__ */ jsx5(Text4, { color: isActive ? accent : "transparent", children: isActive ? "\u25B6" : " " }),
+      item.icon && /* @__PURE__ */ jsxs5(Text4, { color: isActive ? accent : item.dim ? T.fgFaint : T.fgDim, children: [
+        item.icon,
+        " "
+      ] }),
+      /* @__PURE__ */ jsx5(
+        Text4,
+        {
+          color: isActive ? accent : item.dim ? T.fgMute : T.fg,
+          bold: isActive,
+          children: item.label
+        }
+      ),
+      item.badge && /* @__PURE__ */ jsxs5(Text4, { color: item.badgeColor ?? T.fgDim, children: [
+        " ",
+        item.badge
+      ] })
+    ] }, item.key);
+  }) });
+}
+
+// tools/tui/components/Panel.tsx
+import { Box as Box6, Text as Text5 } from "ink";
+import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function Panel({
+  title,
+  badge,
+  accent = T.pink,
+  focused = false,
+  children,
+  headerRight,
+  width,
+  flexGrow
+}) {
+  const borderColor = focused ? accent : T.border;
+  return /* @__PURE__ */ jsxs6(
+    Box6,
+    {
+      borderStyle: "round",
+      borderColor,
+      flexDirection: "column",
+      width,
+      flexGrow: flexGrow ?? (width ? 0 : 1),
+      children: [
+        (title || badge) && /* @__PURE__ */ jsxs6(
+          Box6,
+          {
+            borderStyle: "single",
+            borderBottom: true,
+            borderTop: false,
+            borderLeft: false,
+            borderRight: false,
+            borderColor: T.borderDim,
+            paddingX: 1,
+            paddingY: 0,
+            children: [
+              badge && /* @__PURE__ */ jsxs6(
+                Text5,
+                {
+                  backgroundColor: focused ? accent : T.panelHi,
+                  color: focused ? T.bg : T.fgDim,
+                  bold: true,
+                  children: [
+                    " ",
+                    badge,
+                    " "
+                  ]
+                }
+              ),
+              title && /* @__PURE__ */ jsxs6(Text5, { color: focused ? accent : T.fgDim, children: [
+                badge ? " " : "",
+                title
+              ] }),
+              headerRight && /* @__PURE__ */ jsxs6(Fragment, { children: [
+                /* @__PURE__ */ jsx6(Text5, { children: " " }),
+                headerRight
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx6(Box6, { flexDirection: "column", flexGrow: 1, paddingX: 1, children })
+      ]
+    }
+  );
+}
+
+// tools/tui/screens/ErrorScreen.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function ErrorScreen({ state, onBack, onRetry, accent = DEFAULT_ACCENT }) {
+  const crumbs = pathFromCommandKey(state.commandKey);
+  const errors = Object.entries(state.formErrors);
+  useInput((input, key) => {
+    if (key.escape) onBack();
+    else if (input === "r" || input === "R") onRetry();
+  });
+  const menuItems = [
+    ...flattenMenu(MENU, state.expandedKeys),
+    { item: { key: "_sep", label: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500", dim: true }, depth: 0 },
+    ...META_ITEMS.map((m) => ({ item: m, depth: 0 }))
+  ];
+  const menuCursor = menuItems.findIndex((f) => f.item.commandKey === state.commandKey);
+  return /* @__PURE__ */ jsx7(
+    AppShell,
+    {
+      header: /* @__PURE__ */ jsx7(
+        HeaderBar,
+        {
+          accent,
+          crumbs,
+          status: /* @__PURE__ */ jsxs7(Box7, { gap: 1, children: [
+            /* @__PURE__ */ jsx7(Text6, { color: T.red, children: "\u25CF" }),
+            /* @__PURE__ */ jsxs7(Text6, { color: T.red, children: [
+              errors.length,
+              " errors"
+            ] })
+          ] })
+        }
+      ),
+      menu: /* @__PURE__ */ jsx7(Panel, { title: "Commands", badge: "MENU", accent, children: /* @__PURE__ */ jsx7(MenuTree, { items: menuItems, cursor: menuCursor >= 0 ? menuCursor : 0, accent }) }),
+      body: /* @__PURE__ */ jsx7(Panel, { title: crumbs.join(" "), badge: "ERROR", accent: T.red, focused: true, children: /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", gap: 1, paddingY: 1, children: [
+        /* @__PURE__ */ jsxs7(
+          Box7,
+          {
+            borderStyle: "single",
+            borderColor: T.red,
+            paddingX: 1,
+            flexDirection: "column",
+            gap: 0,
+            children: [
+              /* @__PURE__ */ jsx7(Text6, { color: T.red, bold: true, children: "\u2715 \uC720\uD6A8\uC131 \uAC80\uC99D\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4 (E_VALIDATION)" }),
+              /* @__PURE__ */ jsxs7(Text6, { color: T.fgDim, children: [
+                errors.length,
+                "\uAC1C \uC624\uB958\uB97C \uC218\uC815\uD55C \uB4A4 \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC138\uC694."
+              ] })
+            ]
+          }
+        ),
+        errors.map(([key, msg]) => /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", gap: 0, children: /* @__PURE__ */ jsxs7(Box7, { gap: 2, children: [
+          /* @__PURE__ */ jsx7(Text6, { color: T.red, bold: true, children: key.padEnd(20) }),
+          /* @__PURE__ */ jsx7(Text6, { color: T.red, children: msg })
+        ] }) }, key)),
+        state.logs.filter((l) => l.level === "err" || l.level === "warn").map((l, i) => /* @__PURE__ */ jsxs7(Box7, { gap: 2, children: [
+          /* @__PURE__ */ jsx7(Text6, { color: l.level === "err" ? T.red : T.amber, children: l.level === "err" ? "\u2715" : "\u26A0" }),
+          /* @__PURE__ */ jsx7(Text6, { color: l.level === "err" ? T.red : T.amber, children: l.text })
+        ] }, i)),
+        /* @__PURE__ */ jsxs7(Box7, { gap: 3, marginTop: 1, children: [
+          /* @__PURE__ */ jsx7(Box7, { gap: 1, children: /* @__PURE__ */ jsx7(Text6, { backgroundColor: T.panelHi, color: T.fg, children: " \u21B5 Back to form " }) }),
+          /* @__PURE__ */ jsx7(Box7, { gap: 1, children: /* @__PURE__ */ jsx7(Text6, { backgroundColor: T.panelHi, color: T.amber, children: " R Retry " }) }),
+          /* @__PURE__ */ jsx7(Box7, { gap: 1, children: /* @__PURE__ */ jsx7(Text6, { backgroundColor: T.panelHi, color: T.fgDim, children: " Esc Menu " }) })
+        ] })
+      ] }) }),
+      log: /* @__PURE__ */ jsx7(LogPane, { lines: state.logs, accent, title: "Diagnostics" }),
+      footer: /* @__PURE__ */ jsx7(Keymap, { accent, keys: [
+        { key: "\u21B5", label: "back to form" },
+        { key: "R", label: "retry" },
+        { key: "Esc", label: "menu" }
+      ] })
+    }
+  );
+}
+
+// tools/tui/screens/FormScreen.tsx
+import { Box as Box10, Text as Text9, useInput as useInput3 } from "ink";
+import { useState as useState2 } from "react";
+
+// tools/tui/components/FilePicker.tsx
+import { Box as Box8, Text as Text7, useInput as useInput2 } from "ink";
+import fs from "fs";
+import path from "path";
+import os from "os";
+import { useMemo, useState } from "react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function resolveStartDir(initialPath) {
+  if (!initialPath) return process.cwd();
+  const expanded = initialPath.replace(/^~/, os.homedir());
+  const abs = path.isAbsolute(expanded) ? expanded : path.resolve(process.cwd(), expanded);
+  try {
+    const stat = fs.statSync(abs);
+    return stat.isDirectory() ? abs : path.dirname(abs);
+  } catch {
+    let dir = path.dirname(abs);
+    while (dir && dir !== "/" && !fs.existsSync(dir)) {
+      dir = path.dirname(dir);
+    }
+    return dir || process.cwd();
+  }
+}
+function FilePicker({
+  initialPath,
+  pathType,
+  onSelect,
+  onCancel,
+  accent = DEFAULT_ACCENT,
+  maxVisible = 14
+}) {
+  const [currentDir, setCurrentDir] = useState(() => resolveStartDir(initialPath));
+  const [cursor, setCursor] = useState(0);
+  const [scroll, setScroll] = useState(0);
+  const entries = useMemo(() => {
+    try {
+      const items = fs.readdirSync(currentDir, { withFileTypes: true }).filter((d) => !d.name.startsWith("."));
+      const dirs = items.filter((i) => i.isDirectory()).map((i) => ({ name: i.name, isDir: true }));
+      const files = pathType === "file" ? items.filter((i) => i.isFile()).map((i) => ({ name: i.name, isDir: false })) : [];
+      return [
+        { name: ".", isDir: true, isCurrent: true },
+        { name: "..", isDir: true },
+        ...dirs.sort((a, b) => a.name.localeCompare(b.name)),
+        ...files.sort((a, b) => a.name.localeCompare(b.name))
+      ];
+    } catch {
+      return [
+        { name: ".", isDir: true, isCurrent: true },
+        { name: "..", isDir: true }
+      ];
+    }
+  }, [currentDir, pathType]);
+  function move(delta) {
+    const next = Math.max(0, Math.min(entries.length - 1, cursor + delta));
+    setCursor(next);
+    if (next < scroll) setScroll(next);
+    else if (next >= scroll + maxVisible) setScroll(next - maxVisible + 1);
+  }
+  function selectEntry(entry) {
+    if (entry.isCurrent) {
+      onSelect(toRelativeIfPossible(currentDir) + path.sep);
+      return;
+    }
+    const fullPath = entry.name === ".." ? path.dirname(currentDir) : path.join(currentDir, entry.name);
+    if (entry.isDir) {
+      setCurrentDir(fullPath);
+      setCursor(0);
+      setScroll(0);
+    } else {
+      onSelect(toRelativeIfPossible(fullPath));
+    }
+  }
+  function selectCurrentDir() {
+    onSelect(toRelativeIfPossible(currentDir) + path.sep);
+  }
+  useInput2((input, key) => {
+    if (key.escape) {
+      onCancel();
+    } else if (key.upArrow) {
+      move(-1);
+    } else if (key.downArrow) {
+      move(1);
+    } else if (key.pageUp) {
+      move(-maxVisible);
+    } else if (key.pageDown) {
+      move(maxVisible);
+    } else if (key.return) {
+      const entry = entries[cursor];
+      if (entry) selectEntry(entry);
+    } else if (input === " " || key.tab) {
+      if (pathType === "dir") {
+        selectCurrentDir();
+      } else {
+        const entry = entries[cursor];
+        if (entry && !entry.isDir) selectEntry(entry);
+      }
+    }
+  });
+  const visible = entries.slice(scroll, scroll + maxVisible);
+  const displayPath = currentDir.replace(os.homedir(), "~");
+  return /* @__PURE__ */ jsxs8(
+    Box8,
+    {
+      borderStyle: "round",
+      borderColor: accent,
+      flexDirection: "column",
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ jsxs8(Box8, { children: [
+          /* @__PURE__ */ jsx8(Text7, { color: accent, bold: true, children: pathType === "file" ? "\u{1F4C4} \uD30C\uC77C \uC120\uD0DD" : "\u{1F4C1} \uB514\uB809\uD1A0\uB9AC \uC120\uD0DD" }),
+          /* @__PURE__ */ jsxs8(Text7, { color: T.fgFaint, children: [
+            "  ",
+            displayPath
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginTop: 1, children: [
+          visible.map((entry, vi) => {
+            const idx = vi + scroll;
+            const isActive = idx === cursor;
+            return /* @__PURE__ */ jsxs8(Box8, { children: [
+              /* @__PURE__ */ jsx8(Text7, { color: isActive ? accent : "transparent", children: isActive ? "\u25B6 " : "  " }),
+              /* @__PURE__ */ jsxs8(
+                Text7,
+                {
+                  color: isActive ? accent : entry.isCurrent ? T.amber : entry.isDir ? T.cyan : T.fg,
+                  bold: isActive,
+                  children: [
+                    entry.isCurrent ? "\u2713 " : entry.isDir ? "\u{1F4C1} " : "\u{1F4C4} ",
+                    entry.name,
+                    entry.isCurrent ? "   (\uD604\uC7AC \uB514\uB809\uD1A0\uB9AC \uC120\uD0DD)" : entry.isDir && entry.name !== ".." ? "/" : ""
+                  ]
+                }
+              )
+            ] }, `${entry.name}-${idx}`);
+          }),
+          entries.length > maxVisible && /* @__PURE__ */ jsxs8(Text7, { color: T.fgFaint, children: [
+            scroll + 1,
+            "\u2013",
+            Math.min(scroll + maxVisible, entries.length),
+            " / ",
+            entries.length
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text7, { color: T.fgFaint, children: '\u2191\u2193 navigate \xB7 \u21B5 on "." select current \xB7 \u21B5 on dir = open \xB7 \u21B5 on file = select \xB7 Esc cancel' }) })
+      ]
+    }
+  );
+}
+function toRelativeIfPossible(absPath) {
+  const cwd = process.cwd();
+  const rel = path.relative(cwd, absPath);
+  if (!rel.startsWith("..") && !path.isAbsolute(rel)) {
+    return "./" + rel;
+  }
+  return absPath;
+}
+
+// tools/tui/components/FormField.tsx
+import { Box as Box9, Text as Text8 } from "ink";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function FormField({ field, value, focused, error, accent = T.pink }) {
+  const labelText = field.label.padEnd(28);
+  if (field.type === "bool") {
+    const checked = value === true;
+    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginBottom: 0, children: [
+      /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
+        /* @__PURE__ */ jsx9(Text8, { color: focused ? accent : T.fgDim, bold: focused, children: labelText }),
+        /* @__PURE__ */ jsx9(Text8, { color: checked ? accent : T.fgFaint, bold: focused, children: checked ? "\u25A3" : "\u25A2" }),
+        /* @__PURE__ */ jsx9(Text8, { color: focused ? T.fg : T.fgDim, children: checked ? "enabled" : "disabled" })
+      ] }),
+      focused && /* @__PURE__ */ jsx9(Box9, { marginLeft: 30, children: /* @__PURE__ */ jsx9(Text8, { color: T.fgFaint, children: "Space\uB85C \uD1A0\uAE00" }) })
+    ] });
+  }
+  if (field.type === "select") {
+    return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginBottom: 0, children: [
+      /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
+        /* @__PURE__ */ jsx9(Text8, { color: focused ? accent : T.fgDim, bold: focused, children: labelText }),
+        /* @__PURE__ */ jsxs9(
+          Box9,
+          {
+            borderStyle: "single",
+            borderColor: focused ? accent : T.border,
+            paddingX: 1,
+            children: [
+              /* @__PURE__ */ jsx9(Text8, { color: T.fg, children: String(value) }),
+              /* @__PURE__ */ jsx9(Text8, { color: T.fgFaint, children: " \u25BC" })
+            ]
+          }
+        )
+      ] }),
+      focused && /* @__PURE__ */ jsx9(Box9, { marginLeft: 30, children: /* @__PURE__ */ jsxs9(Text8, { color: T.fgFaint, children: [
+        "Space\uB85C \uB2E4\uC74C \uC635\uC158 (",
+        field.options?.join(" \xB7 "),
+        ")"
+      ] }) })
+    ] });
+  }
+  const borderColor = error ? T.red : focused ? accent : T.border;
+  const valStr = String(value ?? "");
+  const isPath = !!field.pathType;
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginBottom: 0, children: [
+    /* @__PURE__ */ jsxs9(Box9, { gap: 1, children: [
+      /* @__PURE__ */ jsx9(Text8, { color: focused ? accent : T.fgDim, bold: focused, children: labelText }),
+      field.required && /* @__PURE__ */ jsx9(Text8, { color: T.amber, children: "*" }),
+      /* @__PURE__ */ jsxs9(
+        Box9,
+        {
+          borderStyle: "single",
+          borderColor,
+          paddingX: 1,
+          flexGrow: 1,
+          children: [
+            field.prefix && /* @__PURE__ */ jsxs9(Text8, { color: T.fgFaint, children: [
+              field.prefix,
+              " "
+            ] }),
+            valStr ? /* @__PURE__ */ jsx9(Text8, { color: T.fg, children: valStr }) : /* @__PURE__ */ jsx9(Text8, { color: T.fgFaint, children: field.hint ?? "" }),
+            focused && /* @__PURE__ */ jsx9(Text8, { backgroundColor: accent, color: T.bg, children: " " })
+          ]
+        }
+      )
+    ] }),
+    focused && /* @__PURE__ */ jsx9(Box9, { marginLeft: 30, children: error ? /* @__PURE__ */ jsx9(Text8, { color: T.red, children: error }) : isPath ? /* @__PURE__ */ jsxs9(Text8, { color: T.fgFaint, children: [
+      /* @__PURE__ */ jsx9(Text8, { color: T.amber, children: "\u21B5" }),
+      " ",
+      field.pathType === "file" ? "\uD30C\uC77C" : "\uB514\uB809\uD1A0\uB9AC",
+      " \uC120\uD0DD\uCC3D \uC5F4\uAE30",
+      field.hint ? ` \xB7 ${field.hint}` : ""
+    ] }) : field.hint ? /* @__PURE__ */ jsx9(Text8, { color: T.fgFaint, children: field.hint }) : null })
+  ] });
+}
+
+// tools/tui/url-parser.ts
+function parseConfluenceUrl(input) {
+  const url = input.trim();
+  if (!url) return {};
+  const result = {};
+  const spacesMatch = url.match(/\/spaces\/([^/]+)\/pages\/(\d+)/);
+  if (spacesMatch) {
+    result.space = decodeURIComponent(spacesMatch[1]);
+    result.pageId = spacesMatch[2];
+    return result;
+  }
+  const pageIdQuery = url.match(/[?&]pageId=(\d+)/);
+  if (pageIdQuery) {
+    result.pageId = pageIdQuery[1];
+  }
+  const spaceQuery = url.match(/[?&]spaceKey=([^&]+)/);
+  if (spaceQuery) {
+    result.space = decodeURIComponent(spaceQuery[1]);
+  }
+  if (!result.space) {
+    const displayMatch = url.match(/\/display\/([^/?#]+)/);
+    if (displayMatch) result.space = decodeURIComponent(displayMatch[1]);
+  }
+  return result;
+}
+function applyUrlFill(commandKey, parsed, current) {
+  const result = { ...current };
+  if (commandKey === "confluence:page:get" || commandKey === "confluence:page:update") {
+    if (parsed.space) result["space"] = parsed.space;
+    if (parsed.pageId) result["pageId"] = parsed.pageId;
+  } else if (commandKey === "confluence:page:create") {
+    if (parsed.space) result["space"] = parsed.space;
+    if (parsed.pageId) result["parent"] = parsed.pageId;
+  }
+  return result;
+}
+function supportsUrlFill(commandKey) {
+  return [
+    "confluence:page:get",
+    "confluence:page:update",
+    "confluence:page:create"
+  ].includes(commandKey);
+}
+function getUrlFillTargets(commandKey) {
+  if (commandKey === "confluence:page:create") return ["space", "parent"];
+  if (commandKey === "confluence:page:get" || commandKey === "confluence:page:update") return ["space", "pageId"];
+  return [];
+}
+
+// tools/tui/screens/FormScreen.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var URL_FILL_COLOR = T.blue;
+function FormScreen({ state, onRun, onBack, onSavePreset, accent = DEFAULT_ACCENT }) {
+  const def = COMMANDS[state.commandKey];
+  const [values, setValues] = useState2(state.formValues);
+  const [errors, setErrors] = useState2(state.formErrors);
+  const [focusIdx, setFocusIdx] = useState2(state.focusedField);
+  const [pickerOpen, setPickerOpen] = useState2(false);
+  const [urlValue, setUrlValue] = useState2("");
+  if (!def) return /* @__PURE__ */ jsxs10(Text9, { color: T.red, children: [
+    "\uCEE4\uB9E8\uB4DC\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: ",
+    state.commandKey
+  ] });
+  const fields = def.fields;
+  const hasUrlFill = supportsUrlFill(state.commandKey);
+  const fillTargets = hasUrlFill ? getUrlFillTargets(state.commandKey) : [];
+  const onUrlField = hasUrlFill && focusIdx === -1;
+  const currentField = onUrlField ? void 0 : fields[focusIdx];
+  const preview = buildPreview(def, values);
+  function updateUrl(next) {
+    setUrlValue(next);
+    const parsed = parseConfluenceUrl(next);
+    if (parsed.space || parsed.pageId) {
+      setValues((v) => applyUrlFill(state.commandKey, parsed, v));
+      setErrors({});
+    }
+  }
+  function nextField() {
+    setFocusIdx((i) => {
+      const min = hasUrlFill ? -1 : 0;
+      const next = i + 1;
+      return next > fields.length - 1 ? min : next;
+    });
+  }
+  function prevField() {
+    setFocusIdx((i) => {
+      const min = hasUrlFill ? -1 : 0;
+      const prev = i - 1;
+      return prev < min ? fields.length - 1 : prev;
+    });
+  }
+  function validate() {
+    const errs = {};
+    for (const f of fields) {
+      if (f.required && !values[f.key]) {
+        errs[f.key] = `\uD544\uC218 \uC635\uC158\uC785\uB2C8\uB2E4. ${f.hint ?? ""}`;
+      }
+    }
+    return errs;
+  }
+  function tryRun() {
+    const errs = validate();
+    if (Object.keys(errs).length > 0) {
+      setErrors(errs);
+      const firstErrIdx = fields.findIndex((f) => errs[f.key]);
+      if (firstErrIdx >= 0) setFocusIdx(firstErrIdx);
+    } else {
+      setErrors({});
+      onRun(values);
+    }
+  }
+  useInput3((input, key) => {
+    if (pickerOpen) return;
+    if (key.ctrl && input === "r") {
+      tryRun();
+      return;
+    }
+    if (key.ctrl && input === "s") {
+      onSavePreset(values);
+      return;
+    }
+    if (key.escape) {
+      onBack();
+      return;
+    }
+    if (key.tab && key.shift) {
+      prevField();
+      return;
+    }
+    if (key.tab) {
+      nextField();
+      return;
+    }
+    if (key.upArrow) {
+      prevField();
+      return;
+    }
+    if (key.downArrow) {
+      nextField();
+      return;
+    }
+    if (onUrlField) {
+      if (key.backspace || key.delete) {
+        updateUrl(urlValue.slice(0, -1));
+        return;
+      }
+      if (key.return) return;
+      if (input && !key.ctrl && !key.meta) {
+        updateUrl(urlValue + input);
+      }
+      return;
+    }
+    if (!currentField) return;
+    if (currentField.type === "bool") {
+      if (input === " " || key.return) {
+        setValues((v) => ({ ...v, [currentField.key]: !v[currentField.key] }));
+        setErrors((e) => {
+          const n = { ...e };
+          delete n[currentField.key];
+          return n;
+        });
+      }
+      return;
+    }
+    if (currentField.type === "select") {
+      if (input === " " || key.return) {
+        const opts = currentField.options ?? [];
+        const cur = String(values[currentField.key] ?? opts[0]);
+        const nextIdx = (opts.indexOf(cur) + 1) % opts.length;
+        setValues((v) => ({ ...v, [currentField.key]: opts[nextIdx] }));
+      }
+      return;
+    }
+    if (key.return) {
+      if (currentField.pathType) {
+        setPickerOpen(true);
+        return;
+      }
+      return;
+    }
+    if (key.backspace || key.delete) {
+      setValues((v) => ({
+        ...v,
+        [currentField.key]: String(v[currentField.key] ?? "").slice(0, -1)
+      }));
+      setErrors((e) => {
+        const n = { ...e };
+        delete n[currentField.key];
+        return n;
+      });
+      return;
+    }
+    if (input && !key.ctrl && !key.meta) {
+      setValues((v) => ({
+        ...v,
+        [currentField.key]: String(v[currentField.key] ?? "") + input
+      }));
+      setErrors((e) => {
+        const n = { ...e };
+        delete n[currentField.key];
+        return n;
+      });
+    }
+  });
+  const menuItems = [
+    ...flattenMenu(MENU, state.expandedKeys),
+    { item: { key: "_sep", label: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500", dim: true }, depth: 0 },
+    ...META_ITEMS.map((m) => ({ item: m, depth: 0 }))
+  ];
+  const menuCursor = menuItems.findIndex((f) => f.item.commandKey === state.commandKey);
+  const crumbs = pathFromCommandKey(state.commandKey);
+  const filledCount = fields.filter((f) => values[f.key] !== "" && values[f.key] !== void 0 && values[f.key] !== false).length;
+  return /* @__PURE__ */ jsx10(
+    AppShell,
+    {
+      header: /* @__PURE__ */ jsx10(
+        HeaderBar,
+        {
+          accent,
+          crumbs,
+          status: /* @__PURE__ */ jsxs10(Box10, { gap: 1, children: [
+            /* @__PURE__ */ jsx10(Text9, { color: Object.keys(errors).length > 0 ? T.red : T.mint, children: "\u25CF" }),
+            /* @__PURE__ */ jsx10(Text9, { color: T.fgDim, children: Object.keys(errors).length > 0 ? `${Object.keys(errors).length} errors` : `${filledCount} / ${fields.length} fields` })
+          ] })
+        }
+      ),
+      menu: /* @__PURE__ */ jsx10(Panel, { title: "Commands", badge: "MENU", accent, children: /* @__PURE__ */ jsx10(MenuTree, { items: menuItems, cursor: menuCursor >= 0 ? menuCursor : 0, accent }) }),
+      body: pickerOpen && currentField?.pathType ? /* @__PURE__ */ jsx10(Panel, { title: `${currentField.label} \u2014 \uACBD\uB85C \uC120\uD0DD`, badge: "PICKER", accent, focused: true, children: /* @__PURE__ */ jsx10(
+        FilePicker,
+        {
+          initialPath: String(values[currentField.key] ?? ""),
+          pathType: currentField.pathType,
+          accent,
+          onSelect: (selected) => {
+            setValues((v) => ({ ...v, [currentField.key]: selected }));
+            setErrors((e) => {
+              const n = { ...e };
+              delete n[currentField.key];
+              return n;
+            });
+            setPickerOpen(false);
+          },
+          onCancel: () => setPickerOpen(false)
+        }
+      ) }) : /* @__PURE__ */ jsx10(
+        Panel,
+        {
+          title: def.label,
+          badge: "FORM",
+          accent,
+          focused: true,
+          headerRight: /* @__PURE__ */ jsx10(Text9, { color: T.amber, children: "* required" }),
+          children: /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", paddingY: 1, children: [
+            hasUrlFill && /* @__PURE__ */ jsxs10(
+              Box10,
+              {
+                flexDirection: "column",
+                borderStyle: "round",
+                borderColor: onUrlField ? URL_FILL_COLOR : T.borderDim,
+                paddingX: 1,
+                marginBottom: 1,
+                children: [
+                  /* @__PURE__ */ jsxs10(Box10, { children: [
+                    /* @__PURE__ */ jsx10(Text9, { color: URL_FILL_COLOR, bold: true, children: "\u{1F517} \uBE60\uB978 \uC785\uB825" }),
+                    /* @__PURE__ */ jsxs10(Text9, { color: T.fgFaint, children: [
+                      " ",
+                      "\u2014 Confluence \uD398\uC774\uC9C0 URL\uC744 \uBD99\uC5EC\uB123\uC73C\uBA74",
+                      " "
+                    ] }),
+                    /* @__PURE__ */ jsx10(Text9, { color: URL_FILL_COLOR, bold: true, children: fillTargets.join(", ") }),
+                    /* @__PURE__ */ jsxs10(Text9, { color: T.fgFaint, children: [
+                      " ",
+                      "\uD544\uB4DC\uAC00 \uC790\uB3D9 \uC785\uB825\uB429\uB2C8\uB2E4"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
+                    urlValue ? /* @__PURE__ */ jsx10(Text9, { color: T.fg, children: urlValue }) : /* @__PURE__ */ jsx10(Text9, { color: T.fgFaint, children: "https://confluence.tde.sktelecom.com/spaces/TDE/pages/123456/..." }),
+                    onUrlField && /* @__PURE__ */ jsx10(Text9, { backgroundColor: URL_FILL_COLOR, color: T.bg, children: " " })
+                  ] })
+                ]
+              }
+            ),
+            fields.map((f, i) => /* @__PURE__ */ jsx10(
+              FormField,
+              {
+                field: f,
+                value: values[f.key] ?? "",
+                focused: i === focusIdx,
+                error: errors[f.key],
+                accent
+              },
+              f.key
+            )),
+            /* @__PURE__ */ jsxs10(
+              Box10,
+              {
+                borderStyle: "single",
+                borderColor: T.borderDim,
+                paddingX: 1,
+                marginTop: 1,
+                flexDirection: "column",
+                children: [
+                  /* @__PURE__ */ jsx10(Text9, { color: T.fgFaint, bold: true, children: "PREVIEW" }),
+                  /* @__PURE__ */ jsxs10(Text9, { children: [
+                    /* @__PURE__ */ jsx10(Text9, { color: T.fgFaint, children: "$ " }),
+                    /* @__PURE__ */ jsx10(Text9, { color: accent, children: "tdecollab " }),
+                    /* @__PURE__ */ jsxs10(Text9, { color: T.cyan, children: [
+                      def.key.split(":").join(" "),
+                      " "
+                    ] }),
+                    /* @__PURE__ */ jsx10(Text9, { color: T.fg, children: preview.replace(/^tdecollab\s+\S+(?:\s+\S+){0,2}\s*/, "") })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs10(Box10, { gap: 3, marginTop: 1, children: [
+              /* @__PURE__ */ jsx10(Text9, { backgroundColor: accent, color: T.bg, bold: true, children: " Ctrl+R Run " }),
+              /* @__PURE__ */ jsx10(Text9, { backgroundColor: T.panelHi, color: T.fg, children: " Ctrl+S Save preset " }),
+              /* @__PURE__ */ jsx10(Text9, { backgroundColor: T.panelHi, color: T.fgDim, children: " Esc Back " })
+            ] })
+          ] })
+        }
+      ),
+      log: /* @__PURE__ */ jsx10(LogPane, { lines: state.logs, accent }),
+      footer: pickerOpen ? /* @__PURE__ */ jsx10(Keymap, { accent, keys: [
+        { key: "\u2191\u2193", label: "navigate" },
+        { key: "\u21B5", label: "open / select" },
+        { key: "Tab/Spc", label: "select dir" },
+        { key: "Esc", label: "cancel" }
+      ] }) : /* @__PURE__ */ jsx10(Keymap, { accent, keys: [
+        { key: "Tab", label: "next field" },
+        { key: "\u21E7Tab", label: "prev" },
+        { key: "A-Z", label: "\uBC14\uB85C \uC785\uB825" },
+        { key: "\u21B5", label: currentField?.pathType ? "\uACBD\uB85C \uC120\uD0DD\uCC3D" : currentField?.type === "bool" ? "toggle" : "\u2014" },
+        { key: "Ctrl+R", label: "Run" },
+        { key: "Ctrl+S", label: "Save" },
+        { key: "Esc", label: "Back" }
+      ] })
+    }
+  );
+}
+
+// tools/tui/screens/HistoryScreen.tsx
+import { Box as Box11, Text as Text10, useInput as useInput4 } from "ink";
+import { useState as useState3 } from "react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var SVC_LABEL = { cf: "CF", jr: "JR", gl: "GL" };
+var STATE_COLOR = { ok: T.mint, warn: T.amber, err: T.red };
+function HistoryScreen({ state, onBack, onReplay, accent = DEFAULT_ACCENT }) {
+  const [selected, setSelected] = useState3(state.historySelected);
+  const history = state.history;
+  const okCount = history.filter((h) => h.state === "ok").length;
+  const warnCount = history.filter((h) => h.state === "warn").length;
+  const errCount = history.filter((h) => h.state === "err").length;
+  useInput4((input, key) => {
+    if (key.escape) onBack();
+    else if (key.upArrow) setSelected((s) => Math.max(0, s - 1));
+    else if (key.downArrow) setSelected((s) => Math.min(history.length - 1, s + 1));
+    else if (key.return) {
+      if (history[selected]) onReplay(history[selected]);
+    } else if (input === "x" || input === "X") {
+    }
+  });
+  const menuItems = [
+    ...flattenMenu(MENU, state.expandedKeys),
+    { item: { key: "_sep", label: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500", dim: true }, depth: 0 },
+    ...META_ITEMS.map((m) => ({ item: m, depth: 0 }))
+  ];
+  const menuCursor = menuItems.findIndex((f) => f.item.key === "history");
+  const selectedEntry = history[selected];
+  return /* @__PURE__ */ jsx11(
+    AppShell,
+    {
+      header: /* @__PURE__ */ jsx11(
+        HeaderBar,
+        {
+          accent,
+          crumbs: ["history"],
+          status: /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
+            /* @__PURE__ */ jsx11(Text10, { color: T.fg, children: history.length }),
+            /* @__PURE__ */ jsx11(Text10, { color: T.fgDim, children: "commands \xB7" }),
+            /* @__PURE__ */ jsxs11(Text10, { color: T.mint, children: [
+              okCount,
+              " ok"
+            ] }),
+            /* @__PURE__ */ jsx11(Text10, { color: T.fgDim, children: "/" }),
+            /* @__PURE__ */ jsxs11(Text10, { color: T.amber, children: [
+              warnCount,
+              " warn"
+            ] }),
+            /* @__PURE__ */ jsx11(Text10, { color: T.fgDim, children: "/" }),
+            /* @__PURE__ */ jsxs11(Text10, { color: T.red, children: [
+              errCount,
+              " err"
+            ] })
+          ] })
+        }
+      ),
+      menu: /* @__PURE__ */ jsx11(Panel, { title: "Commands", badge: "MENU", accent, children: /* @__PURE__ */ jsx11(MenuTree, { items: menuItems, cursor: menuCursor >= 0 ? menuCursor : 0, accent }) }),
+      body: /* @__PURE__ */ jsx11(Panel, { title: "History", badge: "LOG", accent, focused: true, children: /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs11(
+          Box11,
+          {
+            borderStyle: "single",
+            borderBottom: true,
+            borderTop: false,
+            borderLeft: false,
+            borderRight: false,
+            borderColor: T.borderDim,
+            children: [
+              /* @__PURE__ */ jsx11(Text10, { color: T.fgFaint, bold: true, children: "TIME ".padEnd(7) }),
+              /* @__PURE__ */ jsx11(Text10, { color: T.fgFaint, bold: true, children: "SVC ".padEnd(5) }),
+              /* @__PURE__ */ jsx11(Text10, { color: T.fgFaint, bold: true, children: "COMMAND".padEnd(55) }),
+              /* @__PURE__ */ jsx11(Text10, { color: T.fgFaint, bold: true, children: "TOOK".padEnd(9) }),
+              /* @__PURE__ */ jsx11(Text10, { color: T.fgFaint, bold: true, children: "RESULT" })
+            ]
+          }
+        ),
+        history.length === 0 ? /* @__PURE__ */ jsx11(Box11, { marginTop: 2, children: /* @__PURE__ */ jsx11(Text10, { color: T.fgFaint, children: "\uD788\uC2A4\uD1A0\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4. \uBA85\uB839\uC744 \uC2E4\uD589\uD558\uBA74 \uC5EC\uAE30\uC5D0 \uAE30\uB85D\uB429\uB2C8\uB2E4." }) }) : history.map((h, i) => /* @__PURE__ */ jsxs11(
+          Box11,
+          {
+            borderStyle: "single",
+            borderBottom: true,
+            borderTop: false,
+            borderLeft: false,
+            borderRight: false,
+            borderColor: T.borderDim,
+            children: [
+              /* @__PURE__ */ jsx11(Text10, { color: i === selected ? accent : T.fgDim, children: h.when.padEnd(7) }),
+              /* @__PURE__ */ jsx11(
+                Text10,
+                {
+                  backgroundColor: `${SVC_COLOR[h.svc] ?? T.fgDim}22`,
+                  color: SVC_COLOR[h.svc] ?? T.fgDim,
+                  bold: true,
+                  children: ` ${SVC_LABEL[h.svc] ?? h.svc} `
+                }
+              ),
+              /* @__PURE__ */ jsx11(Text10, { children: " " }),
+              /* @__PURE__ */ jsx11(Text10, { color: i === selected ? accent : T.fg, children: `tdecollab ${h.cmd}`.slice(0, 54).padEnd(55) }),
+              /* @__PURE__ */ jsx11(Text10, { color: T.fgDim, children: h.dur.padEnd(9) }),
+              /* @__PURE__ */ jsxs11(Text10, { color: STATE_COLOR[h.state] ?? T.fg, children: [
+                "\u25CF ",
+                h.result
+              ] })
+            ]
+          },
+          i
+        )),
+        selectedEntry && /* @__PURE__ */ jsxs11(Box11, { marginTop: 1, flexDirection: "column", gap: 0, children: [
+          /* @__PURE__ */ jsx11(Text10, { color: T.fgFaint, children: "\u2500\u2500\u2500 \uC120\uD0DD\uB41C \uD56D\uBAA9 \u2500\u2500\u2500" }),
+          /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
+            /* @__PURE__ */ jsx11(Text10, { color: T.fgDim, children: "\uBA85\uB839:" }),
+            /* @__PURE__ */ jsxs11(Text10, { color: accent, children: [
+              "tdecollab ",
+              selectedEntry.cmd
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs11(Box11, { gap: 1, children: [
+            /* @__PURE__ */ jsx11(Text10, { color: T.fgDim, children: "\uACB0\uACFC:" }),
+            /* @__PURE__ */ jsx11(Text10, { color: STATE_COLOR[selectedEntry.state], children: selectedEntry.result }),
+            /* @__PURE__ */ jsxs11(Text10, { color: T.fgDim, children: [
+              "\xB7 ",
+              selectedEntry.dur
+            ] })
+          ] })
+        ] })
+      ] }) }),
+      log: /* @__PURE__ */ jsx11(LogPane, { lines: state.logs, accent }),
+      footer: /* @__PURE__ */ jsx11(Keymap, { accent, keys: [
+        { key: "\u2191\u2193", label: "navigate" },
+        { key: "\u21B5", label: "replay" },
+        { key: "x", label: "clear" },
+        { key: "Esc", label: "back" }
+      ] })
+    }
+  );
+}
+
+// tools/tui/screens/ListScreen.tsx
+import { Box as Box12, Text as Text11, useInput as useInput5 } from "ink";
+import { useState as useState4 } from "react";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+function ListScreen({ state, onBack, onDrillIn, accent = DEFAULT_ACCENT }) {
+  const [selected, setSelected] = useState4(state.resultListSelected);
+  const crumbs = pathFromCommandKey(state.commandKey);
+  const rows = state.resultList;
+  const cols = state.resultListCols;
+  useInput5((_input, key) => {
+    if (key.escape) onBack();
+    else if (key.upArrow) setSelected((s) => Math.max(0, s - 1));
+    else if (key.downArrow) setSelected((s) => Math.min(rows.length - 1, s + 1));
+    else if (key.return) {
+      if (rows[selected] && onDrillIn) onDrillIn(rows[selected]);
+    }
+  });
+  const menuItems = [
+    ...flattenMenu(MENU, state.expandedKeys),
+    { item: { key: "_sep", label: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500", dim: true }, depth: 0 },
+    ...META_ITEMS.map((m) => ({ item: m, depth: 0 }))
+  ];
+  const menuCursor = menuItems.findIndex((f) => f.item.commandKey === state.commandKey);
+  const colWidth = cols.length > 0 ? Math.floor(60 / cols.length) : 20;
+  return /* @__PURE__ */ jsx12(
+    AppShell,
+    {
+      header: /* @__PURE__ */ jsx12(
+        HeaderBar,
+        {
+          accent,
+          crumbs,
+          status: /* @__PURE__ */ jsxs12(Box12, { gap: 1, children: [
+            /* @__PURE__ */ jsx12(Text11, { color: T.mint, children: "\u25CF" }),
+            /* @__PURE__ */ jsxs12(Text11, { color: T.fgDim, children: [
+              rows.length,
+              " results"
+            ] })
+          ] })
+        }
+      ),
+      menu: /* @__PURE__ */ jsx12(Panel, { title: "Commands", badge: "MENU", accent, children: /* @__PURE__ */ jsx12(MenuTree, { items: menuItems, cursor: menuCursor >= 0 ? menuCursor : 0, accent }) }),
+      body: /* @__PURE__ */ jsx12(Panel, { title: crumbs.join(" "), badge: "LIST", accent, focused: true, children: /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx12(Box12, { borderStyle: "single", borderBottom: true, borderTop: false, borderLeft: false, borderRight: false, borderColor: T.borderDim, children: cols.map((c) => /* @__PURE__ */ jsx12(Text11, { color: T.fgFaint, bold: true, children: c.toUpperCase().padEnd(colWidth) }, c)) }),
+        rows.map((row, i) => /* @__PURE__ */ jsx12(
+          Box12,
+          {
+            borderStyle: "single",
+            borderBottom: true,
+            borderTop: false,
+            borderLeft: false,
+            borderRight: false,
+            borderColor: T.borderDim,
+            children: cols.map((c) => /* @__PURE__ */ jsx12(
+              Text11,
+              {
+                color: i === selected ? accent : T.fg,
+                bold: i === selected,
+                children: String(row[c] ?? "").slice(0, colWidth - 1).padEnd(colWidth)
+              },
+              c
+            ))
+          },
+          i
+        )),
+        /* @__PURE__ */ jsxs12(Box12, { marginTop: 1, children: [
+          /* @__PURE__ */ jsxs12(Text11, { color: T.fgFaint, children: [
+            "showing 1\u2013",
+            rows.length,
+            " \xB7 row",
+            " "
+          ] }),
+          /* @__PURE__ */ jsx12(Text11, { color: accent, children: selected + 1 }),
+          /* @__PURE__ */ jsx12(Text11, { color: T.fgFaint, children: " selected \xB7 \u21B5 to drill in" })
+        ] })
+      ] }) }),
+      log: /* @__PURE__ */ jsx12(LogPane, { lines: state.logs, accent }),
+      footer: /* @__PURE__ */ jsx12(Keymap, { accent, keys: [
+        { key: "\u2191\u2193", label: "navigate" },
+        { key: "\u21B5", label: "view" },
+        { key: "Esc", label: "back" }
+      ] })
+    }
+  );
+}
+
+// tools/tui/screens/MenuScreen.tsx
+import { Box as Box13, Text as Text12, useInput as useInput6 } from "ink";
+import { useCallback, useEffect, useState as useState5 } from "react";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+function MenuScreen({
+  state,
+  onSelectCommand,
+  onToggleExpanded,
+  onOpenHistory,
+  onQuit,
+  accent = DEFAULT_ACCENT
+}) {
+  const expanded = state.expandedKeys;
+  const allItems = [
+    ...flattenMenu(MENU, expanded),
+    { item: { key: "_sep", label: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500", dim: true }, depth: 0 },
+    ...META_ITEMS.map((m) => ({ item: m, depth: 0 }))
+  ];
+  const initialCursor = (() => {
+    if (!state.activePath) return 0;
+    const idx = allItems.findIndex(
+      (f) => f.item.commandKey === state.activePath || f.item.key === state.activePath
+    );
+    return idx >= 0 ? idx : 0;
+  })();
+  const [cursor, setCursor] = useState5(initialCursor);
+  const [scrollOffset, setScrollOffset] = useState5(0);
+  const currentFlat = allItems[cursor];
+  const currentItem = currentFlat?.item;
+  const commandKey = currentItem?.commandKey;
+  const commandDef = commandKey ? COMMANDS[commandKey] : null;
+  const adjustScroll = useCallback((newCursor) => {
+    const maxVisible = 24;
+    if (newCursor < scrollOffset) setScrollOffset(newCursor);
+    else if (newCursor >= scrollOffset + maxVisible) setScrollOffset(newCursor - maxVisible + 1);
+  }, [scrollOffset]);
+  useInput6((input, key) => {
+    if (key.upArrow) {
+      const next = Math.max(0, cursor - 1);
+      setCursor(next);
+      adjustScroll(next);
+    } else if (key.downArrow) {
+      const next = Math.min(allItems.length - 1, cursor + 1);
+      setCursor(next);
+      adjustScroll(next);
+    } else if (key.rightArrow || key.return) {
+      if (currentItem?.children) {
+        onToggleExpanded(currentItem.key);
+      } else if (currentItem?.commandKey) {
+        onSelectCommand(currentItem.commandKey);
+      } else if (currentItem?.key === "history") {
+        onOpenHistory();
+      }
+    } else if (key.leftArrow) {
+      if (currentFlat?.parentKey && expanded.includes(currentFlat.parentKey)) {
+        onToggleExpanded(currentFlat.parentKey);
+      }
+    } else if (input === "h") {
+      onOpenHistory();
+    } else if (input === "q" || key.ctrl && input === "c") {
+      onQuit();
+    }
+  });
+  useEffect(() => {
+    if (initialCursor > 0) adjustScroll(initialCursor);
+  }, []);
+  const crumbs = commandKey ? pathFromCommandKey(commandKey) : currentItem?.key === "history" ? ["history"] : ["menu"];
+  return /* @__PURE__ */ jsx13(
+    AppShell,
+    {
+      header: /* @__PURE__ */ jsx13(
+        HeaderBar,
+        {
+          accent,
+          crumbs,
+          status: /* @__PURE__ */ jsxs13(Box13, { gap: 1, children: [
+            /* @__PURE__ */ jsx13(Text12, { color: T.mint, children: "\u25CF" }),
+            /* @__PURE__ */ jsx13(Text12, { color: T.fgDim, children: "ready" })
+          ] })
+        }
+      ),
+      menu: /* @__PURE__ */ jsx13(Panel, { title: "Commands", badge: "MENU", accent, focused: true, children: /* @__PURE__ */ jsx13(MenuTree, { items: allItems, cursor, accent, scrollOffset }) }),
+      body: /* @__PURE__ */ jsx13(
+        Panel,
+        {
+          title: commandDef?.label ?? currentItem?.label ?? "tdecollab",
+          badge: "DETAILS",
+          accent,
+          children: commandDef ? /* @__PURE__ */ jsx13(CommandDetails, { def: commandDef, accent }) : /* @__PURE__ */ jsx13(WelcomeView, { accent })
+        }
+      ),
+      log: /* @__PURE__ */ jsx13(LogPane, { lines: state.logs, accent }),
+      footer: /* @__PURE__ */ jsx13(Keymap, { accent, keys: [
+        { key: "\u2191\u2193", label: "navigate" },
+        { key: "\u2192/\u21B5", label: "select / expand" },
+        { key: "\u2190", label: "collapse" },
+        { key: "h", label: "history" },
+        { key: "q", label: "quit" }
+      ] })
+    }
+  );
+}
+function WelcomeView({ accent }) {
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 1, paddingY: 1, children: [
+    /* @__PURE__ */ jsx13(Text12, { color: accent, bold: true, children: "tdecollab TUI" }),
+    /* @__PURE__ */ jsx13(Text12, { color: T.fgDim, children: "\uC88C\uCE21 \uBA54\uB274\uC5D0\uC11C \uBA85\uB839\uC744 \uC120\uD0DD\uD558\uC138\uC694." }),
+    /* @__PURE__ */ jsxs13(Box13, { marginTop: 1, flexDirection: "column", gap: 0, children: [
+      /* @__PURE__ */ jsx13(Text12, { color: T.fgFaint, children: "  Confluence  \u25C6 \uD398\uC774\uC9C0/\uC2A4\uD398\uC774\uC2A4/\uAC80\uC0C9" }),
+      /* @__PURE__ */ jsx13(Text12, { color: T.fgFaint, children: "  JIRA        \u25C6 \uC774\uC288/\uAC80\uC0C9" }),
+      /* @__PURE__ */ jsx13(Text12, { color: T.fgFaint, children: "  GitLab      \u25C6 MR/\uD30C\uC774\uD504\uB77C\uC778" })
+    ] }),
+    /* @__PURE__ */ jsxs13(Box13, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx13(Text12, { color: T.amber, children: "\u21B5" }),
+      /* @__PURE__ */ jsx13(Text12, { color: T.fgDim, children: " \uB97C \uB20C\uB7EC \uBA85\uB839 \uD3FC\uC73C\uB85C \uC9C4\uC785\uD569\uB2C8\uB2E4." })
+    ] })
+  ] });
+}
+function CommandDetails({ def, accent }) {
+  return /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 1, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 0, children: [
+      /* @__PURE__ */ jsx13(Text12, { color: T.fgDim, bold: true, children: "DESCRIPTION" }),
+      /* @__PURE__ */ jsx13(Text12, { color: T.fg, children: def.description })
+    ] }),
+    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 0, children: [
+      /* @__PURE__ */ jsx13(Text12, { color: T.fgDim, bold: true, children: "SYNOPSIS" }),
+      /* @__PURE__ */ jsx13(Box13, { borderStyle: "single", borderColor: T.borderDim, paddingX: 1, marginTop: 0, children: /* @__PURE__ */ jsxs13(Text12, { color: T.cyan, children: [
+        "$ ",
+        def.synopsis
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", gap: 0, children: [
+      /* @__PURE__ */ jsx13(Text12, { color: T.fgDim, bold: true, children: "OPTIONS" }),
+      def.fields.map((f) => /* @__PURE__ */ jsxs13(Box13, { gap: 2, children: [
+        /* @__PURE__ */ jsx13(Text12, { color: accent, children: f.label.padEnd(28) }),
+        /* @__PURE__ */ jsx13(Text12, { color: T.fgDim, children: f.hint ?? (f.type === "bool" ? "flag" : f.type) }),
+        f.required && /* @__PURE__ */ jsx13(Text12, { color: T.amber, children: " *required" })
+      ] }, f.key))
+    ] }),
+    /* @__PURE__ */ jsxs13(
+      Box13,
+      {
+        borderStyle: "single",
+        borderColor: T.borderDim,
+        paddingX: 1,
+        marginTop: 1,
+        children: [
+          /* @__PURE__ */ jsx13(Text12, { color: T.amber, children: "\u21B5" }),
+          /* @__PURE__ */ jsx13(Text12, { color: T.fgDim, children: " Enter\uB97C \uB20C\uB7EC \uC785\uB825 \uD3FC\uC73C\uB85C \uC9C4\uC785\uD569\uB2C8\uB2E4." })
+        ]
+      }
+    )
+  ] });
+}
+
+// tools/tui/screens/RunningScreen.tsx
+import { Box as Box14, Text as Text14 } from "ink";
+
+// tools/tui/components/Spinner.tsx
+import { Text as Text13 } from "ink";
+import { useEffect as useEffect2, useState as useState6 } from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+function Spinner({ color = T.cyan }) {
+  const [frame, setFrame] = useState6(0);
+  useEffect2(() => {
+    const id = setInterval(() => setFrame((f) => (f + 1) % FRAMES.length), 80);
+    return () => clearInterval(id);
+  }, []);
+  return /* @__PURE__ */ jsx14(Text13, { color, children: FRAMES[frame] });
+}
+
+// tools/tui/screens/RunningScreen.tsx
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+function RunningScreen({ state, onCancel, accent = DEFAULT_ACCENT }) {
+  const crumbs = pathFromCommandKey(state.commandKey);
+  const doneCount = state.steps.filter((s) => s.state === "done").length;
+  const total = state.steps.length;
+  const menuItems = [
+    ...flattenMenu(MENU, state.expandedKeys),
+    { item: { key: "_sep", label: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500", dim: true }, depth: 0 },
+    ...META_ITEMS.map((m) => ({ item: m, depth: 0 }))
+  ];
+  const menuCursor = menuItems.findIndex((f) => f.item.commandKey === state.commandKey);
+  const progressPct = total > 0 ? Math.round(doneCount / total * 100) : 0;
+  const barWidth = 40;
+  const filled = Math.round(progressPct / 100 * barWidth);
+  return /* @__PURE__ */ jsx15(
+    AppShell,
+    {
+      header: /* @__PURE__ */ jsx15(
+        HeaderBar,
+        {
+          accent,
+          crumbs,
+          status: /* @__PURE__ */ jsxs14(Box14, { gap: 1, children: [
+            /* @__PURE__ */ jsx15(Spinner, { color: T.cyan }),
+            /* @__PURE__ */ jsx15(Text14, { color: T.cyan, bold: true, children: "RUNNING" })
+          ] })
+        }
+      ),
+      menu: /* @__PURE__ */ jsx15(Panel, { title: "Commands", badge: "MENU", accent, children: /* @__PURE__ */ jsx15(MenuTree, { items: menuItems, cursor: menuCursor >= 0 ? menuCursor : 0, accent }) }),
+      body: /* @__PURE__ */ jsx15(Panel, { title: "Pipeline", badge: "EXEC", accent: T.cyan, focused: true, children: /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", gap: 1, paddingY: 1, children: [
+        /* @__PURE__ */ jsx15(Text14, { color: T.fgDim, bold: true, children: "STEPS" }),
+        state.steps.map((step) => /* @__PURE__ */ jsxs14(Box14, { gap: 2, children: [
+          step.state === "done" && /* @__PURE__ */ jsx15(Text14, { color: T.mint, children: "\u2713" }),
+          step.state === "running" && /* @__PURE__ */ jsx15(Spinner, { color: T.cyan }),
+          step.state === "pending" && /* @__PURE__ */ jsx15(Text14, { color: T.fgFaint, children: "\u25CB" }),
+          step.state === "err" && /* @__PURE__ */ jsx15(Text14, { color: T.red, children: "\u2715" }),
+          /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx15(
+              Text14,
+              {
+                color: step.state === "pending" ? T.fgMute : step.state === "running" ? T.fg : step.state === "err" ? T.red : T.fg,
+                bold: step.state === "running",
+                children: step.title
+              }
+            ),
+            /* @__PURE__ */ jsx15(Text14, { color: T.fgFaint, children: step.detail })
+          ] }),
+          step.state === "running" && /* @__PURE__ */ jsx15(Text14, { backgroundColor: T.cyan, color: T.bg, bold: true, children: " IN PROGRESS " }),
+          step.state === "done" && /* @__PURE__ */ jsx15(Text14, { color: T.fgFaint, children: "done" })
+        ] }, step.id)),
+        /* @__PURE__ */ jsxs14(
+          Box14,
+          {
+            borderStyle: "single",
+            borderColor: T.borderDim,
+            paddingX: 1,
+            flexDirection: "column",
+            marginTop: 1,
+            children: [
+              /* @__PURE__ */ jsxs14(Box14, { gap: 2, children: [
+                /* @__PURE__ */ jsx15(Text14, { color: T.fgDim, children: "Overall progress" }),
+                /* @__PURE__ */ jsxs14(Text14, { color: T.cyan, children: [
+                  doneCount,
+                  " / ",
+                  total,
+                  " \xB7 ",
+                  progressPct,
+                  "%"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs14(Box14, { children: [
+                /* @__PURE__ */ jsx15(Text14, { color: T.mint, children: "\u2588".repeat(filled) }),
+                /* @__PURE__ */ jsx15(Text14, { color: T.borderDim, children: "\u2591".repeat(barWidth - filled) })
+              ] })
+            ]
+          }
+        )
+      ] }) }),
+      log: /* @__PURE__ */ jsx15(LogPane, { lines: state.logs, accent, title: "Stream", maxLines: 6 }),
+      footer: /* @__PURE__ */ jsx15(Keymap, { accent, keys: [
+        { key: "Ctrl-C", label: "cancel" }
+      ] })
+    }
+  );
+}
+
+// tools/tui/screens/TextView.tsx
+import { Box as Box15, Text as Text15, useInput as useInput7, useStdout } from "ink";
+import { useState as useState7 } from "react";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+function TextView({ state, onBack, accent = DEFAULT_ACCENT }) {
+  const { stdout } = useStdout();
+  const termHeight = stdout?.rows ?? 40;
+  const visibleLines = Math.max(8, termHeight - 18);
+  const lines = state.resultText.split("\n");
+  const [scrollTop, setScrollTop] = useState7(0);
+  const crumbs = pathFromCommandKey(state.commandKey);
+  const maxScroll = Math.max(0, lines.length - visibleLines);
+  const halfPage = Math.max(1, Math.floor(visibleLines / 2));
+  useInput7((input, key) => {
+    if (key.escape || input === "q") onBack();
+    else if (key.downArrow || input === "j") setScrollTop((s) => Math.min(maxScroll, s + 1));
+    else if (key.upArrow || input === "k") setScrollTop((s) => Math.max(0, s - 1));
+    else if (input === "g") setScrollTop(0);
+    else if (input === "G") setScrollTop(maxScroll);
+    else if (key.ctrl && input === "f" || key.pageDown) {
+      setScrollTop((s) => Math.min(maxScroll, s + visibleLines));
+    } else if (key.ctrl && input === "b" || key.pageUp) {
+      setScrollTop((s) => Math.max(0, s - visibleLines));
+    } else if (key.ctrl && input === "d") {
+      setScrollTop((s) => Math.min(maxScroll, s + halfPage));
+    } else if (key.ctrl && input === "u") {
+      setScrollTop((s) => Math.max(0, s - halfPage));
+    }
+  });
+  const visible = lines.slice(scrollTop, scrollTop + visibleLines);
+  const menuItems = [
+    ...flattenMenu(MENU, state.expandedKeys),
+    { item: { key: "_sep", label: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500", dim: true }, depth: 0 },
+    ...META_ITEMS.map((m) => ({ item: m, depth: 0 }))
+  ];
+  const menuCursor = menuItems.findIndex((f) => f.item.commandKey === state.commandKey);
+  return /* @__PURE__ */ jsx16(
+    AppShell,
+    {
+      header: /* @__PURE__ */ jsx16(
+        HeaderBar,
+        {
+          accent,
+          crumbs: [...crumbs, "result"],
+          status: /* @__PURE__ */ jsxs15(Box15, { gap: 1, children: [
+            /* @__PURE__ */ jsx16(Text15, { color: T.cyan, children: "VIEW" }),
+            /* @__PURE__ */ jsxs15(Text15, { color: T.fgDim, children: [
+              "\xB7 ",
+              lines.length,
+              " lines"
+            ] })
+          ] })
+        }
+      ),
+      menu: /* @__PURE__ */ jsx16(Panel, { title: "Commands", badge: "MENU", accent, children: /* @__PURE__ */ jsx16(MenuTree, { items: menuItems, cursor: menuCursor >= 0 ? menuCursor : 0, accent }) }),
+      body: /* @__PURE__ */ jsx16(Panel, { title: "Result", badge: "MARKDOWN", accent, focused: true, children: /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", children: [
+        visible.map((line, i) => {
+          const lineNo = scrollTop + i + 1;
+          const isH1 = line.startsWith("# ");
+          const isH2 = line.startsWith("## ");
+          const isH3 = line.startsWith("### ");
+          const isCode = line.startsWith("```") || line.startsWith("    ");
+          const isListItem = /^[*\-+] /.test(line) || /^\d+\. /.test(line);
+          return /* @__PURE__ */ jsxs15(Box15, { gap: 1, children: [
+            /* @__PURE__ */ jsx16(Text15, { color: T.fgFaint, children: String(lineNo).padStart(4) }),
+            /* @__PURE__ */ jsx16(
+              Text15,
+              {
+                color: isH1 ? accent : isH2 ? accent : isH3 ? T.cyan : isCode ? T.mint : isListItem ? T.fg : T.fg,
+                bold: isH1 || isH2,
+                children: line
+              }
+            )
+          ] }, lineNo);
+        }),
+        /* @__PURE__ */ jsx16(Box15, { marginTop: 1, children: /* @__PURE__ */ jsxs15(Text15, { color: T.fgFaint, children: [
+          scrollTop + 1,
+          "\u2013",
+          Math.min(scrollTop + visibleLines, lines.length),
+          " / ",
+          lines.length,
+          " lines"
+        ] }) })
+      ] }) }),
+      log: /* @__PURE__ */ jsx16(LogPane, { lines: state.logs, accent }),
+      footer: /* @__PURE__ */ jsx16(Keymap, { accent, keys: [
+        { key: "j/k", label: "line" },
+        { key: "Ctrl+D/U", label: "half page" },
+        { key: "Ctrl+F/B", label: "full page" },
+        { key: "g/G", label: "top/end" },
+        { key: "q/Esc", label: "back" }
+      ] })
+    }
+  );
+}
+
+// tools/tui/state.ts
+function makeLog(level, text) {
+  const now = /* @__PURE__ */ new Date();
+  const ts = `${String(now.getHours()).padStart(2, "0")}:${String(now.getMinutes()).padStart(2, "0")}:${String(now.getSeconds()).padStart(2, "0")}`;
+  return { ts, level, text };
+}
+
+// tools/tui/tuiconfig.ts
+import { cosmiconfig } from "cosmiconfig";
+import fs2 from "fs";
+import path2 from "path";
+import os2 from "os";
+var explorer = cosmiconfig("tdecollab", {
+  searchPlaces: [
+    ".tdecollab.json",
+    ".tdecollab.yaml",
+    ".tdecollab.yml",
+    "tdecollab.config.json",
+    path2.join(os2.homedir(), ".tdecollab.json")
+  ]
+});
+var _config = null;
+var _configPath = null;
+async function loadTuiConfig() {
+  if (_config) return _config;
+  try {
+    const result = await explorer.search();
+    if (result) {
+      _config = result.config;
+      _configPath = result.filepath;
+    } else {
+      _config = {};
+    }
+  } catch {
+    _config = {};
+  }
+  return _config;
+}
+function getDefaultConfigPath() {
+  return path2.join(process.cwd(), ".tdecollab.json");
+}
+function saveTuiConfig(updates) {
+  const configPath = _configPath ?? getDefaultConfigPath();
+  let existing = {};
+  if (fs2.existsSync(configPath)) {
+    try {
+      existing = JSON.parse(fs2.readFileSync(configPath, "utf-8"));
+    } catch {
+      existing = {};
+    }
+  }
+  const merged = {
+    ...existing,
+    ...updates,
+    presets: { ...existing.presets ?? {}, ...updates.presets ?? {} },
+    lastUsed: { ...existing.lastUsed ?? {}, ...updates.lastUsed ?? {} }
+  };
+  fs2.writeFileSync(configPath, JSON.stringify(merged, null, 2), "utf-8");
+  _config = merged;
+}
+function saveLastUsed(commandKey, values) {
+  saveTuiConfig({ lastUsed: { [commandKey]: values } });
+}
+
+// tools/tui/history.ts
+import fs3 from "fs";
+import path3 from "path";
+import os3 from "os";
+var HISTORY_FILE = path3.join(os3.homedir(), ".tdecollab_history.json");
+var MAX_HISTORY = 100;
+function loadHistory() {
+  try {
+    if (fs3.existsSync(HISTORY_FILE)) {
+      return JSON.parse(fs3.readFileSync(HISTORY_FILE, "utf-8"));
+    }
+  } catch {
+  }
+  return [];
+}
+function appendHistory(entry) {
+  const history = loadHistory();
+  history.unshift(entry);
+  if (history.length > MAX_HISTORY) history.splice(MAX_HISTORY);
+  try {
+    fs3.writeFileSync(HISTORY_FILE, JSON.stringify(history, null, 2), "utf-8");
+  } catch {
+  }
+}
+
+// tools/tui/executor/confluence.ts
+import fs4 from "fs";
+import path4 from "path";
+function makeStep(id, title, detail = "") {
+  return { id, title, detail, state: "pending" };
+}
+async function executePageGet(values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [
+    makeStep("validate", "Validate arguments"),
+    makeStep("fetch", "Fetch page from Confluence"),
+    makeStep("convert", "Convert to Markdown"),
+    makeStep("images", "Download images", values["downloadImages"] ? "enabled" : "skipped"),
+    makeStep("output", "Write output")
+  ];
+  onSteps([...steps]);
+  steps[0] = { ...steps[0], state: "running", detail: `pageId=${values["pageId"]}` };
+  onSteps([...steps]);
+  if (!values["pageId"]) throw new Error("pageId is required");
+  steps[0] = { ...steps[0], state: "done" };
+  onSteps([...steps]);
+  const config = loadConfluenceConfig();
+  const client = createConfluenceClient(config);
+  const api = new ConfluenceContentApi(client);
+  steps[1] = { ...steps[1], state: "running", detail: `GET /rest/api/content/${values["pageId"]}` };
+  onSteps([...steps]);
+  addLog(makeLog("run", `GET /rest/api/content/${values["pageId"]}?expand=body.storage,version`));
+  const page = await api.getPage(String(values["pageId"]));
+  addLog(makeLog("ok", `200 OK \xB7 "${page.title}" \xB7 ${page.space?.key}`));
+  steps[1] = { ...steps[1], state: "done", detail: `"${page.title}"` };
+  onSteps([...steps]);
+  steps[2] = { ...steps[2], state: "running" };
+  onSteps([...steps]);
+  let imageUrlMap;
+  if (values["downloadImages"] && page.body?.storage?.value) {
+    steps[3] = { ...steps[3], state: "running", detail: "downloading..." };
+    onSteps([...steps]);
+    let baseDir = process.cwd();
+    if (values["output"]) baseDir = path4.dirname(path4.resolve(process.cwd(), String(values["output"])));
+    const imgDir = path4.resolve(baseDir, String(values["imageDir"] || "./images"));
+    const downloader = new ImageDownloader(api, { outputDir: imgDir, pageId: page.id, baseUrl: config.baseUrl });
+    imageUrlMap = await downloader.downloadAllImages(page.body.storage.value);
+    for (const [key, abs] of imageUrlMap.entries()) {
+      imageUrlMap.set(key, path4.relative(baseDir, abs).split(path4.sep).join("/"));
+    }
+    addLog(makeLog("ok", `\uC774\uBBF8\uC9C0 \uB2E4\uC6B4\uB85C\uB4DC \uC644\uB8CC (${imageUrlMap.size}\uAC1C) \u2192 ${imgDir}`));
+    steps[3] = { ...steps[3], state: "done", detail: `${imageUrlMap.size} files` };
+    onSteps([...steps]);
+  } else {
+    steps[3] = { ...steps[3], state: "done", detail: "skipped" };
+    onSteps([...steps]);
+  }
+  const converter = new StorageToMarkdownConverter();
+  const markdown = page.body?.storage?.value ? converter.convert(page.body.storage.value, imageUrlMap) : "(No content)";
+  addLog(makeLog("ok", `Markdown \uBCC0\uD658 \uC644\uB8CC (${markdown.split("\n").length} lines)`));
+  steps[2] = { ...steps[2], state: "done", detail: `${markdown.split("\n").length} lines` };
+  onSteps([...steps]);
+  steps[4] = { ...steps[4], state: "running" };
+  onSteps([...steps]);
+  if (values["output"]) {
+    const outputPath = path4.resolve(process.cwd(), String(values["output"]));
+    fs4.mkdirSync(path4.dirname(outputPath), { recursive: true });
+    fs4.writeFileSync(outputPath, markdown, "utf-8");
+    addLog(makeLog("ok", `\uD30C\uC77C \uC800\uC7A5: ${outputPath}`));
+    steps[4] = { ...steps[4], state: "done", detail: outputPath };
+  } else {
+    steps[4] = { ...steps[4], state: "done", detail: "console output" };
+  }
+  onSteps([...steps]);
+  return { type: "text", content: markdown, logs };
+}
+async function executePageCreate(values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [
+    makeStep("validate", "Validate arguments"),
+    makeStep("read", "Read Markdown file"),
+    makeStep("convert", "Convert Markdown \u2192 Storage"),
+    makeStep("create", "Create Confluence page")
+  ];
+  onSteps([...steps]);
+  steps[0] = { ...steps[0], state: "running" };
+  onSteps([...steps]);
+  if (!values["space"]) throw new Error("--space is required");
+  if (!values["title"]) throw new Error("--title is required");
+  steps[0] = { ...steps[0], state: "done" };
+  onSteps([...steps]);
+  const config = loadConfluenceConfig();
+  const client = createConfluenceClient(config);
+  const api = new ConfluenceContentApi(client);
+  let content = "";
+  if (values["file"]) {
+    steps[1] = { ...steps[1], state: "running", detail: String(values["file"]) };
+    onSteps([...steps]);
+    const filePath = path4.resolve(process.cwd(), String(values["file"]));
+    if (!fs4.existsSync(filePath)) throw new Error(`\uD30C\uC77C\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: ${filePath}`);
+    content = fs4.readFileSync(filePath, "utf-8");
+    addLog(makeLog("ok", `\uD30C\uC77C \uC77D\uAE30 \uC644\uB8CC: ${filePath} (${content.split("\n").length} lines)`));
+    steps[1] = { ...steps[1], state: "done", detail: `${content.split("\n").length} lines` };
+    onSteps([...steps]);
+  } else {
+    steps[1] = { ...steps[1], state: "done", detail: "no file (empty page)" };
+    onSteps([...steps]);
+  }
+  steps[2] = { ...steps[2], state: "running" };
+  onSteps([...steps]);
+  const converter = new MarkdownToStorageConverter();
+  const storageXml = converter.convert(content);
+  addLog(makeLog("ok", "Markdown \u2192 Storage XML \uBCC0\uD658 \uC644\uB8CC"));
+  steps[2] = { ...steps[2], state: "done" };
+  onSteps([...steps]);
+  steps[3] = { ...steps[3], state: "running", detail: `POST /rest/api/content \xB7 space=${values["space"]}` };
+  onSteps([...steps]);
+  addLog(makeLog("run", `POST /rest/api/content  space=${values["space"]}  title="${values["title"]}"`));
+  const page = await api.createPage({
+    title: String(values["title"]),
+    spaceKey: String(values["space"]),
+    body: storageXml,
+    parentId: values["parent"] ? String(values["parent"]) : void 0
+  });
+  addLog(makeLog("ok", `\uD398\uC774\uC9C0 \uC0DD\uC131 \uC644\uB8CC: "${page.title}" (ID: ${page.id})`));
+  steps[3] = { ...steps[3], state: "done", detail: `ID: ${page.id}` };
+  onSteps([...steps]);
+  const resultText = [
+    `# \uD398\uC774\uC9C0 \uC0DD\uC131 \uC644\uB8CC`,
+    ``,
+    `- **\uC81C\uBAA9**: ${page.title}`,
+    `- **ID**: ${page.id}`,
+    `- **\uC2A4\uD398\uC774\uC2A4**: ${page.space?.key}`,
+    `- **URL**: ${config.baseUrl}${page._links?.webui ?? ""}`
+  ].join("\n");
+  return { type: "text", content: resultText, logs };
+}
+async function executeSpaceList(_values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [makeStep("fetch", "Fetch space list")];
+  onSteps([...steps]);
+  steps[0] = { ...steps[0], state: "running", detail: "GET /rest/api/space" };
+  onSteps([...steps]);
+  addLog(makeLog("run", "GET /rest/api/space?limit=50"));
+  const config = loadConfluenceConfig();
+  const client = createConfluenceClient(config);
+  const api = new ConfluenceSpaceApi(client);
+  const spaces = await api.getSpaces();
+  addLog(makeLog("ok", `${spaces.length}\uAC1C \uC2A4\uD398\uC774\uC2A4 \uC870\uD68C \uC644\uB8CC`));
+  steps[0] = { ...steps[0], state: "done", detail: `${spaces.length} spaces` };
+  onSteps([...steps]);
+  const list = spaces.map((s) => ({
+    key: s.key ?? "",
+    name: s.name ?? "",
+    type: s.type ?? "",
+    id: String(s.id ?? "")
+  }));
+  return { type: "list", list, cols: ["key", "name", "type", "id"], logs };
+}
+async function executeSearch(values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [makeStep("search", "Search Confluence pages")];
+  onSteps([...steps]);
+  if (!values["cql"]) throw new Error("cql is required");
+  steps[0] = { ...steps[0], state: "running", detail: String(values["cql"]) };
+  onSteps([...steps]);
+  addLog(makeLog("run", `GET /rest/api/content/search?cql=${encodeURIComponent(String(values["cql"]))}`));
+  const config = loadConfluenceConfig();
+  const client = createConfluenceClient(config);
+  const api = new ConfluenceSearchApi(client);
+  const searchResult = await api.searchByCql(String(values["cql"]), 0, Number(values["limit"] ?? 10));
+  const results = searchResult.results ?? [];
+  addLog(makeLog("ok", `${results.length}\uAC1C \uACB0\uACFC`));
+  steps[0] = { ...steps[0], state: "done", detail: `${results.length} results` };
+  onSteps([...steps]);
+  const list = results.map((r) => ({
+    id: String(r.id ?? ""),
+    title: r.title ?? "",
+    space: r.space?.key ?? "",
+    type: r.type ?? ""
+  }));
+  return { type: "list", list, cols: ["id", "title", "space", "type"], logs };
+}
+async function executePageUpdate(values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [
+    makeStep("validate", "Validate arguments"),
+    makeStep("fetch", "Fetch current page"),
+    makeStep("convert", "Convert Markdown"),
+    makeStep("update", "Update page")
+  ];
+  onSteps([...steps]);
+  steps[0] = { ...steps[0], state: "running" };
+  onSteps([...steps]);
+  if (!values["pageId"]) throw new Error("pageId is required");
+  steps[0] = { ...steps[0], state: "done" };
+  onSteps([...steps]);
+  const config = loadConfluenceConfig();
+  const client = createConfluenceClient(config);
+  const api = new ConfluenceContentApi(client);
+  steps[1] = { ...steps[1], state: "running", detail: `GET /rest/api/content/${values["pageId"]}` };
+  onSteps([...steps]);
+  addLog(makeLog("run", `GET /rest/api/content/${values["pageId"]}`));
+  const current = await api.getPage(String(values["pageId"]));
+  addLog(makeLog("ok", `\uD604\uC7AC \uD398\uC774\uC9C0: "${current.title}" v${current.version?.number}`));
+  steps[1] = { ...steps[1], state: "done", detail: `v${current.version?.number}` };
+  onSteps([...steps]);
+  steps[2] = { ...steps[2], state: "running" };
+  onSteps([...steps]);
+  let storageXml = current.body?.storage?.value ?? "";
+  if (values["file"]) {
+    const filePath = path4.resolve(process.cwd(), String(values["file"]));
+    const markdown = fs4.readFileSync(filePath, "utf-8");
+    const converter = new MarkdownToStorageConverter();
+    storageXml = converter.convert(markdown);
+    addLog(makeLog("ok", `Markdown \uBCC0\uD658 \uC644\uB8CC: ${filePath}`));
+  }
+  steps[2] = { ...steps[2], state: "done" };
+  onSteps([...steps]);
+  steps[3] = { ...steps[3], state: "running", detail: `PUT /rest/api/content/${values["pageId"]}` };
+  onSteps([...steps]);
+  addLog(makeLog("run", `PUT /rest/api/content/${values["pageId"]}`));
+  const updated = await api.updatePage({
+    id: String(values["pageId"]),
+    title: values["title"] ? String(values["title"]) : current.title,
+    body: storageXml,
+    version: (current.version?.number ?? 1) + 1
+  });
+  addLog(makeLog("ok", `\uC5C5\uB370\uC774\uD2B8 \uC644\uB8CC: "${updated.title}" v${updated.version?.number}`));
+  steps[3] = { ...steps[3], state: "done", detail: `v${updated.version?.number}` };
+  onSteps([...steps]);
+  return {
+    type: "text",
+    content: `# \uD398\uC774\uC9C0 \uC5C5\uB370\uC774\uD2B8 \uC644\uB8CC
+
+- **\uC81C\uBAA9**: ${updated.title}
+- **ID**: ${updated.id}
+- **\uBC84\uC804**: v${updated.version?.number}`,
+    logs
+  };
+}
+
+// tools/tui/executor/jira.ts
+function makeStep2(id, title, detail = "") {
+  return { id, title, detail, state: "pending" };
+}
+async function executeIssueGet(values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [makeStep2("fetch", "Fetch JIRA issue")];
+  onSteps([...steps]);
+  if (!values["issueId"]) throw new Error("issueId is required");
+  steps[0] = { ...steps[0], state: "running", detail: String(values["issueId"]) };
+  onSteps([...steps]);
+  addLog(makeLog("run", `GET /rest/api/2/issue/${values["issueId"]}`));
+  const config = loadJiraConfig();
+  const client = createJiraClient(config);
+  const api = new JiraIssueApi(client);
+  const issue = await api.getIssue(String(values["issueId"]));
+  addLog(makeLog("ok", `200 OK \xB7 "${issue.fields?.summary}"`));
+  steps[0] = { ...steps[0], state: "done" };
+  onSteps([...steps]);
+  const lines = [
+    `# ${issue.key}: ${issue.fields?.summary ?? ""}`,
+    "",
+    `- **\uC0C1\uD0DC**: ${issue.fields?.status?.name ?? ""}`,
+    `- **\uB2F4\uB2F9\uC790**: ${issue.fields?.assignee?.displayName ?? "\uBBF8\uC9C0\uC815"}`,
+    `- **\uC6B0\uC120\uC21C\uC704**: ${issue.fields?.priority?.name ?? ""}`,
+    `- **\uC774\uC288 \uC720\uD615**: ${issue.fields?.issuetype?.name ?? ""}`,
+    "",
+    `## \uC124\uBA85`,
+    issue.fields?.description ?? "(\uC5C6\uC74C)"
+  ];
+  return { type: "text", content: lines.join("\n"), logs };
+}
+async function executeIssueCreate(values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [
+    makeStep2("validate", "Validate arguments"),
+    makeStep2("create", "Create JIRA issue")
+  ];
+  onSteps([...steps]);
+  steps[0] = { ...steps[0], state: "running" };
+  onSteps([...steps]);
+  if (!values["project"]) throw new Error("--project is required");
+  if (!values["summary"]) throw new Error("--summary is required");
+  steps[0] = { ...steps[0], state: "done" };
+  onSteps([...steps]);
+  const config = loadJiraConfig();
+  const client = createJiraClient(config);
+  const api = new JiraIssueApi(client);
+  steps[1] = { ...steps[1], state: "running", detail: `POST /rest/api/2/issue` };
+  onSteps([...steps]);
+  addLog(makeLog("run", `POST /rest/api/2/issue  project=${values["project"]}`));
+  const issue = await api.createIssue({
+    projectKey: String(values["project"]),
+    summary: String(values["summary"]),
+    issueType: String(values["type"] ?? "Task"),
+    ...values["assignee"] ? { assignee: String(values["assignee"]) } : {},
+    ...values["labels"] ? { labels: String(values["labels"]).split(",").map((l) => l.trim()) } : {}
+  });
+  addLog(makeLog("ok", `\uC774\uC288 \uC0DD\uC131 \uC644\uB8CC: ${issue.key}`));
+  steps[1] = { ...steps[1], state: "done", detail: issue.key };
+  onSteps([...steps]);
+  return {
+    type: "text",
+    content: `# \uC774\uC288 \uC0DD\uC131 \uC644\uB8CC
+
+- **\uD0A4**: ${issue.key}
+- **\uC81C\uBAA9**: ${values["summary"]}`,
+    logs
+  };
+}
+async function executeIssueTransition(values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [makeStep2("transition", "Transition JIRA issue")];
+  onSteps([...steps]);
+  if (!values["issueId"] || !values["transitionId"]) throw new Error("issueId and transitionId are required");
+  steps[0] = { ...steps[0], state: "running", detail: `${values["issueId"]} \u2192 ${values["transitionId"]}` };
+  onSteps([...steps]);
+  addLog(makeLog("run", `POST /rest/api/2/issue/${values["issueId"]}/transitions`));
+  const config = loadJiraConfig();
+  const client = createJiraClient(config);
+  await client.post(`/rest/api/2/issue/${values["issueId"]}/transitions`, {
+    transition: { id: String(values["transitionId"]) }
+  });
+  addLog(makeLog("ok", `\uC804\uD658 \uC644\uB8CC: ${values["issueId"]}`));
+  steps[0] = { ...steps[0], state: "done" };
+  onSteps([...steps]);
+  return { type: "text", content: `# \uC774\uC288 \uC804\uD658 \uC644\uB8CC
+
+- **\uC774\uC288**: ${values["issueId"]}
+- **Transition ID**: ${values["transitionId"]}`, logs };
+}
+async function executeJiraSearch(values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [makeStep2("search", "Search JIRA issues")];
+  onSteps([...steps]);
+  if (!values["jql"]) throw new Error("jql is required");
+  steps[0] = { ...steps[0], state: "running", detail: String(values["jql"]) };
+  onSteps([...steps]);
+  addLog(makeLog("run", `GET /rest/api/2/search?jql=${encodeURIComponent(String(values["jql"]))}`));
+  const config = loadJiraConfig();
+  const client = createJiraClient(config);
+  const api = new JiraSearchApi(client);
+  const result = await api.searchByJql(String(values["jql"]), 0, Number(values["limit"] ?? 20));
+  addLog(makeLog("ok", `${result.issues?.length ?? 0}\uAC1C \uC774\uC288 \uC870\uD68C \uC644\uB8CC`));
+  steps[0] = { ...steps[0], state: "done", detail: `${result.issues?.length ?? 0} issues` };
+  onSteps([...steps]);
+  const list = (result.issues ?? []).map((i) => ({
+    key: i.key ?? "",
+    summary: (i.fields?.summary ?? "").slice(0, 50),
+    status: i.fields?.status?.name ?? "",
+    assignee: i.fields?.assignee?.displayName ?? ""
+  }));
+  return { type: "list", list, cols: ["key", "summary", "status", "assignee"], logs };
+}
+
+// tools/tui/executor/gitlab.ts
+function makeStep3(id, title, detail = "") {
+  return { id, title, detail, state: "pending" };
+}
+async function executeMrList(values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [makeStep3("fetch", "Fetch MR list")];
+  onSteps([...steps]);
+  if (!values["projectId"]) throw new Error("projectId is required");
+  steps[0] = { ...steps[0], state: "running", detail: `project=${values["projectId"]}` };
+  onSteps([...steps]);
+  addLog(makeLog("run", `GET /api/v4/projects/${values["projectId"]}/merge_requests?state=${values["state"] ?? "opened"}`));
+  const config = loadGitlabConfig();
+  const client = createGitlabClient(config);
+  const api = new GitlabMergeRequestApi(client);
+  const mrs = await api.getMergeRequests(Number(values["projectId"]), {
+    state: String(values["state"] ?? "opened")
+  });
+  addLog(makeLog("ok", `${mrs.length}\uAC1C MR \uC870\uD68C \uC644\uB8CC`));
+  steps[0] = { ...steps[0], state: "done", detail: `${mrs.length} MRs` };
+  onSteps([...steps]);
+  const list = mrs.map((mr) => ({
+    iid: String(mr.iid ?? ""),
+    title: (mr.title ?? "").slice(0, 50),
+    state: mr.state ?? "",
+    author: mr.author?.name ?? "",
+    target: mr.target_branch ?? ""
+  }));
+  return { type: "list", list, cols: ["iid", "title", "state", "author", "target"], logs };
+}
+async function executeMrGet(values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [makeStep3("fetch", "Fetch MR detail")];
+  onSteps([...steps]);
+  if (!values["projectId"] || !values["mrId"]) throw new Error("projectId and mrId are required");
+  steps[0] = { ...steps[0], state: "running" };
+  onSteps([...steps]);
+  addLog(makeLog("run", `GET /api/v4/projects/${values["projectId"]}/merge_requests/${values["mrId"]}`));
+  const config = loadGitlabConfig();
+  const client = createGitlabClient(config);
+  const api = new GitlabMergeRequestApi(client);
+  const mr = await api.getMergeRequest(Number(values["projectId"]), Number(values["mrId"]));
+  addLog(makeLog("ok", `200 OK \xB7 !${mr.iid} "${mr.title}"`));
+  steps[0] = { ...steps[0], state: "done" };
+  onSteps([...steps]);
+  const lines = [
+    `# MR !${mr.iid}: ${mr.title}`,
+    "",
+    `- **\uC0C1\uD0DC**: ${mr.state}`,
+    `- **\uC791\uC131\uC790**: ${mr.author?.name ?? ""}`,
+    `- **\uBE0C\uB79C\uCE58**: \`${mr.source_branch}\` \u2192 \`${mr.target_branch}\``,
+    `- **\uC0DD\uC131\uC77C**: ${mr.created_at ?? ""}`,
+    "",
+    `## \uC124\uBA85`,
+    mr.description ?? "(\uC5C6\uC74C)"
+  ];
+  return { type: "text", content: lines.join("\n"), logs };
+}
+async function executeMrCreate(values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [
+    makeStep3("validate", "Validate arguments"),
+    makeStep3("create", "Create MR")
+  ];
+  onSteps([...steps]);
+  steps[0] = { ...steps[0], state: "running" };
+  onSteps([...steps]);
+  if (!values["projectId"] || !values["sourceBranch"]) throw new Error("projectId and sourceBranch are required");
+  steps[0] = { ...steps[0], state: "done" };
+  onSteps([...steps]);
+  const config = loadGitlabConfig();
+  const client = createGitlabClient(config);
+  const api = new GitlabMergeRequestApi(client);
+  steps[1] = { ...steps[1], state: "running", detail: `POST /api/v4/projects/${values["projectId"]}/merge_requests` };
+  onSteps([...steps]);
+  addLog(makeLog("run", `POST /api/v4/projects/${values["projectId"]}/merge_requests`));
+  const mr = await api.createMergeRequest(Number(values["projectId"]), {
+    source_branch: String(values["sourceBranch"]),
+    target_branch: String(values["targetBranch"] ?? "main"),
+    title: values["title"] ? String(values["title"]) : `Merge ${values["sourceBranch"]} \u2192 ${values["targetBranch"] ?? "main"}`
+  });
+  addLog(makeLog("ok", `MR \uC0DD\uC131 \uC644\uB8CC: !${mr.iid}`));
+  steps[1] = { ...steps[1], state: "done", detail: `!${mr.iid}` };
+  onSteps([...steps]);
+  return {
+    type: "text",
+    content: `# MR \uC0DD\uC131 \uC644\uB8CC
+
+- **\uBC88\uD638**: !${mr.iid}
+- **\uC81C\uBAA9**: ${mr.title}
+- **\uBE0C\uB79C\uCE58**: \`${mr.source_branch}\` \u2192 \`${mr.target_branch}\``,
+    logs
+  };
+}
+async function executePipelineGet(values, onSteps, onLog) {
+  const logs = [];
+  const addLog = (l) => {
+    logs.push(l);
+    onLog(l);
+  };
+  const steps = [makeStep3("fetch", "Fetch pipeline")];
+  onSteps([...steps]);
+  if (!values["projectId"] || !values["pipelineId"]) throw new Error("projectId and pipelineId are required");
+  steps[0] = { ...steps[0], state: "running" };
+  onSteps([...steps]);
+  addLog(makeLog("run", `GET /api/v4/projects/${values["projectId"]}/pipelines/${values["pipelineId"]}`));
+  const config = loadGitlabConfig();
+  const client = createGitlabClient(config);
+  const api = new GitlabPipelineApi(client);
+  const pipeline = await api.getPipeline(Number(values["projectId"]), Number(values["pipelineId"]));
+  addLog(makeLog("ok", `200 OK \xB7 pipeline #${pipeline.id} \xB7 ${pipeline.status}`));
+  let jobsText = "";
+  if (values["jobs"]) {
+    const jobs = await api.getPipelineJobs(Number(values["projectId"]), Number(values["pipelineId"]));
+    addLog(makeLog("ok", `${jobs.length}\uAC1C job \uC870\uD68C \uC644\uB8CC`));
+    jobsText = "\n\n## Jobs\n\n" + jobs.map((j) => `- **${j.name}**: ${j.status}`).join("\n");
+  }
+  steps[0] = { ...steps[0], state: "done", detail: pipeline.status };
+  onSteps([...steps]);
+  const lines = [
+    `# Pipeline #${pipeline.id}`,
+    "",
+    `- **\uC0C1\uD0DC**: ${pipeline.status}`,
+    `- **\uBE0C\uB79C\uCE58**: ${pipeline.ref ?? ""}`,
+    `- **SHA**: ${(pipeline.sha ?? "").slice(0, 8)}`,
+    `- **\uC0DD\uC131\uC77C**: ${pipeline.created_at ?? ""}`,
+    jobsText
+  ];
+  return { type: "text", content: lines.join("\n"), logs };
+}
+
+// tools/tui/App.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+var EXECUTOR_MAP = {
+  "confluence:page:get": executePageGet,
+  "confluence:page:create": executePageCreate,
+  "confluence:page:update": executePageUpdate,
+  "confluence:space:list": executeSpaceList,
+  "confluence:search": executeSearch,
+  "jira:issue:get": executeIssueGet,
+  "jira:issue:create": executeIssueCreate,
+  "jira:issue:transition": executeIssueTransition,
+  "jira:search": executeJiraSearch,
+  "gitlab:mr:list": executeMrList,
+  "gitlab:mr:get": executeMrGet,
+  "gitlab:mr:create": executeMrCreate,
+  "gitlab:pipeline:get": executePipelineGet
+};
+var INITIAL_STATE = {
+  screen: "menu",
+  activePath: "confluence:page:get",
+  expandedKeys: DEFAULT_EXPANDED,
+  commandKey: "",
+  formValues: {},
+  formErrors: {},
+  focusedField: 0,
+  steps: [],
+  progress: 0,
+  resultText: "",
+  resultList: [],
+  resultListCols: [],
+  resultListSelected: 0,
+  logs: [makeLog("info", "session \uC2DC\uC791 \xB7 tdecollab TUI v0.2.3")],
+  history: loadHistory(),
+  historySelected: 0
+};
+function App({ config }) {
+  const { exit } = useApp();
+  const { stdout } = useStdout2();
+  const accent = config.accent ?? DEFAULT_ACCENT;
+  const [state, setState] = useState8(INITIAL_STATE);
+  const stateRef = useRef(state);
+  stateRef.current = state;
+  const [size, setSize] = useState8({
+    cols: stdout?.columns ?? 120,
+    rows: stdout?.rows ?? 40
+  });
+  useEffect3(() => {
+    if (!stdout) return;
+    const onResize = () => setSize({ cols: stdout.columns, rows: stdout.rows });
+    stdout.on("resize", onResize);
+    return () => {
+      stdout.off("resize", onResize);
+    };
+  }, [stdout]);
+  const addLog = useCallback2((log) => {
+    setState((s) => ({ ...s, logs: [...s.logs, log] }));
+  }, []);
+  const handleSelectCommand = useCallback2((commandKey) => {
+    const def = COMMANDS[commandKey];
+    if (!def) return;
+    const lastUsed = config.lastUsed?.[commandKey] ?? {};
+    const initValues = {};
+    for (const f of def.fields) {
+      initValues[f.key] = f.key in lastUsed ? lastUsed[f.key] : f.defaultValue ?? "";
+    }
+    const parents = getParentMenuKeys(commandKey);
+    setState((s) => ({
+      ...s,
+      screen: "form",
+      commandKey,
+      formValues: initValues,
+      formErrors: {},
+      focusedField: 0,
+      activePath: commandKey,
+      expandedKeys: Array.from(/* @__PURE__ */ new Set([...s.expandedKeys, ...parents]))
+    }));
+    addLog(makeLog("dim", `\uD3FC \uC5F4\uAE30: ${commandKey}`));
+  }, [config.lastUsed, addLog]);
+  const handleToggleExpanded = useCallback2((key) => {
+    setState((s) => ({
+      ...s,
+      expandedKeys: s.expandedKeys.includes(key) ? s.expandedKeys.filter((k) => k !== key) : [...s.expandedKeys, key]
+    }));
+  }, []);
+  const handleRun = useCallback2(async (values) => {
+    const commandKey = stateRef.current.commandKey;
+    const executor = EXECUTOR_MAP[commandKey];
+    if (!executor) {
+      addLog(makeLog("err", `\uC2E4\uD589\uAE30\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: ${commandKey}`));
+      return;
+    }
+    const startTime = Date.now();
+    setState((s) => ({
+      ...s,
+      screen: "running",
+      formValues: values,
+      steps: [],
+      progress: 0
+    }));
+    addLog(makeLog("run", `tdecollab ${commandKey.split(":").join(" ")}`));
+    try {
+      const result = await executor(
+        values,
+        (steps) => setState((s) => ({ ...s, steps })),
+        (log) => setState((s) => ({ ...s, logs: [...s.logs, log] }))
+      );
+      const dur = `${((Date.now() - startTime) / 1e3).toFixed(1)}s`;
+      const def = COMMANDS[commandKey];
+      const svc = def?.svc === "confluence" ? "cf" : def?.svc === "jira" ? "jr" : "gl";
+      const histEntry = {
+        when: (/* @__PURE__ */ new Date()).toTimeString().slice(0, 5),
+        svc,
+        cmd: commandKey.split(":").join(" "),
+        state: "ok",
+        dur,
+        result: result.type === "list" ? `${result.list?.length ?? 0} items` : "done"
+      };
+      appendHistory(histEntry);
+      saveLastUsed(commandKey, values);
+      if (result.type === "list") {
+        setState((s) => ({
+          ...s,
+          screen: "result-list",
+          resultList: result.list ?? [],
+          resultListCols: result.cols ?? [],
+          resultListSelected: 0,
+          logs: [...s.logs, makeLog("ok", `\uC644\uB8CC (${dur})`)],
+          history: [histEntry, ...s.history]
+        }));
+      } else {
+        setState((s) => ({
+          ...s,
+          screen: "result-text",
+          resultText: result.content ?? "",
+          logs: [...s.logs, makeLog("ok", `\uC644\uB8CC (${dur})`)],
+          history: [histEntry, ...s.history]
+        }));
+      }
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+      const dur = `${((Date.now() - startTime) / 1e3).toFixed(1)}s`;
+      const def = COMMANDS[commandKey];
+      const svc = def?.svc === "confluence" ? "cf" : def?.svc === "jira" ? "jr" : "gl";
+      const histEntry = {
+        when: (/* @__PURE__ */ new Date()).toTimeString().slice(0, 5),
+        svc,
+        cmd: commandKey.split(":").join(" "),
+        state: "err",
+        dur,
+        result: msg.slice(0, 40)
+      };
+      appendHistory(histEntry);
+      setState((s) => ({
+        ...s,
+        screen: "error",
+        formErrors: { error: msg },
+        logs: [...s.logs, makeLog("err", msg)],
+        history: [histEntry, ...s.history]
+      }));
+    }
+  }, [addLog]);
+  const handleBack = useCallback2(() => {
+    setState((s) => ({ ...s, screen: "menu" }));
+  }, []);
+  const handleOpenHistory = useCallback2(() => {
+    setState((s) => ({ ...s, screen: "history", history: loadHistory() }));
+  }, []);
+  const handleReplay = useCallback2((entry) => {
+    const commandKey = entry.cmd.replace(/\s+/g, ":");
+    handleSelectCommand(commandKey);
+  }, [handleSelectCommand]);
+  const handleSavePreset = useCallback2((values) => {
+    const commandKey = stateRef.current.commandKey;
+    saveLastUsed(commandKey, values);
+    addLog(makeLog("ok", `\uD504\uB9AC\uC14B \uC800\uC7A5: ${commandKey}`));
+  }, [addLog]);
+  const handleQuit = useCallback2(() => exit(), [exit]);
+  let screen;
+  switch (state.screen) {
+    case "menu":
+      screen = /* @__PURE__ */ jsx17(
+        MenuScreen,
+        {
+          state,
+          onSelectCommand: handleSelectCommand,
+          onToggleExpanded: handleToggleExpanded,
+          onOpenHistory: handleOpenHistory,
+          onQuit: handleQuit,
+          accent
+        }
+      );
+      break;
+    case "form":
+      screen = /* @__PURE__ */ jsx17(
+        FormScreen,
+        {
+          state,
+          onRun: handleRun,
+          onBack: handleBack,
+          onSavePreset: handleSavePreset,
+          accent
+        }
+      );
+      break;
+    case "running":
+      screen = /* @__PURE__ */ jsx17(RunningScreen, { state, onCancel: handleBack, accent });
+      break;
+    case "result-list":
+      screen = /* @__PURE__ */ jsx17(ListScreen, { state, onBack: handleBack, accent });
+      break;
+    case "result-text":
+      screen = /* @__PURE__ */ jsx17(TextView, { state, onBack: handleBack, accent });
+      break;
+    case "error":
+      screen = /* @__PURE__ */ jsx17(
+        ErrorScreen,
+        {
+          state,
+          onBack: () => setState((s) => ({ ...s, screen: "form" })),
+          onRetry: () => handleRun(state.formValues),
+          accent
+        }
+      );
+      break;
+    case "history":
+      screen = /* @__PURE__ */ jsx17(HistoryScreen, { state, onBack: handleBack, onReplay: handleReplay, accent });
+      break;
+    default:
+      screen = /* @__PURE__ */ jsx17(
+        MenuScreen,
+        {
+          state,
+          onSelectCommand: handleSelectCommand,
+          onToggleExpanded: handleToggleExpanded,
+          onOpenHistory: handleOpenHistory,
+          onQuit: handleQuit,
+          accent
+        }
+      );
+  }
+  return /* @__PURE__ */ jsx17(Box16, { width: size.cols, height: size.rows, flexDirection: "column", children: screen });
+}
+
+// tools/tui/index.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var ENTER_ALT_SCREEN = "\x1B[?1049h\x1B[H";
+var LEAVE_ALT_SCREEN = "\x1B[?1049l";
+var HIDE_CURSOR = "\x1B[?25l";
+var SHOW_CURSOR = "\x1B[?25h";
+var cleanedUp = false;
+function cleanup() {
+  if (cleanedUp) return;
+  cleanedUp = true;
+  process.stdout.write(SHOW_CURSOR + LEAVE_ALT_SCREEN);
+}
+async function main() {
+  const config = await loadTuiConfig();
+  process.stdout.write(ENTER_ALT_SCREEN + HIDE_CURSOR);
+  process.on("exit", cleanup);
+  process.on("SIGINT", () => {
+    cleanup();
+    process.exit(130);
+  });
+  process.on("SIGTERM", () => {
+    cleanup();
+    process.exit(143);
+  });
+  process.on("uncaughtException", (err) => {
+    cleanup();
+    console.error(err);
+    process.exit(1);
+  });
+  const { waitUntilExit } = render(/* @__PURE__ */ jsx18(App, { config }), {
+    exitOnCtrlC: true
+  });
+  await waitUntilExit();
+  cleanup();
+}
+main().catch((err) => {
+  cleanup();
+  console.error("TUI \uC2DC\uC791 \uC2E4\uD328:", err);
+  process.exit(1);
+});
+//# sourceMappingURL=index.js.map