@dexto/tui 1.6.2

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

@@ -0,0 +1,81 @@
+"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 SessionHistoryBox_exports = {};
+__export(SessionHistoryBox_exports, {
+  SessionHistoryBox: () => SessionHistoryBox
+});
+module.exports = __toCommonJS(SessionHistoryBox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+var import_StyledBox = require("./StyledBox.js");
+function truncateContent(content, maxLength = 100) {
+  if (content.length <= maxLength) return content;
+  return content.slice(0, maxLength) + "...";
+}
+function getRoleStyle(role) {
+  switch (role) {
+    case "user":
+      return { color: "blue", icon: ">" };
+    case "assistant":
+      return { color: "green", icon: "|" };
+    case "system":
+      return { color: "orange", icon: "#" };
+    case "tool":
+      return { color: "green", icon: "*" };
+    default:
+      return { color: "white", icon: "-" };
+  }
+}
+function SessionHistoryBox({ data }) {
+  if (data.messages.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledBox, { title: `Session History: ${data.sessionId.slice(0, 8)}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "No messages in this session yet." }) }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledBox, { title: `Session History: ${data.sessionId.slice(0, 8)}`, children: [
+    data.messages.map((msg, index) => {
+      const style = getRoleStyle(msg.role);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginTop: index === 0 ? 1 : 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: style.color, bold: true, children: [
+            style.icon,
+            " "
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: style.color, children: [
+            "[",
+            msg.role,
+            "]"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+            " ",
+            msg.timestamp
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: truncateContent(msg.content) }) })
+      ] }, index);
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "Total: ",
+      data.total,
+      " messages"
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SessionHistoryBox
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionHistoryBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/SessionHistoryBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAGxE,UAAU,sBAAsB;IAC5B,IAAI,EAAE,wBAAwB,CAAC;CAClC;AA4BD,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,EAAE,sBAAsB,2CAmCjE"}

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

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { StyledBox } from "./StyledBox.js";
+function truncateContent(content, maxLength = 100) {
+  if (content.length <= maxLength) return content;
+  return content.slice(0, maxLength) + "...";
+}
+function getRoleStyle(role) {
+  switch (role) {
+    case "user":
+      return { color: "blue", icon: ">" };
+    case "assistant":
+      return { color: "green", icon: "|" };
+    case "system":
+      return { color: "orange", icon: "#" };
+    case "tool":
+      return { color: "green", icon: "*" };
+    default:
+      return { color: "white", icon: "-" };
+  }
+}
+function SessionHistoryBox({ data }) {
+  if (data.messages.length === 0) {
+    return /* @__PURE__ */ jsx(StyledBox, { title: `Session History: ${data.sessionId.slice(0, 8)}`, children: /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "No messages in this session yet." }) }) });
+  }
+  return /* @__PURE__ */ jsxs(StyledBox, { title: `Session History: ${data.sessionId.slice(0, 8)}`, children: [
+    data.messages.map((msg, index) => {
+      const style = getRoleStyle(msg.role);
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: index === 0 ? 1 : 0, children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsxs(Text, { color: style.color, bold: true, children: [
+            style.icon,
+            " "
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { color: style.color, children: [
+            "[",
+            msg.role,
+            "]"
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            " ",
+            msg.timestamp
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text, { children: truncateContent(msg.content) }) })
+      ] }, index);
+    }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "Total: ",
+      data.total,
+      " messages"
+    ] }) })
+  ] });
+}
+export {
+  SessionHistoryBox
+};

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

@@ -0,0 +1,58 @@
+"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 SessionListBox_exports = {};
+__export(SessionListBox_exports, {
+  SessionListBox: () => SessionListBox
+});
+module.exports = __toCommonJS(SessionListBox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+var import_StyledBox = require("./StyledBox.js");
+function SessionListBox({ data }) {
+  if (data.sessions.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledBox, { title: "Sessions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "No sessions found." }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Run `dexto` to start a new session." }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledBox, { title: "Sessions", children: [
+    data.sessions.map((session) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { marginTop: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { width: 12, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: session.isCurrent ? "green" : "cyan", bold: session.isCurrent, children: [
+        session.isCurrent ? ">" : " ",
+        " ",
+        session.id.slice(0, 8)
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { width: 14, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+        session.messageCount,
+        " messages"
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: session.lastActive })
+    ] }, session.id)),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "Total: ",
+      data.total,
+      " sessions"
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Use /resume to switch sessions" }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SessionListBox
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SessionListBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/SessionListBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGrE,UAAU,mBAAmB;IACzB,IAAI,EAAE,qBAAqB,CAAC;CAC/B;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE,mBAAmB,2CAqC3D"}

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

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { StyledBox } from "./StyledBox.js";
+function SessionListBox({ data }) {
+  if (data.sessions.length === 0) {
+    return /* @__PURE__ */ jsxs(StyledBox, { title: "Sessions", children: [
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "No sessions found." }) }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Run `dexto` to start a new session." }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(StyledBox, { title: "Sessions", children: [
+    data.sessions.map((session) => /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Box, { width: 12, children: /* @__PURE__ */ jsxs(Text, { color: session.isCurrent ? "green" : "cyan", bold: session.isCurrent, children: [
+        session.isCurrent ? ">" : " ",
+        " ",
+        session.id.slice(0, 8)
+      ] }) }),
+      /* @__PURE__ */ jsx(Box, { width: 14, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        session.messageCount,
+        " messages"
+      ] }) }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: session.lastActive })
+    ] }, session.id)),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "Total: ",
+      data.total,
+      " sessions"
+    ] }) }),
+    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Use /resume to switch sessions" }) })
+  ] });
+}
+export {
+  SessionListBox
+};

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

@@ -0,0 +1,39 @@
+"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 ShortcutsBox_exports = {};
+__export(ShortcutsBox_exports, {
+  ShortcutsBox: () => ShortcutsBox
+});
+module.exports = __toCommonJS(ShortcutsBox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+var import_StyledBox = require("./StyledBox.js");
+function ShortcutsBox({ data }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledBox, { title: "Keyboard Shortcuts", children: data.categories.map((category, catIndex) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginTop: catIndex === 0 ? 0 : 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: "cyan", children: category.name }),
+    category.shortcuts.map((shortcut) => /* @__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.jsx)(import_ink.Text, { color: "cyan", children: shortcut.keys }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: shortcut.description })
+    ] }, shortcut.keys))
+  ] }, category.name)) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ShortcutsBox
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutsBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/ShortcutsBox.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,2CAoBvD"}

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

@@ -0,0 +1,15 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { StyledBox } from "./StyledBox.js";
+function ShortcutsBox({ data }) {
+  return /* @__PURE__ */ jsx(StyledBox, { title: "Keyboard Shortcuts", children: data.categories.map((category, catIndex) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: catIndex === 0 ? 0 : 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: category.name }),
+    category.shortcuts.map((shortcut) => /* @__PURE__ */ jsxs(Box, { marginLeft: 2, children: [
+      /* @__PURE__ */ jsx(Box, { width: 16, children: /* @__PURE__ */ jsx(Text, { color: "cyan", children: shortcut.keys }) }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: shortcut.description })
+    ] }, shortcut.keys))
+  ] }, category.name)) });
+}
+export {
+  ShortcutsBox
+};

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

@@ -0,0 +1,123 @@
+"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 StatsBox_exports = {};
+__export(StatsBox_exports, {
+  StatsBox: () => StatsBox
+});
+module.exports = __toCommonJS(StatsBox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_StyledBox = require("./StyledBox.js");
+function formatTokenCount(count) {
+  if (count >= 1e6) {
+    return `${(count / 1e6).toFixed(1)}M`;
+  }
+  if (count >= 1e3) {
+    return `${(count / 1e3).toFixed(1)}K`;
+  }
+  return count.toString();
+}
+function formatCost(cost) {
+  if (cost < 0.01) {
+    return `$${cost.toFixed(4)}`;
+  }
+  if (cost < 1) {
+    return `$${cost.toFixed(3)}`;
+  }
+  return `$${cost.toFixed(2)}`;
+}
+function StatsBox({ data }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledBox, { title: "System Statistics", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledSection, { title: "Sessions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Total Sessions", value: data.sessions.total.toString() }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "In Memory", value: data.sessions.inMemory.toString() }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Max Allowed", value: data.sessions.maxAllowed.toString() })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledSection, { title: "MCP Servers", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_StyledBox.StyledRow,
+        {
+          label: "Connected",
+          value: data.mcp.connected.toString(),
+          valueColor: "green"
+        }
+      ),
+      data.mcp.failed > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Failed", value: data.mcp.failed.toString(), valueColor: "red" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StyledBox.StyledRow, { label: "Available Tools", value: data.mcp.toolCount.toString() })
+    ] }),
+    data.tokenUsage && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledBox.StyledSection, { title: "Token Usage (This Session)", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_StyledBox.StyledRow,
+        {
+          label: "Input",
+          value: formatTokenCount(data.tokenUsage.inputTokens)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_StyledBox.StyledRow,
+        {
+          label: "Output",
+          value: formatTokenCount(data.tokenUsage.outputTokens)
+        }
+      ),
+      data.tokenUsage.reasoningTokens > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_StyledBox.StyledRow,
+        {
+          label: "Reasoning",
+          value: formatTokenCount(data.tokenUsage.reasoningTokens)
+        }
+      ),
+      data.tokenUsage.cacheReadTokens > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_StyledBox.StyledRow,
+        {
+          label: "Cache Read",
+          value: formatTokenCount(data.tokenUsage.cacheReadTokens),
+          valueColor: "cyan"
+        }
+      ),
+      data.tokenUsage.cacheWriteTokens > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_StyledBox.StyledRow,
+        {
+          label: "Cache Write",
+          value: formatTokenCount(data.tokenUsage.cacheWriteTokens),
+          valueColor: "orange"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_StyledBox.StyledRow,
+        {
+          label: "Total",
+          value: formatTokenCount(data.tokenUsage.totalTokens),
+          valueColor: "blue"
+        }
+      ),
+      data.estimatedCost !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_StyledBox.StyledRow,
+        {
+          label: "Est. Cost",
+          value: formatCost(data.estimatedCost),
+          valueColor: "green"
+        }
+      )
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StatsBox
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatsBox.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/styled-boxes/StatsBox.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,UAAU,aAAa;IACnB,IAAI,EAAE,eAAe,CAAC;CACzB;AA4BD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,aAAa,2CAmE/C"}

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

@@ -0,0 +1,99 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StyledBox, StyledSection, StyledRow } from "./StyledBox.js";
+function formatTokenCount(count) {
+  if (count >= 1e6) {
+    return `${(count / 1e6).toFixed(1)}M`;
+  }
+  if (count >= 1e3) {
+    return `${(count / 1e3).toFixed(1)}K`;
+  }
+  return count.toString();
+}
+function formatCost(cost) {
+  if (cost < 0.01) {
+    return `$${cost.toFixed(4)}`;
+  }
+  if (cost < 1) {
+    return `$${cost.toFixed(3)}`;
+  }
+  return `$${cost.toFixed(2)}`;
+}
+function StatsBox({ data }) {
+  return /* @__PURE__ */ jsxs(StyledBox, { title: "System Statistics", children: [
+    /* @__PURE__ */ jsxs(StyledSection, { title: "Sessions", children: [
+      /* @__PURE__ */ jsx(StyledRow, { label: "Total Sessions", value: data.sessions.total.toString() }),
+      /* @__PURE__ */ jsx(StyledRow, { label: "In Memory", value: data.sessions.inMemory.toString() }),
+      /* @__PURE__ */ jsx(StyledRow, { label: "Max Allowed", value: data.sessions.maxAllowed.toString() })
+    ] }),
+    /* @__PURE__ */ jsxs(StyledSection, { title: "MCP Servers", children: [
+      /* @__PURE__ */ jsx(
+        StyledRow,
+        {
+          label: "Connected",
+          value: data.mcp.connected.toString(),
+          valueColor: "green"
+        }
+      ),
+      data.mcp.failed > 0 && /* @__PURE__ */ jsx(StyledRow, { label: "Failed", value: data.mcp.failed.toString(), valueColor: "red" }),
+      /* @__PURE__ */ jsx(StyledRow, { label: "Available Tools", value: data.mcp.toolCount.toString() })
+    ] }),
+    data.tokenUsage && /* @__PURE__ */ jsxs(StyledSection, { title: "Token Usage (This Session)", children: [
+      /* @__PURE__ */ jsx(
+        StyledRow,
+        {
+          label: "Input",
+          value: formatTokenCount(data.tokenUsage.inputTokens)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        StyledRow,
+        {
+          label: "Output",
+          value: formatTokenCount(data.tokenUsage.outputTokens)
+        }
+      ),
+      data.tokenUsage.reasoningTokens > 0 && /* @__PURE__ */ jsx(
+        StyledRow,
+        {
+          label: "Reasoning",
+          value: formatTokenCount(data.tokenUsage.reasoningTokens)
+        }
+      ),
+      data.tokenUsage.cacheReadTokens > 0 && /* @__PURE__ */ jsx(
+        StyledRow,
+        {
+          label: "Cache Read",
+          value: formatTokenCount(data.tokenUsage.cacheReadTokens),
+          valueColor: "cyan"
+        }
+      ),
+      data.tokenUsage.cacheWriteTokens > 0 && /* @__PURE__ */ jsx(
+        StyledRow,
+        {
+          label: "Cache Write",
+          value: formatTokenCount(data.tokenUsage.cacheWriteTokens),
+          valueColor: "orange"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        StyledRow,
+        {
+          label: "Total",
+          value: formatTokenCount(data.tokenUsage.totalTokens),
+          valueColor: "blue"
+        }
+      ),
+      data.estimatedCost !== void 0 && /* @__PURE__ */ jsx(
+        StyledRow,
+        {
+          label: "Est. Cost",
+          value: formatCost(data.estimatedCost),
+          valueColor: "green"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  StatsBox
+};

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

@@ -0,0 +1,88 @@
+"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 StyledBox_exports = {};
+__export(StyledBox_exports, {
+  StyledBox: () => StyledBox,
+  StyledListItem: () => StyledListItem,
+  StyledRow: () => StyledRow,
+  StyledSection: () => StyledSection
+});
+module.exports = __toCommonJS(StyledBox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+var import_useTerminalSize = require("../../../hooks/useTerminalSize.js");
+function StyledBox({ title, titleColor = "cyan", children }) {
+  const { columns } = (0, import_useTerminalSize.useTerminalSize)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", marginBottom: 1, width: columns, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_ink.Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "gray",
+      paddingX: 1,
+      paddingY: 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { bold: true, color: titleColor, children: title }) }),
+        children
+      ]
+    }
+  ) });
+}
+function StyledSection({ title, icon, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { bold: true, children: [
+      icon && `${icon} `,
+      title
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { flexDirection: "column", marginLeft: 2, children })
+  ] });
+}
+function StyledRow({ label, value, valueColor = "cyan" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      label,
+      ": "
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: valueColor, children: value })
+  ] });
+}
+function StyledListItem({ icon, text, isActive, dimmed }) {
+  const textProps = {};
+  if (isActive) {
+    textProps.color = "green";
+    textProps.bold = true;
+  }
+  if (dimmed) {
+    textProps.color = "gray";
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+    icon && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { ...textProps, children: [
+      icon,
+      " "
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { ...textProps, children: text })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StyledBox,
+  StyledListItem,
+  StyledRow,
+  StyledSection
+});