maestro-flow 0.1.2 → 0.1.4

package/dashboard/tui/dist/index.js

@@ -0,0 +1,3974 @@
+// src/index.tsx
+import { render } from "ink";
+
+// src/App.tsx
+import { useState as useState13 } from "react";
+import { Box as Box34, useInput as useInput13 } from "ink";
+
+// src/providers/ApiProvider.tsx
+import React, {
+  createContext,
+  useContext,
+  useState,
+  useEffect,
+  useCallback,
+  useRef
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var ApiContext = createContext({
+  baseUrl: "http://localhost:3000"
+});
+function useApi(endpoint, options) {
+  const { baseUrl } = useContext(ApiContext);
+  const [data, setData] = useState(null);
+  const [loading, setLoading] = useState(!options?.skip);
+  const [error, setError] = useState(null);
+  const requestId = useRef(0);
+  const fetchData = useCallback(() => {
+    if (options?.skip) return;
+    const id = ++requestId.current;
+    setLoading(true);
+    fetch(`${baseUrl}${endpoint}`, {
+      headers: { "Content-Type": "application/json" }
+    }).then((res) => {
+      if (!res.ok) {
+        throw new Error(`API error: ${res.status} ${res.statusText}`);
+      }
+      return res.json();
+    }).then((result) => {
+      if (id === requestId.current) {
+        setData(result);
+        setError(null);
+        setLoading(false);
+      }
+    }).catch((err) => {
+      if (id === requestId.current) {
+        setError(err instanceof Error ? err : new Error(String(err)));
+        setLoading(false);
+      }
+    });
+  }, [baseUrl, endpoint, options?.skip]);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  useEffect(() => {
+    const interval = options?.pollInterval;
+    if (!interval || interval <= 0 || options?.skip) return;
+    const timer = setInterval(fetchData, interval);
+    return () => clearInterval(timer);
+  }, [fetchData, options?.pollInterval, options?.skip]);
+  return { data, loading, error, refetch: fetchData };
+}
+function useBaseUrl() {
+  return useContext(ApiContext).baseUrl;
+}
+function ApiProvider({
+  baseUrl = "http://localhost:3000",
+  children
+}) {
+  const value = React.useMemo(() => ({ baseUrl }), [baseUrl]);
+  return /* @__PURE__ */ jsx(ApiContext.Provider, { value, children });
+}
+
+// src/providers/WsProvider.tsx
+import React2, {
+  createContext as createContext2,
+  useContext as useContext2,
+  useState as useState2,
+  useEffect as useEffect2,
+  useRef as useRef2,
+  useCallback as useCallback2
+} from "react";
+import WebSocket from "ws";
+
+// ../src/shared/constants.ts
+var API_ENDPOINTS = {
+  HEALTH: "/api/health",
+  BOARD: "/api/board",
+  PROJECT: "/api/project",
+  PHASES: "/api/phases",
+  PHASE: "/api/phases/:n",
+  PHASE_TASKS: "/api/phases/:n/tasks",
+  ARTIFACTS: "/api/artifacts",
+  SCRATCH: "/api/scratch",
+  SETTINGS: "/api/settings",
+  SETTINGS_GENERAL: "/api/settings/general",
+  SETTINGS_AGENTS: "/api/settings/agents",
+  SETTINGS_CLI_TOOLS: "/api/settings/cli-tools",
+  SETTINGS_SPECS: "/api/settings/specs"
+};
+var AGENT_API_ENDPOINTS = {
+  SPAWN: "/api/agent/spawn",
+  STOP: "/api/agent/stop",
+  MESSAGE: "/api/agent/message",
+  APPROVE: "/api/agent/approve",
+  LIST: "/api/agent/list",
+  ENTRIES: "/api/agent/entries"
+};
+var ISSUE_API_ENDPOINTS = {
+  ISSUES: "/api/issues",
+  ISSUE: "/api/issues/:id"
+};
+var EXECUTION_API_ENDPOINTS = {
+  DISPATCH: "/api/execution/dispatch",
+  BATCH: "/api/execution/batch",
+  CANCEL: "/api/execution/cancel",
+  STATUS: "/api/execution/status",
+  SUPERVISOR: "/api/execution/supervisor"
+};
+var WS_ENDPOINT = "/ws";
+
+// src/providers/WsProvider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var WsContext = createContext2({
+  connected: false,
+  send: () => {
+  }
+});
+function useWs() {
+  return useContext2(WsContext);
+}
+var addListener = () => {
+};
+var removeListener = () => {
+};
+function useWsEvent(eventType) {
+  const [data, setData] = useState2(null);
+  useEffect2(() => {
+    const handler = (message) => {
+      if (message.type === eventType) {
+        setData(message.data);
+      }
+    };
+    addListener(handler);
+    return () => removeListener(handler);
+  }, [eventType]);
+  return data;
+}
+var INITIAL_RECONNECT_MS = 1e3;
+var MAX_RECONNECT_MS = 3e4;
+var RECONNECT_BACKOFF = 2;
+function WsProvider({
+  url,
+  children
+}) {
+  const [connected, setConnected] = useState2(false);
+  const wsRef = useRef2(null);
+  const listenersRef = useRef2(/* @__PURE__ */ new Set());
+  const reconnectDelayRef = useRef2(INITIAL_RECONNECT_MS);
+  const reconnectTimerRef = useRef2(null);
+  const unmountedRef = useRef2(false);
+  const wsUrl = url ?? `ws://localhost:3000${WS_ENDPOINT}`;
+  useEffect2(() => {
+    addListener = (fn) => listenersRef.current.add(fn);
+    removeListener = (fn) => listenersRef.current.delete(fn);
+    return () => {
+      addListener = () => {
+      };
+      removeListener = () => {
+      };
+    };
+  }, []);
+  const connect = useCallback2(() => {
+    if (unmountedRef.current) return;
+    const ws = new WebSocket(wsUrl);
+    wsRef.current = ws;
+    ws.on("open", () => {
+      if (unmountedRef.current) {
+        ws.close();
+        return;
+      }
+      setConnected(true);
+      reconnectDelayRef.current = INITIAL_RECONNECT_MS;
+    });
+    ws.on("message", (raw) => {
+      try {
+        const message = JSON.parse(String(raw));
+        for (const listener of listenersRef.current) {
+          listener(message);
+        }
+      } catch {
+      }
+    });
+    ws.on("close", () => {
+      setConnected(false);
+      if (!unmountedRef.current) {
+        scheduleReconnect();
+      }
+    });
+    ws.on("error", () => {
+    });
+  }, [wsUrl]);
+  const scheduleReconnect = useCallback2(() => {
+    if (unmountedRef.current) return;
+    if (reconnectTimerRef.current) return;
+    const delay = reconnectDelayRef.current;
+    reconnectDelayRef.current = Math.min(delay * RECONNECT_BACKOFF, MAX_RECONNECT_MS);
+    reconnectTimerRef.current = setTimeout(() => {
+      reconnectTimerRef.current = null;
+      connect();
+    }, delay);
+  }, [connect]);
+  useEffect2(() => {
+    unmountedRef.current = false;
+    connect();
+    return () => {
+      unmountedRef.current = true;
+      if (reconnectTimerRef.current) {
+        clearTimeout(reconnectTimerRef.current);
+        reconnectTimerRef.current = null;
+      }
+      if (wsRef.current) {
+        wsRef.current.close();
+        wsRef.current = null;
+      }
+    };
+  }, [connect]);
+  const send = useCallback2((message) => {
+    if (wsRef.current && wsRef.current.readyState === WebSocket.OPEN) {
+      wsRef.current.send(JSON.stringify(message));
+    }
+  }, []);
+  const value = React2.useMemo(
+    () => ({ connected, send }),
+    [connected, send]
+  );
+  return /* @__PURE__ */ jsx2(WsContext.Provider, { value, children });
+}
+
+// src/layout/HeaderBar.tsx
+import { Box, Text } from "ink";
+
+// src/router/types.ts
+var routes = [
+  { key: "1", id: "issue", label: "Issues" },
+  { key: "2", id: "workflow", label: "Workflow" },
+  { key: "3", id: "artifact", label: "Artifacts" },
+  { key: "4", id: "team", label: "Team" },
+  { key: "5", id: "requirement", label: "Requirements" },
+  { key: "6", id: "execution", label: "Execution" },
+  { key: "7", id: "chat", label: "Chat" }
+];
+
+// src/layout/HeaderBar.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function HeaderBar({ activeView }) {
+  return /* @__PURE__ */ jsxs(Box, { borderStyle: "single", borderBottom: true, borderLeft: false, borderRight: false, borderTop: false, paddingX: 1, children: [
+    /* @__PURE__ */ jsx3(Text, { bold: true, color: "green", children: "Maestro TUI" }),
+    /* @__PURE__ */ jsx3(Text, { children: " | " }),
+    routes.map((route) => /* @__PURE__ */ jsx3(Box, { marginRight: 1, children: /* @__PURE__ */ jsxs(
+      Text,
+      {
+        bold: route.id === activeView,
+        color: route.id === activeView ? "cyan" : void 0,
+        dimColor: route.id !== activeView,
+        children: [
+          "[",
+          route.key,
+          "] ",
+          route.label
+        ]
+      }
+    ) }, route.id))
+  ] });
+}
+
+// src/layout/StatusBar.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function StatusBar({ connected, workspace }) {
+  return /* @__PURE__ */ jsxs2(Box2, { borderStyle: "single", borderTop: true, borderLeft: false, borderRight: false, borderBottom: false, paddingX: 1, justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx4(Text2, { color: connected ? "green" : "red", children: connected ? "[*] Connected" : "[ ] Disconnected" }),
+      /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+        " | ",
+        workspace
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx4(Text2, { dimColor: true, children: "1-7: Switch views | q: Quit" })
+  ] });
+}
+
+// src/router/Router.tsx
+import { Box as Box33, Text as Text34 } from "ink";
+
+// src/views/IssueView.tsx
+import { useState as useState4, useCallback as useCallback4, useMemo as useMemo2 } from "react";
+import { Box as Box9, Text as Text10, useInput as useInput4 } from "ink";
+import { TextInput, Select } from "@inkjs/ui";
+
+// src/components/ScrollableList.tsx
+import { useState as useState3, useCallback as useCallback3, useEffect as useEffect3, useRef as useRef3 } from "react";
+import { Box as Box3, Text as Text3, useInput, useStdout } from "ink";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function useScrollableList(itemCount, viewportHeight) {
+  const [selectedIndex, setSelectedIndex] = useState3(0);
+  const [scrollOffset, setScrollOffset] = useState3(0);
+  useEffect3(() => {
+    if (itemCount === 0) {
+      setSelectedIndex(0);
+      setScrollOffset(0);
+      return;
+    }
+    if (selectedIndex >= itemCount) {
+      setSelectedIndex(itemCount - 1);
+    }
+  }, [itemCount, selectedIndex]);
+  const moveUp = useCallback3(() => {
+    setSelectedIndex((prev) => {
+      const next = Math.max(0, prev - 1);
+      setScrollOffset((off) => next < off ? next : off);
+      return next;
+    });
+  }, []);
+  const moveDown = useCallback3(() => {
+    setSelectedIndex((prev) => {
+      const next = Math.min(itemCount - 1, prev + 1);
+      setScrollOffset((off) => next >= off + viewportHeight ? next - viewportHeight + 1 : off);
+      return next;
+    });
+  }, [itemCount, viewportHeight]);
+  return { selectedIndex, scrollOffset, moveUp, moveDown, setSelectedIndex, setScrollOffset };
+}
+function ScrollableList({
+  items,
+  renderItem,
+  onSelect,
+  onHighlight,
+  isFocused = true,
+  viewportHeight: fixedHeight,
+  reservedRows = 6,
+  getItemKey
+}) {
+  const { stdout } = useStdout();
+  const termRows = stdout?.rows ?? 24;
+  const viewportHeight = fixedHeight ?? Math.max(1, termRows - reservedRows);
+  const { selectedIndex, scrollOffset, moveUp, moveDown, setSelectedIndex, setScrollOffset } = useScrollableList(
+    items.length,
+    viewportHeight
+  );
+  const prevKeyRef = useRef3(null);
+  useEffect3(() => {
+    if (getItemKey && items.length > 0 && items[selectedIndex]) {
+      prevKeyRef.current = getItemKey(items[selectedIndex]);
+    }
+  }, [selectedIndex, items, getItemKey]);
+  const prevItemsLenRef = useRef3(items.length);
+  useEffect3(() => {
+    if (!getItemKey || items.length === 0 || prevItemsLenRef.current === items.length) {
+      prevItemsLenRef.current = items.length;
+      return;
+    }
+    prevItemsLenRef.current = items.length;
+    const key = prevKeyRef.current;
+    if (!key) return;
+    const newIdx = items.findIndex((item) => getItemKey(item) === key);
+    if (newIdx >= 0) {
+      setSelectedIndex(newIdx);
+      setScrollOffset((off) => {
+        if (newIdx < off) return newIdx;
+        if (newIdx >= off + viewportHeight) return newIdx - viewportHeight + 1;
+        return off;
+      });
+    }
+  }, [items, getItemKey, viewportHeight, setSelectedIndex, setScrollOffset]);
+  useInput(
+    (input, key) => {
+      if (key.upArrow) {
+        moveUp();
+      } else if (key.downArrow) {
+        moveDown();
+      } else if (key.return && items.length > 0) {
+        onSelect?.(items[selectedIndex], selectedIndex);
+      }
+    },
+    { isActive: isFocused }
+  );
+  useEffect3(() => {
+    if (items.length > 0 && onHighlight) {
+      onHighlight(items[selectedIndex], selectedIndex);
+    }
+  }, [selectedIndex, items, onHighlight]);
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx5(Box3, { children: /* @__PURE__ */ jsx5(Text3, { dimColor: true, children: "(empty)" }) });
+  }
+  const visibleItems = items.slice(scrollOffset, scrollOffset + viewportHeight);
+  const hasAbove = scrollOffset > 0;
+  const hasBelow = scrollOffset + viewportHeight < items.length;
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    hasAbove && /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      "  [",
+      scrollOffset,
+      " more above]"
+    ] }),
+    visibleItems.map((item, i) => {
+      const realIndex = scrollOffset + i;
+      const isSelected = realIndex === selectedIndex;
+      const itemKey = getItemKey ? getItemKey(item) : String(realIndex);
+      return /* @__PURE__ */ jsxs3(Box3, { children: [
+        /* @__PURE__ */ jsxs3(Text3, { color: isSelected && isFocused ? "cyan" : void 0, children: [
+          isSelected ? ">" : " ",
+          " "
+        ] }),
+        renderItem(item, realIndex, isSelected)
+      ] }, itemKey);
+    }),
+    hasBelow && /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+      "  [",
+      items.length - scrollOffset - viewportHeight,
+      " more below]"
+    ] })
+  ] });
+}
+
+// src/components/SplitPane.tsx
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function SplitPane({
+  left,
+  right,
+  ratio = 40,
+  borderChar = "|"
+}) {
+  const leftWidth = `${ratio}%`;
+  const rightWidth = `${100 - ratio}%`;
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", width: "100%", height: "100%", children: [
+    /* @__PURE__ */ jsx6(Box4, { flexDirection: "column", width: leftWidth, children: left }),
+    /* @__PURE__ */ jsx6(Box4, { flexDirection: "column", flexShrink: 0, children: /* @__PURE__ */ jsx6(Text4, { dimColor: true, children: borderChar }) }),
+    /* @__PURE__ */ jsx6(Box4, { flexDirection: "column", width: rightWidth, children: right })
+  ] });
+}
+
+// src/components/DataTable.tsx
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function DataTable({ columns, data, selectedIndex }) {
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx7(Box5, { children: columns.map((col) => /* @__PURE__ */ jsx7(Box5, { width: col.width, flexShrink: 0, children: /* @__PURE__ */ jsx7(Text5, { bold: true, underline: true, wrap: "truncate", children: col.label }) }, col.key)) }),
+    data.map((row, rowIndex) => {
+      const isSelected = rowIndex === selectedIndex;
+      return /* @__PURE__ */ jsx7(Box5, { children: columns.map((col) => /* @__PURE__ */ jsx7(Box5, { width: col.width, flexShrink: 0, children: col.render ? col.render(row[col.key], row) : /* @__PURE__ */ jsx7(
+        Text5,
+        {
+          color: isSelected ? "cyan" : void 0,
+          wrap: "truncate",
+          children: String(row[col.key] ?? "")
+        }
+      ) }, col.key)) }, rowIndex);
+    }),
+    data.length === 0 && /* @__PURE__ */ jsx7(Box5, { children: /* @__PURE__ */ jsx7(Text5, { dimColor: true, children: "(no data)" }) })
+  ] });
+}
+
+// src/components/StatusDot.tsx
+import { Text as Text6 } from "ink";
+import { jsxs as jsxs6 } from "react/jsx-runtime";
+var DEFAULT_STATUS_COLORS = {
+  pending: "gray",
+  exploring: "blue",
+  planning: "magenta",
+  executing: "yellow",
+  verifying: "yellowBright",
+  testing: "blue",
+  completed: "green",
+  blocked: "red",
+  // Issue statuses
+  open: "gray",
+  registered: "yellow",
+  analyzing: "blue",
+  planned: "magenta",
+  in_progress: "yellow",
+  resolved: "green",
+  closed: "gray",
+  deferred: "gray",
+  // Task statuses
+  failed: "red"
+};
+function StatusDot({ status, colorMap, showLabel = false }) {
+  const map = colorMap ?? DEFAULT_STATUS_COLORS;
+  const color = map[status] ?? "white";
+  return /* @__PURE__ */ jsxs6(Text6, { color, children: [
+    "*",
+    showLabel ? ` ${status}` : ""
+  ] });
+}
+
+// src/components/FilterBar.tsx
+import { Box as Box6, Text as Text7, useInput as useInput2 } from "ink";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function FilterBar({
+  options,
+  activeIndex,
+  onSelect,
+  isFocused = true
+}) {
+  useInput2(
+    (_input, key) => {
+      if (key.tab && options.length > 0) {
+        const next = (activeIndex + 1) % options.length;
+        onSelect(next);
+      }
+    },
+    { isActive: isFocused }
+  );
+  if (options.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx8(Box6, { flexDirection: "row", gap: 1, children: options.map((option, i) => {
+    const isActive = i === activeIndex;
+    return /* @__PURE__ */ jsx8(Box6, { children: /* @__PURE__ */ jsxs7(
+      Text7,
+      {
+        bold: isActive,
+        color: isActive ? "cyan" : void 0,
+        dimColor: !isActive,
+        children: [
+          isActive ? "[" : " ",
+          option,
+          isActive ? "]" : " "
+        ]
+      }
+    ) }, i);
+  }) });
+}
+
+// src/components/ConfirmDialog.tsx
+import { Box as Box7, Text as Text8, useInput as useInput3 } from "ink";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function ConfirmDialog({ message, onConfirm, onCancel }) {
+  useInput3((_input, key) => {
+    if (key.return) onConfirm();
+    if (key.escape) onCancel();
+  });
+  return /* @__PURE__ */ jsxs8(Box7, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsx9(Text8, { bold: true, color: "yellow", children: message }),
+    /* @__PURE__ */ jsx9(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text8, { dimColor: true, children: "Enter: confirm | Esc: cancel" }) })
+  ] });
+}
+
+// src/components/Markdown.tsx
+import React4, { useMemo, useRef as useRef4 } from "react";
+import { Box as Box8, Text as Text9 } from "ink";
+import { marked } from "marked";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var markedConfigured = false;
+function configureMarked() {
+  if (markedConfigured) return;
+  marked.setOptions({ gfm: true, breaks: true });
+  markedConfigured = true;
+}
+configureMarked();
+var TOKEN_CACHE_MAX = 500;
+var tokenCache = /* @__PURE__ */ new Map();
+var MD_SYNTAX_RE = /[#*`|[>\-_~]|\n\n|^\d+\. |\n\d+\. /;
+function hasMarkdownSyntax(s) {
+  return MD_SYNTAX_RE.test(s.length > 500 ? s.slice(0, 500) : s);
+}
+function cachedLexer(content) {
+  if (!hasMarkdownSyntax(content)) {
+    return [{
+      type: "paragraph",
+      raw: content,
+      text: content,
+      tokens: [{ type: "text", raw: content, text: content }]
+    }];
+  }
+  const key = content;
+  const hit = tokenCache.get(key);
+  if (hit) {
+    tokenCache.delete(key);
+    tokenCache.set(key, hit);
+    return hit;
+  }
+  const tokens = marked.lexer(content);
+  if (tokenCache.size >= TOKEN_CACHE_MAX) {
+    const first = tokenCache.keys().next().value;
+    if (first !== void 0) tokenCache.delete(first);
+  }
+  tokenCache.set(key, tokens);
+  return tokens;
+}
+function renderInlineTokens(tokens) {
+  if (!tokens) return [];
+  return tokens.map((token, i) => {
+    switch (token.type) {
+      case "strong":
+        return /* @__PURE__ */ jsx10(Text9, { bold: true, children: token.text }, i);
+      case "em":
+        return /* @__PURE__ */ jsx10(Text9, { italic: true, children: token.text }, i);
+      case "codespan":
+        return /* @__PURE__ */ jsxs9(Text9, { color: "yellow", children: [
+          "`",
+          token.text,
+          "`"
+        ] }, i);
+      case "link":
+        return /* @__PURE__ */ jsx10(Text9, { color: "blue", underline: true, children: token.text }, i);
+      case "text": {
+        const t = token;
+        if (t.tokens && t.tokens.length > 0) {
+          return /* @__PURE__ */ jsx10(React4.Fragment, { children: renderInlineTokens(t.tokens) }, i);
+        }
+        return /* @__PURE__ */ jsx10(Text9, { children: t.text }, i);
+      }
+      case "br":
+        return /* @__PURE__ */ jsx10(Text9, { children: "\n" }, i);
+      default:
+        return /* @__PURE__ */ jsx10(Text9, { children: token.raw }, i);
+    }
+  });
+}
+function Markdown({ children }) {
+  const elements = useMemo(() => {
+    const tokens = cachedLexer(children);
+    return tokens.map((token, i) => renderBlockToken(token, i));
+  }, [children]);
+  return /* @__PURE__ */ jsx10(Box8, { flexDirection: "column", children: elements });
+}
+function renderBlockToken(token, key) {
+  switch (token.type) {
+    case "heading": {
+      const h = token;
+      const isTopLevel = h.depth <= 2;
+      return /* @__PURE__ */ jsx10(Text9, { bold: true, color: isTopLevel ? "cyan" : void 0, children: h.text }, key);
+    }
+    case "paragraph": {
+      const p = token;
+      return /* @__PURE__ */ jsx10(Text9, { children: renderInlineTokens(p.tokens) }, key);
+    }
+    case "code": {
+      const c = token;
+      return /* @__PURE__ */ jsx10(Box8, { borderStyle: "single", paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.text }) }, key);
+    }
+    case "list": {
+      const l = token;
+      return /* @__PURE__ */ jsx10(Box8, { flexDirection: "column", children: l.items.map((item, j) => /* @__PURE__ */ jsxs9(Text9, { children: [
+        "  ",
+        l.ordered ? `${j + 1}.` : "\u2022",
+        " ",
+        item.text
+      ] }, j)) }, key);
+    }
+    case "blockquote": {
+      const bq = token;
+      return /* @__PURE__ */ jsxs9(Text9, { dimColor: true, children: [
+        "\u2502",
+        " ",
+        bq.text
+      ] }, key);
+    }
+    case "hr":
+      return /* @__PURE__ */ jsx10(Text9, { dimColor: true, children: "\u2500".repeat(40) }, key);
+    case "space":
+      return null;
+    default:
+      return /* @__PURE__ */ jsx10(Text9, { children: token.raw }, key);
+  }
+}
+function StreamingMarkdown({ children }) {
+  const stablePrefixRef = useRef4("");
+  if (!children.startsWith(stablePrefixRef.current)) {
+    stablePrefixRef.current = "";
+  }
+  const boundary = stablePrefixRef.current.length;
+  const tokens = marked.lexer(children.substring(boundary));
+  let lastContentIdx = tokens.length - 1;
+  while (lastContentIdx >= 0 && tokens[lastContentIdx].type === "space") {
+    lastContentIdx--;
+  }
+  let advance = 0;
+  for (let i = 0; i < lastContentIdx; i++) {
+    advance += tokens[i].raw.length;
+  }
+  if (advance > 0) {
+    stablePrefixRef.current = children.substring(0, boundary + advance);
+  }
+  const stablePrefix = stablePrefixRef.current;
+  const unstableSuffix = children.substring(stablePrefix.length);
+  return /* @__PURE__ */ jsxs9(Box8, { flexDirection: "column", children: [
+    stablePrefix && /* @__PURE__ */ jsx10(Markdown, { children: stablePrefix }),
+    unstableSuffix && /* @__PURE__ */ jsx10(Markdown, { children: unstableSuffix })
+  ] });
+}
+
+// src/views/IssueView.tsx
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var STATUS_FILTERS = [
+  "All",
+  "open",
+  "registered",
+  "in_progress",
+  "resolved",
+  "closed",
+  "deferred"
+];
+var TYPE_FILTERS = ["All", "bug", "feature", "improvement", "task"];
+var PRIORITY_FILTERS = ["All", "low", "medium", "high", "urgent"];
+var PRIORITY_COLORS = {
+  urgent: "red",
+  high: "yellow",
+  medium: "cyan",
+  low: "gray"
+};
+var CREATE_STEPS = ["title", "description", "type", "priority"];
+var TYPE_OPTIONS = [
+  { label: "Bug", value: "bug" },
+  { label: "Feature", value: "feature" },
+  { label: "Improvement", value: "improvement" },
+  { label: "Task", value: "task" }
+];
+var PRIORITY_OPTIONS = [
+  { label: "Low", value: "low" },
+  { label: "Medium", value: "medium" },
+  { label: "High", value: "high" },
+  { label: "Urgent", value: "urgent" }
+];
+var STATUS_OPTIONS = [
+  { label: "Open", value: "open" },
+  { label: "Registered", value: "registered" },
+  { label: "In Progress", value: "in_progress" },
+  { label: "Resolved", value: "resolved" },
+  { label: "Closed", value: "closed" },
+  { label: "Deferred", value: "deferred" }
+];
+function IssueView() {
+  const [mode, setMode] = useState4("list");
+  const [statusFilterIndex, setStatusFilterIndex] = useState4(0);
+  const [typeFilterIndex, setTypeFilterIndex] = useState4(0);
+  const [priorityFilterIndex, setPriorityFilterIndex] = useState4(0);
+  const [activeFilterRow, setActiveFilterRow] = useState4(0);
+  const [selectedIssue, setSelectedIssue] = useState4(null);
+  const [searchQuery, setSearchQuery] = useState4("");
+  const [formStep, setFormStep] = useState4("title");
+  const [formTitle, setFormTitle] = useState4("");
+  const [formDesc, setFormDesc] = useState4("");
+  const [formType, setFormType] = useState4("bug");
+  const [formError, setFormError] = useState4("");
+  const baseUrl = useBaseUrl();
+  const { data: issues, loading, error, refetch } = useApi(
+    ISSUE_API_ENDPOINTS.ISSUES,
+    { pollInterval: 5e3 }
+  );
+  const filteredIssues = useMemo2(() => {
+    if (!issues) return [];
+    let result = issues;
+    const statusFilter = STATUS_FILTERS[statusFilterIndex];
+    if (statusFilter !== "All") result = result.filter((i) => i.status === statusFilter);
+    const typeFilter = TYPE_FILTERS[typeFilterIndex];
+    if (typeFilter !== "All") result = result.filter((i) => i.type === typeFilter);
+    const prioFilter = PRIORITY_FILTERS[priorityFilterIndex];
+    if (prioFilter !== "All") result = result.filter((i) => i.priority === prioFilter);
+    if (searchQuery) {
+      const q = searchQuery.toLowerCase();
+      result = result.filter((i) => i.title.toLowerCase().includes(q));
+    }
+    return result;
+  }, [issues, statusFilterIndex, typeFilterIndex, priorityFilterIndex, searchQuery]);
+  const handleSelectIssue = useCallback4((issue) => {
+    setSelectedIssue(issue);
+    setMode("detail");
+  }, []);
+  const resetForm = useCallback4(() => {
+    setFormStep("title");
+    setFormTitle("");
+    setFormDesc("");
+    setFormType("bug");
+    setFormError("");
+  }, []);
+  const startEdit = useCallback4(() => {
+    if (!selectedIssue) return;
+    setFormTitle(selectedIssue.title);
+    setFormDesc(selectedIssue.description);
+    setFormType(selectedIssue.type);
+    setFormStep("title");
+    setFormError("");
+    setMode("edit");
+  }, [selectedIssue]);
+  const submitCreate = useCallback4(async (priority) => {
+    const body = {
+      title: formTitle,
+      description: formDesc,
+      type: formType,
+      priority
+    };
+    try {
+      await fetch(`${baseUrl}${ISSUE_API_ENDPOINTS.ISSUES}`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(body)
+      });
+      resetForm();
+      setMode("list");
+      refetch();
+    } catch (err) {
+      setFormError(err instanceof Error ? err.message : "Failed to create issue");
+    }
+  }, [baseUrl, formTitle, formDesc, formType, resetForm, refetch]);
+  const submitEdit = useCallback4(async (priority) => {
+    if (!selectedIssue) return;
+    try {
+      await fetch(`${baseUrl}${ISSUE_API_ENDPOINTS.ISSUES}/${selectedIssue.id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ title: formTitle, description: formDesc, type: formType, priority })
+      });
+      resetForm();
+      setMode("list");
+      setSelectedIssue(null);
+      refetch();
+    } catch (err) {
+      setFormError(err instanceof Error ? err.message : "Failed to update issue");
+    }
+  }, [baseUrl, selectedIssue, formTitle, formDesc, formType, resetForm, refetch]);
+  const updateStatus = useCallback4(async (status) => {
+    if (!selectedIssue) return;
+    try {
+      await fetch(`${baseUrl}${ISSUE_API_ENDPOINTS.ISSUES}/${selectedIssue.id}`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ status })
+      });
+      setMode("detail");
+      refetch();
+    } catch {
+    }
+  }, [baseUrl, selectedIssue, refetch]);
+  const performDelete = useCallback4(async () => {
+    if (!selectedIssue) return;
+    try {
+      await fetch(`${baseUrl}${ISSUE_API_ENDPOINTS.ISSUES}/${selectedIssue.id}`, {
+        method: "DELETE"
+      });
+      setMode("list");
+      setSelectedIssue(null);
+      refetch();
+    } catch {
+    }
+  }, [baseUrl, selectedIssue, refetch]);
+  useInput4(
+    (input, key) => {
+      if (key.escape) {
+        if (mode === "search") {
+          setSearchQuery("");
+          setMode("list");
+          return;
+        }
+        if (mode === "detail" || mode === "status-select") {
+          setMode("list");
+          setSelectedIssue(null);
+          return;
+        }
+        if (mode === "create" || mode === "edit") {
+          resetForm();
+          setMode(selectedIssue ? "detail" : "list");
+          return;
+        }
+        if (mode === "delete-confirm") {
+          setMode("detail");
+          return;
+        }
+        return;
+      }
+      if (mode === "list") {
+        if (input === "c" && !key.ctrl) {
+          resetForm();
+          setMode("create");
+          return;
+        }
+        if (input === "/") {
+          setSearchQuery("");
+          setMode("search");
+          return;
+        }
+        if (input === "f") {
+          setActiveFilterRow((prev) => (prev + 1) % 3);
+          return;
+        }
+      }
+      if (mode === "detail" && selectedIssue) {
+        if (input === "s") {
+          setMode("status-select");
+          return;
+        }
+        if (input === "e") {
+          startEdit();
+          return;
+        }
+        if (input === "d") {
+          setMode("delete-confirm");
+          return;
+        }
+      }
+    },
+    { isActive: mode !== "search" && mode !== "create" && mode !== "edit" && mode !== "status-select" }
+  );
+  if (mode === "search") {
+    return /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs10(Box9, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx11(Text10, { bold: true, color: "cyan", children: "Search Issues" }),
+        /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: " Esc=clear" })
+      ] }),
+      /* @__PURE__ */ jsx11(
+        TextInput,
+        {
+          placeholder: "Search by title...",
+          defaultValue: searchQuery,
+          onChange: setSearchQuery,
+          onSubmit: () => setMode("list")
+        }
+      )
+    ] });
+  }
+  if (mode === "status-select" && selectedIssue) {
+    return /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", padding: 1, children: [
+      /* @__PURE__ */ jsxs10(Text10, { bold: true, color: "cyan", children: [
+        "Change Status: ",
+        selectedIssue.title
+      ] }),
+      /* @__PURE__ */ jsx11(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx11(
+        Select,
+        {
+          options: STATUS_OPTIONS,
+          defaultValue: selectedIssue.status,
+          onChange: (value) => updateStatus(value)
+        }
+      ) })
+    ] });
+  }
+  if (mode === "delete-confirm" && selectedIssue) {
+    return /* @__PURE__ */ jsx11(
+      ConfirmDialog,
+      {
+        message: `Delete "${selectedIssue.title}"?`,
+        onConfirm: performDelete,
+        onCancel: () => setMode("detail")
+      }
+    );
+  }
+  if (mode === "detail" && selectedIssue) {
+    return /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs10(Box9, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsxs10(Text10, { bold: true, color: "cyan", children: [
+          "Issue: ",
+          selectedIssue.id
+        ] }),
+        /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: " Esc=back [s]tatus [e]dit [d]elete" })
+      ] }),
+      /* @__PURE__ */ jsx11(
+        SplitPane,
+        {
+          ratio: 45,
+          left: /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", paddingRight: 1, children: [
+            /* @__PURE__ */ jsx11(Text10, { bold: true, children: selectedIssue.title }),
+            /* @__PURE__ */ jsxs10(Box9, { marginTop: 1, flexDirection: "column", children: [
+              /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+                /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Type:" }),
+                /* @__PURE__ */ jsx11(Text10, { children: selectedIssue.type })
+              ] }),
+              /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+                /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Priority:" }),
+                /* @__PURE__ */ jsx11(Text10, { color: PRIORITY_COLORS[selectedIssue.priority], children: selectedIssue.priority })
+              ] }),
+              /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+                /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Status:" }),
+                /* @__PURE__ */ jsx11(StatusDot, { status: selectedIssue.status, showLabel: true })
+              ] }),
+              /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+                /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Created:" }),
+                /* @__PURE__ */ jsx11(Text10, { children: selectedIssue.created_at?.slice(0, 10) ?? "-" })
+              ] }),
+              /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+                /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Updated:" }),
+                /* @__PURE__ */ jsx11(Text10, { children: selectedIssue.updated_at?.slice(0, 10) ?? "-" })
+              ] }),
+              selectedIssue.executor && /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+                /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Executor:" }),
+                /* @__PURE__ */ jsx11(Text10, { children: selectedIssue.executor })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs10(Box9, { marginTop: 1, flexDirection: "column", children: [
+              /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Description:" }),
+              /* @__PURE__ */ jsx11(Text10, { children: selectedIssue.description })
+            ] })
+          ] }),
+          right: /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", paddingLeft: 1, children: [
+            selectedIssue.analysis ? /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", children: [
+              /* @__PURE__ */ jsx11(Text10, { bold: true, color: "magenta", children: "Analysis" }),
+              /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+                /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Root cause:" }),
+                /* @__PURE__ */ jsx11(Text10, { children: selectedIssue.analysis.root_cause })
+              ] }),
+              /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+                /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Impact:" }),
+                /* @__PURE__ */ jsx11(Text10, { children: selectedIssue.analysis.impact })
+              ] }),
+              /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+                /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Confidence:" }),
+                /* @__PURE__ */ jsxs10(Text10, { children: [
+                  (selectedIssue.analysis.confidence * 100).toFixed(0),
+                  "%"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+                /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Approach:" }),
+                /* @__PURE__ */ jsx11(Text10, { children: selectedIssue.analysis.suggested_approach })
+              ] }),
+              selectedIssue.analysis.related_files.length > 0 && /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", marginTop: 1, children: [
+                /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Related files:" }),
+                selectedIssue.analysis.related_files.map((f, i) => /* @__PURE__ */ jsxs10(Text10, { children: [
+                  "  ",
+                  f
+                ] }, i))
+              ] })
+            ] }) : /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "No analysis available" }),
+            selectedIssue.solution ? /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", marginTop: 1, children: [
+              /* @__PURE__ */ jsx11(Text10, { bold: true, color: "green", children: "Solution" }),
+              selectedIssue.solution.steps.map((s, i) => /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+                /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
+                  i + 1,
+                  "."
+                ] }),
+                /* @__PURE__ */ jsx11(Text10, { children: s.description }),
+                s.target && /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
+                  "(",
+                  s.target,
+                  ")"
+                ] })
+              ] }, i)),
+              selectedIssue.solution.context && /* @__PURE__ */ jsx11(Box9, { marginTop: 1, children: /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
+                "Context: ",
+                selectedIssue.solution.context
+              ] }) })
+            ] }) : /* @__PURE__ */ jsx11(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "No solution planned" }) })
+          ] })
+        }
+      )
+    ] });
+  }
+  if (mode === "create" || mode === "edit") {
+    const isEdit = mode === "edit";
+    const stepIndex = CREATE_STEPS.indexOf(formStep);
+    return /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs10(Box9, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx11(Text10, { bold: true, color: "cyan", children: isEdit ? "Edit Issue" : "Create Issue" }),
+        /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
+          " (Step ",
+          stepIndex + 1,
+          "/",
+          CREATE_STEPS.length,
+          ") Esc=cancel"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx11(Box9, { gap: 1, marginBottom: 1, children: CREATE_STEPS.map((s, i) => /* @__PURE__ */ jsxs10(Text10, { bold: s === formStep, color: i < stepIndex ? "green" : s === formStep ? "cyan" : "gray", children: [
+        i < stepIndex ? "[x]" : s === formStep ? "[>]" : "[ ]",
+        " ",
+        s
+      ] }, s)) }),
+      formStep === "title" && /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx11(Text10, { children: "Title:" }),
+        /* @__PURE__ */ jsx11(TextInput, { placeholder: "Enter issue title...", defaultValue: formTitle, onChange: setFormTitle, onSubmit: () => setFormStep("description") })
+      ] }),
+      formStep === "description" && /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx11(Text10, { children: "Description:" }),
+        /* @__PURE__ */ jsx11(TextInput, { placeholder: "Enter issue description...", defaultValue: formDesc, onChange: setFormDesc, onSubmit: () => setFormStep("type") })
+      ] }),
+      formStep === "type" && /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx11(Text10, { children: "Type:" }),
+        /* @__PURE__ */ jsx11(Select, { options: TYPE_OPTIONS, defaultValue: formType, onChange: (value) => {
+          setFormType(value);
+          setFormStep("priority");
+        } })
+      ] }),
+      formStep === "priority" && /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx11(Text10, { children: "Priority:" }),
+        /* @__PURE__ */ jsx11(Select, { options: PRIORITY_OPTIONS, defaultValue: "medium", onChange: (value) => {
+          isEdit ? submitEdit(value) : submitCreate(value);
+        } })
+      ] }),
+      formError && /* @__PURE__ */ jsx11(Box9, { marginTop: 1, children: /* @__PURE__ */ jsxs10(Text10, { color: "red", children: [
+        "Error: ",
+        formError
+      ] }) }),
+      stepIndex > 0 && /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", marginTop: 1, borderStyle: "single", paddingX: 1, children: [
+        /* @__PURE__ */ jsx11(Text10, { dimColor: true, bold: true, children: "Filled:" }),
+        formTitle && /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
+          "  Title: ",
+          formTitle
+        ] }),
+        formDesc && /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
+          "  Description: ",
+          formDesc.slice(0, 60),
+          formDesc.length > 60 ? "..." : ""
+        ] }),
+        stepIndex > 2 && /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
+          "  Type: ",
+          formType
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx11(
+    ListMode,
+    {
+      issues: filteredIssues,
+      loading,
+      error,
+      statusFilterIndex,
+      typeFilterIndex,
+      priorityFilterIndex,
+      activeFilterRow,
+      onStatusFilterChange: setStatusFilterIndex,
+      onTypeFilterChange: setTypeFilterIndex,
+      onPriorityFilterChange: setPriorityFilterIndex,
+      onSelect: handleSelectIssue,
+      searchQuery
+    }
+  );
+}
+function ListMode({
+  issues,
+  loading,
+  error,
+  statusFilterIndex,
+  typeFilterIndex,
+  priorityFilterIndex,
+  activeFilterRow,
+  onStatusFilterChange,
+  onTypeFilterChange,
+  onPriorityFilterChange,
+  onSelect,
+  searchQuery
+}) {
+  const renderItem = useCallback4(
+    (issue, _index, isSelected) => /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+      /* @__PURE__ */ jsx11(Text10, { color: isSelected ? "cyan" : "gray", dimColor: !isSelected, children: issue.id.slice(0, 8) }),
+      /* @__PURE__ */ jsx11(StatusDot, { status: issue.status, showLabel: false }),
+      /* @__PURE__ */ jsx11(Text10, { color: isSelected ? "cyan" : void 0, wrap: "truncate", children: issue.title }),
+      /* @__PURE__ */ jsxs10(Text10, { color: PRIORITY_COLORS[issue.priority], children: [
+        "[",
+        issue.priority,
+        "]"
+      ] })
+    ] }),
+    []
+  );
+  if (error) {
+    return /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", padding: 1, children: [
+      /* @__PURE__ */ jsx11(Text10, { bold: true, color: "cyan", children: "Issues" }),
+      /* @__PURE__ */ jsxs10(Text10, { color: "red", children: [
+        "Error: ",
+        error.message
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsxs10(Box9, { marginBottom: 1, gap: 2, children: [
+      /* @__PURE__ */ jsx11(Text10, { bold: true, color: "cyan", children: "Issues" }),
+      loading && !issues.length && /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Loading..." }),
+      /* @__PURE__ */ jsxs10(Text10, { dimColor: true, children: [
+        "(",
+        issues.length,
+        " shown) [c]reate [/]search [f]ilter-row [Tab]cycle"
+      ] })
+    ] }),
+    searchQuery && /* @__PURE__ */ jsxs10(Box9, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx11(Text10, { dimColor: true, children: "Search: " }),
+      /* @__PURE__ */ jsx11(Text10, { color: "yellow", children: searchQuery })
+    ] }),
+    /* @__PURE__ */ jsxs10(Box9, { flexDirection: "column", gap: 0, children: [
+      /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+        /* @__PURE__ */ jsx11(Text10, { dimColor: true, bold: activeFilterRow === 0, color: activeFilterRow === 0 ? "cyan" : void 0, children: "Status:" }),
+        /* @__PURE__ */ jsx11(FilterBar, { options: STATUS_FILTERS, activeIndex: statusFilterIndex, onSelect: onStatusFilterChange, isFocused: activeFilterRow === 0 })
+      ] }),
+      /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+        /* @__PURE__ */ jsx11(Text10, { dimColor: true, bold: activeFilterRow === 1, color: activeFilterRow === 1 ? "cyan" : void 0, children: "Type:" }),
+        /* @__PURE__ */ jsx11(FilterBar, { options: TYPE_FILTERS, activeIndex: typeFilterIndex, onSelect: onTypeFilterChange, isFocused: activeFilterRow === 1 })
+      ] }),
+      /* @__PURE__ */ jsxs10(Box9, { gap: 1, children: [
+        /* @__PURE__ */ jsx11(Text10, { dimColor: true, bold: activeFilterRow === 2, color: activeFilterRow === 2 ? "cyan" : void 0, children: "Priority:" }),
+        /* @__PURE__ */ jsx11(FilterBar, { options: PRIORITY_FILTERS, activeIndex: priorityFilterIndex, onSelect: onPriorityFilterChange, isFocused: activeFilterRow === 2 })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx11(Box9, { marginTop: 1, flexGrow: 1, flexDirection: "column", children: /* @__PURE__ */ jsx11(
+      ScrollableList,
+      {
+        items: issues,
+        renderItem,
+        onSelect
+      }
+    ) })
+  ] });
+}
+
+// src/views/WorkflowView.tsx
+import { useState as useState5, useCallback as useCallback5, useMemo as useMemo3 } from "react";
+import { Box as Box10, Text as Text11, useInput as useInput5 } from "ink";
+import { TextInput as TextInput2 } from "@inkjs/ui";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var TASK_COLUMNS = [
+  { key: "id", label: "ID", width: 12 },
+  { key: "title", label: "Title", width: 40 },
+  {
+    key: "meta",
+    label: "Status",
+    width: 14,
+    render: (_value, row) => /* @__PURE__ */ jsx12(StatusDot, { status: row.meta.status, showLabel: true })
+  },
+  { key: "action", label: "Action", width: 16 }
+];
+function WorkflowView() {
+  const [mode, setMode] = useState5("phases");
+  const [selectedPhase, setSelectedPhase] = useState5(null);
+  const [selectedTaskIdx, setSelectedTaskIdx] = useState5(0);
+  const [commandInput, setCommandInput] = useState5("");
+  const { send } = useWs();
+  const { data: phases, loading, error } = useApi(
+    API_ENDPOINTS.PHASES,
+    { pollInterval: 5e3 }
+  );
+  const phaseNum = selectedPhase?.phase;
+  const tasksEndpoint = phaseNum != null ? API_ENDPOINTS.PHASE_TASKS.replace(":n", String(phaseNum)) : "/___noop___";
+  const { data: tasks, loading: tasksLoading } = useApi(
+    tasksEndpoint,
+    { skip: phaseNum == null, pollInterval: 5e3 }
+  );
+  const coordinateStatus = useWsEvent("coordinate:status");
+  const handleSelectPhase = useCallback5((phase) => {
+    setSelectedPhase(phase);
+    setSelectedTaskIdx(0);
+    setMode("tasks");
+  }, []);
+  const handleSendCommand = useCallback5((value) => {
+    const trimmed = value.trim();
+    if (!trimmed) return;
+    send({ action: "coordinate:start", intent: trimmed });
+    setCommandInput("");
+  }, [send]);
+  const selectedTask = useMemo3(() => {
+    if (!tasks || selectedTaskIdx >= tasks.length) return null;
+    return tasks[selectedTaskIdx] ?? null;
+  }, [tasks, selectedTaskIdx]);
+  useInput5(
+    (input, key) => {
+      if (key.escape) {
+        if (mode === "coordinate") {
+          setMode("tasks");
+          return;
+        }
+        if (mode === "taskDetail") {
+          setMode("tasks");
+          return;
+        }
+        if (mode === "phaseDetail") {
+          setMode("tasks");
+          return;
+        }
+        if (mode === "tasks") {
+          setMode("phases");
+          setSelectedPhase(null);
+          return;
+        }
+        return;
+      }
+      if (mode === "tasks") {
+        if (input === "x" && !key.ctrl) {
+          setMode("coordinate");
+          return;
+        }
+        if (input === "p") {
+          setMode("phaseDetail");
+          return;
+        }
+        if (key.return && selectedTask) {
+          setMode("taskDetail");
+          return;
+        }
+        if (key.upArrow && selectedTaskIdx > 0) {
+          setSelectedTaskIdx(selectedTaskIdx - 1);
+          return;
+        }
+        if (key.downArrow && tasks && selectedTaskIdx < tasks.length - 1) {
+          setSelectedTaskIdx(selectedTaskIdx + 1);
+          return;
+        }
+      }
+    },
+    { isActive: true }
+  );
+  if (mode === "taskDetail" && selectedTask) {
+    return /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs11(Box10, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsxs11(Text11, { bold: true, color: "cyan", children: [
+          "Task: ",
+          selectedTask.id
+        ] }),
+        /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: " Esc=back" })
+      ] }),
+      /* @__PURE__ */ jsx12(
+        SplitPane,
+        {
+          ratio: 50,
+          left: /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", paddingRight: 1, children: [
+            /* @__PURE__ */ jsx12(Text11, { bold: true, children: selectedTask.title }),
+            /* @__PURE__ */ jsxs11(Box10, { marginTop: 1, flexDirection: "column", children: [
+              /* @__PURE__ */ jsxs11(Box10, { gap: 1, children: [
+                /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "ID:" }),
+                /* @__PURE__ */ jsx12(Text11, { children: selectedTask.id })
+              ] }),
+              /* @__PURE__ */ jsxs11(Box10, { gap: 1, children: [
+                /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "Action:" }),
+                /* @__PURE__ */ jsx12(Text11, { children: selectedTask.action })
+              ] }),
+              /* @__PURE__ */ jsxs11(Box10, { gap: 1, children: [
+                /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "Status:" }),
+                /* @__PURE__ */ jsx12(StatusDot, { status: selectedTask.meta.status, showLabel: true })
+              ] })
+            ] })
+          ] }),
+          right: /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", paddingLeft: 1, children: [
+            selectedTask.description && /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", children: [
+              /* @__PURE__ */ jsx12(Text11, { bold: true, dimColor: true, children: "Description" }),
+              /* @__PURE__ */ jsx12(Text11, { children: selectedTask.description })
+            ] }),
+            selectedTask.files && selectedTask.files.length > 0 && /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", marginTop: 1, children: [
+              /* @__PURE__ */ jsx12(Text11, { bold: true, dimColor: true, children: "Files" }),
+              selectedTask.files.map((f, i) => /* @__PURE__ */ jsxs11(Box10, { gap: 1, children: [
+                /* @__PURE__ */ jsxs11(Text11, { color: f.action === "create" ? "green" : f.action === "modify" ? "yellow" : "red", children: [
+                  "[",
+                  f.action,
+                  "]"
+                ] }),
+                /* @__PURE__ */ jsx12(Text11, { children: f.path }),
+                f.target && /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
+                  "(",
+                  f.target,
+                  ")"
+                ] })
+              ] }, i))
+            ] }),
+            selectedTask.convergence?.criteria && selectedTask.convergence.criteria.length > 0 && /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", marginTop: 1, children: [
+              /* @__PURE__ */ jsx12(Text11, { bold: true, dimColor: true, children: "Convergence Criteria" }),
+              selectedTask.convergence.criteria.map((c, i) => /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
+                "  - ",
+                c
+              ] }, i))
+            ] })
+          ] })
+        }
+      )
+    ] });
+  }
+  if (mode === "phaseDetail" && selectedPhase) {
+    return /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs11(Box10, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsxs11(Text11, { bold: true, color: "cyan", children: [
+          "Phase ",
+          selectedPhase.phase,
+          ": ",
+          selectedPhase.title
+        ] }),
+        /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: " Esc=back" })
+      ] }),
+      /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs11(Box10, { gap: 1, children: [
+          /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "Status:" }),
+          /* @__PURE__ */ jsx12(StatusDot, { status: selectedPhase.status, showLabel: true })
+        ] }),
+        /* @__PURE__ */ jsxs11(Box10, { gap: 1, children: [
+          /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "Progress:" }),
+          /* @__PURE__ */ jsxs11(Text11, { children: [
+            selectedPhase.execution.tasks_completed,
+            "/",
+            selectedPhase.execution.tasks_total,
+            " tasks"
+          ] })
+        ] }),
+        selectedPhase.goal && /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx12(Text11, { bold: true, dimColor: true, children: "Goal" }),
+          /* @__PURE__ */ jsx12(Text11, { children: selectedPhase.goal })
+        ] }),
+        selectedPhase.success_criteria && selectedPhase.success_criteria.length > 0 && /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx12(Text11, { bold: true, dimColor: true, children: "Success Criteria" }),
+          selectedPhase.success_criteria.map((c, i) => /* @__PURE__ */ jsxs11(Text11, { children: [
+            "  - ",
+            c
+          ] }, i))
+        ] }),
+        selectedPhase.requirements && selectedPhase.requirements.length > 0 && /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx12(Text11, { bold: true, dimColor: true, children: "Requirements" }),
+          selectedPhase.requirements.map((r, i) => /* @__PURE__ */ jsxs11(Text11, { children: [
+            "  - ",
+            r
+          ] }, i))
+        ] })
+      ] })
+    ] });
+  }
+  if (mode === "coordinate") {
+    return /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs11(Box10, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx12(Text11, { bold: true, color: "cyan", children: "Coordinate" }),
+        selectedPhase && /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
+          " (",
+          selectedPhase.title,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: " | Esc=back" })
+      ] }),
+      /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", marginBottom: 1, borderStyle: "single", paddingX: 1, paddingY: 0, children: [
+        /* @__PURE__ */ jsx12(Text11, { dimColor: true, bold: true, children: "Status" }),
+        coordinateStatus ? /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsxs11(Box10, { gap: 1, children: [
+            /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "State:" }),
+            /* @__PURE__ */ jsx12(Text11, { color: coordinateStatus.status === "running" ? "yellow" : coordinateStatus.status === "completed" ? "green" : "gray", children: coordinateStatus.status })
+          ] }),
+          coordinateStatus.message && /* @__PURE__ */ jsxs11(Box10, { gap: 1, children: [
+            /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "Message:" }),
+            /* @__PURE__ */ jsx12(Text11, { children: coordinateStatus.message })
+          ] }),
+          coordinateStatus.sessionId && /* @__PURE__ */ jsxs11(Box10, { gap: 1, children: [
+            /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "Session:" }),
+            /* @__PURE__ */ jsx12(Text11, { children: coordinateStatus.sessionId })
+          ] })
+        ] }) : /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "No active coordinate session" })
+      ] }),
+      /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx12(Text11, { children: "Command:" }),
+        /* @__PURE__ */ jsx12(TextInput2, { placeholder: "Enter coordinate command...", onSubmit: handleSendCommand })
+      ] })
+    ] });
+  }
+  if (mode === "tasks" && selectedPhase) {
+    return /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs11(Box10, { marginBottom: 1, gap: 2, children: [
+        /* @__PURE__ */ jsxs11(Text11, { bold: true, color: "cyan", children: [
+          "Phase ",
+          selectedPhase.phase,
+          ": ",
+          selectedPhase.title
+        ] }),
+        /* @__PURE__ */ jsx12(StatusDot, { status: selectedPhase.status, showLabel: true })
+      ] }),
+      /* @__PURE__ */ jsx12(Box10, { marginBottom: 1, children: /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "Esc=back [x]coordinate [p]hase detail Enter=task detail" }) }),
+      tasksLoading && !tasks?.length ? /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "Loading tasks..." }) : /* @__PURE__ */ jsx12(
+        DataTable,
+        {
+          columns: TASK_COLUMNS,
+          data: tasks ?? [],
+          selectedIndex: selectedTaskIdx
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx12(
+    PhasesMode,
+    {
+      phases: phases ?? [],
+      loading,
+      error,
+      onSelect: handleSelectPhase
+    }
+  );
+}
+function PhasesMode({ phases, loading, error, onSelect }) {
+  const renderItem = useCallback5(
+    (phase, _index, isSelected) => /* @__PURE__ */ jsxs11(Box10, { gap: 1, children: [
+      /* @__PURE__ */ jsxs11(Text11, { color: isSelected ? "cyan" : "gray", dimColor: !isSelected, children: [
+        "P",
+        phase.phase
+      ] }),
+      /* @__PURE__ */ jsx12(StatusDot, { status: phase.status, showLabel: false }),
+      /* @__PURE__ */ jsx12(Text11, { color: isSelected ? "cyan" : void 0, wrap: "truncate", children: phase.title }),
+      /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
+        "[",
+        phase.execution.tasks_completed,
+        "/",
+        phase.execution.tasks_total,
+        "]"
+      ] })
+    ] }),
+    []
+  );
+  if (error) {
+    return /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", padding: 1, children: [
+      /* @__PURE__ */ jsx12(Text11, { bold: true, color: "cyan", children: "Workflow Phases" }),
+      /* @__PURE__ */ jsxs11(Text11, { color: "red", children: [
+        "Error: ",
+        error.message
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs11(Box10, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsxs11(Box10, { marginBottom: 1, gap: 2, children: [
+      /* @__PURE__ */ jsx12(Text11, { bold: true, color: "cyan", children: "Workflow Phases" }),
+      loading && !phases.length && /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "Loading..." }),
+      /* @__PURE__ */ jsxs11(Text11, { dimColor: true, children: [
+        "(",
+        phases.length,
+        " phases) Enter=view tasks"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx12(
+      ScrollableList,
+      {
+        items: phases,
+        renderItem,
+        onSelect
+      }
+    )
+  ] });
+}
+
+// src/views/ArtifactView.tsx
+import { useState as useState6, useCallback as useCallback6, useEffect as useEffect4, useRef as useRef5 } from "react";
+import { Box as Box11, Text as Text12, useInput as useInput6 } from "ink";
+import { TextInput as TextInput3 } from "@inkjs/ui";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+function flattenTree(nodes, expandedDirs, depth = 0) {
+  const result = [];
+  for (const node of nodes) {
+    const isDir = node.type === "directory";
+    const hasChildren = isDir && Array.isArray(node.children) && node.children.length > 0;
+    result.push({ name: node.name, path: node.path, depth, isDir, hasChildren });
+    if (isDir && hasChildren && expandedDirs.has(node.path)) {
+      result.push(...flattenTree(node.children, expandedDirs, depth + 1));
+    }
+  }
+  return result;
+}
+function getFileType(path) {
+  const ext = path.split(".").pop()?.toLowerCase() ?? "";
+  if (ext === "json") return "json";
+  if (ext === "md" || ext === "markdown") return "markdown";
+  return "text";
+}
+function JsonContent({ text }) {
+  const lines = text.split("\n");
+  return /* @__PURE__ */ jsx13(Box11, { flexDirection: "column", children: lines.map((line, i) => {
+    const keyMatch = line.match(/^(\s*)"([^"]+)"(\s*:\s*)/);
+    if (keyMatch) {
+      const [, indent, key, sep] = keyMatch;
+      const rest = line.slice(keyMatch[0].length);
+      return /* @__PURE__ */ jsxs12(Text12, { children: [
+        indent,
+        /* @__PURE__ */ jsxs12(Text12, { color: "cyan", children: [
+          '"',
+          key,
+          '"'
+        ] }),
+        sep,
+        /* @__PURE__ */ jsx13(Text12, { color: "green", children: rest })
+      ] }, i);
+    }
+    return /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: line }, i);
+  }) });
+}
+function MarkdownContent({ text }) {
+  const lines = text.split("\n");
+  return /* @__PURE__ */ jsx13(Box11, { flexDirection: "column", children: lines.map((line, i) => {
+    if (line.startsWith("#")) {
+      return /* @__PURE__ */ jsx13(Text12, { bold: true, color: "cyan", children: line }, i);
+    }
+    if (line.includes("**")) {
+      return /* @__PURE__ */ jsx13(Text12, { bold: true, children: line.replace(/\*\*/g, "") }, i);
+    }
+    if (line.match(/^\s*[-*]\s/)) {
+      return /* @__PURE__ */ jsx13(Text12, { color: "white", children: line }, i);
+    }
+    return /* @__PURE__ */ jsx13(Text12, { children: line }, i);
+  }) });
+}
+function PlainContent({ text }) {
+  return /* @__PURE__ */ jsx13(Text12, { children: text });
+}
+function ContentPreview({ content, fileType }) {
+  switch (fileType) {
+    case "json":
+      return /* @__PURE__ */ jsx13(JsonContent, { text: content });
+    case "markdown":
+      return /* @__PURE__ */ jsx13(MarkdownContent, { text: content });
+    default:
+      return /* @__PURE__ */ jsx13(PlainContent, { text: content });
+  }
+}
+function ArtifactView() {
+  const { data, loading, error } = useApi("/api/artifacts?tree=true");
+  const [expandedDirs, setExpandedDirs] = useState6(/* @__PURE__ */ new Set());
+  const [selectedFile, setSelectedFile] = useState6(null);
+  const [searchMode, setSearchMode] = useState6(false);
+  const [searchQuery, setSearchQuery] = useState6("");
+  const baseUrl = useBaseUrl();
+  const [fileContent, setFileContent] = useState6(null);
+  const [fileLoading, setFileLoading] = useState6(false);
+  const fetchIdRef = useRef5(0);
+  useEffect4(() => {
+    if (!selectedFile) {
+      setFileContent(null);
+      return;
+    }
+    const id = ++fetchIdRef.current;
+    setFileLoading(true);
+    fetch(`${baseUrl}/api/artifacts/${encodeURIComponent(selectedFile.path)}`).then((r) => r.ok ? r.text() : Promise.reject(new Error(`${r.status}`))).then((text) => {
+      if (id === fetchIdRef.current) {
+        setFileContent(text);
+        setFileLoading(false);
+      }
+    }).catch(() => {
+      if (id === fetchIdRef.current) {
+        setFileContent(null);
+        setFileLoading(false);
+      }
+    });
+  }, [baseUrl, selectedFile]);
+  useInput6((input, key) => {
+    if (!searchMode && input === "/") {
+      setSearchQuery("");
+      setSearchMode(true);
+      return;
+    }
+    if (searchMode && key.escape) {
+      setSearchQuery("");
+      setSearchMode(false);
+      return;
+    }
+  }, { isActive: !searchMode });
+  const allItems = flattenTree(data ?? [], expandedDirs);
+  const items = searchQuery ? allItems.filter((item) => item.name.toLowerCase().includes(searchQuery.toLowerCase())) : allItems;
+  const handleSelect = useCallback6(
+    (item) => {
+      if (item.isDir) {
+        setExpandedDirs((prev) => {
+          const next = new Set(prev);
+          if (next.has(item.path)) {
+            next.delete(item.path);
+          } else {
+            next.add(item.path);
+          }
+          return next;
+        });
+      } else {
+        setSelectedFile({ path: item.path, content: "" });
+      }
+    },
+    []
+  );
+  const renderItem = useCallback6(
+    (item, _index, isSelected) => {
+      const indent = "  ".repeat(item.depth);
+      const icon = item.isDir ? expandedDirs.has(item.path) ? "v " : "> " : "  ";
+      return /* @__PURE__ */ jsxs12(Text12, { color: isSelected ? "cyan" : void 0, children: [
+        indent,
+        icon,
+        item.name
+      ] });
+    },
+    [expandedDirs]
+  );
+  if (loading && !data) {
+    return /* @__PURE__ */ jsx13(Box11, { children: /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: "Loading artifacts..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx13(Box11, { children: /* @__PURE__ */ jsxs12(Text12, { color: "red", children: [
+      "Error: ",
+      error.message
+    ] }) });
+  }
+  if (!data || data.length === 0) {
+    return /* @__PURE__ */ jsxs12(Box11, { flexDirection: "column", padding: 1, children: [
+      /* @__PURE__ */ jsx13(Text12, { bold: true, color: "cyan", children: "Artifacts" }),
+      /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: "No artifacts found." })
+    ] });
+  }
+  let rightContent;
+  if (selectedFile && fileContent) {
+    const fileType = getFileType(selectedFile.path);
+    rightContent = /* @__PURE__ */ jsxs12(Box11, { flexDirection: "column", paddingLeft: 1, children: [
+      /* @__PURE__ */ jsx13(Text12, { bold: true, dimColor: true, children: selectedFile.path }),
+      /* @__PURE__ */ jsx13(Box11, { marginTop: 1, flexDirection: "column", children: /* @__PURE__ */ jsx13(ContentPreview, { content: fileContent, fileType }) })
+    ] });
+  } else if (selectedFile && fileLoading) {
+    rightContent = /* @__PURE__ */ jsx13(Box11, { paddingLeft: 1, children: /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: "Loading file..." }) });
+  } else {
+    rightContent = /* @__PURE__ */ jsx13(Box11, { paddingLeft: 1, children: /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: "Select a file to preview" }) });
+  }
+  if (searchMode) {
+    return /* @__PURE__ */ jsxs12(Box11, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs12(Box11, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx13(Text12, { bold: true, color: "cyan", children: "Search Artifacts" }),
+        /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: " Esc=clear" })
+      ] }),
+      /* @__PURE__ */ jsx13(
+        TextInput3,
+        {
+          placeholder: "Search by filename...",
+          defaultValue: searchQuery,
+          onChange: setSearchQuery,
+          onSubmit: () => setSearchMode(false)
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs12(Box11, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsxs12(Box11, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx13(Text12, { bold: true, color: "cyan", children: "Artifacts" }),
+      /* @__PURE__ */ jsxs12(Text12, { dimColor: true, children: [
+        " (",
+        items.length,
+        " items) [/]search"
+      ] })
+    ] }),
+    searchQuery && /* @__PURE__ */ jsxs12(Box11, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: "Filter: " }),
+      /* @__PURE__ */ jsx13(Text12, { color: "yellow", children: searchQuery })
+    ] }),
+    /* @__PURE__ */ jsx13(
+      SplitPane,
+      {
+        ratio: 35,
+        left: /* @__PURE__ */ jsx13(
+          ScrollableList,
+          {
+            items,
+            renderItem,
+            onSelect: handleSelect,
+            getItemKey: (item) => item.path
+          }
+        ),
+        right: rightContent
+      }
+    )
+  ] });
+}
+
+// src/views/TeamView.tsx
+import { useState as useState7, useCallback as useCallback7 } from "react";
+import { Box as Box12, Text as Text13, useInput as useInput7 } from "ink";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+var SKILL_PREFIX_MAP = {
+  "TC-": "Coordinate",
+  "TLV4-": "Lifecycle",
+  "QA-": "QA",
+  "RV-": "Review",
+  "TST-": "Testing",
+  "TFD-": "Frontend Debug",
+  "TPO-": "Perf Opt",
+  "TTD-": "Tech Debt",
+  "TPX-": "Plan & Execute",
+  "TBS-": "Brainstorm",
+  "TRD-": "Roadmap Dev",
+  "TIS-": "Issue",
+  "TID-": "Iter Dev",
+  "TUA-": "Ultra Analyze",
+  "TUX-": "UX Improve",
+  "TUI-": "UI Design",
+  "TAO-": "Arch Opt"
+};
+function inferSkill(sessionId) {
+  for (const [prefix, label] of Object.entries(SKILL_PREFIX_MAP)) {
+    if (sessionId.startsWith(prefix)) return label;
+  }
+  return "Team";
+}
+var STATUS_COLORS = {
+  active: "yellow",
+  completed: "green",
+  failed: "red",
+  archived: "gray",
+  done: "green",
+  in_progress: "yellow",
+  pending: "gray",
+  skipped: "gray",
+  injected: "magenta"
+};
+var DETAIL_TABS = ["Pipeline", "Roles", "Messages", "Files"];
+function ProgressBar({ completed, total }) {
+  const width = 12;
+  const pct = total > 0 ? completed / total : 0;
+  const filled = Math.round(pct * width);
+  const empty = width - filled;
+  return /* @__PURE__ */ jsxs13(Text13, { children: [
+    /* @__PURE__ */ jsx14(Text13, { color: "green", children: "#".repeat(filled) }),
+    /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "-".repeat(empty) }),
+    /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+      " ",
+      completed,
+      "/",
+      total
+    ] })
+  ] });
+}
+function PipelineTab({ detail }) {
+  const nodes = detail.pipeline?.waves ? detail.pipeline.waves.flatMap((w) => w.nodes) : detail.pipelineStages ?? [];
+  if (nodes.length === 0) {
+    return /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "No pipeline nodes." });
+  }
+  return /* @__PURE__ */ jsx14(Box12, { flexDirection: "column", children: nodes.map((node) => /* @__PURE__ */ jsxs13(Box12, { gap: 1, children: [
+    /* @__PURE__ */ jsx14(StatusDot, { status: node.status, colorMap: STATUS_COLORS }),
+    /* @__PURE__ */ jsx14(Text13, { children: node.name }),
+    /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+      "(",
+      node.status,
+      ")"
+    ] }),
+    node.wave != null && /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+      "wave:",
+      node.wave
+    ] })
+  ] }, node.id)) });
+}
+function RolesTab({ detail }) {
+  const roles = detail.roleDetails ?? [];
+  if (roles.length === 0) {
+    return /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "No role details." });
+  }
+  return /* @__PURE__ */ jsxs13(Box12, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs13(Box12, { gap: 2, children: [
+      /* @__PURE__ */ jsx14(Box12, { width: 16, children: /* @__PURE__ */ jsx14(Text13, { bold: true, children: "Role" }) }),
+      /* @__PURE__ */ jsx14(Box12, { width: 8, children: /* @__PURE__ */ jsx14(Text13, { bold: true, children: "Status" }) }),
+      /* @__PURE__ */ jsx14(Box12, { width: 6, children: /* @__PURE__ */ jsx14(Text13, { bold: true, children: "Tasks" }) }),
+      /* @__PURE__ */ jsx14(Box12, { width: 6, children: /* @__PURE__ */ jsx14(Text13, { bold: true, children: "Loop" }) })
+    ] }),
+    roles.map((role) => /* @__PURE__ */ jsxs13(Box12, { gap: 2, children: [
+      /* @__PURE__ */ jsx14(Box12, { width: 16, children: /* @__PURE__ */ jsx14(Text13, { children: role.name }) }),
+      /* @__PURE__ */ jsx14(Box12, { width: 8, children: /* @__PURE__ */ jsx14(StatusDot, { status: role.status, colorMap: STATUS_COLORS, showLabel: true }) }),
+      /* @__PURE__ */ jsx14(Box12, { width: 6, children: /* @__PURE__ */ jsx14(Text13, { children: role.taskCount }) }),
+      /* @__PURE__ */ jsx14(Box12, { width: 6, children: /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: role.innerLoop ? "yes" : "no" }) })
+    ] }, role.prefix))
+  ] });
+}
+function MessagesTab({ detail }) {
+  const messages = detail.messages ?? [];
+  if (messages.length === 0) {
+    return /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "No messages." });
+  }
+  return /* @__PURE__ */ jsx14(Box12, { flexDirection: "column", children: messages.map((msg) => /* @__PURE__ */ jsxs13(Box12, { gap: 1, children: [
+    /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: msg.ts.slice(11, 19) }),
+    /* @__PURE__ */ jsx14(Text13, { color: "cyan", children: msg.from }),
+    /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+      "-",
+      ">"
+    ] }),
+    /* @__PURE__ */ jsx14(Text13, { color: "yellow", children: msg.to }),
+    /* @__PURE__ */ jsxs13(Text13, { children: [
+      " ",
+      msg.summary
+    ] })
+  ] }, msg.id)) });
+}
+function FilesTab({ detail }) {
+  const files = detail.files ?? [];
+  if (files.length === 0) {
+    return /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "No files." });
+  }
+  return /* @__PURE__ */ jsx14(Box12, { flexDirection: "column", children: files.map((file) => /* @__PURE__ */ jsxs13(Box12, { gap: 1, children: [
+    /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+      "[",
+      file.category,
+      "]"
+    ] }),
+    /* @__PURE__ */ jsx14(Text13, { color: file.isNew ? "green" : void 0, children: file.name }),
+    file.status && /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+      "(",
+      file.status,
+      ")"
+    ] })
+  ] }, file.id)) });
+}
+function TeamView() {
+  const [mode, setMode] = useState7("list");
+  const [selectedSessionId, setSelectedSessionId] = useState7(null);
+  const [activeTab, setActiveTab] = useState7(0);
+  const { data: sessions, loading, error } = useApi(
+    "/api/teams/sessions"
+  );
+  const { data: detail } = useApi(
+    `/api/teams/sessions/${selectedSessionId}`,
+    { skip: !selectedSessionId || mode !== "detail" }
+  );
+  useInput7(
+    (_input, key) => {
+      if (key.escape && mode === "detail") {
+        setMode("list");
+        setSelectedSessionId(null);
+      }
+    },
+    { isActive: mode === "detail" }
+  );
+  const handleSelectSession = useCallback7(
+    (session) => {
+      setSelectedSessionId(session.sessionId);
+      setActiveTab(0);
+      setMode("detail");
+    },
+    []
+  );
+  const renderSessionItem = useCallback7(
+    (session, _index, isSelected) => {
+      const skill2 = inferSkill(session.sessionId);
+      return /* @__PURE__ */ jsxs13(Box12, { gap: 1, children: [
+        /* @__PURE__ */ jsx14(StatusDot, { status: session.status, colorMap: STATUS_COLORS }),
+        /* @__PURE__ */ jsx14(Text13, { bold: isSelected, color: isSelected ? "cyan" : void 0, children: session.title || session.sessionId }),
+        /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+          "[",
+          skill2,
+          "]"
+        ] }),
+        /* @__PURE__ */ jsx14(
+          ProgressBar,
+          {
+            completed: session.taskProgress.completed,
+            total: session.taskProgress.total
+          }
+        ),
+        /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: session.duration })
+      ] });
+    },
+    []
+  );
+  if (loading && !sessions) {
+    return /* @__PURE__ */ jsx14(Box12, { children: /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "Loading team sessions..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx14(Box12, { children: /* @__PURE__ */ jsxs13(Text13, { color: "red", children: [
+      "Error: ",
+      error.message
+    ] }) });
+  }
+  if (mode === "list") {
+    if (!sessions || sessions.length === 0) {
+      return /* @__PURE__ */ jsxs13(Box12, { flexDirection: "column", padding: 1, children: [
+        /* @__PURE__ */ jsx14(Text13, { bold: true, color: "cyan", children: "Team Sessions" }),
+        /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "No team sessions found." })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs13(Box12, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs13(Box12, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx14(Text13, { bold: true, color: "cyan", children: "Team Sessions" }),
+        /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+          " (",
+          sessions.length,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx14(
+        ScrollableList,
+        {
+          items: sessions,
+          renderItem: renderSessionItem,
+          onSelect: handleSelectSession
+        }
+      )
+    ] });
+  }
+  if (!detail) {
+    return /* @__PURE__ */ jsx14(Box12, { children: /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "Loading session detail..." }) });
+  }
+  const skill = inferSkill(detail.sessionId);
+  let tabContent;
+  switch (activeTab) {
+    case 0:
+      tabContent = /* @__PURE__ */ jsx14(PipelineTab, { detail });
+      break;
+    case 1:
+      tabContent = /* @__PURE__ */ jsx14(RolesTab, { detail });
+      break;
+    case 2:
+      tabContent = /* @__PURE__ */ jsx14(MessagesTab, { detail });
+      break;
+    case 3:
+      tabContent = /* @__PURE__ */ jsx14(FilesTab, { detail });
+      break;
+    default:
+      tabContent = /* @__PURE__ */ jsx14(PipelineTab, { detail });
+  }
+  return /* @__PURE__ */ jsxs13(Box12, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsxs13(Box12, { gap: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx14(StatusDot, { status: detail.status, colorMap: STATUS_COLORS }),
+      /* @__PURE__ */ jsx14(Text13, { bold: true, color: "cyan", children: detail.title || detail.sessionId }),
+      /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+        "[",
+        skill,
+        "]"
+      ] }),
+      /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "| Esc=back" })
+    ] }),
+    /* @__PURE__ */ jsxs13(Box12, { gap: 2, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx14(
+        ProgressBar,
+        {
+          completed: detail.taskProgress.completed,
+          total: detail.taskProgress.total
+        }
+      ),
+      /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+        "Roles: ",
+        detail.roles.length
+      ] }),
+      /* @__PURE__ */ jsxs13(Text13, { dimColor: true, children: [
+        "Messages: ",
+        detail.messageCount
+      ] }),
+      /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: detail.duration })
+    ] }),
+    /* @__PURE__ */ jsx14(Box12, { marginBottom: 1, children: /* @__PURE__ */ jsx14(
+      FilterBar,
+      {
+        options: [...DETAIL_TABS],
+        activeIndex: activeTab,
+        onSelect: setActiveTab
+      }
+    ) }),
+    /* @__PURE__ */ jsx14(Box12, { flexDirection: "column", flexGrow: 1, children: tabContent })
+  ] });
+}
+
+// src/views/RequirementView.tsx
+import { useState as useState9, useCallback as useCallback9, useEffect as useEffect6 } from "react";
+import { Box as Box14, Text as Text15, useInput as useInput9 } from "ink";
+import { TextInput as TextInput4, Select as Select2 } from "@inkjs/ui";
+
+// src/views/requirement/RequirementBoard.tsx
+import { useState as useState8, useEffect as useEffect5 } from "react";
+import { Box as Box13, Text as Text14, useInput as useInput8 } from "ink";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+var COLUMNS = [
+  { key: "title", label: "Title", width: 30 },
+  {
+    key: "status",
+    label: "Status",
+    width: 14,
+    render: (value) => /* @__PURE__ */ jsx15(StatusDot, { status: String(value), showLabel: true })
+  },
+  {
+    key: "executor",
+    label: "Executor",
+    width: 16,
+    render: (value) => /* @__PURE__ */ jsx15(Text14, { dimColor: true, children: value ? String(value) : "-" })
+  }
+];
+function RequirementBoard({ items: initialItems, onBack }) {
+  const [boardItems, setBoardItems] = useState8(initialItems);
+  const [selectedRow, setSelectedRow] = useState8(0);
+  const execStarted = useWsEvent("execution:started");
+  const execCompleted = useWsEvent("execution:completed");
+  useEffect5(() => {
+    if (execStarted) {
+      setBoardItems(
+        (prev) => prev.map(
+          (item) => item.issueId === execStarted.issueId ? { ...item, status: "in_progress", executor: execStarted.executor } : item
+        )
+      );
+    }
+  }, [execStarted]);
+  useEffect5(() => {
+    if (execCompleted) {
+      setBoardItems(
+        (prev) => prev.map(
+          (item) => item.issueId === execCompleted.issueId ? { ...item, status: "completed" } : item
+        )
+      );
+    }
+  }, [execCompleted]);
+  useInput8((_input, key) => {
+    if (key.escape) {
+      onBack();
+      return;
+    }
+    if (key.upArrow) setSelectedRow((prev) => Math.max(0, prev - 1));
+    if (key.downArrow) setSelectedRow((prev) => Math.min(boardItems.length - 1, prev + 1));
+  });
+  return /* @__PURE__ */ jsxs14(Box13, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsxs14(Box13, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx15(Text14, { bold: true, color: "cyan", children: "Requirement Board" }),
+      /* @__PURE__ */ jsxs14(Text14, { dimColor: true, children: [
+        " (",
+        boardItems.length,
+        " items) Esc=back"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx15(
+      DataTable,
+      {
+        columns: COLUMNS,
+        data: boardItems,
+        selectedIndex: selectedRow
+      }
+    )
+  ] });
+}
+
+// src/views/RequirementView.tsx
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+var DEPTH_OPTIONS = ["high-level", "standard", "atomic"];
+var METHOD_OPTIONS = ["sdk", "cli"];
+var CHECKLIST_COLUMNS = [
+  { key: "title", label: "Title", width: 30 },
+  { key: "type", label: "Type", width: 14 },
+  { key: "priority", label: "Priority", width: 10 },
+  { key: "estimated_effort", label: "Effort", width: 10 },
+  {
+    key: "dependencies",
+    label: "Deps",
+    width: 16,
+    render: (value) => /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: value.length > 0 ? value.join(", ") : "-" })
+  }
+];
+function ProgressBar2({ progress, width = 30 }) {
+  const filled = Math.round(progress / 100 * width);
+  const empty = width - filled;
+  return /* @__PURE__ */ jsxs15(Box14, { children: [
+    /* @__PURE__ */ jsx16(Text15, { color: "green", children: "#".repeat(filled) }),
+    /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "-".repeat(empty) }),
+    /* @__PURE__ */ jsxs15(Text15, { children: [
+      " ",
+      progress,
+      "%"
+    ] })
+  ] });
+}
+function RequirementView() {
+  const [mode, setMode] = useState9("history");
+  const [inputText, setInputText] = useState9("");
+  const [depthIndex, setDepthIndex] = useState9(1);
+  const [methodIndex, setMethodIndex] = useState9(0);
+  const [currentRequirementId, setCurrentRequirementId] = useState9(null);
+  const [resultItems, setResultItems] = useState9([]);
+  const [resultTitle, setResultTitle] = useState9("");
+  const [commitMode, setCommitMode] = useState9("issues");
+  const [commitResult, setCommitResult] = useState9(null);
+  const [selectedRow, setSelectedRow] = useState9(0);
+  const [refineText, setRefineText] = useState9("");
+  const [continueFromId, setContinueFromId] = useState9(null);
+  const [editStep, setEditStep] = useState9("title");
+  const [editTitle, setEditTitle] = useState9("");
+  const [editType, setEditType] = useState9("");
+  const [editPriority, setEditPriority] = useState9("");
+  const { send } = useWs();
+  const { data: history, loading: historyLoading, refetch: refetchHistory } = useApi(
+    "/api/requirements",
+    { skip: mode !== "history" }
+  );
+  const progressData = useWsEvent("requirement:progress");
+  const expandedData = useWsEvent("requirement:expanded");
+  const committedData = useWsEvent("requirement:committed");
+  useEffect6(() => {
+    if (mode === "expanding" && expandedData?.requirement) {
+      const req = expandedData.requirement;
+      if (!currentRequirementId || req.id === currentRequirementId) {
+        setCurrentRequirementId(req.id);
+        setResultItems(req.items);
+        setResultTitle(req.title);
+        setSelectedRow(0);
+        setMode("result");
+      }
+    }
+  }, [expandedData, mode, currentRequirementId]);
+  useEffect6(() => {
+    if (mode === "commit" && committedData) {
+      if (currentRequirementId && committedData.requirementId === currentRequirementId) {
+        if (committedData.mode === "issues" && committedData.issueIds) {
+          setCommitResult(`Created ${committedData.issueIds.length} issue(s): ${committedData.issueIds.join(", ")}`);
+        } else if (committedData.mode === "coordinate" && committedData.coordinateSessionId) {
+          setCommitResult(`Coordinate session started: ${committedData.coordinateSessionId}`);
+        } else {
+          setCommitResult("Committed successfully.");
+        }
+      }
+    }
+  }, [committedData, mode, currentRequirementId]);
+  useEffect6(() => {
+    if (expandedData?.requirement && !currentRequirementId) {
+      setCurrentRequirementId(expandedData.requirement.id);
+    }
+  }, [expandedData, currentRequirementId]);
+  useInput9((input, key) => {
+    if (key.escape) {
+      if (mode === "input") {
+        setMode("history");
+        setInputText("");
+        setContinueFromId(null);
+        refetchHistory();
+        return;
+      }
+      if (mode === "result" || mode === "commit") {
+        setMode("history");
+        setInputText("");
+        setCommitResult(null);
+        setContinueFromId(null);
+        refetchHistory();
+        return;
+      }
+      if (mode === "refine" || mode === "edit-item") {
+        setMode("result");
+        return;
+      }
+      if (mode === "board") {
+        setMode("result");
+        return;
+      }
+    }
+    if (mode === "history") {
+      if (input === "n") {
+        setContinueFromId(null);
+        setMode("input");
+        setInputText("");
+        setDepthIndex(1);
+        setMethodIndex(0);
+        return;
+      }
+    }
+    if (mode === "input") {
+      if (key.tab) {
+        if (depthIndex === DEPTH_OPTIONS.length - 1) {
+          setDepthIndex(0);
+          setMethodIndex((prev) => (prev + 1) % METHOD_OPTIONS.length);
+        } else {
+          setDepthIndex((prev) => prev + 1);
+        }
+        return;
+      }
+    }
+    if (mode === "result") {
+      if (key.upArrow) {
+        setSelectedRow((prev) => Math.max(0, prev - 1));
+        return;
+      }
+      if (key.downArrow) {
+        setSelectedRow((prev) => Math.min(resultItems.length - 1, prev + 1));
+        return;
+      }
+      if (input === "c") {
+        setCommitMode("issues");
+        setCommitResult(null);
+        setMode("commit");
+        return;
+      }
+      if (input === "r") {
+        setRefineText("");
+        setMode("refine");
+        return;
+      }
+      if (input === "e" && resultItems[selectedRow]) {
+        const item = resultItems[selectedRow];
+        setEditTitle(item.title);
+        setEditType(item.type ?? "");
+        setEditPriority(item.priority ?? "");
+        setEditStep("title");
+        setMode("edit-item");
+        return;
+      }
+      if (input === "b") {
+        setMode("board");
+        return;
+      }
+      if (input === "n") {
+        setContinueFromId(currentRequirementId);
+        setMode("input");
+        setInputText("");
+        setDepthIndex(1);
+        setMethodIndex(0);
+        return;
+      }
+    }
+    if (mode === "commit" && !commitResult) {
+      if (key.tab) {
+        setCommitMode((prev) => prev === "issues" ? "coordinate" : "issues");
+        return;
+      }
+      if (key.return && currentRequirementId) {
+        send({
+          action: "requirement:commit",
+          requirementId: currentRequirementId,
+          mode: commitMode
+        });
+        return;
+      }
+    }
+  });
+  const renderHistoryItem = useCallback9(
+    (item, _index, isSelected) => /* @__PURE__ */ jsxs15(Box14, { children: [
+      /* @__PURE__ */ jsxs15(Text15, { color: isSelected ? "cyan" : statusColor(item.status), children: [
+        "[",
+        item.status,
+        "]"
+      ] }),
+      /* @__PURE__ */ jsxs15(Text15, { color: isSelected ? "cyan" : void 0, children: [
+        " ",
+        item.title || item.userInput
+      ] }),
+      /* @__PURE__ */ jsxs15(Text15, { dimColor: true, children: [
+        " (",
+        item.items.length,
+        " items, ",
+        item.depth,
+        ")"
+      ] })
+    ] }),
+    []
+  );
+  const handleSelectHistory = useCallback9(
+    (item) => {
+      setCurrentRequirementId(item.id);
+      setResultItems(item.items);
+      setResultTitle(item.title);
+      setSelectedRow(0);
+      setMode("result");
+    },
+    []
+  );
+  if (mode === "history") {
+    if (historyLoading && !history) {
+      return /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", padding: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { bold: true, color: "cyan", children: "Requirements" }),
+        /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Loading history..." })
+      ] });
+    }
+    const items = history ?? [];
+    return /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs15(Box14, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { bold: true, color: "cyan", children: "Requirements" }),
+        /* @__PURE__ */ jsxs15(Text15, { dimColor: true, children: [
+          " (",
+          items.length,
+          " expansions) | "
+        ] }),
+        /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "n: new | q: quit" })
+      ] }),
+      /* @__PURE__ */ jsx16(
+        ScrollableList,
+        {
+          items,
+          renderItem: renderHistoryItem,
+          onSelect: handleSelectHistory
+        }
+      )
+    ] });
+  }
+  if (mode === "input") {
+    return /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", padding: 1, children: [
+      /* @__PURE__ */ jsx16(Text15, { bold: true, color: "cyan", children: continueFromId ? "Continue Planning" : "New Requirement" }),
+      continueFromId && /* @__PURE__ */ jsxs15(Box14, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { color: "magenta", children: "Continue from: " }),
+        /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: resultTitle || continueFromId })
+      ] }),
+      /* @__PURE__ */ jsxs15(Box14, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { children: "Text: " }),
+        /* @__PURE__ */ jsx16(
+          TextInput4,
+          {
+            placeholder: continueFromId ? "Describe additional requirements..." : "Enter requirement text...",
+            defaultValue: inputText,
+            onChange: setInputText,
+            onSubmit: (value) => {
+              if (value.trim().length > 0) {
+                send({
+                  action: "requirement:expand",
+                  text: value.trim(),
+                  depth: DEPTH_OPTIONS[depthIndex],
+                  method: METHOD_OPTIONS[methodIndex],
+                  ...continueFromId ? { previousRequirementId: continueFromId } : {}
+                });
+                setCurrentRequirementId(null);
+                setContinueFromId(null);
+                setMode("expanding");
+              }
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs15(Box14, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { children: "Depth: " }),
+        DEPTH_OPTIONS.map((d, i) => /* @__PURE__ */ jsxs15(Text15, { color: i === depthIndex ? "cyan" : "gray", children: [
+          i === depthIndex ? `[${d}]` : ` ${d} `,
+          " "
+        ] }, d)),
+        /* @__PURE__ */ jsx16(Text15, { children: "  Method: " }),
+        METHOD_OPTIONS.map((m, i) => /* @__PURE__ */ jsxs15(Text15, { color: i === methodIndex ? "green" : "gray", children: [
+          i === methodIndex ? `[${m.toUpperCase()}]` : ` ${m.toUpperCase()} `,
+          " "
+        ] }, m))
+      ] }),
+      /* @__PURE__ */ jsx16(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Tab: cycle depth/method | Enter: expand | Esc: cancel" }) })
+    ] });
+  }
+  if (mode === "expanding") {
+    const progress = progressData?.progress ?? 0;
+    const stage = progressData?.stage ?? "preparing";
+    const message = progressData?.message ?? "Starting expansion...";
+    return /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", padding: 1, children: [
+      /* @__PURE__ */ jsx16(Text15, { bold: true, color: "cyan", children: "Expanding Requirement..." }),
+      /* @__PURE__ */ jsxs15(Box14, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { children: "Stage: " }),
+        /* @__PURE__ */ jsx16(Text15, { color: "yellow", children: stage })
+      ] }),
+      /* @__PURE__ */ jsx16(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx16(ProgressBar2, { progress, width: 40 }) }),
+      /* @__PURE__ */ jsx16(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: message }) })
+    ] });
+  }
+  if (mode === "result") {
+    return /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs15(Box14, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { bold: true, color: "cyan", children: resultTitle || "Expansion Result" }),
+        /* @__PURE__ */ jsxs15(Text15, { dimColor: true, children: [
+          " (",
+          resultItems.length,
+          " items)"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx16(
+        DataTable,
+        {
+          columns: CHECKLIST_COLUMNS,
+          data: resultItems,
+          selectedIndex: selectedRow
+        }
+      ),
+      /* @__PURE__ */ jsx16(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Up/Down: navigate | e: edit | r: refine | n: continue | c: commit | b: board | Esc: back" }) })
+    ] });
+  }
+  if (mode === "edit-item") {
+    const EDIT_TYPE_OPTIONS = [
+      { label: "Bug", value: "bug" },
+      { label: "Feature", value: "feature" },
+      { label: "Improvement", value: "improvement" },
+      { label: "Task", value: "task" }
+    ];
+    const EDIT_PRIORITY_OPTIONS = [
+      { label: "Low", value: "low" },
+      { label: "Medium", value: "medium" },
+      { label: "High", value: "high" },
+      { label: "Urgent", value: "urgent" }
+    ];
+    return /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", padding: 1, children: [
+      /* @__PURE__ */ jsxs15(Text15, { bold: true, color: "cyan", children: [
+        "Edit Item #",
+        selectedRow + 1
+      ] }),
+      editStep === "title" && /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { children: "Title:" }),
+        /* @__PURE__ */ jsx16(
+          TextInput4,
+          {
+            placeholder: "Edit title...",
+            defaultValue: editTitle,
+            onChange: setEditTitle,
+            onSubmit: () => setEditStep("type")
+          }
+        )
+      ] }),
+      editStep === "type" && /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { children: "Type:" }),
+        /* @__PURE__ */ jsx16(
+          Select2,
+          {
+            options: EDIT_TYPE_OPTIONS,
+            defaultValue: editType || "task",
+            onChange: (value) => {
+              setEditType(value);
+              setEditStep("priority");
+            }
+          }
+        )
+      ] }),
+      editStep === "priority" && /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", marginTop: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { children: "Priority:" }),
+        /* @__PURE__ */ jsx16(
+          Select2,
+          {
+            options: EDIT_PRIORITY_OPTIONS,
+            defaultValue: editPriority || "medium",
+            onChange: (value) => {
+              setEditPriority(value);
+              setResultItems(
+                (prev) => prev.map(
+                  (item, i) => i === selectedRow ? { ...item, title: editTitle, type: editType, priority: value } : item
+                )
+              );
+              setMode("result");
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx16(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Esc=cancel" }) })
+    ] });
+  }
+  if (mode === "board") {
+    const boardItems = resultItems.map((item) => ({
+      title: item.title,
+      status: "open",
+      executor: void 0,
+      issueId: void 0
+    }));
+    return /* @__PURE__ */ jsx16(
+      RequirementBoard,
+      {
+        items: boardItems,
+        onBack: () => setMode("result")
+      }
+    );
+  }
+  if (mode === "refine") {
+    return /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", padding: 1, children: [
+      /* @__PURE__ */ jsx16(Text15, { bold: true, color: "magenta", children: "Refine Requirement" }),
+      /* @__PURE__ */ jsxs15(Box14, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Current: " }),
+        /* @__PURE__ */ jsx16(Text15, { children: resultTitle }),
+        /* @__PURE__ */ jsxs15(Text15, { dimColor: true, children: [
+          " (",
+          resultItems.length,
+          " items)"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs15(Box14, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { children: "Feedback: " }),
+        /* @__PURE__ */ jsx16(
+          TextInput4,
+          {
+            placeholder: "Provide feedback to refine this expansion...",
+            defaultValue: refineText,
+            onChange: setRefineText,
+            onSubmit: (value) => {
+              if (value.trim().length > 0 && currentRequirementId) {
+                send({
+                  action: "requirement:refine",
+                  requirementId: currentRequirementId,
+                  feedback: value.trim()
+                });
+                setRefineText("");
+                setMode("expanding");
+              }
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx16(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Enter: send feedback | Esc: back to result" }) })
+    ] });
+  }
+  if (mode === "commit") {
+    if (commitResult) {
+      return /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", padding: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { bold: true, color: "green", children: "Commit Complete" }),
+        /* @__PURE__ */ jsx16(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text15, { children: commitResult }) }),
+        /* @__PURE__ */ jsx16(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Esc: back to history" }) })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs15(Box14, { flexDirection: "column", padding: 1, children: [
+      /* @__PURE__ */ jsx16(Text15, { bold: true, color: "cyan", children: "Commit Requirement" }),
+      /* @__PURE__ */ jsxs15(Box14, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx16(Text15, { children: "Mode: " }),
+        /* @__PURE__ */ jsx16(Text15, { color: commitMode === "issues" ? "cyan" : "gray", children: commitMode === "issues" ? "[issues]" : " issues " }),
+        /* @__PURE__ */ jsx16(Text15, { children: " " }),
+        /* @__PURE__ */ jsx16(Text15, { color: commitMode === "coordinate" ? "cyan" : "gray", children: commitMode === "coordinate" ? "[coordinate]" : " coordinate " })
+      ] }),
+      /* @__PURE__ */ jsx16(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: commitMode === "issues" ? "Creates individual issues from checklist items" : "Starts a coordinate session to execute items" }) }),
+      /* @__PURE__ */ jsx16(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: "Tab: toggle mode | Enter: confirm | Esc: cancel" }) })
+    ] });
+  }
+  return null;
+}
+function statusColor(status) {
+  switch (status) {
+    case "done":
+      return "green";
+    case "expanding":
+      return "yellow";
+    case "reviewing":
+      return "blue";
+    case "failed":
+      return "red";
+    case "committing":
+      return "magenta";
+    default:
+      return "gray";
+  }
+}
+
+// src/views/ExecutionView.tsx
+import { useState as useState11, useEffect as useEffect7, useRef as useRef6, useCallback as useCallback12 } from "react";
+import { Box as Box20, Text as Text21, useInput as useInput11 } from "ink";
+
+// src/views/execution/CommanderTab.tsx
+import { Box as Box15, Text as Text16 } from "ink";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+function CommanderTab() {
+  const status = useWsEvent("commander:status");
+  const decision = useWsEvent("commander:decision");
+  const { data: config } = useApi("/api/commander/config");
+  return /* @__PURE__ */ jsxs16(Box15, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx17(Text16, { bold: true, dimColor: true, children: "Commander" }),
+    /* @__PURE__ */ jsxs16(Box15, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsxs16(Box15, { gap: 2, children: [
+        /* @__PURE__ */ jsxs16(Box15, { children: [
+          /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: "State: " }),
+          /* @__PURE__ */ jsx17(Text16, { color: status?.state === "running" ? "green" : status?.state === "paused" ? "yellow" : "gray", children: status?.state ?? "unknown" })
+        ] }),
+        /* @__PURE__ */ jsxs16(Box15, { children: [
+          /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: "Workers: " }),
+          /* @__PURE__ */ jsx17(Text16, { children: status?.activeWorkers ?? 0 })
+        ] }),
+        /* @__PURE__ */ jsxs16(Box15, { children: [
+          /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: "Ticks: " }),
+          /* @__PURE__ */ jsx17(Text16, { children: status?.totalTicks ?? 0 })
+        ] })
+      ] }),
+      status?.lastError && /* @__PURE__ */ jsxs16(Text16, { color: "red", children: [
+        "Error: ",
+        status.lastError
+      ] })
+    ] }),
+    decision && /* @__PURE__ */ jsxs16(Box15, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx17(Text16, { bold: true, dimColor: true, children: "Last Decision" }),
+      /* @__PURE__ */ jsxs16(Box15, { gap: 1, children: [
+        /* @__PURE__ */ jsx17(Text16, { color: "cyan", children: decision.action }),
+        decision.issueId && /* @__PURE__ */ jsxs16(Text16, { dimColor: true, children: [
+          "issue: ",
+          decision.issueId
+        ] })
+      ] }),
+      decision.reason && /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: decision.reason })
+    ] }),
+    config && /* @__PURE__ */ jsxs16(Box15, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx17(Text16, { bold: true, dimColor: true, children: "Config" }),
+      /* @__PURE__ */ jsxs16(Box15, { gap: 1, children: [
+        /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: "Profile:" }),
+        /* @__PURE__ */ jsx17(Text16, { children: config.profile })
+      ] }),
+      /* @__PURE__ */ jsxs16(Box15, { gap: 1, children: [
+        /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: "Model:" }),
+        /* @__PURE__ */ jsx17(Text16, { children: config.decisionModel })
+      ] }),
+      /* @__PURE__ */ jsxs16(Box15, { gap: 1, children: [
+        /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: "Max workers:" }),
+        /* @__PURE__ */ jsx17(Text16, { children: config.maxConcurrentWorkers })
+      ] }),
+      /* @__PURE__ */ jsxs16(Box15, { gap: 1, children: [
+        /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: "Auto-approve:" }),
+        /* @__PURE__ */ jsx17(Text16, { children: config.autoApproveThreshold })
+      ] }),
+      /* @__PURE__ */ jsxs16(Box15, { gap: 1, children: [
+        /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: "Poll interval:" }),
+        /* @__PURE__ */ jsxs16(Text16, { children: [
+          config.pollIntervalMs,
+          "ms"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/views/execution/CoordinatorTab.tsx
+import React11, { useState as useState10, useCallback as useCallback10 } from "react";
+import { Box as Box16, Text as Text17, useInput as useInput10 } from "ink";
+import { TextInput as TextInput5 } from "@inkjs/ui";
+import { Fragment, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+function CoordinatorTab() {
+  const [subMode, setSubMode] = useState10("list");
+  const [intentText, setIntentText] = useState10("");
+  const [clarifyText, setClarifyText] = useState10("");
+  const [steps, setSteps] = useState10([]);
+  const { send } = useWs();
+  const status = useWsEvent("coordinate:status");
+  const stepEvt = useWsEvent("coordinate:step");
+  const clarification = useWsEvent("coordinate:clarification_needed");
+  React11.useEffect(() => {
+    if (stepEvt) {
+      setSteps((prev) => {
+        const exists = prev.find((s) => s.step === stepEvt.step && s.sessionId === stepEvt.sessionId);
+        if (exists) return prev.map((s) => s.step === stepEvt.step && s.sessionId === stepEvt.sessionId ? stepEvt : s);
+        return [...prev, stepEvt];
+      });
+    }
+  }, [stepEvt]);
+  useInput10((input, key) => {
+    if (key.escape) {
+      if (subMode === "input" || subMode === "clarify") {
+        setSubMode("list");
+        return;
+      }
+    }
+    if (subMode === "list") {
+      if (input === "n") {
+        setIntentText("");
+        setSubMode("input");
+        return;
+      }
+      if (input === "x" && status?.sessionId) {
+        send({ action: "coordinate:stop" });
+        return;
+      }
+    }
+  }, { isActive: subMode === "list" });
+  const handleSubmitIntent = useCallback10((value) => {
+    const trimmed = value.trim();
+    if (!trimmed) return;
+    send({ action: "coordinate:start", intent: trimmed });
+    setIntentText("");
+    setSteps([]);
+    setSubMode("list");
+  }, [send]);
+  const handleSubmitClarify = useCallback10((value) => {
+    const trimmed = value.trim();
+    if (!trimmed || !status?.sessionId) return;
+    send({ action: "coordinate:clarify", sessionId: status.sessionId, response: trimmed });
+    setClarifyText("");
+    setSubMode("list");
+  }, [send, status?.sessionId]);
+  React11.useEffect(() => {
+    if (clarification) setSubMode("clarify");
+  }, [clarification]);
+  const renderStep = useCallback10(
+    (step, _index, isSelected) => /* @__PURE__ */ jsxs17(Box16, { gap: 1, children: [
+      /* @__PURE__ */ jsx18(StatusDot, { status: step.status, showLabel: false }),
+      /* @__PURE__ */ jsx18(Text17, { color: isSelected ? "cyan" : void 0, children: step.step }),
+      /* @__PURE__ */ jsxs17(Text17, { dimColor: true, children: [
+        "(",
+        step.status,
+        ")"
+      ] }),
+      step.detail && /* @__PURE__ */ jsx18(Text17, { dimColor: true, children: step.detail.slice(0, 40) })
+    ] }),
+    []
+  );
+  if (subMode === "input") {
+    return /* @__PURE__ */ jsxs17(Box16, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx18(Text17, { bold: true, dimColor: true, children: "New Coordinate Session" }),
+      /* @__PURE__ */ jsxs17(Box16, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx18(Text17, { children: "Intent: " }),
+        /* @__PURE__ */ jsx18(
+          TextInput5,
+          {
+            placeholder: "Describe the coordination intent...",
+            defaultValue: intentText,
+            onChange: setIntentText,
+            onSubmit: handleSubmitIntent
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx18(Text17, { dimColor: true, children: "Enter=start | Esc=cancel" })
+    ] });
+  }
+  if (subMode === "clarify" && clarification) {
+    return /* @__PURE__ */ jsxs17(Box16, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx18(Text17, { bold: true, color: "yellow", children: "Clarification Needed" }),
+      /* @__PURE__ */ jsx18(Text17, { children: clarification.question }),
+      /* @__PURE__ */ jsxs17(Box16, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx18(Text17, { children: "Response: " }),
+        /* @__PURE__ */ jsx18(
+          TextInput5,
+          {
+            placeholder: "Answer...",
+            defaultValue: clarifyText,
+            onChange: setClarifyText,
+            onSubmit: handleSubmitClarify
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx18(Text17, { dimColor: true, children: "Enter=send | Esc=cancel" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs17(Box16, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs17(Box16, { gap: 2, children: [
+      /* @__PURE__ */ jsx18(Text17, { bold: true, dimColor: true, children: "Coordinator" }),
+      status && /* @__PURE__ */ jsxs17(Fragment, { children: [
+        /* @__PURE__ */ jsx18(StatusDot, { status: status.status, showLabel: true }),
+        status.sessionId && /* @__PURE__ */ jsxs17(Text17, { dimColor: true, children: [
+          "(",
+          status.sessionId,
+          ")"
+        ] })
+      ] })
+    ] }),
+    status?.message && /* @__PURE__ */ jsx18(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx18(Text17, { dimColor: true, children: status.message }) }),
+    /* @__PURE__ */ jsx18(Box16, { marginTop: 1, flexDirection: "column", flexGrow: 1, children: steps.length === 0 ? /* @__PURE__ */ jsx18(Text17, { dimColor: true, children: "No coordinate steps yet." }) : /* @__PURE__ */ jsx18(
+      ScrollableList,
+      {
+        items: steps,
+        renderItem: renderStep,
+        isFocused: true
+      }
+    ) }),
+    /* @__PURE__ */ jsx18(Box16, { marginTop: 1, children: /* @__PURE__ */ jsx18(Text17, { dimColor: true, children: "n=new session x=stop" }) })
+  ] });
+}
+
+// src/views/execution/ScheduleTab.tsx
+import { Box as Box17, Text as Text18 } from "ink";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+var COLUMNS2 = [
+  { key: "name", label: "Name", width: 20 },
+  { key: "cron", label: "Cron", width: 16 },
+  { key: "type", label: "Type", width: 12 },
+  {
+    key: "enabled",
+    label: "Enabled",
+    width: 10,
+    render: (value) => /* @__PURE__ */ jsx19(Text18, { color: value ? "green" : "gray", children: value ? "yes" : "no" })
+  },
+  {
+    key: "lastRun",
+    label: "Last Run",
+    width: 20,
+    render: (value) => /* @__PURE__ */ jsx19(Text18, { dimColor: true, children: value ? String(value).slice(0, 19) : "-" })
+  }
+];
+function ScheduleTab() {
+  const { data, loading } = useApi(
+    "/api/supervisor/schedules",
+    { pollInterval: 1e4 }
+  );
+  return /* @__PURE__ */ jsxs18(Box17, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx19(Text18, { bold: true, dimColor: true, children: "Schedules" }),
+    loading && !data ? /* @__PURE__ */ jsx19(Text18, { dimColor: true, children: "Loading schedules..." }) : /* @__PURE__ */ jsx19(DataTable, { columns: COLUMNS2, data: data ?? [] })
+  ] });
+}
+
+// src/views/execution/LearningTab.tsx
+import { Box as Box18, Text as Text19 } from "ink";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+function LearningTab() {
+  const { data, loading } = useApi(
+    "/api/supervisor/learning/stats",
+    { pollInterval: 15e3 }
+  );
+  if (loading && !data) {
+    return /* @__PURE__ */ jsx20(Text19, { dimColor: true, children: "Loading learning stats..." });
+  }
+  if (!data) {
+    return /* @__PURE__ */ jsx20(Text19, { dimColor: true, children: "No learning data available." });
+  }
+  return /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx20(Text19, { bold: true, dimColor: true, children: "Learning" }),
+    /* @__PURE__ */ jsxs19(Box18, { gap: 2, marginTop: 1, children: [
+      /* @__PURE__ */ jsxs19(Box18, { children: [
+        /* @__PURE__ */ jsx20(Text19, { dimColor: true, children: "Total commands: " }),
+        /* @__PURE__ */ jsx20(Text19, { children: data.totalCommands })
+      ] }),
+      /* @__PURE__ */ jsxs19(Box18, { children: [
+        /* @__PURE__ */ jsx20(Text19, { dimColor: true, children: "Unique patterns: " }),
+        /* @__PURE__ */ jsx20(Text19, { children: data.uniquePatterns })
+      ] })
+    ] }),
+    data.topPatterns.length > 0 && /* @__PURE__ */ jsxs19(Box18, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx20(Text19, { bold: true, dimColor: true, children: "Top Patterns" }),
+      data.topPatterns.slice(0, 10).map((p, i) => /* @__PURE__ */ jsxs19(Box18, { gap: 1, children: [
+        /* @__PURE__ */ jsxs19(Text19, { dimColor: true, children: [
+          (i + 1).toString().padStart(2),
+          "."
+        ] }),
+        /* @__PURE__ */ jsx20(Text19, { children: p.pattern }),
+        /* @__PURE__ */ jsxs19(Text19, { dimColor: true, children: [
+          "(",
+          p.count,
+          ")"
+        ] })
+      ] }, i))
+    ] })
+  ] });
+}
+
+// src/views/execution/ExtensionsTab.tsx
+import { useCallback as useCallback11 } from "react";
+import { Box as Box19, Text as Text20 } from "ink";
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+function ExtensionsTab() {
+  const { data, loading } = useApi(
+    "/api/supervisor/extensions",
+    { pollInterval: 15e3 }
+  );
+  const renderItem = useCallback11(
+    (ext, _index, isSelected) => /* @__PURE__ */ jsxs20(Box19, { gap: 1, children: [
+      /* @__PURE__ */ jsxs20(Text20, { color: ext.status === "loaded" ? "green" : ext.status === "error" ? "red" : "gray", children: [
+        "[",
+        ext.status,
+        "]"
+      ] }),
+      /* @__PURE__ */ jsx21(Text20, { color: isSelected ? "cyan" : void 0, bold: isSelected, children: ext.name }),
+      /* @__PURE__ */ jsxs20(Text20, { dimColor: true, children: [
+        "v",
+        ext.version
+      ] })
+    ] }),
+    []
+  );
+  if (loading && !data) {
+    return /* @__PURE__ */ jsx21(Text20, { dimColor: true, children: "Loading extensions..." });
+  }
+  const items = data ?? [];
+  return /* @__PURE__ */ jsxs20(Box19, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx21(Text20, { bold: true, dimColor: true, children: "Extensions" }),
+    items.length === 0 ? /* @__PURE__ */ jsx21(Text20, { dimColor: true, children: "No extensions loaded." }) : /* @__PURE__ */ jsx21(ScrollableList, { items, renderItem })
+  ] });
+}
+
+// src/views/ExecutionView.tsx
+import { Fragment as Fragment2, jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+var TABS = ["Monitor", "Commander", "Coordinator", "Schedule", "Learning", "Extensions"];
+function ElapsedTime({ startedAt }) {
+  const [elapsed, setElapsed] = useState11("");
+  const startRef = useRef6(new Date(startedAt).getTime());
+  useEffect7(() => {
+    startRef.current = new Date(startedAt).getTime();
+    function update() {
+      const diff = Math.floor((Date.now() - startRef.current) / 1e3);
+      const mins = Math.floor(diff / 60);
+      const secs = diff % 60;
+      setElapsed(`${mins}m ${secs.toString().padStart(2, "0")}s`);
+    }
+    update();
+    const timer = setInterval(update, 1e3);
+    return () => clearInterval(timer);
+  }, [startedAt]);
+  return /* @__PURE__ */ jsx22(Text21, { color: "yellow", children: elapsed });
+}
+function ExecutionView() {
+  const [activeTab, setActiveTab] = useState11(0);
+  const [monitorMode, setMonitorMode] = useState11("monitor");
+  const [dispatchConfirm, setDispatchConfirm] = useState11(null);
+  const [dispatchResult, setDispatchResult] = useState11(null);
+  const [batchSelected, setBatchSelected] = useState11(/* @__PURE__ */ new Set());
+  const [batchConfirm, setBatchConfirm] = useState11(false);
+  const [highlightedIssue, setHighlightedIssue] = useState11(null);
+  const baseUrl = useBaseUrl();
+  const { send } = useWs();
+  const schedulerData = useWsEvent("execution:scheduler_status");
+  const { data: restStatus } = useApi(
+    EXECUTION_API_ENDPOINTS.STATUS,
+    { pollInterval: 5e3 }
+  );
+  const status = schedulerData ?? restStatus;
+  const { data: allIssues, loading: issuesLoading, refetch: refetchIssues } = useApi(
+    ISSUE_API_ENDPOINTS.ISSUES,
+    { skip: activeTab !== 0 || monitorMode !== "dispatch" }
+  );
+  const runningIds = new Set(status?.running.map((s) => s.issueId) ?? []);
+  const queuedIds = new Set(status?.queued ?? []);
+  const dispatchableIssues = (allIssues ?? []).filter(
+    (issue) => (issue.status === "open" || issue.status === "registered") && !runningIds.has(issue.id) && !queuedIds.has(issue.id)
+  );
+  useInput11((input, key) => {
+    if (key.escape) {
+      if (batchConfirm) {
+        setBatchConfirm(false);
+        return;
+      }
+      if (dispatchConfirm) {
+        setDispatchConfirm(null);
+        setDispatchResult(null);
+        return;
+      }
+      if (monitorMode === "dispatch") {
+        setMonitorMode("monitor");
+        setDispatchResult(null);
+        setBatchSelected(/* @__PURE__ */ new Set());
+        return;
+      }
+    }
+    if (activeTab === 0 && monitorMode === "monitor") {
+      if (input === "d") {
+        setMonitorMode("dispatch");
+        setDispatchResult(null);
+        refetchIssues();
+        return;
+      }
+      if (input === "t") {
+        const enabled = !status?.enabled;
+        fetch(`${baseUrl}${EXECUTION_API_ENDPOINTS.SUPERVISOR}`, {
+          method: "PUT",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ enabled })
+        }).catch(() => {
+        });
+        return;
+      }
+    }
+    if (activeTab === 0 && monitorMode === "dispatch" && !dispatchConfirm && !batchConfirm) {
+      if (input === " " && highlightedIssue) {
+        toggleBatch(highlightedIssue);
+        return;
+      }
+      if (input === "b" && batchSelected.size > 0) {
+        setBatchConfirm(true);
+        return;
+      }
+    }
+    if (dispatchConfirm && !dispatchResult && key.return) {
+      performDispatch(dispatchConfirm);
+      return;
+    }
+  });
+  const performDispatch = useCallback12(async (issue) => {
+    try {
+      const res = await fetch(`${baseUrl}${EXECUTION_API_ENDPOINTS.DISPATCH}`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ issueId: issue.id })
+      });
+      if (!res.ok) {
+        setDispatchResult(`Error: ${res.status} ${res.statusText}`);
+      } else {
+        setDispatchResult(`Dispatched: ${issue.id} - ${issue.title}`);
+      }
+    } catch (err) {
+      setDispatchResult(`Error: ${err instanceof Error ? err.message : String(err)}`);
+    }
+  }, [baseUrl]);
+  const performBatchDispatch = useCallback12(async () => {
+    try {
+      const res = await fetch(`${baseUrl}${EXECUTION_API_ENDPOINTS.BATCH}`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ issueIds: Array.from(batchSelected) })
+      });
+      if (!res.ok) {
+        setDispatchResult(`Batch error: ${res.status}`);
+      } else {
+        setDispatchResult(`Batch dispatched: ${batchSelected.size} issues`);
+      }
+      setBatchSelected(/* @__PURE__ */ new Set());
+      setBatchConfirm(false);
+    } catch (err) {
+      setDispatchResult(`Error: ${err instanceof Error ? err.message : String(err)}`);
+    }
+  }, [baseUrl, batchSelected]);
+  const handleSelectIssue = useCallback12((issue) => {
+    setDispatchConfirm(issue);
+    setDispatchResult(null);
+  }, []);
+  const toggleBatch = useCallback12((issue) => {
+    setBatchSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(issue.id)) next.delete(issue.id);
+      else next.add(issue.id);
+      return next;
+    });
+  }, []);
+  const renderDispatchItem = useCallback12(
+    (issue, _index, isSelected) => /* @__PURE__ */ jsxs21(Box20, { children: [
+      /* @__PURE__ */ jsx22(Text21, { color: batchSelected.has(issue.id) ? "green" : "gray", children: batchSelected.has(issue.id) ? "[x]" : "[ ]" }),
+      /* @__PURE__ */ jsx22(StatusDot, { status: issue.status }),
+      /* @__PURE__ */ jsxs21(Text21, { color: isSelected ? "cyan" : void 0, children: [
+        " ",
+        issue.id
+      ] }),
+      /* @__PURE__ */ jsxs21(Text21, { color: isSelected ? "cyan" : "white", children: [
+        " ",
+        issue.title
+      ] }),
+      /* @__PURE__ */ jsxs21(Text21, { dimColor: true, children: [
+        " [",
+        issue.type,
+        "/",
+        issue.priority,
+        "]"
+      ] })
+    ] }),
+    [batchSelected]
+  );
+  let tabContent;
+  if (activeTab === 0) {
+    if (monitorMode === "dispatch") {
+      if (batchConfirm) {
+        tabContent = /* @__PURE__ */ jsx22(
+          ConfirmDialog,
+          {
+            message: `Dispatch ${batchSelected.size} issues in batch?`,
+            onConfirm: performBatchDispatch,
+            onCancel: () => setBatchConfirm(false)
+          }
+        );
+      } else if (dispatchConfirm) {
+        if (dispatchResult) {
+          tabContent = /* @__PURE__ */ jsxs21(Box20, { flexDirection: "column", padding: 1, children: [
+            /* @__PURE__ */ jsx22(Text21, { bold: true, color: dispatchResult.startsWith("Error") ? "red" : "green", children: dispatchResult }),
+            /* @__PURE__ */ jsx22(Box20, { marginTop: 1, children: /* @__PURE__ */ jsx22(Text21, { dimColor: true, children: "Esc: back to list" }) })
+          ] });
+        } else {
+          tabContent = /* @__PURE__ */ jsxs21(Box20, { flexDirection: "column", padding: 1, children: [
+            /* @__PURE__ */ jsx22(Text21, { bold: true, color: "cyan", children: "Confirm Dispatch" }),
+            /* @__PURE__ */ jsxs21(Box20, { marginTop: 1, flexDirection: "column", children: [
+              /* @__PURE__ */ jsxs21(Text21, { children: [
+                "Issue: ",
+                /* @__PURE__ */ jsx22(Text21, { bold: true, children: dispatchConfirm.id })
+              ] }),
+              /* @__PURE__ */ jsxs21(Text21, { children: [
+                "Title: ",
+                dispatchConfirm.title
+              ] }),
+              /* @__PURE__ */ jsxs21(Text21, { children: [
+                "Type: ",
+                dispatchConfirm.type,
+                " | Priority: ",
+                dispatchConfirm.priority
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx22(Box20, { marginTop: 1, children: /* @__PURE__ */ jsx22(Text21, { dimColor: true, children: "Enter=confirm Esc=cancel" }) })
+          ] });
+        }
+      } else {
+        tabContent = /* @__PURE__ */ jsxs21(Box20, { flexDirection: "column", flexGrow: 1, children: [
+          /* @__PURE__ */ jsxs21(Box20, { marginBottom: 1, children: [
+            /* @__PURE__ */ jsx22(Text21, { bold: true, color: "cyan", children: "Dispatch Issue" }),
+            /* @__PURE__ */ jsxs21(Text21, { dimColor: true, children: [
+              " (",
+              dispatchableIssues.length,
+              ") Esc=back Space=toggle [b]atch"
+            ] })
+          ] }),
+          issuesLoading && !allIssues ? /* @__PURE__ */ jsx22(Text21, { dimColor: true, children: "Loading issues..." }) : dispatchableIssues.length === 0 ? /* @__PURE__ */ jsx22(Text21, { dimColor: true, children: "No dispatchable issues found." }) : /* @__PURE__ */ jsx22(
+            ScrollableList,
+            {
+              items: dispatchableIssues,
+              renderItem: renderDispatchItem,
+              onSelect: handleSelectIssue,
+              onHighlight: (item) => setHighlightedIssue(item)
+            }
+          ),
+          batchSelected.size > 0 && /* @__PURE__ */ jsx22(Box20, { marginTop: 1, children: /* @__PURE__ */ jsxs21(Text21, { color: "green", children: [
+            batchSelected.size,
+            " selected for batch"
+          ] }) })
+        ] });
+      }
+    } else {
+      const running = status?.running ?? [];
+      const queueLength = status?.queued?.length ?? 0;
+      const stats = status?.stats;
+      tabContent = /* @__PURE__ */ jsxs21(Box20, { flexDirection: "column", flexGrow: 1, children: [
+        /* @__PURE__ */ jsxs21(Box20, { marginBottom: 1, gap: 2, children: [
+          /* @__PURE__ */ jsxs21(Box20, { children: [
+            /* @__PURE__ */ jsx22(Text21, { dimColor: true, children: "Slots: " }),
+            /* @__PURE__ */ jsx22(Text21, { color: "green", children: running.length })
+          ] }),
+          /* @__PURE__ */ jsxs21(Box20, { children: [
+            /* @__PURE__ */ jsx22(Text21, { dimColor: true, children: "Queued: " }),
+            /* @__PURE__ */ jsx22(Text21, { color: "yellow", children: queueLength })
+          ] }),
+          stats && /* @__PURE__ */ jsxs21(Fragment2, { children: [
+            /* @__PURE__ */ jsxs21(Box20, { children: [
+              /* @__PURE__ */ jsx22(Text21, { dimColor: true, children: "Completed: " }),
+              /* @__PURE__ */ jsx22(Text21, { color: "green", children: stats.totalCompleted })
+            ] }),
+            /* @__PURE__ */ jsxs21(Box20, { children: [
+              /* @__PURE__ */ jsx22(Text21, { dimColor: true, children: "Failed: " }),
+              /* @__PURE__ */ jsx22(Text21, { color: "red", children: stats.totalFailed })
+            ] }),
+            /* @__PURE__ */ jsxs21(Box20, { children: [
+              /* @__PURE__ */ jsx22(Text21, { dimColor: true, children: "Total: " }),
+              /* @__PURE__ */ jsx22(Text21, { children: stats.totalDispatched })
+            ] })
+          ] })
+        ] }),
+        running.length === 0 ? /* @__PURE__ */ jsx22(Text21, { dimColor: true, children: "No active execution slots." }) : /* @__PURE__ */ jsxs21(Box20, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsxs21(Box20, { children: [
+            /* @__PURE__ */ jsx22(Box20, { width: 14, flexShrink: 0, children: /* @__PURE__ */ jsx22(Text21, { bold: true, underline: true, children: "Executor" }) }),
+            /* @__PURE__ */ jsx22(Box20, { width: 12, flexShrink: 0, children: /* @__PURE__ */ jsx22(Text21, { bold: true, underline: true, children: "Issue" }) }),
+            /* @__PURE__ */ jsx22(Box20, { width: 10, flexShrink: 0, children: /* @__PURE__ */ jsx22(Text21, { bold: true, underline: true, children: "Elapsed" }) }),
+            /* @__PURE__ */ jsx22(Box20, { flexShrink: 0, children: /* @__PURE__ */ jsx22(Text21, { bold: true, underline: true, children: "Process" }) })
+          ] }),
+          running.map((slot) => /* @__PURE__ */ jsxs21(Box20, { children: [
+            /* @__PURE__ */ jsxs21(Box20, { width: 14, flexShrink: 0, children: [
+              /* @__PURE__ */ jsx22(StatusDot, { status: "in_progress" }),
+              /* @__PURE__ */ jsxs21(Text21, { children: [
+                " ",
+                slot.executor
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx22(Box20, { width: 12, flexShrink: 0, children: /* @__PURE__ */ jsx22(Text21, { children: slot.issueId }) }),
+            /* @__PURE__ */ jsx22(Box20, { width: 10, flexShrink: 0, children: /* @__PURE__ */ jsx22(ElapsedTime, { startedAt: slot.startedAt }) }),
+            /* @__PURE__ */ jsx22(Box20, { flexShrink: 0, children: /* @__PURE__ */ jsx22(Text21, { dimColor: true, children: slot.processId.slice(0, 8) }) })
+          ] }, slot.processId))
+        ] }),
+        /* @__PURE__ */ jsx22(Box20, { marginTop: 1, children: /* @__PURE__ */ jsxs21(Text21, { dimColor: true, children: [
+          "Scheduler: ",
+          status?.enabled ? "enabled" : "disabled",
+          status?.isCommanderActive ? " | Commander: active" : "",
+          status?.lastTickAt ? ` | Last tick: ${new Date(status.lastTickAt).toLocaleTimeString()}` : ""
+        ] }) }),
+        /* @__PURE__ */ jsx22(Box20, { marginTop: 1, children: /* @__PURE__ */ jsx22(Text21, { dimColor: true, children: "d=dispatch t=toggle supervisor" }) })
+      ] });
+    }
+  } else if (activeTab === 1) {
+    tabContent = /* @__PURE__ */ jsx22(CommanderTab, {});
+  } else if (activeTab === 2) {
+    tabContent = /* @__PURE__ */ jsx22(CoordinatorTab, {});
+  } else if (activeTab === 3) {
+    tabContent = /* @__PURE__ */ jsx22(ScheduleTab, {});
+  } else if (activeTab === 4) {
+    tabContent = /* @__PURE__ */ jsx22(LearningTab, {});
+  } else {
+    tabContent = /* @__PURE__ */ jsx22(ExtensionsTab, {});
+  }
+  return /* @__PURE__ */ jsxs21(Box20, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx22(Box20, { marginBottom: 1, children: /* @__PURE__ */ jsx22(Text21, { bold: true, color: "cyan", children: "Execution" }) }),
+    /* @__PURE__ */ jsx22(Box20, { marginBottom: 1, children: /* @__PURE__ */ jsx22(
+      FilterBar,
+      {
+        options: [...TABS],
+        activeIndex: activeTab,
+        onSelect: setActiveTab
+      }
+    ) }),
+    /* @__PURE__ */ jsx22(Box20, { flexDirection: "column", flexGrow: 1, children: tabContent })
+  ] });
+}
+
+// src/views/ChatView.tsx
+import { useState as useState12, useCallback as useCallback16, useMemo as useMemo4 } from "react";
+import { Box as Box32, Text as Text33, useInput as useInput12 } from "ink";
+import { TextInput as TextInput6, Select as Select3 } from "@inkjs/ui";
+
+// src/hooks/useAgentState.ts
+import { useReducer, useEffect as useEffect8, useCallback as useCallback13 } from "react";
+var initialState = {
+  processes: {},
+  entries: {},
+  pendingApprovals: {},
+  activeProcessId: null,
+  thoughts: {},
+  streaming: {}
+};
+function reducer(state, action) {
+  switch (action.type) {
+    case "PROCESS_SPAWNED": {
+      const p = action.process;
+      return {
+        ...state,
+        processes: { ...state.processes, [p.id]: p },
+        entries: { ...state.entries, [p.id]: state.entries[p.id] ?? [] },
+        activeProcessId: state.activeProcessId ?? p.id
+      };
+    }
+    case "PROCESS_STOPPED": {
+      const procs = { ...state.processes };
+      if (procs[action.processId]) {
+        procs[action.processId] = { ...procs[action.processId], status: "stopped" };
+      }
+      const approvals = { ...state.pendingApprovals };
+      for (const [k, v] of Object.entries(approvals)) {
+        if (v.processId === action.processId) delete approvals[k];
+      }
+      return { ...state, processes: procs, pendingApprovals: approvals };
+    }
+    case "STATUS_CHANGED": {
+      const { processId, status } = action.payload;
+      const procs = { ...state.processes };
+      if (procs[processId]) {
+        procs[processId] = { ...procs[processId], status };
+      }
+      return { ...state, processes: procs };
+    }
+    case "ENTRY_RECEIVED": {
+      const entry = action.entry;
+      const pid = entry.processId;
+      const existing = state.entries[pid] ?? [];
+      if (entry.type === "assistant_message" && entry.partial) {
+        const lastIdx = existing.length - 1;
+        const last = existing[lastIdx];
+        if (last && last.type === "assistant_message" && last.partial) {
+          const updated = [...existing];
+          updated[lastIdx] = entry;
+          return { ...state, entries: { ...state.entries, [pid]: updated } };
+        }
+      }
+      if (entry.type === "assistant_message" && !entry.partial) {
+        const lastIdx = existing.length - 1;
+        const last = existing[lastIdx];
+        if (last && last.type === "assistant_message" && last.partial) {
+          const updated = [...existing];
+          updated[lastIdx] = entry;
+          return { ...state, entries: { ...state.entries, [pid]: updated } };
+        }
+      }
+      return { ...state, entries: { ...state.entries, [pid]: [...existing, entry] } };
+    }
+    case "APPROVAL_RECEIVED":
+      return {
+        ...state,
+        pendingApprovals: { ...state.pendingApprovals, [action.approval.id]: action.approval }
+      };
+    case "APPROVAL_RESOLVED": {
+      const approvals = { ...state.pendingApprovals };
+      delete approvals[action.requestId];
+      return { ...state, pendingApprovals: approvals };
+    }
+    case "THOUGHT_RECEIVED":
+      return {
+        ...state,
+        thoughts: { ...state.thoughts, [action.payload.processId]: action.payload.thought }
+      };
+    case "STREAMING_CHANGED":
+      return {
+        ...state,
+        streaming: { ...state.streaming, [action.payload.processId]: action.payload.streaming }
+      };
+    case "SET_ACTIVE":
+      return { ...state, activeProcessId: action.processId };
+    case "SET_PROCESSES": {
+      const procs = {};
+      for (const p of action.processes) {
+        procs[p.id] = p;
+      }
+      return {
+        ...state,
+        processes: procs,
+        activeProcessId: state.activeProcessId ?? action.processes[0]?.id ?? null
+      };
+    }
+    default:
+      return state;
+  }
+}
+function useAgentState() {
+  const [state, dispatch] = useReducer(reducer, initialState);
+  const { data: processList } = useApi(AGENT_API_ENDPOINTS.LIST, { pollInterval: 1e4 });
+  useEffect8(() => {
+    if (processList) {
+      dispatch({ type: "SET_PROCESSES", processes: processList });
+    }
+  }, [processList]);
+  const spawned = useWsEvent("agent:spawned");
+  const entry = useWsEvent("agent:entry");
+  const approval = useWsEvent("agent:approval");
+  const statusChange = useWsEvent("agent:status");
+  const stopped = useWsEvent("agent:stopped");
+  const thought = useWsEvent("agent:thought");
+  const streamingEvt = useWsEvent("agent:streaming");
+  useEffect8(() => {
+    if (spawned) dispatch({ type: "PROCESS_SPAWNED", process: spawned });
+  }, [spawned]);
+  useEffect8(() => {
+    if (entry) dispatch({ type: "ENTRY_RECEIVED", entry });
+  }, [entry]);
+  useEffect8(() => {
+    if (approval) dispatch({ type: "APPROVAL_RECEIVED", approval });
+  }, [approval]);
+  useEffect8(() => {
+    if (statusChange) dispatch({ type: "STATUS_CHANGED", payload: statusChange });
+  }, [statusChange]);
+  useEffect8(() => {
+    if (stopped) dispatch({ type: "PROCESS_STOPPED", processId: stopped.processId });
+  }, [stopped]);
+  useEffect8(() => {
+    if (thought) dispatch({ type: "THOUGHT_RECEIVED", payload: thought });
+  }, [thought]);
+  useEffect8(() => {
+    if (streamingEvt) dispatch({ type: "STREAMING_CHANGED", payload: streamingEvt });
+  }, [streamingEvt]);
+  const setActive = useCallback13((processId) => {
+    dispatch({ type: "SET_ACTIVE", processId });
+  }, []);
+  const resolveApproval = useCallback13((requestId) => {
+    dispatch({ type: "APPROVAL_RESOLVED", requestId });
+  }, []);
+  return { ...state, setActive, resolveApproval };
+}
+
+// src/views/chat/MessageList.tsx
+import { useCallback as useCallback14 } from "react";
+
+// src/views/chat/entryRenderers/index.ts
+import React14 from "react";
+import { Text as Text31 } from "ink";
+
+// src/views/chat/entryRenderers/UserMessageRow.tsx
+import { Box as Box21, Text as Text22 } from "ink";
+import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+function UserMessageRow({ entry }) {
+  return /* @__PURE__ */ jsxs22(Box21, { children: [
+    /* @__PURE__ */ jsx23(Text22, { color: "cyan", bold: true, children: "You: " }),
+    /* @__PURE__ */ jsx23(Text22, { children: entry.content })
+  ] });
+}
+
+// src/views/chat/entryRenderers/AssistantMessageRow.tsx
+import { Box as Box22 } from "ink";
+import { jsx as jsx24 } from "react/jsx-runtime";
+function AssistantMessageRow({ entry }) {
+  if (entry.partial) {
+    return /* @__PURE__ */ jsx24(Box22, { children: /* @__PURE__ */ jsx24(StreamingMarkdown, { children: entry.content }) });
+  }
+  return /* @__PURE__ */ jsx24(Box22, { children: /* @__PURE__ */ jsx24(Markdown, { children: entry.content }) });
+}
+
+// src/views/chat/entryRenderers/ThinkingRow.tsx
+import { Box as Box23, Text as Text23 } from "ink";
+import { jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
+function ThinkingRow({ entry }) {
+  return /* @__PURE__ */ jsx25(Box23, { children: /* @__PURE__ */ jsxs23(Text23, { dimColor: true, italic: true, children: [
+    "  [thinking] ",
+    entry.content.slice(0, 120),
+    entry.content.length > 120 ? "..." : ""
+  ] }) });
+}
+
+// src/views/chat/entryRenderers/ToolUseRow.tsx
+import { Box as Box24, Text as Text24 } from "ink";
+import { jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
+function ToolUseRow({ entry }) {
+  return /* @__PURE__ */ jsxs24(Box24, { gap: 1, children: [
+    /* @__PURE__ */ jsx26(Text24, { color: "magenta", children: "[tool]" }),
+    /* @__PURE__ */ jsx26(Text24, { children: entry.name }),
+    /* @__PURE__ */ jsxs24(Text24, { dimColor: true, children: [
+      "(",
+      entry.status,
+      ")"
+    ] })
+  ] });
+}
+
+// src/views/chat/entryRenderers/FileChangeRow.tsx
+import { Box as Box25, Text as Text25 } from "ink";
+import { jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+function FileChangeRow({ entry }) {
+  const color = entry.action === "create" ? "green" : entry.action === "modify" ? "yellow" : "red";
+  return /* @__PURE__ */ jsxs25(Box25, { gap: 1, children: [
+    /* @__PURE__ */ jsxs25(Text25, { color, children: [
+      "[",
+      entry.action,
+      "]"
+    ] }),
+    /* @__PURE__ */ jsx27(Text25, { children: entry.path })
+  ] });
+}
+
+// src/views/chat/entryRenderers/CommandExecRow.tsx
+import { Box as Box26, Text as Text26 } from "ink";
+import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+function CommandExecRow({ entry }) {
+  return /* @__PURE__ */ jsxs26(Box26, { gap: 1, children: [
+    /* @__PURE__ */ jsx28(Text26, { color: "blue", children: "[cmd]" }),
+    /* @__PURE__ */ jsx28(Text26, { children: entry.command }),
+    entry.exitCode != null && /* @__PURE__ */ jsxs26(Text26, { color: entry.exitCode === 0 ? "green" : "red", children: [
+      "exit:",
+      entry.exitCode
+    ] })
+  ] });
+}
+
+// src/views/chat/entryRenderers/ApprovalRow.tsx
+import { Box as Box27, Text as Text27 } from "ink";
+import { jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
+function ApprovalRequestRow({ entry }) {
+  return /* @__PURE__ */ jsxs27(Box27, { borderStyle: "single", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ jsx29(Text27, { color: "yellow", bold: true, children: "Approval: " }),
+    /* @__PURE__ */ jsx29(Text27, { children: entry.toolName }),
+    /* @__PURE__ */ jsx29(Text27, { dimColor: true, children: " [a]llow / [d]eny" })
+  ] });
+}
+function ApprovalResponseRow({ entry }) {
+  return /* @__PURE__ */ jsx29(Box27, { children: /* @__PURE__ */ jsxs27(Text27, { dimColor: true, children: [
+    "[",
+    entry.allowed ? "allowed" : "denied",
+    "] ",
+    entry.requestId
+  ] }) });
+}
+
+// src/views/chat/entryRenderers/ErrorRow.tsx
+import { Box as Box28, Text as Text28 } from "ink";
+import { jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
+function ErrorRow({ entry }) {
+  return /* @__PURE__ */ jsx30(Box28, { children: /* @__PURE__ */ jsxs28(Text28, { color: "red", children: [
+    "[error] ",
+    entry.message
+  ] }) });
+}
+
+// src/views/chat/entryRenderers/StatusChangeRow.tsx
+import { Box as Box29, Text as Text29 } from "ink";
+import { jsx as jsx31, jsxs as jsxs29 } from "react/jsx-runtime";
+function StatusChangeRow({ entry }) {
+  return /* @__PURE__ */ jsx31(Box29, { children: /* @__PURE__ */ jsxs29(Text29, { dimColor: true, children: [
+    "[status] ",
+    entry.status,
+    entry.reason ? `: ${entry.reason}` : ""
+  ] }) });
+}
+
+// src/views/chat/entryRenderers/TokenUsageRow.tsx
+import { Box as Box30, Text as Text30 } from "ink";
+import { jsx as jsx32, jsxs as jsxs30 } from "react/jsx-runtime";
+function TokenUsageRow({ entry }) {
+  return /* @__PURE__ */ jsx32(Box30, { children: /* @__PURE__ */ jsxs30(Text30, { dimColor: true, children: [
+    "[tokens] in:",
+    entry.inputTokens,
+    " out:",
+    entry.outputTokens
+  ] }) });
+}
+
+// src/views/chat/entryRenderers/index.ts
+var ENTRY_RENDERERS = {
+  user_message: UserMessageRow,
+  assistant_message: AssistantMessageRow,
+  thinking: ThinkingRow,
+  tool_use: ToolUseRow,
+  file_change: FileChangeRow,
+  command_exec: CommandExecRow,
+  approval_request: ApprovalRequestRow,
+  approval_response: ApprovalResponseRow,
+  error: ErrorRow,
+  status_change: StatusChangeRow,
+  token_usage: TokenUsageRow
+};
+function EntryRow({ entry }) {
+  const Renderer = ENTRY_RENDERERS[entry.type];
+  if (!Renderer) return React14.createElement(Text31, { dimColor: true }, "[unknown entry]");
+  return React14.createElement(Renderer, { entry });
+}
+
+// src/views/chat/MessageList.tsx
+import { jsx as jsx33 } from "react/jsx-runtime";
+function MessageList({ entries, isFocused = true }) {
+  const renderItem = useCallback14(
+    (entry, _index, _isSelected) => /* @__PURE__ */ jsx33(EntryRow, { entry }),
+    []
+  );
+  return /* @__PURE__ */ jsx33(
+    ScrollableList,
+    {
+      items: entries,
+      renderItem,
+      isFocused
+    }
+  );
+}
+
+// src/views/chat/CliHistorySidebar.tsx
+import { useCallback as useCallback15 } from "react";
+import { Box as Box31, Text as Text32 } from "ink";
+import { jsx as jsx34, jsxs as jsxs31 } from "react/jsx-runtime";
+function CliHistorySidebar({ onSelect, isFocused = true }) {
+  const { data: history, loading } = useApi(
+    "/api/cli-history?limit=20"
+  );
+  const renderItem = useCallback15(
+    (item, _index, isSelected) => /* @__PURE__ */ jsxs31(Box31, { gap: 1, children: [
+      /* @__PURE__ */ jsx34(Text32, { dimColor: true, children: item.startedAt?.slice(11, 19) ?? "" }),
+      /* @__PURE__ */ jsxs31(Text32, { color: item.status === "running" ? "yellow" : item.status === "done" ? "green" : "gray", children: [
+        "[",
+        item.status,
+        "]"
+      ] }),
+      /* @__PURE__ */ jsx34(Text32, { color: isSelected ? "cyan" : void 0, wrap: "truncate", children: item.command?.slice(0, 60) ?? item.id }),
+      item.tool && /* @__PURE__ */ jsxs31(Text32, { dimColor: true, children: [
+        "(",
+        item.tool,
+        ")"
+      ] })
+    ] }),
+    []
+  );
+  if (loading && !history) {
+    return /* @__PURE__ */ jsx34(Text32, { dimColor: true, children: "Loading CLI history..." });
+  }
+  const items = history ?? [];
+  return /* @__PURE__ */ jsxs31(Box31, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsxs31(Box31, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx34(Text32, { bold: true, color: "cyan", children: "CLI History" }),
+      /* @__PURE__ */ jsxs31(Text32, { dimColor: true, children: [
+        " (",
+        items.length,
+        ") Enter=load | Esc=back"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx34(
+      ScrollableList,
+      {
+        items,
+        renderItem,
+        onSelect,
+        isFocused
+      }
+    )
+  ] });
+}
+
+// src/views/ChatView.tsx
+import { jsx as jsx35, jsxs as jsxs32 } from "react/jsx-runtime";
+var SPAWN_STEPS = ["type", "prompt", "workDir", "approvalMode"];
+var AGENT_TYPE_OPTIONS = [
+  { label: "Claude Code", value: "claude-code" },
+  { label: "Codex", value: "codex" },
+  { label: "Gemini", value: "gemini" },
+  { label: "Qwen", value: "qwen" },
+  { label: "OpenCode", value: "opencode" }
+];
+var APPROVAL_OPTIONS = [
+  { label: "Suggest (manual)", value: "suggest" },
+  { label: "Auto (auto-approve)", value: "auto" }
+];
+function ChatView() {
+  const [mode, setMode] = useState12("sessions");
+  const [messageText, setMessageText] = useState12("");
+  const [spawnStep, setSpawnStep] = useState12("type");
+  const [spawnType, setSpawnType] = useState12("claude-code");
+  const [spawnPrompt, setSpawnPrompt] = useState12("");
+  const [spawnWorkDir, setSpawnWorkDir] = useState12(process.cwd());
+  const { send } = useWs();
+  const agent = useAgentState();
+  const processList = useMemo4(
+    () => Object.values(agent.processes).sort((a, b) => b.startedAt.localeCompare(a.startedAt)),
+    [agent.processes]
+  );
+  const activeProcess = agent.activeProcessId ? agent.processes[agent.activeProcessId] : null;
+  const activeEntries = agent.activeProcessId ? agent.entries[agent.activeProcessId] ?? [] : [];
+  const activeThought = agent.activeProcessId ? agent.thoughts[agent.activeProcessId] : void 0;
+  const activeStreaming = agent.activeProcessId ? agent.streaming[agent.activeProcessId] : false;
+  const activeApproval = useMemo4(() => {
+    if (!agent.activeProcessId) return null;
+    return Object.values(agent.pendingApprovals).find(
+      (a) => a.processId === agent.activeProcessId
+    ) ?? null;
+  }, [agent.pendingApprovals, agent.activeProcessId]);
+  const cycleSession = useCallback16((dir) => {
+    if (processList.length === 0) return;
+    const idx = processList.findIndex((p) => p.id === agent.activeProcessId);
+    const next = (idx + dir + processList.length) % processList.length;
+    agent.setActive(processList[next].id);
+  }, [processList, agent]);
+  const handleSelectSession = useCallback16((proc) => {
+    agent.setActive(proc.id);
+    setMode("chat");
+  }, [agent]);
+  const resetSpawn = useCallback16(() => {
+    setSpawnStep("type");
+    setSpawnType("claude-code");
+    setSpawnPrompt("");
+    setSpawnWorkDir(process.cwd());
+  }, []);
+  const submitSpawn = useCallback16((approvalMode) => {
+    const config = {
+      type: spawnType,
+      prompt: spawnPrompt,
+      workDir: spawnWorkDir,
+      approvalMode
+    };
+    send({ action: "spawn", config });
+    resetSpawn();
+    setMode("sessions");
+  }, [send, spawnType, spawnPrompt, spawnWorkDir, resetSpawn]);
+  const submitMessage = useCallback16(() => {
+    const text = messageText.trim();
+    if (!text || !agent.activeProcessId) return;
+    send({ action: "message", processId: agent.activeProcessId, content: text });
+    setMessageText("");
+    setMode("chat");
+  }, [send, messageText, agent.activeProcessId]);
+  const renderSession = useCallback16(
+    (proc, _index, isSelected) => /* @__PURE__ */ jsxs32(Box32, { gap: 1, children: [
+      /* @__PURE__ */ jsx35(StatusDot, { status: proc.status, showLabel: false }),
+      /* @__PURE__ */ jsx35(Text33, { color: isSelected ? "cyan" : void 0, bold: isSelected, children: proc.type }),
+      /* @__PURE__ */ jsx35(Text33, { dimColor: true, children: proc.id.slice(0, 12) }),
+      /* @__PURE__ */ jsx35(Text33, { dimColor: true, children: proc.startedAt?.slice(11, 19) ?? "" })
+    ] }),
+    []
+  );
+  useInput12((input, key) => {
+    if (key.escape) {
+      if (mode === "chat") {
+        setMode("sessions");
+        return;
+      }
+      if (mode === "spawn") {
+        resetSpawn();
+        setMode("sessions");
+        return;
+      }
+      if (mode === "message") {
+        setMessageText("");
+        setMode("chat");
+        return;
+      }
+      if (mode === "history") {
+        setMode("sessions");
+        return;
+      }
+      return;
+    }
+    if (mode === "sessions") {
+      if (input === "s") {
+        resetSpawn();
+        setMode("spawn");
+        return;
+      }
+      if (input === "h") {
+        setMode("history");
+        return;
+      }
+    }
+    if (mode === "chat") {
+      if (input === "s") {
+        resetSpawn();
+        setMode("spawn");
+        return;
+      }
+      if (input === "m" && activeProcess?.status === "running") {
+        setMessageText("");
+        setMode("message");
+        return;
+      }
+      if (input === "x" && agent.activeProcessId) {
+        send({ action: "stop", processId: agent.activeProcessId });
+        return;
+      }
+      if (input === "a" && activeApproval) {
+        send({ action: "approve", processId: agent.activeProcessId, requestId: activeApproval.id, allow: true });
+        agent.resolveApproval(activeApproval.id);
+        return;
+      }
+      if (input === "d" && activeApproval) {
+        send({ action: "approve", processId: agent.activeProcessId, requestId: activeApproval.id, allow: false });
+        agent.resolveApproval(activeApproval.id);
+        return;
+      }
+      if (key.tab) {
+        cycleSession(1);
+        return;
+      }
+    }
+  }, { isActive: mode !== "message" && mode !== "spawn" });
+  if (mode === "history") {
+    return /* @__PURE__ */ jsx35(
+      CliHistorySidebar,
+      {
+        onSelect: () => setMode("sessions"),
+        isFocused: true
+      }
+    );
+  }
+  if (mode === "spawn") {
+    const stepIndex = SPAWN_STEPS.indexOf(spawnStep);
+    return /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs32(Box32, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx35(Text33, { bold: true, color: "cyan", children: "Spawn Agent" }),
+        /* @__PURE__ */ jsxs32(Text33, { dimColor: true, children: [
+          " (Step ",
+          stepIndex + 1,
+          "/",
+          SPAWN_STEPS.length,
+          ") Esc=cancel"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx35(Box32, { gap: 1, marginBottom: 1, children: SPAWN_STEPS.map((s, i) => /* @__PURE__ */ jsxs32(Text33, { bold: s === spawnStep, color: i < stepIndex ? "green" : s === spawnStep ? "cyan" : "gray", children: [
+        i < stepIndex ? "[x]" : s === spawnStep ? "[>]" : "[ ]",
+        " ",
+        s
+      ] }, s)) }),
+      spawnStep === "type" && /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx35(Text33, { children: "Agent Type:" }),
+        /* @__PURE__ */ jsx35(
+          Select3,
+          {
+            options: AGENT_TYPE_OPTIONS,
+            defaultValue: spawnType,
+            onChange: (value) => {
+              setSpawnType(value);
+              setSpawnStep("prompt");
+            }
+          }
+        )
+      ] }),
+      spawnStep === "prompt" && /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx35(Text33, { children: "Prompt:" }),
+        /* @__PURE__ */ jsx35(
+          TextInput6,
+          {
+            placeholder: "Enter agent prompt...",
+            defaultValue: spawnPrompt,
+            onChange: setSpawnPrompt,
+            onSubmit: () => setSpawnStep("workDir")
+          }
+        )
+      ] }),
+      spawnStep === "workDir" && /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx35(Text33, { children: "Working Directory:" }),
+        /* @__PURE__ */ jsx35(
+          TextInput6,
+          {
+            placeholder: process.cwd(),
+            defaultValue: spawnWorkDir,
+            onChange: setSpawnWorkDir,
+            onSubmit: () => setSpawnStep("approvalMode")
+          }
+        )
+      ] }),
+      spawnStep === "approvalMode" && /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx35(Text33, { children: "Approval Mode:" }),
+        /* @__PURE__ */ jsx35(
+          Select3,
+          {
+            options: APPROVAL_OPTIONS,
+            defaultValue: "suggest",
+            onChange: (value) => submitSpawn(value)
+          }
+        )
+      ] }),
+      stepIndex > 0 && /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", marginTop: 1, borderStyle: "single", paddingX: 1, children: [
+        /* @__PURE__ */ jsx35(Text33, { dimColor: true, bold: true, children: "Filled:" }),
+        /* @__PURE__ */ jsxs32(Text33, { dimColor: true, children: [
+          "  Type: ",
+          spawnType
+        ] }),
+        spawnPrompt && /* @__PURE__ */ jsxs32(Text33, { dimColor: true, children: [
+          "  Prompt: ",
+          spawnPrompt.slice(0, 60),
+          spawnPrompt.length > 60 ? "..." : ""
+        ] }),
+        stepIndex > 2 && /* @__PURE__ */ jsxs32(Text33, { dimColor: true, children: [
+          "  WorkDir: ",
+          spawnWorkDir
+        ] })
+      ] })
+    ] });
+  }
+  if (mode === "message") {
+    return /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs32(Box32, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx35(Text33, { bold: true, color: "cyan", children: "Send Message" }),
+        /* @__PURE__ */ jsxs32(Text33, { dimColor: true, children: [
+          " to ",
+          activeProcess?.type ?? "agent",
+          " | Esc=cancel"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx35(
+        TextInput6,
+        {
+          placeholder: "Type your message...",
+          defaultValue: messageText,
+          onChange: setMessageText,
+          onSubmit: submitMessage
+        }
+      )
+    ] });
+  }
+  if (mode === "chat" && activeProcess) {
+    return /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs32(Box32, { marginBottom: 1, gap: 2, children: [
+        /* @__PURE__ */ jsx35(Text33, { bold: true, color: "cyan", children: "Chat" }),
+        /* @__PURE__ */ jsx35(StatusDot, { status: activeProcess.status, showLabel: true }),
+        /* @__PURE__ */ jsx35(Text33, { dimColor: true, children: activeProcess.type }),
+        /* @__PURE__ */ jsxs32(Text33, { dimColor: true, children: [
+          "(",
+          activeEntries.length,
+          " entries)"
+        ] }),
+        activeStreaming && /* @__PURE__ */ jsx35(Text33, { color: "yellow", children: "streaming..." })
+      ] }),
+      /* @__PURE__ */ jsx35(
+        SplitPane,
+        {
+          ratio: 70,
+          left: /* @__PURE__ */ jsx35(MessageList, { entries: activeEntries }),
+          right: /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", paddingLeft: 1, children: [
+            /* @__PURE__ */ jsx35(Text33, { bold: true, dimColor: true, children: "Process Info" }),
+            /* @__PURE__ */ jsxs32(Box32, { gap: 1, children: [
+              /* @__PURE__ */ jsx35(Text33, { dimColor: true, children: "ID:" }),
+              /* @__PURE__ */ jsx35(Text33, { children: activeProcess.id.slice(0, 12) })
+            ] }),
+            /* @__PURE__ */ jsxs32(Box32, { gap: 1, children: [
+              /* @__PURE__ */ jsx35(Text33, { dimColor: true, children: "Type:" }),
+              /* @__PURE__ */ jsx35(Text33, { children: activeProcess.type })
+            ] }),
+            /* @__PURE__ */ jsxs32(Box32, { gap: 1, children: [
+              /* @__PURE__ */ jsx35(Text33, { dimColor: true, children: "Status:" }),
+              /* @__PURE__ */ jsx35(StatusDot, { status: activeProcess.status, showLabel: true })
+            ] }),
+            /* @__PURE__ */ jsxs32(Box32, { gap: 1, children: [
+              /* @__PURE__ */ jsx35(Text33, { dimColor: true, children: "Started:" }),
+              /* @__PURE__ */ jsx35(Text33, { children: activeProcess.startedAt?.slice(11, 19) ?? "-" })
+            ] }),
+            activeThought && /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", marginTop: 1, children: [
+              /* @__PURE__ */ jsx35(Text33, { bold: true, dimColor: true, children: "Thinking" }),
+              /* @__PURE__ */ jsx35(Text33, { color: "magenta", children: activeThought.subject }),
+              /* @__PURE__ */ jsx35(Text33, { dimColor: true, children: activeThought.description })
+            ] }),
+            activeApproval && /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", marginTop: 1, borderStyle: "single", borderColor: "yellow", paddingX: 1, children: [
+              /* @__PURE__ */ jsx35(Text33, { bold: true, color: "yellow", children: "Pending Approval" }),
+              /* @__PURE__ */ jsx35(Text33, { children: activeApproval.toolName }),
+              /* @__PURE__ */ jsx35(Text33, { dimColor: true, children: "[a]llow / [d]eny" })
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx35(Box32, { marginTop: 1, children: /* @__PURE__ */ jsx35(Text33, { dimColor: true, children: "s=spawn m=message x=stop a/d=approve Tab=cycle Esc=back" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs32(Box32, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsxs32(Box32, { marginBottom: 1, gap: 2, children: [
+      /* @__PURE__ */ jsx35(Text33, { bold: true, color: "cyan", children: "Agent Sessions" }),
+      /* @__PURE__ */ jsxs32(Text33, { dimColor: true, children: [
+        "(",
+        processList.length,
+        " sessions)"
+      ] })
+    ] }),
+    processList.length === 0 ? /* @__PURE__ */ jsx35(Text33, { dimColor: true, children: "No agent sessions. Press [s] to spawn." }) : /* @__PURE__ */ jsx35(
+      ScrollableList,
+      {
+        items: processList,
+        renderItem: renderSession,
+        onSelect: handleSelectSession
+      }
+    ),
+    /* @__PURE__ */ jsx35(Box32, { marginTop: 1, children: /* @__PURE__ */ jsx35(Text33, { dimColor: true, children: "s=spawn h=history Enter=select" }) })
+  ] });
+}
+
+// src/router/Router.tsx
+import { jsx as jsx36, jsxs as jsxs33 } from "react/jsx-runtime";
+function PlaceholderView({ id, label }) {
+  return /* @__PURE__ */ jsxs33(Box33, { flexDirection: "column", alignItems: "center", justifyContent: "center", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx36(Text34, { bold: true, color: "cyan", children: label }),
+    /* @__PURE__ */ jsxs33(Text34, { dimColor: true, children: [
+      "View: ",
+      id
+    ] })
+  ] });
+}
+function Router({ activeView }) {
+  const active = routes.find((r) => r.id === activeView) ?? routes[0];
+  return /* @__PURE__ */ jsx36(Box33, { flexDirection: "column", flexGrow: 1, children: active.id === "issue" ? /* @__PURE__ */ jsx36(IssueView, {}) : active.id === "workflow" ? /* @__PURE__ */ jsx36(WorkflowView, {}) : active.id === "artifact" ? /* @__PURE__ */ jsx36(ArtifactView, {}) : active.id === "team" ? /* @__PURE__ */ jsx36(TeamView, {}) : active.id === "requirement" ? /* @__PURE__ */ jsx36(RequirementView, {}) : active.id === "execution" ? /* @__PURE__ */ jsx36(ExecutionView, {}) : active.id === "chat" ? /* @__PURE__ */ jsx36(ChatView, {}) : /* @__PURE__ */ jsx36(PlaceholderView, { id: active.id, label: active.label }) });
+}
+
+// src/App.tsx
+import { jsx as jsx37, jsxs as jsxs34 } from "react/jsx-runtime";
+function AppContent() {
+  const [activeView, setActiveView] = useState13("issue");
+  const { connected } = useWs();
+  useInput13((input, key) => {
+    if (input === "q" && !key.ctrl) {
+      process.exit(0);
+    }
+    const route = routes.find((r) => r.key === input);
+    if (route) {
+      setActiveView(route.id);
+    }
+  });
+  return /* @__PURE__ */ jsxs34(Box34, { flexDirection: "column", width: "100%", height: "100%", children: [
+    /* @__PURE__ */ jsx37(HeaderBar, { activeView }),
+    /* @__PURE__ */ jsx37(Box34, { flexGrow: 1, children: /* @__PURE__ */ jsx37(Router, { activeView }) }),
+    /* @__PURE__ */ jsx37(StatusBar, { connected, workspace: process.cwd() })
+  ] });
+}
+function App() {
+  const port = process.env.PORT || "3001";
+  const host = process.env.HOST || "localhost";
+  const baseUrl = `http://${host}:${port}`;
+  const wsUrl = `ws://${host}:${port}/ws`;
+  return /* @__PURE__ */ jsx37(ApiProvider, { baseUrl, children: /* @__PURE__ */ jsx37(WsProvider, { url: wsUrl, children: /* @__PURE__ */ jsx37(AppContent, {}) }) });
+}
+
+// src/index.tsx
+import { jsx as jsx38 } from "react/jsx-runtime";
+var { waitUntilExit, unmount } = render(/* @__PURE__ */ jsx38(App, {}), {
+  exitOnCtrlC: true
+});
+function cleanup() {
+  unmount();
+  process.exit(0);
+}
+process.on("SIGINT", cleanup);
+process.on("SIGTERM", cleanup);
+await waitUntilExit();