@dexto/tui 1.6.2

package/dist/components/ErrorBoundary.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from "ink";
+import { logger } from "@dexto/core";
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    logger.error(`Error in ErrorBoundary: ${error.message}`, {
+      error,
+      componentStack: errorInfo.componentStack
+    });
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", padding: 1, borderStyle: "round", borderColor: "red", children: [
+        /* @__PURE__ */ jsx(Text, { color: "red", bold: true, children: "CLI Error" }),
+        /* @__PURE__ */ jsx(Text, { color: "red", children: this.state.error?.message || "Unknown error" }),
+        /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: "Press Ctrl+C to exit" })
+      ] });
+    }
+    return this.props.children;
+  }
+}
+export {
+  ErrorBoundary
+};

package/dist/components/Footer.cjs

@@ -0,0 +1,165 @@
+"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 Footer_exports = {};
+__export(Footer_exports, {
+  Footer: () => Footer
+});
+module.exports = __toCommonJS(Footer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_node_path = __toESM(require("node:path"), 1);
+var import_ink = require("ink");
+var import_core = require("@dexto/core");
+var import_llm_provider_display = require("../utils/llm-provider-display.js");
+function Footer({
+  agent,
+  sessionId,
+  modelName,
+  cwd,
+  branchName,
+  autoApproveEdits,
+  bypassPermissions,
+  planModeActive,
+  isShellMode
+}) {
+  const displayPath = cwd ? import_node_path.default.basename(cwd) || cwd : "";
+  const displayModelName = (0, import_core.getModelDisplayName)(modelName);
+  const [contextLeft, setContextLeft] = (0, import_react.useState)(null);
+  const [, setLlmTick] = (0, import_react.useState)(0);
+  const llmConfig = sessionId ? agent.getCurrentLLMConfig(sessionId) : null;
+  const provider = llmConfig?.provider ?? null;
+  const providerLabel = provider ? (0, import_llm_provider_display.getLLMProviderDisplayName)(provider) : null;
+  const reasoningProfile = provider && llmConfig ? (0, import_core.getReasoningProfile)(provider, llmConfig.model) : null;
+  const reasoningVariant = llmConfig?.reasoning?.variant ?? reasoningProfile?.defaultVariant ?? void 0;
+  const showReasoningVariant = reasoningProfile?.capable === true && typeof reasoningVariant === "string";
+  (0, import_react.useEffect)(() => {
+    if (!sessionId) {
+      setContextLeft(null);
+      return;
+    }
+    let cancelled = false;
+    let refreshId = 0;
+    const refreshContext = async () => {
+      const requestId = ++refreshId;
+      try {
+        const stats = await agent.getContextStats(sessionId);
+        if (cancelled || requestId !== refreshId) return;
+        const percentLeft = Math.max(0, Math.min(100, 100 - stats.usagePercent));
+        setContextLeft({
+          percentLeft
+        });
+      } catch {
+        if (!cancelled) {
+          setContextLeft(null);
+        }
+      }
+    };
+    refreshContext();
+    const controller = new AbortController();
+    const { signal } = controller;
+    const sessionEvents = [
+      "llm:response",
+      "llm:switched",
+      "context:compacted",
+      "context:pruned",
+      "context:cleared",
+      "message:dequeued",
+      "session:reset"
+    ];
+    const handleEvent = (payload) => {
+      if (payload.sessionId && payload.sessionId !== sessionId) return;
+      refreshContext();
+    };
+    const handleLlmSwitched = (payload) => {
+      if (payload.sessionIds && !payload.sessionIds.includes(sessionId)) return;
+      refreshContext();
+      setLlmTick((prev) => prev + 1);
+    };
+    for (const eventName of sessionEvents) {
+      if (eventName === "llm:switched") {
+        agent.on(eventName, handleLlmSwitched, { signal });
+      } else {
+        agent.on(eventName, handleEvent, { signal });
+      }
+    }
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [agent, sessionId]);
+  const pathColor = isShellMode ? "yellow" : "blue";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: pathColor, children: displayPath }),
+        branchName && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+          " (",
+          branchName,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: displayModelName }),
+        providerLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+          " (",
+          providerLabel,
+          ")"
+        ] }),
+        showReasoningVariant && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: " \xB7 r:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "magentaBright", children: reasoningVariant })
+        ] })
+      ] })
+    ] }),
+    contextLeft && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      contextLeft.percentLeft,
+      "% context left"
+    ] }) }),
+    isShellMode && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellow", bold: true, children: "!" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: " for shell mode" })
+    ] }),
+    planModeActive && !isShellMode && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "magentaBright", children: "plan mode" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: " (shift + tab to cycle)" })
+    ] }),
+    autoApproveEdits && !planModeActive && !isShellMode && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "yellowBright", children: "accept edits" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: " (shift + tab to cycle)" })
+    ] }),
+    bypassPermissions && !planModeActive && !autoApproveEdits && !isShellMode && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "redBright", bold: true, children: "bypass permissions" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: " (shift + tab to cycle)" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Footer
+});

package/dist/components/Footer.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Footer Component
+ * Status line at the bottom showing CWD, branch, and model info.
+ */
+import { type DextoAgent } from '@dexto/core';
+interface FooterProps {
+    agent: DextoAgent;
+    sessionId: string | null;
+    modelName: string;
+    cwd?: string;
+    branchName?: string;
+    autoApproveEdits?: boolean;
+    bypassPermissions?: boolean;
+    planModeActive?: boolean;
+    /** Whether user is in shell command mode (input starts with !) */
+    isShellMode?: boolean;
+}
+/**
+ * Pure presentational component for footer status line
+ */
+export declare function Footer({ agent, sessionId, modelName, cwd, branchName, autoApproveEdits, bypassPermissions, planModeActive, isShellMode, }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Footer.d.ts.map

package/dist/components/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../src/components/Footer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,EAA4C,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAGxF,UAAU,WAAW;IACjB,KAAK,EAAE,UAAU,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACnB,KAAK,EACL,SAAS,EACT,SAAS,EACT,GAAG,EACH,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,WAAW,GACd,EAAE,WAAW,2CAqJb"}

package/dist/components/Footer.js

@@ -0,0 +1,131 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import path from "node:path";
+import { Box, Text } from "ink";
+import { getModelDisplayName, getReasoningProfile } from "@dexto/core";
+import { getLLMProviderDisplayName } from "../utils/llm-provider-display.js";
+function Footer({
+  agent,
+  sessionId,
+  modelName,
+  cwd,
+  branchName,
+  autoApproveEdits,
+  bypassPermissions,
+  planModeActive,
+  isShellMode
+}) {
+  const displayPath = cwd ? path.basename(cwd) || cwd : "";
+  const displayModelName = getModelDisplayName(modelName);
+  const [contextLeft, setContextLeft] = useState(null);
+  const [, setLlmTick] = useState(0);
+  const llmConfig = sessionId ? agent.getCurrentLLMConfig(sessionId) : null;
+  const provider = llmConfig?.provider ?? null;
+  const providerLabel = provider ? getLLMProviderDisplayName(provider) : null;
+  const reasoningProfile = provider && llmConfig ? getReasoningProfile(provider, llmConfig.model) : null;
+  const reasoningVariant = llmConfig?.reasoning?.variant ?? reasoningProfile?.defaultVariant ?? void 0;
+  const showReasoningVariant = reasoningProfile?.capable === true && typeof reasoningVariant === "string";
+  useEffect(() => {
+    if (!sessionId) {
+      setContextLeft(null);
+      return;
+    }
+    let cancelled = false;
+    let refreshId = 0;
+    const refreshContext = async () => {
+      const requestId = ++refreshId;
+      try {
+        const stats = await agent.getContextStats(sessionId);
+        if (cancelled || requestId !== refreshId) return;
+        const percentLeft = Math.max(0, Math.min(100, 100 - stats.usagePercent));
+        setContextLeft({
+          percentLeft
+        });
+      } catch {
+        if (!cancelled) {
+          setContextLeft(null);
+        }
+      }
+    };
+    refreshContext();
+    const controller = new AbortController();
+    const { signal } = controller;
+    const sessionEvents = [
+      "llm:response",
+      "llm:switched",
+      "context:compacted",
+      "context:pruned",
+      "context:cleared",
+      "message:dequeued",
+      "session:reset"
+    ];
+    const handleEvent = (payload) => {
+      if (payload.sessionId && payload.sessionId !== sessionId) return;
+      refreshContext();
+    };
+    const handleLlmSwitched = (payload) => {
+      if (payload.sessionIds && !payload.sessionIds.includes(sessionId)) return;
+      refreshContext();
+      setLlmTick((prev) => prev + 1);
+    };
+    for (const eventName of sessionEvents) {
+      if (eventName === "llm:switched") {
+        agent.on(eventName, handleLlmSwitched, { signal });
+      } else {
+        agent.on(eventName, handleEvent, { signal });
+      }
+    }
+    return () => {
+      cancelled = true;
+      controller.abort();
+    };
+  }, [agent, sessionId]);
+  const pathColor = isShellMode ? "yellow" : "blue";
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { color: pathColor, children: displayPath }),
+        branchName && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          " (",
+          branchName,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: displayModelName }),
+        providerLabel && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          " (",
+          providerLabel,
+          ")"
+        ] }),
+        showReasoningVariant && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: " \xB7 r:" }),
+          /* @__PURE__ */ jsx(Text, { color: "magentaBright", children: reasoningVariant })
+        ] })
+      ] })
+    ] }),
+    contextLeft && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      contextLeft.percentLeft,
+      "% context left"
+    ] }) }),
+    isShellMode && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "yellow", bold: true, children: "!" }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: " for shell mode" })
+    ] }),
+    planModeActive && !isShellMode && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "magentaBright", children: "plan mode" }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: " (shift + tab to cycle)" })
+    ] }),
+    autoApproveEdits && !planModeActive && !isShellMode && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "yellowBright", children: "accept edits" }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: " (shift + tab to cycle)" })
+    ] }),
+    bypassPermissions && !planModeActive && !autoApproveEdits && !isShellMode && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "redBright", bold: true, children: "bypass permissions" }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: " (shift + tab to cycle)" })
+    ] })
+  ] });
+}
+export {
+  Footer
+};

package/dist/components/HistorySearchBar.cjs

@@ -0,0 +1,40 @@
+"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 HistorySearchBar_exports = {};
+__export(HistorySearchBar_exports, {
+  HistorySearchBar: () => HistorySearchBar
+});
+module.exports = __toCommonJS(HistorySearchBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ink = require("ink");
+function HistorySearchBar({ query, hasMatch }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Ctrl+R: older, Ctrl+E: newer, Enter: accept, Esc: cancel" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", children: "search history: " }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", children: query }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "_" }),
+      query && !hasMatch && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "red", children: " (no match)" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HistorySearchBar
+});

package/dist/components/HistorySearchBar.d.ts

@@ -0,0 +1,17 @@
+/**
+ * HistorySearchBar - UI for Ctrl+R reverse history search
+ *
+ * Displayed at the very bottom when search mode is active.
+ */
+interface HistorySearchBarProps {
+    /** Current search query */
+    query: string;
+    /** Whether there's a match for the current query */
+    hasMatch: boolean;
+}
+/**
+ * Search bar displayed during history search mode
+ */
+export declare function HistorySearchBar({ query, hasMatch }: HistorySearchBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HistorySearchBar.d.ts.map

package/dist/components/HistorySearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistorySearchBar.d.ts","sourceRoot":"","sources":["../../src/components/HistorySearchBar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,UAAU,qBAAqB;IAC3B,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAc1E"}

package/dist/components/HistorySearchBar.js

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+function HistorySearchBar({ query, hasMatch }) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: "gray", children: "Ctrl+R: older, Ctrl+E: newer, Enter: accept, Esc: cancel" }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "green", children: "search history: " }),
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: query }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "_" }),
+      query && !hasMatch && /* @__PURE__ */ jsx(Text, { color: "red", children: " (no match)" })
+    ] })
+  ] });
+}
+export {
+  HistorySearchBar
+};

package/dist/components/MultiLineInput.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 MultiLineInput_exports = {};
+__export(MultiLineInput_exports, {
+  default: () => MultiLineInput
+});
+module.exports = __toCommonJS(MultiLineInput_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ink = require("ink");
+function MultiLineInput({ value, placeholder, prompt = "> " }) {
+  const lines = (0, import_react.useMemo)(() => {
+    if (!value) return [];
+    return value.split("\n");
+  }, [value]);
+  const lineCount = lines.length;
+  if (!value && placeholder) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", bold: true, children: prompt }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: placeholder })
+    ] });
+  }
+  const visibleLines = lineCount > 10 ? lines.slice(-10) : lines;
+  const startOffset = lineCount > 10 ? lineCount - 10 : 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
+    startOffset > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+      "... (",
+      startOffset,
+      " more lines above)"
+    ] }) }),
+    visibleLines.map((line, index) => {
+      const actualIndex = startOffset + index;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "row", children: [
+        index === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", bold: true, children: prompt }),
+        index > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "green", children: " ".repeat(prompt.length) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { wrap: "wrap", children: line || " " })
+      ] }, actualIndex);
+    })
+  ] });
+}

package/dist/components/MultiLineInput.d.ts

@@ -0,0 +1,12 @@
+interface MultiLineInputProps {
+    value: string;
+    placeholder?: string;
+    prompt?: string;
+}
+/**
+ * Custom multi-line input display component
+ * Calculates height based on content and displays text with proper line breaks
+ */
+export default function MultiLineInput({ value, placeholder, prompt }: MultiLineInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MultiLineInput.d.ts.map

package/dist/components/MultiLineInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLineInput.d.ts","sourceRoot":"","sources":["../../src/components/MultiLineInput.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAa,EAAE,EAAE,mBAAmB,2CAgDhG"}

package/dist/components/MultiLineInput.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Box, Text } from "ink";
+function MultiLineInput({ value, placeholder, prompt = "> " }) {
+  const lines = useMemo(() => {
+    if (!value) return [];
+    return value.split("\n");
+  }, [value]);
+  const lineCount = lines.length;
+  if (!value && placeholder) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx(Text, { color: "green", bold: true, children: prompt }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: placeholder })
+    ] });
+  }
+  const visibleLines = lineCount > 10 ? lines.slice(-10) : lines;
+  const startOffset = lineCount > 10 ? lineCount - 10 : 0;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    startOffset > 0 && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      "... (",
+      startOffset,
+      " more lines above)"
+    ] }) }),
+    visibleLines.map((line, index) => {
+      const actualIndex = startOffset + index;
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+        index === 0 && /* @__PURE__ */ jsx(Text, { color: "green", bold: true, children: prompt }),
+        index > 0 && /* @__PURE__ */ jsx(Text, { color: "green", children: " ".repeat(prompt.length) }),
+        /* @__PURE__ */ jsx(Text, { wrap: "wrap", children: line || " " })
+      ] }, actualIndex);
+    })
+  ] });
+}
+export {
+  MultiLineInput as default
+};