@dexto/tui 1.6.2

package/dist/components/chat/QueuedMessagesDisplay.cjs

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var QueuedMessagesDisplay_exports = {};
+__export(QueuedMessagesDisplay_exports, {
+  QueuedMessagesDisplay: () => QueuedMessagesDisplay
+});
+module.exports = __toCommonJS(QueuedMessagesDisplay_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+function getMessageText(content) {
+  const textParts = content.filter((part) => part.type === "text").map((part) => part.text);
+  return textParts.join(" ") || "[attachment]";
+}
+function truncateText(text, maxLength = 60) {
+  const singleLine = text.replace(/\n/g, " ").trim();
+  if (singleLine.length <= maxLength) {
+    return singleLine;
+  }
+  return singleLine.slice(0, maxLength - 3) + "...";
+}
+function QueuedMessagesDisplay({ messages }) {
+  if (messages.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+        messages.length,
+        " message",
+        messages.length !== 1 ? "s" : "",
+        " queued"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: " \u2022 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "\u2191 to edit" })
+    ] }),
+    messages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: index === messages.length - 1 ? "\u21B3 " : "\u2502 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", italic: true, children: truncateText(getMessageText(message.content)) })
+    ] }, message.id))
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  QueuedMessagesDisplay
+});

package/dist/components/chat/QueuedMessagesDisplay.d.ts

@@ -0,0 +1,16 @@
+/**
+ * QueuedMessagesDisplay - Shows queued messages waiting to be processed
+ *
+ * Similar to webui's QueuedMessagesDisplay.tsx but for Ink/terminal.
+ * Shows:
+ * - Count of queued messages
+ * - Keyboard hint (↑ to edit)
+ * - Truncated preview of each queued message
+ */
+import type { QueuedMessage } from '@dexto/core';
+interface QueuedMessagesDisplayProps {
+    messages: QueuedMessage[];
+}
+export declare function QueuedMessagesDisplay({ messages }: QueuedMessagesDisplayProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=QueuedMessagesDisplay.d.ts.map

package/dist/components/chat/QueuedMessagesDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueuedMessagesDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/chat/QueuedMessagesDisplay.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAe,MAAM,aAAa,CAAC;AAE9D,UAAU,0BAA0B;IAChC,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC7B;AAwBD,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE,0BAA0B,kDA2B7E"}

package/dist/components/chat/QueuedMessagesDisplay.js

@@ -0,0 +1,35 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+function getMessageText(content) {
+  const textParts = content.filter((part) => part.type === "text").map((part) => part.text);
+  return textParts.join(" ") || "[attachment]";
+}
+function truncateText(text, maxLength = 60) {
+  const singleLine = text.replace(/\n/g, " ").trim();
+  if (singleLine.length <= maxLength) {
+    return singleLine;
+  }
+  return singleLine.slice(0, maxLength - 3) + "...";
+}
+function QueuedMessagesDisplay({ messages }) {
+  if (messages.length === 0) return null;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        messages.length,
+        " message",
+        messages.length !== 1 ? "s" : "",
+        " queued"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: " \u2022 " }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u2191 to edit" })
+    ] }),
+    messages.map((message, index) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: index === messages.length - 1 ? "\u21B3 " : "\u2502 " }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", italic: true, children: truncateText(getMessageText(message.content)) })
+    ] }, message.id))
+  ] });
+}
+export {
+  QueuedMessagesDisplay
+};

package/dist/components/chat/ToolIcon.cjs

@@ -0,0 +1,60 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ToolIcon_exports = {};
+__export(ToolIcon_exports, {
+  ToolIcon: () => ToolIcon
+});
+module.exports = __toCommonJS(ToolIcon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+var import_useAnimationTick = require("../../hooks/useAnimationTick.js");
+var import_spinnerFrames = require("../../constants/spinnerFrames.js");
+function ToolIcon({ status, isError }) {
+  const tick = (0, import_useAnimationTick.useAnimationTick)({ enabled: status === "running", intervalMs: 80 });
+  const frame = tick % import_spinnerFrames.BRAILLE_SPINNER_FRAMES.length;
+  if (status === "pending") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "\u25CF " });
+  }
+  if (status === "pending_approval") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "yellowBright", bold: true, children: [
+      "\u25CF",
+      " "
+    ] });
+  }
+  if (status === "finished") {
+    if (isError) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "red", bold: true, children: [
+        "\u25CF",
+        " "
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", bold: true, children: [
+      "\u25CF",
+      " "
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", bold: true, children: [
+    import_spinnerFrames.BRAILLE_SPINNER_FRAMES[frame],
+    " "
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ToolIcon
+});

package/dist/components/chat/ToolIcon.d.ts

@@ -0,0 +1,18 @@
+/**
+ * ToolIcon Component
+ * Animated icon for tool calls with status-based visual feedback
+ */
+import type { ToolStatus } from '../../state/types.js';
+interface ToolIconProps {
+    status: ToolStatus;
+    isError?: boolean;
+}
+/**
+ * Animated tool icon that changes based on execution status
+ * - Running: Animated spinner (green/teal)
+ * - Finished (success): Green dot
+ * - Finished (error): Red dot
+ */
+export declare function ToolIcon({ status, isError }: ToolIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ToolIcon.d.ts.map

package/dist/components/chat/ToolIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolIcon.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ToolIcon.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvD,UAAU,aAAa;IACnB,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,aAAa,2CAyC1D"}

package/dist/components/chat/ToolIcon.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "ink";
+import { useAnimationTick } from "../../hooks/useAnimationTick.js";
+import { BRAILLE_SPINNER_FRAMES } from "../../constants/spinnerFrames.js";
+function ToolIcon({ status, isError }) {
+  const tick = useAnimationTick({ enabled: status === "running", intervalMs: 80 });
+  const frame = tick % BRAILLE_SPINNER_FRAMES.length;
+  if (status === "pending") {
+    return /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u25CF " });
+  }
+  if (status === "pending_approval") {
+    return /* @__PURE__ */ jsxs(Text, { color: "yellowBright", bold: true, children: [
+      "\u25CF",
+      " "
+    ] });
+  }
+  if (status === "finished") {
+    if (isError) {
+      return /* @__PURE__ */ jsxs(Text, { color: "red", bold: true, children: [
+        "\u25CF",
+        " "
+      ] });
+    }
+    return /* @__PURE__ */ jsxs(Text, { color: "green", bold: true, children: [
+      "\u25CF",
+      " "
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Text, { color: "green", bold: true, children: [
+    BRAILLE_SPINNER_FRAMES[frame],
+    " "
+  ] });
+}
+export {
+  ToolIcon
+};

package/dist/components/chat/index.cjs

@@ -0,0 +1,43 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chat_exports = {};
+__export(chat_exports, {
+  ChatView: () => import_ChatView.ChatView,
+  Footer: () => import_Footer.Footer,
+  Header: () => import_Header.Header,
+  MessageItem: () => import_MessageItem.MessageItem,
+  MessageList: () => import_MessageList.MessageList,
+  ToolIcon: () => import_ToolIcon.ToolIcon
+});
+module.exports = __toCommonJS(chat_exports);
+var import_Header = require("./Header.js");
+var import_Footer = require("./Footer.js");
+var import_MessageItem = require("./MessageItem.js");
+var import_MessageList = require("./MessageList.js");
+var import_ChatView = require("./ChatView.js");
+var import_ToolIcon = require("./ToolIcon.js");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChatView,
+  Footer,
+  Header,
+  MessageItem,
+  MessageList,
+  ToolIcon
+});

package/dist/components/chat/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Chat components module exports
+ */
+export { Header } from './Header.js';
+export { Footer } from './Footer.js';
+export { MessageItem } from './MessageItem.js';
+export { MessageList } from './MessageList.js';
+export { ChatView } from './ChatView.js';
+export { ToolIcon } from './ToolIcon.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chat/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/chat/index.js

@@ -0,0 +1,14 @@
+import { Header } from "./Header.js";
+import { Footer } from "./Footer.js";
+import { MessageItem } from "./MessageItem.js";
+import { MessageList } from "./MessageList.js";
+import { ChatView } from "./ChatView.js";
+import { ToolIcon } from "./ToolIcon.js";
+export {
+  ChatView,
+  Footer,
+  Header,
+  MessageItem,
+  MessageList,
+  ToolIcon
+};

package/dist/components/chat/styled-boxes/ConfigBox.cjs

@@ -0,0 +1,56 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ConfigBox_exports = {};
+__export(ConfigBox_exports, {
+  ConfigBox: () => ConfigBox
+});
+module.exports = __toCommonJS(ConfigBox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+var import_StyledBox = require("./StyledBox.js");
+function ConfigBox({ data }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledBox, { title: "Runtime Configuration", titleColor: "cyan", children: [
+    data.configFilePath && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Agent config: " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "blue", children: data.configFilePath })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledSection, { title: "LLM", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Provider", value: data.provider }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Model", value: data.model }),
+      data.maxTokens !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Max Tokens", value: data.maxTokens.toString() }),
+      data.temperature !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Temperature", value: data.temperature.toString() })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledSection, { title: "Permissions", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Mode", value: data.permissionsMode }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledSection, { title: "Sessions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Max Sessions", value: data.maxSessions }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Session TTL", value: data.sessionTTL })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledSection, { title: "MCP Servers", children: data.mcpServers.length > 0 ? data.mcpServers.map((server) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: server }) }, server)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "No MCP servers configured" }) }),
+    data.promptsCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledSection, { title: "Prompts", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      data.promptsCount,
+      " prompt(s) configured"
+    ] }) }),
+    data.hooksEnabled.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledSection, { title: "Hooks", children: data.hooksEnabled.map((hook) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", children: hook }) }, hook)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", italic: true, children: "Note: Some fields (logs, database paths) are auto-populated by the CLI." }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConfigBox
+});

package/dist/components/chat/styled-boxes/ConfigBox.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ConfigBox - Styled output for /config command
+ */
+import type { ConfigStyledData } from '../../../state/types.js';
+interface ConfigBoxProps {
+    data: ConfigStyledData;
+}
+export declare function ConfigBox({ data }: ConfigBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfigBox.d.ts.map

package/dist/components/chat/styled-boxes/ConfigBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/ConfigBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,UAAU,cAAc;IACpB,IAAI,EAAE,gBAAgB,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,cAAc,2CAmEjD"}

package/dist/components/chat/styled-boxes/ConfigBox.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { StyledBox, StyledSection, StyledRow } from "./StyledBox.js";
+function ConfigBox({ data }) {
+  return /* @__PURE__ */ jsxs(StyledBox, { title: "Runtime Configuration", titleColor: "cyan", children: [
+    data.configFilePath && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Agent config: " }),
+      /* @__PURE__ */ jsx(Text, { color: "blue", children: data.configFilePath })
+    ] }),
+    /* @__PURE__ */ jsxs(StyledSection, { title: "LLM", children: [
+      /* @__PURE__ */ jsx(StyledRow, { label: "Provider", value: data.provider }),
+      /* @__PURE__ */ jsx(StyledRow, { label: "Model", value: data.model }),
+      data.maxTokens !== null && /* @__PURE__ */ jsx(StyledRow, { label: "Max Tokens", value: data.maxTokens.toString() }),
+      data.temperature !== null && /* @__PURE__ */ jsx(StyledRow, { label: "Temperature", value: data.temperature.toString() })
+    ] }),
+    /* @__PURE__ */ jsx(StyledSection, { title: "Permissions", children: /* @__PURE__ */ jsx(StyledRow, { label: "Mode", value: data.permissionsMode }) }),
+    /* @__PURE__ */ jsxs(StyledSection, { title: "Sessions", children: [
+      /* @__PURE__ */ jsx(StyledRow, { label: "Max Sessions", value: data.maxSessions }),
+      /* @__PURE__ */ jsx(StyledRow, { label: "Session TTL", value: data.sessionTTL })
+    ] }),
+    /* @__PURE__ */ jsx(StyledSection, { title: "MCP Servers", children: data.mcpServers.length > 0 ? data.mcpServers.map((server) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: "cyan", children: server }) }, server)) : /* @__PURE__ */ jsx(Text, { color: "gray", children: "No MCP servers configured" }) }),
+    data.promptsCount > 0 && /* @__PURE__ */ jsx(StyledSection, { title: "Prompts", children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      data.promptsCount,
+      " prompt(s) configured"
+    ] }) }),
+    data.hooksEnabled.length > 0 && /* @__PURE__ */ jsx(StyledSection, { title: "Hooks", children: data.hooksEnabled.map((hook) => /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: "green", children: hook }) }, hook)) }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", italic: true, children: "Note: Some fields (logs, database paths) are auto-populated by the CLI." }) })
+  ] });
+}
+export {
+  ConfigBox
+};

package/dist/components/chat/styled-boxes/HelpBox.cjs

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var HelpBox_exports = {};
+__export(HelpBox_exports, {
+  HelpBox: () => HelpBox
+});
+module.exports = __toCommonJS(HelpBox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+var import_StyledBox = require("./StyledBox.js");
+function HelpBox({ data }) {
+  const categories = data.commands.reduce(
+    (acc, cmd) => {
+      const cat = cmd.category || "Other";
+      if (!acc[cat]) {
+        acc[cat] = [];
+      }
+      acc[cat].push(cmd);
+      return acc;
+    },
+    {}
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledBox, { title: "Available Commands", children: Object.entries(categories).map(([category, commands]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: "gray", children: category }),
+    commands.map((cmd) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginLeft: 2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { width: 16, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "cyan", children: [
+        "/",
+        cmd.name
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: cmd.description })
+    ] }, cmd.name))
+  ] }, category)) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HelpBox
+});

package/dist/components/chat/styled-boxes/HelpBox.d.ts

@@ -0,0 +1,10 @@
+/**
+ * HelpBox - Styled output for /help command
+ */
+import type { HelpStyledData } from '../../../state/types.js';
+interface HelpBoxProps {
+    data: HelpStyledData;
+}
+export declare function HelpBox({ data }: HelpBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HelpBox.d.ts.map

package/dist/components/chat/styled-boxes/HelpBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/HelpBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,UAAU,YAAY;IAClB,IAAI,EAAE,cAAc,CAAC;CACxB;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,YAAY,2CAiC7C"}

package/dist/components/chat/styled-boxes/HelpBox.js

@@ -0,0 +1,29 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { StyledBox } from "./StyledBox.js";
+function HelpBox({ data }) {
+  const categories = data.commands.reduce(
+    (acc, cmd) => {
+      const cat = cmd.category || "Other";
+      if (!acc[cat]) {
+        acc[cat] = [];
+      }
+      acc[cat].push(cmd);
+      return acc;
+    },
+    {}
+  );
+  return /* @__PURE__ */ jsx(StyledBox, { title: "Available Commands", children: Object.entries(categories).map(([category, commands]) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "gray", children: category }),
+    commands.map((cmd) => /* @__PURE__ */ jsxs(Box, { marginLeft: 2, children: [
+      /* @__PURE__ */ jsx(Box, { width: 16, children: /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
+        "/",
+        cmd.name
+      ] }) }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: cmd.description })
+    ] }, cmd.name))
+  ] }, category)) });
+}
+export {
+  HelpBox
+};

package/dist/components/chat/styled-boxes/LogConfigBox.cjs

@@ -0,0 +1,54 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LogConfigBox_exports = {};
+__export(LogConfigBox_exports, {
+  LogConfigBox: () => LogConfigBox
+});
+module.exports = __toCommonJS(LogConfigBox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+var import_StyledBox = require("./StyledBox.js");
+function LogConfigBox({ data }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledBox, { title: "Logging Configuration", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Current level", value: data.currentLevel, valueColor: "green" }),
+      data.logFile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Log file", value: data.logFile }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Available levels (least to most verbose):" }),
+      data.availableLevels.map((level) => {
+        const isCurrent = level === data.currentLevel;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_StyledBox.StyledListItem,
+          {
+            icon: isCurrent ? ">" : " ",
+            text: level,
+            isActive: isCurrent
+          },
+          level
+        );
+      })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Use /log <level> to change level" }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LogConfigBox
+});

package/dist/components/chat/styled-boxes/LogConfigBox.d.ts

@@ -0,0 +1,10 @@
+/**
+ * LogConfigBox - Styled output for /log command (no args)
+ */
+import type { LogConfigStyledData } from '../../../state/types.js';
+interface LogConfigBoxProps {
+    data: LogConfigStyledData;
+}
+export declare function LogConfigBox({ data }: LogConfigBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LogConfigBox.d.ts.map

package/dist/components/chat/styled-boxes/LogConfigBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogConfigBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/LogConfigBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGnE,UAAU,iBAAiB;IACvB,IAAI,EAAE,mBAAmB,CAAC;CAC7B;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA4BvD"}

package/dist/components/chat/styled-boxes/LogConfigBox.js

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { StyledBox, StyledRow, StyledListItem } from "./StyledBox.js";
+function LogConfigBox({ data }) {
+  return /* @__PURE__ */ jsxs(StyledBox, { title: "Logging Configuration", children: [
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(StyledRow, { label: "Current level", value: data.currentLevel, valueColor: "green" }),
+      data.logFile ? /* @__PURE__ */ jsx(StyledRow, { label: "Log file", value: data.logFile }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Available levels (least to most verbose):" }),
+      data.availableLevels.map((level) => {
+        const isCurrent = level === data.currentLevel;
+        return /* @__PURE__ */ jsx(
+          StyledListItem,
+          {
+            icon: isCurrent ? ">" : " ",
+            text: level,
+            isActive: isCurrent
+          },
+          level
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Use /log <level> to change level" }) })
+  ] });
+}
+export {
+  LogConfigBox
+};