@dexto/tui 1.6.2

package/dist/components/renderers/FileRenderer.cjs

@@ -0,0 +1,95 @@
+"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 FileRenderer_exports = {};
+__export(FileRenderer_exports, {
+  FileRenderer: () => FileRenderer
+});
+module.exports = __toCommonJS(FileRenderer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+var import_messageFormatting = require("../../utils/messageFormatting.js");
+var import_diff_shared = require("./diff-shared.js");
+function FileRenderer({ data, maxLines = 20 }) {
+  const { operation, lineCount, path, content } = data;
+  const relativePath = (0, import_messageFormatting.makeRelativePath)(path);
+  if (operation === "read") {
+    const lineText = lineCount !== void 0 ? `${lineCount} lines` : "file";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "  \u23BF ",
+      "Read ",
+      lineText,
+      " from ",
+      relativePath
+    ] });
+  }
+  if (operation === "write" || operation === "create") {
+    const verb = operation === "create" ? "Created" : "Wrote";
+    if (operation === "create" && content) {
+      const lines = content.split("\n");
+      const displayLines = lines.slice(0, maxLines);
+      const truncatedCount = lines.length - displayLines.length;
+      const lineNumWidth = (0, import_diff_shared.getLineNumWidth)(lines.length);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "  \u23BF " }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: relativePath }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", children: " (created)" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", paddingLeft: 2, children: [
+          displayLines.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: (0, import_diff_shared.formatLineNum)(index + 1, lineNumWidth) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { wrap: "wrap", children: [
+              "   ",
+              line
+            ] })
+          ] }, index)),
+          truncatedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+            "... +",
+            truncatedCount,
+            " lines"
+          ] })
+        ] })
+      ] });
+    }
+    const lineText = lineCount !== void 0 ? `${lineCount} lines` : "content";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "  \u23BF ",
+      verb,
+      " ",
+      lineText,
+      " to ",
+      relativePath
+    ] });
+  }
+  if (operation === "delete") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "  \u23BF ",
+      "Deleted ",
+      relativePath
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+    "  \u23BF ",
+    operation
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FileRenderer
+});

package/dist/components/renderers/FileRenderer.d.ts

@@ -0,0 +1,21 @@
+/**
+ * FileRenderer Component
+ *
+ * Renders file operation status.
+ * - Read: "Read N lines"
+ * - Write/Create: "Wrote N lines to filename"
+ */
+import type { FileDisplayData } from '@dexto/core';
+interface FileRendererProps {
+    /** File display data from tool result */
+    data: FileDisplayData;
+    /** Maximum lines of content to display (default: 20) */
+    maxLines?: number;
+}
+/**
+ * Renders file operation status.
+ * Uses ⎿ character for continuation lines.
+ */
+export declare function FileRenderer({ data, maxLines }: FileRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FileRenderer.d.ts.map

package/dist/components/renderers/FileRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/FileRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAInD,UAAU,iBAAiB;IACvB,yCAAyC;IACzC,IAAI,EAAE,eAAe,CAAC;IACtB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAa,EAAE,EAAE,iBAAiB,2CA2EtE"}

package/dist/components/renderers/FileRenderer.js

@@ -0,0 +1,71 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { makeRelativePath } from "../../utils/messageFormatting.js";
+import { formatLineNum, getLineNumWidth } from "./diff-shared.js";
+function FileRenderer({ data, maxLines = 20 }) {
+  const { operation, lineCount, path, content } = data;
+  const relativePath = makeRelativePath(path);
+  if (operation === "read") {
+    const lineText = lineCount !== void 0 ? `${lineCount} lines` : "file";
+    return /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "  \u23BF ",
+      "Read ",
+      lineText,
+      " from ",
+      relativePath
+    ] });
+  }
+  if (operation === "write" || operation === "create") {
+    const verb = operation === "create" ? "Created" : "Wrote";
+    if (operation === "create" && content) {
+      const lines = content.split("\n");
+      const displayLines = lines.slice(0, maxLines);
+      const truncatedCount = lines.length - displayLines.length;
+      const lineNumWidth = getLineNumWidth(lines.length);
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: "  \u23BF " }),
+          /* @__PURE__ */ jsx(Text, { children: relativePath }),
+          /* @__PURE__ */ jsx(Text, { color: "green", children: " (created)" })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [
+          displayLines.map((line, index) => /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Text, { color: "gray", children: formatLineNum(index + 1, lineNumWidth) }),
+            /* @__PURE__ */ jsxs(Text, { wrap: "wrap", children: [
+              "   ",
+              line
+            ] })
+          ] }, index)),
+          truncatedCount > 0 && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            "... +",
+            truncatedCount,
+            " lines"
+          ] })
+        ] })
+      ] });
+    }
+    const lineText = lineCount !== void 0 ? `${lineCount} lines` : "content";
+    return /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "  \u23BF ",
+      verb,
+      " ",
+      lineText,
+      " to ",
+      relativePath
+    ] });
+  }
+  if (operation === "delete") {
+    return /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "  \u23BF ",
+      "Deleted ",
+      relativePath
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+    "  \u23BF ",
+    operation
+  ] });
+}
+export {
+  FileRenderer
+};

package/dist/components/renderers/GenericRenderer.cjs

@@ -0,0 +1,63 @@
+"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 GenericRenderer_exports = {};
+__export(GenericRenderer_exports, {
+  GenericRenderer: () => GenericRenderer
+});
+module.exports = __toCommonJS(GenericRenderer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+function GenericRenderer({ content, maxLines = 15 }) {
+  const text = content.filter((part) => part.type === "text").map((part) => part.text).join("\n");
+  if (!text) {
+    return null;
+  }
+  const lines = text.split("\n").filter((line) => line.trim().length > 0);
+  const displayLines = lines.slice(0, maxLines);
+  const truncated = lines.length > maxLines;
+  if (lines.length === 1 && lines[0]) {
+    const line = lines[0];
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "  \u23BF ",
+      line.slice(0, 80),
+      line.length > 80 ? "..." : ""
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "  \u23BF ",
+      displayLines.length,
+      " lines"
+    ] }),
+    displayLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", wrap: "truncate", children: [
+      "  \u23BF ",
+      line
+    ] }, i)),
+    truncated && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "  \u23BF ",
+      "... ",
+      lines.length - maxLines,
+      " more lines"
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GenericRenderer
+});

package/dist/components/renderers/GenericRenderer.d.ts

@@ -0,0 +1,21 @@
+/**
+ * GenericRenderer Component
+ *
+ * Fallback renderer for unknown tools and MCP tools.
+ * Renders content[] as plain text with truncation.
+ */
+import type { ContentPart } from '@dexto/core';
+interface GenericRendererProps {
+    /** Content parts from SanitizedToolResult */
+    content: ContentPart[];
+    /** Maximum lines to display before truncating */
+    maxLines?: number;
+}
+/**
+ * Renders tool result content as plain text.
+ * Used as fallback for tools without specific display data.
+ * Uses ⎿ character for continuation lines.
+ */
+export declare function GenericRenderer({ content, maxLines }: GenericRendererProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=GenericRenderer.d.ts.map

package/dist/components/renderers/GenericRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/GenericRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,UAAU,oBAAoB;IAC1B,6CAA6C;IAC7C,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAa,EAAE,EAAE,oBAAoB,kDA8C/E"}

package/dist/components/renderers/GenericRenderer.js

@@ -0,0 +1,39 @@
+import { jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+function GenericRenderer({ content, maxLines = 15 }) {
+  const text = content.filter((part) => part.type === "text").map((part) => part.text).join("\n");
+  if (!text) {
+    return null;
+  }
+  const lines = text.split("\n").filter((line) => line.trim().length > 0);
+  const displayLines = lines.slice(0, maxLines);
+  const truncated = lines.length > maxLines;
+  if (lines.length === 1 && lines[0]) {
+    const line = lines[0];
+    return /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "  \u23BF ",
+      line.slice(0, 80),
+      line.length > 80 ? "..." : ""
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "  \u23BF ",
+      displayLines.length,
+      " lines"
+    ] }),
+    displayLines.map((line, i) => /* @__PURE__ */ jsxs(Text, { color: "gray", wrap: "truncate", children: [
+      "  \u23BF ",
+      line
+    ] }, i)),
+    truncated && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "  \u23BF ",
+      "... ",
+      lines.length - maxLines,
+      " more lines"
+    ] })
+  ] });
+}
+export {
+  GenericRenderer
+};

package/dist/components/renderers/SearchRenderer.cjs

@@ -0,0 +1,77 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SearchRenderer_exports = {};
+__export(SearchRenderer_exports, {
+  SearchRenderer: () => SearchRenderer
+});
+module.exports = __toCommonJS(SearchRenderer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_path = __toESM(require("path"), 1);
+var import_ink = require("ink");
+function toRelativePath(absolutePath) {
+  const cwd = process.cwd();
+  const relative = import_path.default.relative(cwd, absolutePath);
+  if (relative === "") return ".";
+  if (!relative.startsWith("..") && !import_path.default.isAbsolute(relative)) {
+    return relative;
+  }
+  return absolutePath;
+}
+function SearchRenderer({ data, maxMatches = 5 }) {
+  const { pattern, matches, totalMatches, truncated: dataTruncated } = data;
+  const displayMatches = matches.slice(0, maxMatches);
+  const truncated = dataTruncated || matches.length > maxMatches;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "  \u23BF ",
+      totalMatches,
+      " match",
+      totalMatches !== 1 ? "es" : "",
+      ' for "',
+      pattern,
+      '"',
+      truncated && " (truncated)"
+    ] }),
+    displayMatches.map((match, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", wrap: "truncate", children: [
+      "  \u23BF ",
+      toRelativePath(match.file),
+      match.line > 0 && `:${match.line}`
+    ] }, i)),
+    matches.length > maxMatches && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "  \u23BF ",
+      "... ",
+      matches.length - maxMatches,
+      " more"
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SearchRenderer
+});

package/dist/components/renderers/SearchRenderer.d.ts

@@ -0,0 +1,20 @@
+/**
+ * SearchRenderer Component
+ *
+ * Renders search results with file:line format.
+ * Used for grep_content and glob_files tool results.
+ */
+import type { SearchDisplayData } from '@dexto/core';
+interface SearchRendererProps {
+    /** Search display data from tool result */
+    data: SearchDisplayData;
+    /** Maximum matches to display before truncating */
+    maxMatches?: number;
+}
+/**
+ * Renders search results with file paths and line numbers.
+ * Uses ⎿ character for continuation lines.
+ */
+export declare function SearchRenderer({ data, maxMatches }: SearchRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SearchRenderer.d.ts.map

package/dist/components/renderers/SearchRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/SearchRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAerD,UAAU,mBAAmB;IACzB,2CAA2C;IAC3C,IAAI,EAAE,iBAAiB,CAAC;IACxB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,UAAc,EAAE,EAAE,mBAAmB,2CA8B3E"}

package/dist/components/renderers/SearchRenderer.js

@@ -0,0 +1,43 @@
+import { jsxs } from "react/jsx-runtime";
+import path from "path";
+import { Box, Text } from "ink";
+function toRelativePath(absolutePath) {
+  const cwd = process.cwd();
+  const relative = path.relative(cwd, absolutePath);
+  if (relative === "") return ".";
+  if (!relative.startsWith("..") && !path.isAbsolute(relative)) {
+    return relative;
+  }
+  return absolutePath;
+}
+function SearchRenderer({ data, maxMatches = 5 }) {
+  const { pattern, matches, totalMatches, truncated: dataTruncated } = data;
+  const displayMatches = matches.slice(0, maxMatches);
+  const truncated = dataTruncated || matches.length > maxMatches;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "  \u23BF ",
+      totalMatches,
+      " match",
+      totalMatches !== 1 ? "es" : "",
+      ' for "',
+      pattern,
+      '"',
+      truncated && " (truncated)"
+    ] }),
+    displayMatches.map((match, i) => /* @__PURE__ */ jsxs(Text, { color: "gray", wrap: "truncate", children: [
+      "  \u23BF ",
+      toRelativePath(match.file),
+      match.line > 0 && `:${match.line}`
+    ] }, i)),
+    matches.length > maxMatches && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "  \u23BF ",
+      "... ",
+      matches.length - maxMatches,
+      " more"
+    ] })
+  ] });
+}
+export {
+  SearchRenderer
+};

package/dist/components/renderers/ShellRenderer.cjs

@@ -0,0 +1,61 @@
+"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 ShellRenderer_exports = {};
+__export(ShellRenderer_exports, {
+  ShellRenderer: () => ShellRenderer
+});
+module.exports = __toCommonJS(ShellRenderer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+function ShellRenderer({ data, maxLines = 5 }) {
+  const output = data.stdout && data.stdout.length > 0 ? data.stdout : data.stderr || "";
+  const outputLines = output.split("\n").filter((line) => line.length > 0);
+  const displayLines = outputLines.slice(0, maxLines);
+  const truncatedCount = outputLines.length - displayLines.length;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
+    data.isBackground && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "    ",
+      "(background)"
+    ] }),
+    outputLines.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "    ",
+      "(No output)"
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      displayLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", wrap: "truncate", children: [
+        "    ",
+        line
+      ] }, i)),
+      truncatedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+        "    ",
+        "+",
+        truncatedCount,
+        " lines"
+      ] })
+    ] }),
+    data.exitCode !== 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "red", children: [
+      "    ",
+      "exit code: ",
+      data.exitCode
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ShellRenderer
+});

package/dist/components/renderers/ShellRenderer.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ShellRenderer Component
+ *
+ * Renders shell command output.
+ * Shows actual stdout/stderr, limited to 5 lines with "+N lines" truncation.
+ */
+import type { ShellDisplayData } from '@dexto/core';
+interface ShellRendererProps {
+    /** Shell display data from tool result */
+    data: ShellDisplayData;
+    /** Maximum lines to display before truncating (default: 10) */
+    maxLines?: number;
+}
+/**
+ * Renders shell command result with output.
+ * Uses ⎿ character for continuation lines.
+ * Shows just the output, "(No content)" for empty results.
+ */
+export declare function ShellRenderer({ data, maxLines }: ShellRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ShellRenderer.d.ts.map

package/dist/components/renderers/ShellRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShellRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/ShellRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,UAAU,kBAAkB;IACxB,0CAA0C;IAC1C,IAAI,EAAE,gBAAgB,CAAC;IACvB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,QAAY,EAAE,EAAE,kBAAkB,2CAqCvE"}

package/dist/components/renderers/ShellRenderer.js

@@ -0,0 +1,37 @@
+import { Fragment, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+function ShellRenderer({ data, maxLines = 5 }) {
+  const output = data.stdout && data.stdout.length > 0 ? data.stdout : data.stderr || "";
+  const outputLines = output.split("\n").filter((line) => line.length > 0);
+  const displayLines = outputLines.slice(0, maxLines);
+  const truncatedCount = outputLines.length - displayLines.length;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    data.isBackground && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "    ",
+      "(background)"
+    ] }),
+    outputLines.length === 0 ? /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "    ",
+      "(No output)"
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      displayLines.map((line, i) => /* @__PURE__ */ jsxs(Text, { color: "gray", wrap: "truncate", children: [
+        "    ",
+        line
+      ] }, i)),
+      truncatedCount > 0 && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        "    ",
+        "+",
+        truncatedCount,
+        " lines"
+      ] })
+    ] }),
+    data.exitCode !== 0 && /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+      "    ",
+      "exit code: ",
+      data.exitCode
+    ] })
+  ] });
+}
+export {
+  ShellRenderer
+};