@within-7/minto 0.0.5-dev.1

package/dist/components/permissions/FileEditPermissionRequest/FileEditPermissionRequest.js

@@ -0,0 +1,159 @@
+import { Select } from "../../CustomSelect/select.js";
+import chalk from "chalk";
+import { Box, Text } from "ink";
+import { basename, extname } from "path";
+import React, { useMemo } from "react";
+import {
+  usePermissionRequestLogging
+} from "../../../hooks/usePermissionRequestLogging.js";
+import { savePermission } from "../../../permissions.js";
+import { env } from "../../../utils/env.js";
+import { getTheme } from "../../../utils/theme.js";
+import { logUnaryEvent } from "../../../utils/unaryLogging.js";
+import {
+  toolUseConfirmGetPrefix
+} from "../PermissionRequest.js";
+import {
+  PermissionRequestTitle,
+  textColorForRiskScore
+} from "../PermissionRequestTitle.js";
+import { FileEditToolDiff } from "./FileEditToolDiff.js";
+import { useTerminalSize } from "../../../hooks/useTerminalSize.js";
+import { pathInOriginalCwd } from "../../../utils/permissions/filesystem.js";
+function getOptions(path) {
+  const showDontAskAgainOptions = pathInOriginalCwd(path) ? [
+    {
+      label: "Yes, and don't ask again this session",
+      value: "yes-dont-ask-again"
+    }
+  ] : [];
+  return [
+    {
+      label: "Yes",
+      value: "yes"
+    },
+    ...showDontAskAgainOptions,
+    {
+      label: `No, and provide instructions (${chalk.bold.hex(getTheme().warning)("esc")})`,
+      value: "no"
+    }
+  ];
+}
+function FileEditPermissionRequest({
+  toolUseConfirm,
+  onDone,
+  verbose
+}) {
+  const { columns } = useTerminalSize();
+  const { file_path, new_string, old_string } = toolUseConfirm.input;
+  const unaryEvent = useMemo(
+    () => ({
+      completion_type: "str_replace_single",
+      language_name: extractLanguageName(file_path)
+    }),
+    [file_path]
+  );
+  usePermissionRequestLogging(toolUseConfirm, unaryEvent);
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: textColorForRiskScore(toolUseConfirm.riskScore),
+      marginTop: 1,
+      paddingLeft: 1,
+      paddingRight: 1,
+      paddingBottom: 1
+    },
+    /* @__PURE__ */ React.createElement(
+      PermissionRequestTitle,
+      {
+        title: "Edit file",
+        riskScore: toolUseConfirm.riskScore
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      FileEditToolDiff,
+      {
+        file_path,
+        new_string,
+        old_string,
+        verbose,
+        width: columns - 12
+      }
+    ),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, "Do you want to make this edit to", " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, basename(file_path)), "?"), /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        options: getOptions(file_path),
+        onChange: (newValue) => {
+          switch (newValue) {
+            case "yes":
+              extractLanguageName(file_path).then((language) => {
+                logUnaryEvent({
+                  completion_type: "str_replace_single",
+                  event: "accept",
+                  metadata: {
+                    language_name: language,
+                    message_id: toolUseConfirm.assistantMessage.message.id,
+                    platform: env.platform
+                  }
+                });
+              });
+              onDone();
+              toolUseConfirm.onAllow("temporary");
+              break;
+            case "yes-dont-ask-again":
+              extractLanguageName(file_path).then((language) => {
+                logUnaryEvent({
+                  completion_type: "str_replace_single",
+                  event: "accept",
+                  metadata: {
+                    language_name: language,
+                    message_id: toolUseConfirm.assistantMessage.message.id,
+                    platform: env.platform
+                  }
+                });
+              });
+              savePermission(
+                toolUseConfirm.tool,
+                toolUseConfirm.input,
+                toolUseConfirmGetPrefix(toolUseConfirm)
+              ).then(() => {
+                onDone();
+                toolUseConfirm.onAllow("permanent");
+              });
+              break;
+            case "no":
+              extractLanguageName(file_path).then((language) => {
+                logUnaryEvent({
+                  completion_type: "str_replace_single",
+                  event: "reject",
+                  metadata: {
+                    language_name: language,
+                    message_id: toolUseConfirm.assistantMessage.message.id,
+                    platform: env.platform
+                  }
+                });
+              });
+              onDone();
+              toolUseConfirm.onReject();
+              break;
+          }
+        }
+      }
+    ))
+  );
+}
+async function extractLanguageName(file_path) {
+  const ext = extname(file_path);
+  if (!ext) {
+    return "unknown";
+  }
+  const Highlight = await import("highlight.js");
+  return Highlight.default.getLanguage(ext.slice(1))?.name ?? "unknown";
+}
+export {
+  FileEditPermissionRequest
+};
+//# sourceMappingURL=FileEditPermissionRequest.js.map

package/dist/components/permissions/FileEditPermissionRequest/FileEditPermissionRequest.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/permissions/FileEditPermissionRequest/FileEditPermissionRequest.tsx"],
+  "sourcesContent": ["import { Select } from '@components/CustomSelect/select'\nimport chalk from 'chalk'\nimport { Box, Text } from 'ink'\nimport { basename, extname } from 'path'\nimport React, { useMemo } from 'react'\nimport {\n  UnaryEvent,\n  usePermissionRequestLogging,\n} from '@hooks/usePermissionRequestLogging'\nimport { savePermission } from '@permissions'\nimport { env } from '@utils/env'\nimport { getTheme } from '@utils/theme'\nimport { logUnaryEvent } from '@utils/unaryLogging'\nimport {\n  type ToolUseConfirm,\n  toolUseConfirmGetPrefix,\n} from '@components/permissions/PermissionRequest'\nimport {\n  PermissionRequestTitle,\n  textColorForRiskScore,\n} from '@components/permissions/PermissionRequestTitle'\nimport { FileEditToolDiff } from './FileEditToolDiff'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\nimport { pathInOriginalCwd } from '@utils/permissions/filesystem'\n\nfunction getOptions(path: string) {\n  // Only show don't ask again option for edits in original working directory\n  const showDontAskAgainOptions = pathInOriginalCwd(path)\n    ? [\n        {\n          label: \"Yes, and don't ask again this session\",\n          value: 'yes-dont-ask-again',\n        },\n      ]\n    : []\n\n  return [\n    {\n      label: 'Yes',\n      value: 'yes',\n    },\n    ...showDontAskAgainOptions,\n    {\n      label: `No, and provide instructions (${chalk.bold.hex(getTheme().warning)('esc')})`,\n      value: 'no',\n    },\n  ]\n}\n\ntype Props = {\n  toolUseConfirm: ToolUseConfirm\n  onDone(): void\n  verbose: boolean\n}\n\nexport function FileEditPermissionRequest({\n  toolUseConfirm,\n  onDone,\n  verbose,\n}: Props): React.ReactNode {\n  const { columns } = useTerminalSize()\n  const { file_path, new_string, old_string } = toolUseConfirm.input as {\n    file_path: string\n    new_string: string\n    old_string: string\n  }\n\n  const unaryEvent = useMemo<UnaryEvent>(\n    () => ({\n      completion_type: 'str_replace_single',\n      language_name: extractLanguageName(file_path),\n    }),\n    [file_path],\n  )\n\n  usePermissionRequestLogging(toolUseConfirm, unaryEvent)\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={textColorForRiskScore(toolUseConfirm.riskScore)}\n      marginTop={1}\n      paddingLeft={1}\n      paddingRight={1}\n      paddingBottom={1}\n    >\n      <PermissionRequestTitle\n        title=\"Edit file\"\n        riskScore={toolUseConfirm.riskScore}\n      />\n      <FileEditToolDiff\n        file_path={file_path}\n        new_string={new_string}\n        old_string={old_string}\n        verbose={verbose}\n        width={columns - 12}\n      />\n      <Box flexDirection=\"column\">\n        <Text>\n          Do you want to make this edit to{' '}\n          <Text bold>{basename(file_path)}</Text>?\n        </Text>\n        <Select\n          options={getOptions(file_path)}\n          onChange={newValue => {\n            switch (newValue) {\n              case 'yes':\n                extractLanguageName(file_path).then(language => {\n                  logUnaryEvent({\n                    completion_type: 'str_replace_single',\n                    event: 'accept',\n                    metadata: {\n                      language_name: language,\n                      message_id: toolUseConfirm.assistantMessage.message.id,\n                      platform: env.platform,\n                    },\n                  })\n                })\n                // Note: We call onDone before onAllow to hide the\n                // permission request before we render the next message\n                onDone()\n                toolUseConfirm.onAllow('temporary')\n                break\n              case 'yes-dont-ask-again':\n                extractLanguageName(file_path).then(language => {\n                  logUnaryEvent({\n                    completion_type: 'str_replace_single',\n                    event: 'accept',\n                    metadata: {\n                      language_name: language,\n                      message_id: toolUseConfirm.assistantMessage.message.id,\n                      platform: env.platform,\n                    },\n                  })\n                })\n                savePermission(\n                  toolUseConfirm.tool,\n                  toolUseConfirm.input,\n                  toolUseConfirmGetPrefix(toolUseConfirm),\n                ).then(() => {\n                  // Note: We call onDone before onAllow to hide the\n                  // permission request before we render the next message\n                  onDone()\n                  toolUseConfirm.onAllow('permanent')\n                })\n                break\n              case 'no':\n                extractLanguageName(file_path).then(language => {\n                  logUnaryEvent({\n                    completion_type: 'str_replace_single',\n                    event: 'reject',\n                    metadata: {\n                      language_name: language,\n                      message_id: toolUseConfirm.assistantMessage.message.id,\n                      platform: env.platform,\n                    },\n                  })\n                })\n                // Note: We call onDone before onAllow to hide the\n                // permission request before we render the next message\n                onDone()\n                toolUseConfirm.onReject()\n                break\n            }\n          }}\n        />\n      </Box>\n    </Box>\n  )\n}\n\nasync function extractLanguageName(file_path: string): Promise<string> {\n  const ext = extname(file_path)\n  if (!ext) {\n    return 'unknown'\n  }\n  const Highlight = (await import('highlight.js')) as unknown as {\n    default: { getLanguage(ext: string): { name: string | undefined } }\n  }\n  return Highlight.default.getLanguage(ext.slice(1))?.name ?? 'unknown'\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/permissions/FileEditPermissionRequest/FileEditToolDiff.js

@@ -0,0 +1,58 @@
+import * as React from "react";
+import { existsSync, readFileSync } from "fs";
+import { useMemo } from "react";
+import { StructuredDiff } from "../../StructuredDiff.js";
+import { Box, Text } from "ink";
+import { getTheme } from "../../../utils/theme.js";
+import { intersperse } from "../../../utils/array.js";
+import { getCwd } from "../../../utils/state.js";
+import { relative } from "path";
+import { getPatch } from "../../../utils/diff.js";
+function FileEditToolDiff({
+  file_path,
+  new_string,
+  old_string,
+  verbose,
+  useBorder = true,
+  width
+}) {
+  const file = useMemo(
+    () => existsSync(file_path) ? readFileSync(file_path, "utf8") : "",
+    [file_path]
+  );
+  const patch = useMemo(
+    () => getPatch({
+      filePath: file_path,
+      fileContents: file,
+      oldStr: old_string,
+      newStr: new_string
+    }),
+    [file_path, file, old_string, new_string]
+  );
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      borderColor: getTheme().secondaryBorder,
+      borderStyle: useBorder ? "round" : void 0,
+      flexDirection: "column",
+      paddingX: 1
+    },
+    /* @__PURE__ */ React.createElement(Box, { paddingBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, verbose ? file_path : relative(getCwd(), file_path))),
+    intersperse(
+      patch.map((_) => /* @__PURE__ */ React.createElement(
+        StructuredDiff,
+        {
+          key: _.newStart,
+          patch: _,
+          dim: false,
+          width
+        }
+      )),
+      (i) => /* @__PURE__ */ React.createElement(React.Fragment, { key: `ellipsis-${i}` }, /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "..."))
+    )
+  ));
+}
+export {
+  FileEditToolDiff
+};
+//# sourceMappingURL=FileEditToolDiff.js.map

package/dist/components/permissions/FileEditPermissionRequest/FileEditToolDiff.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/permissions/FileEditPermissionRequest/FileEditToolDiff.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { existsSync, readFileSync } from 'fs'\nimport { useMemo } from 'react'\nimport { StructuredDiff } from '@components/StructuredDiff'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { intersperse } from '@utils/array'\nimport { getCwd } from '@utils/state'\nimport { relative } from 'path'\nimport { getPatch } from '@utils/diff'\n\ntype Props = {\n  file_path: string\n  new_string: string\n  old_string: string\n  verbose: boolean\n  useBorder?: boolean\n  width: number\n}\n\nexport function FileEditToolDiff({\n  file_path,\n  new_string,\n  old_string,\n  verbose,\n  useBorder = true,\n  width,\n}: Props): React.ReactNode {\n  const file = useMemo(\n    () => (existsSync(file_path) ? readFileSync(file_path, 'utf8') : ''),\n    [file_path],\n  )\n  const patch = useMemo(\n    () =>\n      getPatch({\n        filePath: file_path,\n        fileContents: file,\n        oldStr: old_string,\n        newStr: new_string,\n      }),\n    [file_path, file, old_string, new_string],\n  )\n\n  return (\n    <Box flexDirection=\"column\">\n      <Box\n        borderColor={getTheme().secondaryBorder}\n        borderStyle={useBorder ? 'round' : undefined}\n        flexDirection=\"column\"\n        paddingX={1}\n      >\n        <Box paddingBottom={1}>\n          <Text bold>\n            {verbose ? file_path : relative(getCwd(), file_path)}\n          </Text>\n        </Box>\n        {intersperse(\n          patch.map(_ => (\n            <StructuredDiff\n              key={_.newStart}\n              patch={_}\n              dim={false}\n              width={width}\n            />\n          )),\n          i => (\n            <React.Fragment key={`ellipsis-${i}`}>\n              <Text color={getTheme().secondaryText}>\n                ...\n              </Text>\n            </React.Fragment>\n          ),\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,YAAY,oBAAoB;AACzC,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AAWlB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAA2B;AACzB,QAAM,OAAO;AAAA,IACX,MAAO,WAAW,SAAS,IAAI,aAAa,WAAW,MAAM,IAAI;AAAA,IACjE,CAAC,SAAS;AAAA,EACZ;AACA,QAAM,QAAQ;AAAA,IACZ,MACE,SAAS;AAAA,MACP,UAAU;AAAA,MACV,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV,CAAC;AAAA,IACH,CAAC,WAAW,MAAM,YAAY,UAAU;AAAA,EAC1C;AAEA,SACE,oCAAC,OAAI,eAAc,YACjB;AAAA,IAAC;AAAA;AAAA,MACC,aAAa,SAAS,EAAE;AAAA,MACxB,aAAa,YAAY,UAAU;AAAA,MACnC,eAAc;AAAA,MACd,UAAU;AAAA;AAAA,IAEV,oCAAC,OAAI,eAAe,KAClB,oCAAC,QAAK,MAAI,QACP,UAAU,YAAY,SAAS,OAAO,GAAG,SAAS,CACrD,CACF;AAAA,IACC;AAAA,MACC,MAAM,IAAI,OACR;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,EAAE;AAAA,UACP,OAAO;AAAA,UACP,KAAK;AAAA,UACL;AAAA;AAAA,MACF,CACD;AAAA,MACD,OACE,oCAAC,MAAM,UAAN,EAAe,KAAK,YAAY,CAAC,MAChC,oCAAC,QAAK,OAAO,SAAS,EAAE,iBAAe,KAEvC,CACF;AAAA,IAEJ;AAAA,EACF,CACF;AAEJ;",
+  "names": []
+}

package/dist/components/permissions/FileWritePermissionRequest/FileWritePermissionRequest.js

@@ -0,0 +1,153 @@
+import { Box, Text } from "ink";
+import React, { useMemo } from "react";
+import { Select } from "../../CustomSelect/select.js";
+import { basename, extname } from "path";
+import { getTheme } from "../../../utils/theme.js";
+import {
+  PermissionRequestTitle,
+  textColorForRiskScore
+} from "../PermissionRequestTitle.js";
+import { logUnaryEvent } from "../../../utils/unaryLogging.js";
+import { env } from "../../../utils/env.js";
+import { savePermission } from "../../../permissions.js";
+import {
+  toolUseConfirmGetPrefix
+} from "../PermissionRequest.js";
+import { existsSync } from "fs";
+import chalk from "chalk";
+import {
+  usePermissionRequestLogging
+} from "../../../hooks/usePermissionRequestLogging.js";
+import { FileWriteToolDiff } from "./FileWriteToolDiff.js";
+import { useTerminalSize } from "../../../hooks/useTerminalSize.js";
+function FileWritePermissionRequest({
+  toolUseConfirm,
+  onDone,
+  verbose
+}) {
+  const { file_path, content } = toolUseConfirm.input;
+  const fileExists = useMemo(() => existsSync(file_path), [file_path]);
+  const unaryEvent = useMemo(
+    () => ({
+      completion_type: "write_file_single",
+      language_name: extractLanguageName(file_path)
+    }),
+    [file_path]
+  );
+  const { columns } = useTerminalSize();
+  usePermissionRequestLogging(toolUseConfirm, unaryEvent);
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: textColorForRiskScore(toolUseConfirm.riskScore),
+      marginTop: 1,
+      paddingLeft: 1,
+      paddingRight: 1,
+      paddingBottom: 1
+    },
+    /* @__PURE__ */ React.createElement(
+      PermissionRequestTitle,
+      {
+        title: `${fileExists ? "Edit" : "Create"} file`,
+        riskScore: toolUseConfirm.riskScore
+      }
+    ),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(
+      FileWriteToolDiff,
+      {
+        file_path,
+        content,
+        verbose,
+        width: columns - 12
+      }
+    )),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, "Do you want to ", fileExists ? "make this edit to" : "create", " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, basename(file_path)), "?"), /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        options: [
+          {
+            label: "Yes",
+            value: "yes"
+          },
+          {
+            label: "Yes, and don't ask again this session",
+            value: "yes-dont-ask-again"
+          },
+          {
+            label: `No, and provide instructions (${chalk.bold.hex(getTheme().warning)("esc")})`,
+            value: "no"
+          }
+        ],
+        onChange: (newValue) => {
+          switch (newValue) {
+            case "yes":
+              extractLanguageName(file_path).then((language) => {
+                logUnaryEvent({
+                  completion_type: "write_file_single",
+                  event: "accept",
+                  metadata: {
+                    language_name: language,
+                    message_id: toolUseConfirm.assistantMessage.message.id,
+                    platform: env.platform
+                  }
+                });
+              });
+              toolUseConfirm.onAllow("temporary");
+              onDone();
+              break;
+            case "yes-dont-ask-again":
+              extractLanguageName(file_path).then((language) => {
+                logUnaryEvent({
+                  completion_type: "write_file_single",
+                  event: "accept",
+                  metadata: {
+                    language_name: language,
+                    message_id: toolUseConfirm.assistantMessage.message.id,
+                    platform: env.platform
+                  }
+                });
+              });
+              savePermission(
+                toolUseConfirm.tool,
+                toolUseConfirm.input,
+                toolUseConfirmGetPrefix(toolUseConfirm)
+              ).then(() => {
+                toolUseConfirm.onAllow("permanent");
+                onDone();
+              });
+              break;
+            case "no":
+              extractLanguageName(file_path).then((language) => {
+                logUnaryEvent({
+                  completion_type: "write_file_single",
+                  event: "reject",
+                  metadata: {
+                    language_name: language,
+                    message_id: toolUseConfirm.assistantMessage.message.id,
+                    platform: env.platform
+                  }
+                });
+              });
+              toolUseConfirm.onReject();
+              onDone();
+              break;
+          }
+        }
+      }
+    ))
+  );
+}
+async function extractLanguageName(file_path) {
+  const ext = extname(file_path);
+  if (!ext) {
+    return "unknown";
+  }
+  const Highlight = await import("highlight.js");
+  return Highlight.default.getLanguage(ext.slice(1))?.name ?? "unknown";
+}
+export {
+  FileWritePermissionRequest
+};
+//# sourceMappingURL=FileWritePermissionRequest.js.map

package/dist/components/permissions/FileWritePermissionRequest/FileWritePermissionRequest.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/permissions/FileWritePermissionRequest/FileWritePermissionRequest.tsx"],
+  "sourcesContent": ["import { Box, Text } from 'ink'\nimport React, { useMemo } from 'react'\nimport { Select } from '@components/CustomSelect/select'\nimport { basename, extname } from 'path'\nimport { getTheme } from '@utils/theme'\nimport {\n  PermissionRequestTitle,\n  textColorForRiskScore,\n} from '@components/permissions/PermissionRequestTitle'\nimport { logUnaryEvent } from '@utils/unaryLogging'\nimport { env } from '@utils/env'\nimport { savePermission } from '@permissions'\nimport {\n  type ToolUseConfirm,\n  toolUseConfirmGetPrefix,\n} from '@components/permissions/PermissionRequest'\nimport { existsSync } from 'fs'\nimport chalk from 'chalk'\nimport {\n  UnaryEvent,\n  usePermissionRequestLogging,\n} from '@hooks/usePermissionRequestLogging'\nimport { FileWriteToolDiff } from './FileWriteToolDiff'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\n\ntype Props = {\n  toolUseConfirm: ToolUseConfirm\n  onDone(): void\n  verbose: boolean\n}\n\nexport function FileWritePermissionRequest({\n  toolUseConfirm,\n  onDone,\n  verbose,\n}: Props): React.ReactNode {\n  const { file_path, content } = toolUseConfirm.input as {\n    file_path: string\n    content: string\n  }\n  const fileExists = useMemo(() => existsSync(file_path), [file_path])\n  const unaryEvent = useMemo<UnaryEvent>(\n    () => ({\n      completion_type: 'write_file_single',\n      language_name: extractLanguageName(file_path),\n    }),\n    [file_path],\n  )\n  const { columns } = useTerminalSize()\n  usePermissionRequestLogging(toolUseConfirm, unaryEvent)\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      borderColor={textColorForRiskScore(toolUseConfirm.riskScore)}\n      marginTop={1}\n      paddingLeft={1}\n      paddingRight={1}\n      paddingBottom={1}\n    >\n      <PermissionRequestTitle\n        title={`${fileExists ? 'Edit' : 'Create'} file`}\n        riskScore={toolUseConfirm.riskScore}\n      />\n      <Box flexDirection=\"column\">\n        <FileWriteToolDiff\n          file_path={file_path}\n          content={content}\n          verbose={verbose}\n          width={columns - 12}\n        />\n      </Box>\n      <Box flexDirection=\"column\">\n        <Text>\n          Do you want to {fileExists ? 'make this edit to' : 'create'}{' '}\n          <Text bold>{basename(file_path)}</Text>?\n        </Text>\n        <Select\n          options={[\n            {\n              label: 'Yes',\n              value: 'yes',\n            },\n            {\n              label: \"Yes, and don't ask again this session\",\n              value: 'yes-dont-ask-again',\n            },\n            {\n              label: `No, and provide instructions (${chalk.bold.hex(getTheme().warning)('esc')})`,\n              value: 'no',\n            },\n          ]}\n          onChange={newValue => {\n            switch (newValue) {\n              case 'yes':\n                extractLanguageName(file_path).then(language => {\n                  logUnaryEvent({\n                    completion_type: 'write_file_single',\n                    event: 'accept',\n                    metadata: {\n                      language_name: language,\n                      message_id: toolUseConfirm.assistantMessage.message.id,\n                      platform: env.platform,\n                    },\n                  })\n                })\n                toolUseConfirm.onAllow('temporary')\n                onDone()\n                break\n              case 'yes-dont-ask-again':\n                extractLanguageName(file_path).then(language => {\n                  logUnaryEvent({\n                    completion_type: 'write_file_single',\n                    event: 'accept',\n                    metadata: {\n                      language_name: language,\n                      message_id: toolUseConfirm.assistantMessage.message.id,\n                      platform: env.platform,\n                    },\n                  })\n                })\n                savePermission(\n                  toolUseConfirm.tool,\n                  toolUseConfirm.input,\n                  toolUseConfirmGetPrefix(toolUseConfirm),\n                ).then(() => {\n                  toolUseConfirm.onAllow('permanent')\n                  onDone()\n                })\n                break\n              case 'no':\n                extractLanguageName(file_path).then(language => {\n                  logUnaryEvent({\n                    completion_type: 'write_file_single',\n                    event: 'reject',\n                    metadata: {\n                      language_name: language,\n                      message_id: toolUseConfirm.assistantMessage.message.id,\n                      platform: env.platform,\n                    },\n                  })\n                })\n                toolUseConfirm.onReject()\n                onDone()\n                break\n            }\n          }}\n        />\n      </Box>\n    </Box>\n  )\n}\n\nasync function extractLanguageName(file_path: string): Promise<string> {\n  const ext = extname(file_path)\n  if (!ext) {\n    return 'unknown'\n  }\n  const Highlight = (await import('highlight.js')) as unknown as {\n    default: { getLanguage(ext: string): { name: string | undefined } }\n  }\n  return Highlight.default.getLanguage(ext.slice(1))?.name ?? 'unknown'\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/permissions/FileWritePermissionRequest/FileWriteToolDiff.js

@@ -0,0 +1,70 @@
+import * as React from "react";
+import { existsSync, readFileSync } from "fs";
+import { useMemo } from "react";
+import { StructuredDiff } from "../../StructuredDiff.js";
+import { Box, Text } from "ink";
+import { getTheme } from "../../../utils/theme.js";
+import { intersperse } from "../../../utils/array.js";
+import { getCwd } from "../../../utils/state.js";
+import { extname, relative } from "path";
+import { detectFileEncoding } from "../../../utils/file.js";
+import { HighlightedCode } from "../../HighlightedCode.js";
+import { getPatch } from "../../../utils/diff.js";
+function FileWriteToolDiff({
+  file_path,
+  content,
+  verbose,
+  width
+}) {
+  const fileExists = useMemo(() => existsSync(file_path), [file_path]);
+  const oldContent = useMemo(() => {
+    if (!fileExists) {
+      return "";
+    }
+    const enc = detectFileEncoding(file_path);
+    return readFileSync(file_path, enc);
+  }, [file_path, fileExists]);
+  const hunks = useMemo(() => {
+    if (!fileExists) {
+      return null;
+    }
+    return getPatch({
+      filePath: file_path,
+      fileContents: oldContent,
+      oldStr: oldContent,
+      newStr: content
+    });
+  }, [fileExists, file_path, oldContent, content]);
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      borderColor: getTheme().secondaryBorder,
+      borderStyle: "round",
+      flexDirection: "column",
+      paddingX: 1
+    },
+    /* @__PURE__ */ React.createElement(Box, { paddingBottom: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, verbose ? file_path : relative(getCwd(), file_path))),
+    hunks ? intersperse(
+      hunks.map((_) => /* @__PURE__ */ React.createElement(
+        StructuredDiff,
+        {
+          key: _.newStart,
+          patch: _,
+          dim: false,
+          width
+        }
+      )),
+      (i) => /* @__PURE__ */ React.createElement(React.Fragment, { key: `ellipsis-${i}` }, /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "..."))
+    ) : /* @__PURE__ */ React.createElement(
+      HighlightedCode,
+      {
+        code: content || "(No content)",
+        language: extname(file_path).slice(1)
+      }
+    )
+  );
+}
+export {
+  FileWriteToolDiff
+};
+//# sourceMappingURL=FileWriteToolDiff.js.map

package/dist/components/permissions/FileWritePermissionRequest/FileWriteToolDiff.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/permissions/FileWritePermissionRequest/FileWriteToolDiff.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { existsSync, readFileSync } from 'fs'\nimport { useMemo } from 'react'\nimport { StructuredDiff } from '@components/StructuredDiff'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { intersperse } from '@utils/array'\nimport { getCwd } from '@utils/state'\nimport { extname, relative } from 'path'\nimport { detectFileEncoding } from '@utils/file'\nimport { HighlightedCode } from '@components/HighlightedCode'\nimport { getPatch } from '@utils/diff'\n\ntype Props = {\n  file_path: string\n  content: string\n  verbose: boolean\n  width: number\n}\n\nexport function FileWriteToolDiff({\n  file_path,\n  content,\n  verbose,\n  width,\n}: Props): React.ReactNode {\n  const fileExists = useMemo(() => existsSync(file_path), [file_path])\n  const oldContent = useMemo(() => {\n    if (!fileExists) {\n      return ''\n    }\n    const enc = detectFileEncoding(file_path)\n    return readFileSync(file_path, enc)\n  }, [file_path, fileExists])\n  const hunks = useMemo(() => {\n    if (!fileExists) {\n      return null\n    }\n    return getPatch({\n      filePath: file_path,\n      fileContents: oldContent,\n      oldStr: oldContent,\n      newStr: content,\n    })\n  }, [fileExists, file_path, oldContent, content])\n\n  return (\n    <Box\n      borderColor={getTheme().secondaryBorder}\n      borderStyle=\"round\"\n      flexDirection=\"column\"\n      paddingX={1}\n    >\n      <Box paddingBottom={1}>\n        <Text bold>{verbose ? file_path : relative(getCwd(), file_path)}</Text>\n      </Box>\n      {hunks ? (\n        intersperse(\n          hunks.map(_ => (\n            <StructuredDiff\n              key={_.newStart}\n              patch={_}\n              dim={false}\n              width={width}\n            />\n          )),\n          i => (\n            <React.Fragment key={`ellipsis-${i}`}>\n              <Text color={getTheme().secondaryText}>\n                ...\n              </Text>\n            </React.Fragment>\n          ),\n        )\n      ) : (\n        <HighlightedCode\n          code={content || '(No content)'}\n          language={extname(file_path).slice(1)}\n        />\n      )}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,YAAY,oBAAoB;AACzC,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB;AAClC,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AASlB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,aAAa,QAAQ,MAAM,WAAW,SAAS,GAAG,CAAC,SAAS,CAAC;AACnE,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AACA,UAAM,MAAM,mBAAmB,SAAS;AACxC,WAAO,aAAa,WAAW,GAAG;AAAA,EACpC,GAAG,CAAC,WAAW,UAAU,CAAC;AAC1B,QAAM,QAAQ,QAAQ,MAAM;AAC1B,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AACA,WAAO,SAAS;AAAA,MACd,UAAU;AAAA,MACV,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,WAAW,YAAY,OAAO,CAAC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa,SAAS,EAAE;AAAA,MACxB,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,UAAU;AAAA;AAAA,IAEV,oCAAC,OAAI,eAAe,KAClB,oCAAC,QAAK,MAAI,QAAE,UAAU,YAAY,SAAS,OAAO,GAAG,SAAS,CAAE,CAClE;AAAA,IACC,QACC;AAAA,MACE,MAAM,IAAI,OACR;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,EAAE;AAAA,UACP,OAAO;AAAA,UACP,KAAK;AAAA,UACL;AAAA;AAAA,MACF,CACD;AAAA,MACD,OACE,oCAAC,MAAM,UAAN,EAAe,KAAK,YAAY,CAAC,MAChC,oCAAC,QAAK,OAAO,SAAS,EAAE,iBAAe,KAEvC,CACF;AAAA,IAEJ,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,WAAW;AAAA,QACjB,UAAU,QAAQ,SAAS,EAAE,MAAM,CAAC;AAAA;AAAA,IACtC;AAAA,EAEJ;AAEJ;",
+  "names": []
+}