@dexto/tui 1.6.2

package/dist/components/renderers/DiffRenderer.cjs

@@ -0,0 +1,145 @@
+"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 DiffRenderer_exports = {};
+__export(DiffRenderer_exports, {
+  DiffRenderer: () => DiffRenderer
+});
+module.exports = __toCommonJS(DiffRenderer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_ink = require("ink");
+var import_messageFormatting = require("../../utils/messageFormatting.js");
+var import_diff_shared = require("./diff-shared.js");
+function DiffRenderer({ data, maxLines = Infinity }) {
+  const { unified, filename, additions, deletions } = data;
+  const hunks = (0, import_diff_shared.parseUnifiedDiff)(unified);
+  let maxLineNum = 1;
+  for (const hunk of hunks) {
+    for (const line of hunk.lines) {
+      maxLineNum = Math.max(maxLineNum, line.lineNum);
+    }
+  }
+  const lineNumWidth = (0, import_diff_shared.getLineNumWidth)(maxLineNum);
+  const allLinePairs = hunks.map((hunk) => (0, import_diff_shared.findLinePairs)(hunk.lines));
+  let totalLines = 0;
+  for (const hunk of hunks) {
+    totalLines += hunk.lines.length;
+  }
+  const shouldTruncate = totalLines > maxLines;
+  let linesRendered = 0;
+  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: (0, import_messageFormatting.makeRelativePath)(filename) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "green", children: [
+        " +",
+        additions
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "red", children: [
+        " -",
+        deletions
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", paddingLeft: 2, children: [
+      hunks.map((hunk, hunkIndex) => {
+        if (shouldTruncate && linesRendered >= maxLines) {
+          return null;
+        }
+        const linePairs = allLinePairs[hunkIndex];
+        const processedIndices = /* @__PURE__ */ new Set();
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+          hunkIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_diff_shared.HunkSeparator, {}),
+          hunk.lines.map((line, lineIndex) => {
+            if (shouldTruncate && linesRendered >= maxLines) {
+              return null;
+            }
+            if (processedIndices.has(lineIndex)) {
+              return null;
+            }
+            const pair = linePairs.get(lineIndex);
+            if (pair) {
+              processedIndices.add(lineIndex + 1);
+              if (shouldTruncate && linesRendered + 2 > maxLines) {
+                linesRendered = maxLines;
+                return null;
+              }
+              linesRendered += 2;
+              const { oldParts, newParts } = (0, import_diff_shared.computeWordDiff)(
+                pair.del.content,
+                pair.add.content
+              );
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_diff_shared.DiffLine,
+                  {
+                    type: "deletion",
+                    lineNum: pair.del.lineNum,
+                    lineNumWidth,
+                    content: pair.del.content,
+                    wordDiffParts: oldParts
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_diff_shared.DiffLine,
+                  {
+                    type: "addition",
+                    lineNum: pair.add.lineNum,
+                    lineNumWidth,
+                    content: pair.add.content,
+                    wordDiffParts: newParts
+                  }
+                )
+              ] }, lineIndex);
+            }
+            linesRendered++;
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_diff_shared.DiffLine,
+              {
+                type: line.type,
+                lineNum: line.lineNum,
+                lineNumWidth,
+                content: line.content
+              },
+              lineIndex
+            );
+          })
+        ] }, hunkIndex);
+      }),
+      shouldTruncate && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+        "... +",
+        totalLines - maxLines,
+        " lines"
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DiffRenderer
+});

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

@@ -0,0 +1,21 @@
+/**
+ * DiffRenderer Component
+ *
+ * Renders unified diff output with colored lines and line numbers.
+ * Used for edit_file and write_file (overwrite) tool results in message list.
+ * Matches the approval preview UX style.
+ */
+import type { DiffDisplayData } from '@dexto/core';
+interface DiffRendererProps {
+    /** Diff display data from tool result */
+    data: DiffDisplayData;
+    /** Maximum lines to display before truncating */
+    maxLines?: number;
+}
+/**
+ * Renders unified diff with colored lines, line numbers, and word-level highlighting.
+ * Matches the approval preview UX style. No truncation by default.
+ */
+export declare function DiffRenderer({ data, maxLines }: DiffRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DiffRenderer.d.ts.map

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

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

package/dist/components/renderers/DiffRenderer.js

@@ -0,0 +1,118 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from "ink";
+import { makeRelativePath } from "../../utils/messageFormatting.js";
+import {
+  parseUnifiedDiff,
+  findLinePairs,
+  computeWordDiff,
+  getLineNumWidth,
+  DiffLine,
+  HunkSeparator
+} from "./diff-shared.js";
+function DiffRenderer({ data, maxLines = Infinity }) {
+  const { unified, filename, additions, deletions } = data;
+  const hunks = parseUnifiedDiff(unified);
+  let maxLineNum = 1;
+  for (const hunk of hunks) {
+    for (const line of hunk.lines) {
+      maxLineNum = Math.max(maxLineNum, line.lineNum);
+    }
+  }
+  const lineNumWidth = getLineNumWidth(maxLineNum);
+  const allLinePairs = hunks.map((hunk) => findLinePairs(hunk.lines));
+  let totalLines = 0;
+  for (const hunk of hunks) {
+    totalLines += hunk.lines.length;
+  }
+  const shouldTruncate = totalLines > maxLines;
+  let linesRendered = 0;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "  \u23BF " }),
+      /* @__PURE__ */ jsx(Text, { children: makeRelativePath(filename) }),
+      /* @__PURE__ */ jsxs(Text, { color: "green", children: [
+        " +",
+        additions
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { color: "red", children: [
+        " -",
+        deletions
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [
+      hunks.map((hunk, hunkIndex) => {
+        if (shouldTruncate && linesRendered >= maxLines) {
+          return null;
+        }
+        const linePairs = allLinePairs[hunkIndex];
+        const processedIndices = /* @__PURE__ */ new Set();
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          hunkIndex > 0 && /* @__PURE__ */ jsx(HunkSeparator, {}),
+          hunk.lines.map((line, lineIndex) => {
+            if (shouldTruncate && linesRendered >= maxLines) {
+              return null;
+            }
+            if (processedIndices.has(lineIndex)) {
+              return null;
+            }
+            const pair = linePairs.get(lineIndex);
+            if (pair) {
+              processedIndices.add(lineIndex + 1);
+              if (shouldTruncate && linesRendered + 2 > maxLines) {
+                linesRendered = maxLines;
+                return null;
+              }
+              linesRendered += 2;
+              const { oldParts, newParts } = computeWordDiff(
+                pair.del.content,
+                pair.add.content
+              );
+              return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  DiffLine,
+                  {
+                    type: "deletion",
+                    lineNum: pair.del.lineNum,
+                    lineNumWidth,
+                    content: pair.del.content,
+                    wordDiffParts: oldParts
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  DiffLine,
+                  {
+                    type: "addition",
+                    lineNum: pair.add.lineNum,
+                    lineNumWidth,
+                    content: pair.add.content,
+                    wordDiffParts: newParts
+                  }
+                )
+              ] }, lineIndex);
+            }
+            linesRendered++;
+            return /* @__PURE__ */ jsx(
+              DiffLine,
+              {
+                type: line.type,
+                lineNum: line.lineNum,
+                lineNumWidth,
+                content: line.content
+              },
+              lineIndex
+            );
+          })
+        ] }, hunkIndex);
+      }),
+      shouldTruncate && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        "... +",
+        totalLines - maxLines,
+        " lines"
+      ] })
+    ] })
+  ] });
+}
+export {
+  DiffRenderer
+};

package/dist/components/renderers/FilePreviewRenderer.cjs

@@ -0,0 +1,146 @@
+"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 FilePreviewRenderer_exports = {};
+__export(FilePreviewRenderer_exports, {
+  CreateFilePreview: () => CreateFilePreview,
+  DiffPreview: () => DiffPreview
+});
+module.exports = __toCommonJS(FilePreviewRenderer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_ink = require("ink");
+var import_messageFormatting = require("../../utils/messageFormatting.js");
+var import_diff_shared = require("./diff-shared.js");
+function DiffPreview({ data, header }) {
+  const { unified, filename } = data;
+  const hunks = (0, import_diff_shared.parseUnifiedDiff)(unified);
+  let maxLineNum = 1;
+  for (const hunk of hunks) {
+    for (const line of hunk.lines) {
+      maxLineNum = Math.max(maxLineNum, line.lineNum);
+    }
+  }
+  const lineNumWidth = (0, import_diff_shared.getLineNumWidth)(maxLineNum);
+  const allLinePairs = hunks.map((hunk) => (0, import_diff_shared.findLinePairs)(hunk.lines));
+  const headerText = header ?? data.title ?? "Update file";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", bold: true, children: headerText }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: (0, import_messageFormatting.makeRelativePath)(filename) }) }),
+      hunks.map((hunk, hunkIndex) => {
+        const linePairs = allLinePairs[hunkIndex];
+        const processedIndices = /* @__PURE__ */ new Set();
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+          hunkIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_diff_shared.HunkSeparator, {}),
+          hunk.lines.map((line, lineIndex) => {
+            if (processedIndices.has(lineIndex)) {
+              return null;
+            }
+            const pair = linePairs.get(lineIndex);
+            if (pair) {
+              processedIndices.add(lineIndex + 1);
+              const { oldParts, newParts } = (0, import_diff_shared.computeWordDiff)(
+                pair.del.content,
+                pair.add.content
+              );
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_diff_shared.DiffLine,
+                  {
+                    type: "deletion",
+                    lineNum: pair.del.lineNum,
+                    lineNumWidth,
+                    content: pair.del.content,
+                    wordDiffParts: oldParts
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_diff_shared.DiffLine,
+                  {
+                    type: "addition",
+                    lineNum: pair.add.lineNum,
+                    lineNumWidth,
+                    content: pair.add.content,
+                    wordDiffParts: newParts
+                  }
+                )
+              ] }, lineIndex);
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_diff_shared.DiffLine,
+              {
+                type: line.type,
+                lineNum: line.lineNum,
+                lineNumWidth,
+                content: line.content
+              },
+              lineIndex
+            );
+          })
+        ] }, hunkIndex);
+      })
+    ] })
+  ] });
+}
+function CreateFilePreview({ data, header }) {
+  const { path, content, lineCount } = data;
+  const headerText = header ?? data.title ?? "Create file";
+  if (!content) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", bold: true, children: headerText }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: (0, import_messageFormatting.makeRelativePath)(path) }),
+        lineCount && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+          lineCount,
+          " lines"
+        ] })
+      ] })
+    ] });
+  }
+  const lines = content.split("\n");
+  const lineNumWidth = (0, import_diff_shared.getLineNumWidth)(lines.length);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "cyan", bold: true, children: headerText }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Box, { marginBottom: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { children: (0, import_messageFormatting.makeRelativePath)(path) }) }),
+      lines.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, { children: [
+          "   ",
+          line
+        ] })
+      ] }, index))
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreateFilePreview,
+  DiffPreview
+});

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

@@ -0,0 +1,30 @@
+/**
+ * File Preview Renderers
+ *
+ * Preview renderers for edit_file and write_file approval prompts.
+ * - DiffPreview: for edit_file and write_file (overwrite)
+ * - CreateFilePreview: for write_file (new file)
+ */
+import type { DiffDisplayData, FileDisplayData } from '@dexto/core';
+interface DiffPreviewProps {
+    data: DiffDisplayData;
+    /** Optional header override (useful for plan tools, etc.) */
+    header?: string;
+}
+/**
+ * Enhanced diff preview for edit_file and write_file (overwrite) approval
+ * Shows full diff with line backgrounds, hunk collapsing, and word-level highlighting
+ */
+export declare function DiffPreview({ data, header }: DiffPreviewProps): import("react/jsx-runtime").JSX.Element;
+interface CreateFilePreviewProps {
+    data: FileDisplayData;
+    /** Custom header text (defaults to "Create file") */
+    header?: string;
+}
+/**
+ * Preview for write_file (new file creation) or plan review
+ * Shows full file content with line numbers, white text
+ */
+export declare function CreateFilePreview({ data, header }: CreateFilePreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilePreviewRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreviewRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/renderers/FilePreviewRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAgBpE,UAAU,gBAAgB;IACtB,IAAI,EAAE,eAAe,CAAC;IACtB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,gBAAgB,2CAiG7D;AAMD,UAAU,sBAAsB;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,sBAAsB,2CAqDzE"}

package/dist/components/renderers/FilePreviewRenderer.js

@@ -0,0 +1,119 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Box, Text } from "ink";
+import { makeRelativePath } from "../../utils/messageFormatting.js";
+import {
+  parseUnifiedDiff,
+  findLinePairs,
+  computeWordDiff,
+  getLineNumWidth,
+  formatLineNum,
+  DiffLine,
+  HunkSeparator
+} from "./diff-shared.js";
+function DiffPreview({ data, header }) {
+  const { unified, filename } = data;
+  const hunks = parseUnifiedDiff(unified);
+  let maxLineNum = 1;
+  for (const hunk of hunks) {
+    for (const line of hunk.lines) {
+      maxLineNum = Math.max(maxLineNum, line.lineNum);
+    }
+  }
+  const lineNumWidth = getLineNumWidth(maxLineNum);
+  const allLinePairs = hunks.map((hunk) => findLinePairs(hunk.lines));
+  const headerText = header ?? data.title ?? "Update file";
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: headerText }) }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+      /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { children: makeRelativePath(filename) }) }),
+      hunks.map((hunk, hunkIndex) => {
+        const linePairs = allLinePairs[hunkIndex];
+        const processedIndices = /* @__PURE__ */ new Set();
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          hunkIndex > 0 && /* @__PURE__ */ jsx(HunkSeparator, {}),
+          hunk.lines.map((line, lineIndex) => {
+            if (processedIndices.has(lineIndex)) {
+              return null;
+            }
+            const pair = linePairs.get(lineIndex);
+            if (pair) {
+              processedIndices.add(lineIndex + 1);
+              const { oldParts, newParts } = computeWordDiff(
+                pair.del.content,
+                pair.add.content
+              );
+              return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  DiffLine,
+                  {
+                    type: "deletion",
+                    lineNum: pair.del.lineNum,
+                    lineNumWidth,
+                    content: pair.del.content,
+                    wordDiffParts: oldParts
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  DiffLine,
+                  {
+                    type: "addition",
+                    lineNum: pair.add.lineNum,
+                    lineNumWidth,
+                    content: pair.add.content,
+                    wordDiffParts: newParts
+                  }
+                )
+              ] }, lineIndex);
+            }
+            return /* @__PURE__ */ jsx(
+              DiffLine,
+              {
+                type: line.type,
+                lineNum: line.lineNum,
+                lineNumWidth,
+                content: line.content
+              },
+              lineIndex
+            );
+          })
+        ] }, hunkIndex);
+      })
+    ] })
+  ] });
+}
+function CreateFilePreview({ data, header }) {
+  const { path, content, lineCount } = data;
+  const headerText = header ?? data.title ?? "Create file";
+  if (!content) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: headerText }) }),
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+        /* @__PURE__ */ jsx(Text, { children: makeRelativePath(path) }),
+        lineCount && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          lineCount,
+          " lines"
+        ] })
+      ] })
+    ] });
+  }
+  const lines = content.split("\n");
+  const lineNumWidth = getLineNumWidth(lines.length);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: headerText }) }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, children: [
+      /* @__PURE__ */ jsx(Box, { marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { children: makeRelativePath(path) }) }),
+      lines.map((line, index) => /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: formatLineNum(index + 1, lineNumWidth) }),
+        /* @__PURE__ */ jsxs(Text, { children: [
+          "   ",
+          line
+        ] })
+      ] }, index))
+    ] })
+  ] });
+}
+export {
+  CreateFilePreview,
+  DiffPreview
+};