@aria-cli/cli 1.0.50 → 1.0.51

package/dist/ui/components/overlays/ThemeSelector.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useMemo } from "react";
+import { Box, Text, useInput } from "ink";
+import { isEscapeInput } from "../../utils/keys.js";
+import { getTheme, getAvailableThemes, getThemeDefinition, setTheme } from "../../theme/index.js";
+const CATEGORY_LABELS = {
+    standard: "Standard",
+    claude: "Claude",
+    accessible: "Accessible",
+};
+const CATEGORY_ORDER = ["standard", "claude", "accessible"];
+/** Classify a theme into a UI category. Exported for testing. */
+export function categorize(name) {
+    // Daltonized/accessible variants are accessibility themes regardless of prefix
+    if (name.includes("daltonized") || name.includes("accessible"))
+        return "accessible";
+    if (name.startsWith("claude-"))
+        return "claude";
+    return "standard";
+}
+/** Derive light/dark from the theme's actual text color brightness, not the name. */
+function isLightTheme(def) {
+    const hex = def.colors.text.replace("#", "");
+    const r = parseInt(hex.slice(0, 2), 16);
+    const g = parseInt(hex.slice(2, 4), 16);
+    const b = parseInt(hex.slice(4, 6), 16);
+    return (r * 299 + g * 587 + b * 114) / 1000 < 128;
+}
+function buildThemeOptions(currentName) {
+    return getAvailableThemes().map((name) => {
+        const def = getThemeDefinition(name);
+        return {
+            name,
+            displayName: def.displayName,
+            isCurrent: name === currentName,
+            isLight: isLightTheme(def),
+            category: categorize(name),
+        };
+    });
+}
+/**
+ * Code sample rendered with actual theme colors (not cli-highlight, which
+ * uses its own hardcoded palette and looks identical across themes).
+ * Each token is colored with the theme's semantic colors so users can
+ * see real differences between themes.
+ */
+function CodePreview({ theme }) {
+    const c = theme.colors;
+    // Map semantic roles to theme colors:
+    // primary = keywords, info = strings, success = types, textMuted = comments, text = identifiers
+    const kw = c.primary; // keywords: async, function, const, if, throw, return
+    const str = c.info; // strings and template literals
+    const typ = c.success; // types: string, Promise, User
+    const cmt = c.textMuted; // comments
+    const id = c.text; // identifiers, operators, punctuation
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: cmt, children: "// fetch a user by ID" }), _jsxs(Box, { children: [_jsx(Text, { color: kw, children: "async function " }), _jsx(Text, { color: id, children: "fetchUser" }), _jsx(Text, { color: id, children: "(" }), _jsx(Text, { color: id, children: "id" }), _jsx(Text, { color: id, children: ": " }), _jsx(Text, { color: typ, children: "string" }), _jsx(Text, { color: id, children: ") {" })] }), _jsxs(Box, { children: [_jsx(Text, { color: id, children: "  " }), _jsx(Text, { color: kw, children: "const " }), _jsx(Text, { color: id, children: "res = " }), _jsx(Text, { color: kw, children: "await " }), _jsx(Text, { color: id, children: "fetch(" }), _jsx(Text, { color: str, children: "`/api/users/${" }), _jsx(Text, { color: id, children: "id" }), _jsx(Text, { color: str, children: "}`" }), _jsx(Text, { color: id, children: ")" })] }), _jsxs(Box, { children: [_jsx(Text, { color: id, children: "  " }), _jsx(Text, { color: kw, children: "if " }), _jsx(Text, { color: id, children: "(!res.ok) " }), _jsx(Text, { color: kw, children: "throw new " }), _jsx(Text, { color: typ, children: "Error" }), _jsx(Text, { color: id, children: "(" }), _jsx(Text, { color: str, children: "`HTTP ${" }), _jsx(Text, { color: id, children: "res.status" }), _jsx(Text, { color: str, children: "}`" }), _jsx(Text, { color: id, children: ")" })] }), _jsxs(Box, { children: [_jsx(Text, { color: id, children: "  " }), _jsx(Text, { color: kw, children: "return " }), _jsx(Text, { color: id, children: "res.json() " }), _jsx(Text, { color: kw, children: "as " }), _jsx(Text, { color: typ, children: "Promise" }), _jsx(Text, { color: id, children: "<" }), _jsx(Text, { color: typ, children: "User" }), _jsx(Text, { color: id, children: ">" })] }), _jsx(Text, { color: id, children: "}" })] }));
+}
+/** Live preview showing theme-colored code + UI elements. */
+function ThemePreview({ theme }) {
+    const c = theme.colors;
+    const s = theme.symbols;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: c.secondary, paddingX: 1, children: [_jsxs(Text, { bold: true, color: c.primary, children: [s.prompt, " ", theme.displayName] }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(CodePreview, { theme: theme }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: c.success, children: [s.success, " Tests passed (3/3)"] }), _jsxs(Text, { color: c.error, children: [s.error, " Error: connection refused"] }), _jsxs(Text, { color: c.warning, children: [s.warning, " Deprecated API call"] }), _jsx(Box, { children: _jsx(Text, { color: c.diffAdded, children: "+ const data = await fetch(url);" }) }), _jsx(Box, { children: _jsx(Text, { color: c.diffRemoved, children: "- const data = http.get(url);" }) }), _jsxs(Text, { color: c.textMuted, children: [s.info, " 1.2k tokens ", s.bullet, " $0.01 ", s.bullet, " 0.8s"] })] })] }));
+}
+export function ThemeSelector({ onSelect, onCancel }) {
+    const originalThemeName = useMemo(() => getTheme().name, []);
+    const allOptions = useMemo(() => buildThemeOptions(originalThemeName), [originalThemeName]);
+    const { items, selectableIndices } = useMemo(() => {
+        const items = [];
+        const selectableIndices = [];
+        const groups = new Map();
+        for (const opt of allOptions) {
+            const group = groups.get(opt.category) ?? [];
+            group.push(opt);
+            groups.set(opt.category, group);
+        }
+        for (const cat of CATEGORY_ORDER) {
+            const groupOptions = groups.get(cat);
+            if (!groupOptions?.length)
+                continue;
+            items.push({ type: "header", label: CATEGORY_LABELS[cat] ?? cat });
+            for (const opt of groupOptions) {
+                selectableIndices.push(items.length);
+                items.push({ type: "theme", option: opt });
+            }
+        }
+        return { items, selectableIndices };
+    }, [allOptions]);
+    const currentIdx = selectableIndices.findIndex((itemIdx) => {
+        const item = items[itemIdx];
+        return item?.type === "theme" && item.option.isCurrent;
+    });
+    const [selectedIndex, setSelectedIndex] = useState(currentIdx >= 0 ? currentIdx : 0);
+    const safeIndex = selectableIndices.length > 0 ? Math.min(selectedIndex, selectableIndices.length - 1) : 0;
+    // Live preview: apply theme SYNCHRONOUSLY during render so getTheme()
+    // returns the previewed theme in this same render pass.
+    const previewedItem = items[selectableIndices[safeIndex]];
+    const previewedThemeName = previewedItem?.type === "theme" ? previewedItem.option.name : null;
+    if (previewedThemeName) {
+        setTheme(previewedThemeName);
+    }
+    const handleCancel = React.useCallback(() => {
+        setTheme(originalThemeName);
+        onCancel();
+    }, [originalThemeName, onCancel]);
+    const isRawModeSupported = process.stdin.isTTY ?? false;
+    useInput((input, key) => {
+        if (isEscapeInput(input, key)) {
+            handleCancel();
+            return;
+        }
+        if (key.return && selectableIndices.length > 0) {
+            const itemIdx = selectableIndices[safeIndex];
+            const item = items[itemIdx];
+            if (item.type === "theme") {
+                onSelect({ name: item.option.name, displayName: item.option.displayName });
+            }
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex((i) => Math.max(0, i - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex((i) => Math.min(selectableIndices.length - 1, i + 1));
+            return;
+        }
+    }, { isActive: isRawModeSupported });
+    // Read the live-previewed theme — all colors below reflect the highlighted theme
+    const theme = getTheme();
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.colors.primary, paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.primary, children: "Theme" }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", theme.symbols.arrow, " select a color theme"] })] }), _jsxs(Box, { children: [_jsx(Box, { flexDirection: "column", width: 38, children: items.map((item, i) => {
+                            if (item.type === "header") {
+                                return (_jsx(Box, { marginTop: i > 0 ? 1 : 0, children: _jsx(Text, { bold: true, color: theme.colors.textMuted, children: item.label }) }, `header-${item.label}`));
+                            }
+                            const isHighlighted = selectableIndices[safeIndex] === i;
+                            const { option } = item;
+                            return (_jsx(Box, { children: _jsxs(Text, { inverse: isHighlighted, color: isHighlighted ? theme.colors.primary : theme.colors.text, children: [option.isCurrent ? "\u25cf" : "\u25cb", " ", option.displayName] }) }, option.name));
+                        }) }), _jsx(Box, { flexDirection: "column", flexGrow: 1, marginLeft: 2, children: _jsx(ThemePreview, { theme: theme }) })] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: theme.colors.textMuted, children: ["\u2191\u2193", " navigate ", "\u23ce", " select esc cancel"] }) })] }));
+}
+//# sourceMappingURL=ThemeSelector.js.map

package/dist/ui/components/overlays/index.js

@@ -0,0 +1,15 @@
+export { CommandPalette } from "./CommandPalette.js";
+export { ArionSelector, } from "./ArionSelector.js";
+export { ModelSelector } from "./ModelSelector.js";
+export { MemoryBrowser, } from "./MemoryBrowser.js";
+export { SessionSelector } from "./SessionSelector.js";
+export { MessageSelector } from "./MessageSelector.js";
+export { ThemeSelector, categorize as categorizeTheme, } from "./ThemeSelector.js";
+export { PeerSelector } from "./PeerSelector.js";
+export { ClientSelector } from "./ClientSelector.js";
+export { InviteShareOverlay } from "./InviteShareOverlay.js";
+export { JoinInviteOverlay } from "./JoinInviteOverlay.js";
+export { PairRequestOverlay, } from "./PairRequestOverlay.js";
+export { SoundSelector } from "./SoundSelector.js";
+export { DaemonControl, } from "./DaemonControl.js";
+//# sourceMappingURL=index.js.map

package/dist/ui/components/permissions/BashPermissionRequest/BashPermissionRequest.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Changes:
+// - BashTool.inputSchema.parse → direct cast (tool.inputSchema.parse)
+// - BashTool.renderToolUseMessage → tool.renderToolUseMessage
+// - savePermission → onAllow("permanent") directly
+// - logUnaryPermissionEvent → no-op (analytics removed)
+// - Select from CustomSelect
+// - getTheme → ARIA's theme
+import { Box, Text } from "ink";
+import { useMemo } from "react";
+import { usePermissionRequestLogging } from "../hooks.js";
+import { getTheme } from "../../../theme/index.js";
+import { toolUseConfirmGetPrefix } from "../PermissionRequest.js";
+import { PermissionRequestTitle } from "../PermissionRequestTitle.js";
+import { Select } from "../../CustomSelect/select.js";
+import { toolUseOptions } from "../toolUseOptions.js";
+export function BashPermissionRequest({ toolUseConfirm, onDone }) {
+    const theme = getTheme();
+    // Parse the command from input using the tool's own schema
+    const { command } = toolUseConfirm.tool.inputSchema.parse(toolUseConfirm.input);
+    const unaryEvent = useMemo(() => ({ completion_type: "tool_use_single", language_name: "none" }), []);
+    usePermissionRequestLogging(toolUseConfirm, unaryEvent);
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.colors.primary, marginTop: 1, paddingLeft: 1, paddingRight: 1, paddingBottom: 1, children: [_jsx(PermissionRequestTitle, { title: "Bash command", riskScore: toolUseConfirm.riskScore }), _jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsx(Text, { children: toolUseConfirm.tool.renderToolUseMessage({ command }, { verbose: false }) }), _jsx(Text, { color: theme.colors.textMuted, children: toolUseConfirm.description })] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "Do you want to proceed?" }), _jsx(Select, { options: toolUseOptions({ toolUseConfirm, command }), onChange: (newValue) => {
+                            switch (newValue) {
+                                case "yes":
+                                    toolUseConfirm.onAllow("temporary");
+                                    onDone();
+                                    break;
+                                case "yes-dont-ask-again-prefix": {
+                                    const prefix = toolUseConfirmGetPrefix(toolUseConfirm);
+                                    if (prefix !== null) {
+                                        toolUseConfirm.onAllow("permanent");
+                                    }
+                                    else {
+                                        // Prefix unexpectedly null — fall back to temporary allow
+                                        // so the modal doesn't get stuck.
+                                        toolUseConfirm.onAllow("temporary");
+                                    }
+                                    onDone();
+                                    break;
+                                }
+                                case "yes-dont-ask-again-full":
+                                    toolUseConfirm.onAllow("permanent");
+                                    onDone();
+                                    break;
+                                case "no":
+                                    toolUseConfirm.onReject();
+                                    onDone();
+                                    break;
+                            }
+                        } })] })] }));
+}
+//# sourceMappingURL=BashPermissionRequest.js.map

package/dist/ui/components/permissions/FallbackPermissionRequest.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Changes:
+// - Removed logUnaryEvent, env, savePermission, usePermissionRequestLogging calls (analytics/persistence)
+// - getTheme → ARIA's theme
+// - Select from @inkjs/ui → CustomSelect
+// - getCwd → process.cwd()
+import { Box, Text } from "ink";
+import { useMemo } from "react";
+import { getTheme } from "../../theme/index.js";
+import { PermissionRequestTitle, textColorForRiskScore } from "./PermissionRequestTitle.js";
+import { usePermissionRequestLogging } from "./hooks.js";
+import chalk from "chalk";
+import { Select } from "../CustomSelect/select.js";
+export function FallbackPermissionRequest({ toolUseConfirm, onDone, verbose, }) {
+    const theme = getTheme();
+    // TODO: Avoid these special cases
+    const originalUserFacingName = toolUseConfirm.tool.userFacingName(toolUseConfirm.input);
+    const userFacingName = originalUserFacingName.endsWith(" (MCP)")
+        ? originalUserFacingName.slice(0, -6)
+        : originalUserFacingName;
+    const unaryEvent = useMemo(() => ({
+        completion_type: "tool_use_single",
+        language_name: "none",
+    }), []);
+    usePermissionRequestLogging(toolUseConfirm, unaryEvent);
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: textColorForRiskScore(toolUseConfirm.riskScore), marginTop: 1, paddingLeft: 1, paddingRight: 1, paddingBottom: 1, children: [_jsx(PermissionRequestTitle, { title: "Tool use", riskScore: toolUseConfirm.riskScore }), _jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [_jsxs(Text, { children: [userFacingName, "(", toolUseConfirm.tool.renderToolUseMessage(toolUseConfirm.input, { verbose }), ")", originalUserFacingName.endsWith(" (MCP)") ? (_jsx(Text, { color: theme.colors.textMuted, children: " (MCP)" })) : ("")] }), _jsx(Text, { color: theme.colors.textMuted, children: toolUseConfirm.description })] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "Do you want to proceed?" }), _jsx(Select, { options: [
+                            {
+                                label: "Yes",
+                                value: "yes",
+                            },
+                            {
+                                label: `Yes, and don't ask again for ${chalk.bold(userFacingName)} commands in ${chalk.bold(process.cwd())}`,
+                                value: "yes-dont-ask-again",
+                            },
+                            {
+                                label: `No, and provide instructions (${chalk.bold.hex(getTheme().colors.warning)("esc")})`,
+                                value: "no",
+                            },
+                        ], onChange: (newValue) => {
+                            switch (newValue) {
+                                case "yes":
+                                    toolUseConfirm.onAllow("temporary");
+                                    onDone();
+                                    break;
+                                case "yes-dont-ask-again":
+                                    toolUseConfirm.onAllow("permanent");
+                                    onDone();
+                                    break;
+                                case "no":
+                                    toolUseConfirm.onReject();
+                                    onDone();
+                                    break;
+                            }
+                        } })] })] }));
+}
+//# sourceMappingURL=FallbackPermissionRequest.js.map

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

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Changes:
+// - Select from @inkjs/ui → CustomSelect
+// - usePermissionRequestLogging → no-op stub
+// - savePermission → onAllow("permanent") directly
+// - logUnaryEvent, env → removed (analytics)
+// - pathInOriginalCwd → inline check
+// - useTerminalSize → from ARIA hooks
+// - getTheme → ARIA's theme
+import { Box, Text } from "ink";
+import { useMemo } from "react";
+import { basename, extname, isAbsolute, resolve } from "path";
+import { getTheme } from "../../../theme/index.js";
+import { PermissionRequestTitle, textColorForRiskScore } from "../PermissionRequestTitle.js";
+import { usePermissionRequestLogging } from "../hooks.js";
+import { FileEditToolDiff } from "./FileEditToolDiff.js";
+import { useTerminalSize } from "../../../hooks/useTerminalSize.js";
+import chalk from "chalk";
+import { Select } from "../../CustomSelect/select.js";
+function pathInOriginalCwd(path) {
+    const absolutePath = isAbsolute(path) ? resolve(path) : resolve(process.cwd(), path);
+    return absolutePath.startsWith(resolve(process.cwd()));
+}
+function getOptions(path) {
+    // Only show don't ask again option for edits in original working directory
+    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().colors.warning)("esc")})`,
+            value: "no",
+        },
+    ];
+}
+export 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 (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: textColorForRiskScore(toolUseConfirm.riskScore), marginTop: 1, paddingLeft: 1, paddingRight: 1, paddingBottom: 1, children: [_jsx(PermissionRequestTitle, { title: "Edit file", riskScore: toolUseConfirm.riskScore }), _jsx(FileEditToolDiff, { file_path: file_path, new_string: new_string, old_string: old_string, verbose: verbose, width: columns - 12 }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: ["Do you want to make this edit to ", _jsx(Text, { bold: true, children: basename(file_path) }), "?"] }), _jsx(Select, { options: getOptions(file_path), onChange: (newValue) => {
+                            switch (newValue) {
+                                case "yes":
+                                    toolUseConfirm.onAllow("temporary");
+                                    onDone();
+                                    break;
+                                case "yes-dont-ask-again":
+                                    toolUseConfirm.onAllow("permanent");
+                                    onDone();
+                                    break;
+                                case "no":
+                                    toolUseConfirm.onReject();
+                                    onDone();
+                                    break;
+                            }
+                        } })] })] }));
+}
+// Simplified: highlight.js lookup was only used for analytics logging (now a no-op)
+function extractLanguageName(file_path) {
+    const ext = extname(file_path);
+    return ext ? ext.slice(1) : "unknown";
+}
+//# sourceMappingURL=FileEditPermissionRequest.js.map

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { existsSync, readFileSync } from "fs";
+import { useMemo } from "react";
+import { StructuredDiff } from "../../StructuredDiff.js";
+import { Box, Text } from "ink";
+import { getTheme } from "../../../theme/index.js";
+import { relative } from "path";
+import { generateDiff } from "../../../utils/diff.js";
+export function FileEditToolDiff({ file_path, new_string, old_string, verbose, useBorder = true, width, }) {
+    const file = useMemo(() => (existsSync(file_path) ? readFileSync(file_path, "utf8") : ""), [file_path]);
+    // Generate a FileDiff for ARIA's StructuredDiff component
+    const fileDiff = useMemo(() => {
+        const newContents = file.replace(old_string, new_string);
+        return generateDiff(file_path, file, newContents);
+    }, [file_path, file, old_string, new_string]);
+    return (_jsx(Box, { flexDirection: "column", children: _jsxs(Box, { borderColor: getTheme().colors.secondary, borderStyle: useBorder ? "round" : undefined, flexDirection: "column", paddingX: 1, children: [_jsx(Box, { paddingBottom: 1, children: _jsx(Text, { bold: true, children: verbose ? file_path : relative(process.cwd(), file_path) }) }), _jsx(StructuredDiff, { diff: fileDiff, dim: false, width: width, showHeader: false })] }) }));
+}
+//# sourceMappingURL=FileEditToolDiff.js.map

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

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Changes:
+// - Select from @inkjs/ui → CustomSelect
+// - usePermissionRequestLogging → no-op stub
+// - savePermission → onAllow("permanent") directly
+// - logUnaryEvent, env → removed (analytics)
+// - useTerminalSize → from ARIA hooks
+// - getTheme → ARIA's theme
+import { Box, Text } from "ink";
+import { useMemo } from "react";
+import { basename, extname } from "path";
+import { getTheme } from "../../../theme/index.js";
+import { PermissionRequestTitle, textColorForRiskScore } from "../PermissionRequestTitle.js";
+import { existsSync } from "fs";
+import chalk from "chalk";
+import { usePermissionRequestLogging } from "../hooks.js";
+import { FileWriteToolDiff } from "./FileWriteToolDiff.js";
+import { useTerminalSize } from "../../../hooks/useTerminalSize.js";
+import { Select } from "../../CustomSelect/select.js";
+export 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 (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: textColorForRiskScore(toolUseConfirm.riskScore), marginTop: 1, paddingLeft: 1, paddingRight: 1, paddingBottom: 1, children: [_jsx(PermissionRequestTitle, { title: `${fileExists ? "Edit" : "Create"} file`, riskScore: toolUseConfirm.riskScore }), _jsx(Box, { flexDirection: "column", children: _jsx(FileWriteToolDiff, { file_path: file_path, content: content, verbose: verbose, width: columns - 12 }) }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: ["Do you want to ", fileExists ? "make this edit to" : "create", " ", _jsx(Text, { bold: true, children: basename(file_path) }), "?"] }), _jsx(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().colors.warning)("esc")})`,
+                                value: "no",
+                            },
+                        ], onChange: (newValue) => {
+                            switch (newValue) {
+                                case "yes":
+                                    toolUseConfirm.onAllow("temporary");
+                                    onDone();
+                                    break;
+                                case "yes-dont-ask-again":
+                                    toolUseConfirm.onAllow("permanent");
+                                    onDone();
+                                    break;
+                                case "no":
+                                    toolUseConfirm.onReject();
+                                    onDone();
+                                    break;
+                            }
+                        } })] })] }));
+}
+// Simplified: highlight.js lookup was only used for analytics logging (now a no-op)
+function extractLanguageName(file_path) {
+    const ext = extname(file_path);
+    return ext ? ext.slice(1) : "unknown";
+}
+//# sourceMappingURL=FileWritePermissionRequest.js.map

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { existsSync, readFileSync } from "fs";
+import { useMemo } from "react";
+import { StructuredDiff } from "../../StructuredDiff.js";
+import { Box, Text } from "ink";
+import { getTheme } from "../../../theme/index.js";
+import { extname, relative } from "path";
+import { HighlightedCode } from "../../HighlightedCode.js";
+import { generateDiff } from "../../../utils/diff.js";
+export function FileWriteToolDiff({ file_path, content, verbose, width }) {
+    const fileExists = useMemo(() => existsSync(file_path), [file_path]);
+    const oldContent = useMemo(() => {
+        if (!fileExists) {
+            return "";
+        }
+        return readFileSync(file_path, "utf8");
+    }, [file_path, fileExists]);
+    const fileDiff = useMemo(() => {
+        if (!fileExists) {
+            return null;
+        }
+        return generateDiff(file_path, oldContent, content);
+    }, [fileExists, file_path, oldContent, content]);
+    return (_jsxs(Box, { borderColor: getTheme().colors.secondary, borderStyle: "round", flexDirection: "column", paddingX: 1, children: [_jsx(Box, { paddingBottom: 1, children: _jsx(Text, { bold: true, children: verbose ? file_path : relative(process.cwd(), file_path) }) }), fileDiff ? (_jsx(StructuredDiff, { diff: fileDiff, dim: false, width: width, showHeader: false })) : (_jsx(HighlightedCode, { code: content || "(No content)", language: extname(file_path).slice(1) }))] }));
+}
+//# sourceMappingURL=FileWriteToolDiff.js.map

package/dist/ui/components/permissions/FilesystemPermissionRequest/FilesystemPermissionRequest.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Changes:
+// - Tool references → name-based dispatch via ToolUseConfirm.tool.name
+// - pathInOriginalCwd, toAbsolutePath, grantWritePermissionForOriginalDir → inline stubs
+// - getCwd → process.cwd()
+// - logUnaryEvent, env → removed (analytics)
+// - usePermissionRequestLogging → no-op stub from hooks.ts
+// - Select from @inkjs/ui → CustomSelect
+// - getTheme → ARIA's theme
+import { Box, Text } from "ink";
+import { useMemo } from "react";
+import { getTheme } from "../../../theme/index.js";
+import { PermissionRequestTitle, textColorForRiskScore } from "../PermissionRequestTitle.js";
+import chalk from "chalk";
+import { usePermissionRequestLogging } from "../hooks.js";
+import { FallbackPermissionRequest } from "../FallbackPermissionRequest.js";
+import { Select } from "../../CustomSelect/select.js";
+import { isAbsolute, resolve } from "path";
+// -- Inline stubs for filesystem permissions --
+function toAbsolutePath(path) {
+    return isAbsolute(path) ? resolve(path) : resolve(process.cwd(), path);
+}
+function pathInOriginalCwd(path) {
+    const absolutePath = toAbsolutePath(path);
+    return absolutePath.startsWith(toAbsolutePath(process.cwd()));
+}
+// In-memory write permission grant (session-scoped)
+let writePermissionGranted = false;
+function grantWritePermissionForOriginalDir() {
+    writePermissionGranted = true;
+}
+// Export for testing
+export { writePermissionGranted };
+// -- Tool name sets for path arg detection --
+const FILE_PATH_TOOLS = new Set([
+    "Edit",
+    "file_edit",
+    "str_replace_editor",
+    "Write",
+    "file_write",
+    "create_file",
+    "Read",
+    "file_read",
+    "read_file",
+]);
+const PATH_TOOLS = new Set(["Glob", "glob", "Grep", "grep", "LS", "ls"]);
+const NOTEBOOK_PATH_TOOLS = new Set([
+    "NotebookEdit",
+    "notebook_edit",
+    "NotebookRead",
+    "notebook_read",
+]);
+const MULTI_FILE_TOOLS = new Set(["Glob", "glob", "Grep", "grep", "LS", "ls"]);
+function pathArgNameForToolUse(toolUseConfirm) {
+    const name = toolUseConfirm.tool.name;
+    if (FILE_PATH_TOOLS.has(name))
+        return "file_path";
+    if (PATH_TOOLS.has(name))
+        return "path";
+    if (NOTEBOOK_PATH_TOOLS.has(name))
+        return "notebook_path";
+    return null;
+}
+function isMultiFile(toolUseConfirm) {
+    return MULTI_FILE_TOOLS.has(toolUseConfirm.tool.name);
+}
+function pathFromToolUse(toolUseConfirm) {
+    const pathArgName = pathArgNameForToolUse(toolUseConfirm);
+    const input = toolUseConfirm.input;
+    if (pathArgName && pathArgName in input) {
+        if (typeof input[pathArgName] === "string") {
+            return toAbsolutePath(input[pathArgName]);
+        }
+        else {
+            return toAbsolutePath(process.cwd());
+        }
+    }
+    return null;
+}
+export function FilesystemPermissionRequest({ toolUseConfirm, onDone, verbose, }) {
+    const path = pathFromToolUse(toolUseConfirm);
+    if (!path) {
+        // Fall back to generic permission request if no path is found
+        return (_jsx(FallbackPermissionRequest, { toolUseConfirm: toolUseConfirm, onDone: onDone, verbose: verbose }));
+    }
+    return (_jsx(FilesystemPermissionRequestImpl, { toolUseConfirm: toolUseConfirm, path: path, onDone: onDone, verbose: verbose }));
+}
+function getDontAskAgainOptions(toolUseConfirm, path) {
+    if (toolUseConfirm.tool.isReadOnly()) {
+        // "Always allow" is not an option for read-only tools,
+        // because they always have write permission in the project directory.
+        return [];
+    }
+    // Only show don't ask again option for edits in original working directory
+    return pathInOriginalCwd(path)
+        ? [
+            {
+                label: "Yes, and don't ask again for file edits this session",
+                value: "yes-dont-ask-again",
+            },
+        ]
+        : [];
+}
+function FilesystemPermissionRequestImpl({ toolUseConfirm, path, onDone, verbose, }) {
+    const userFacingName = toolUseConfirm.tool.userFacingName(toolUseConfirm.input);
+    const userFacingReadOrWrite = toolUseConfirm.tool.isReadOnly() ? "Read" : "Edit";
+    const title = `${userFacingReadOrWrite} ${isMultiFile(toolUseConfirm) ? "files" : "file"}`;
+    const unaryEvent = useMemo(() => ({
+        completion_type: "tool_use_single",
+        language_name: "none",
+    }), []);
+    usePermissionRequestLogging(toolUseConfirm, unaryEvent);
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: textColorForRiskScore(toolUseConfirm.riskScore), marginTop: 1, paddingLeft: 1, paddingRight: 1, paddingBottom: 1, children: [_jsx(PermissionRequestTitle, { title: title, riskScore: toolUseConfirm.riskScore }), _jsx(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: _jsxs(Text, { children: [userFacingName, "(", toolUseConfirm.tool.renderToolUseMessage(toolUseConfirm.input, { verbose }), ")"] }) }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "Do you want to proceed?" }), _jsx(Select, { options: [
+                            {
+                                label: "Yes",
+                                value: "yes",
+                            },
+                            ...getDontAskAgainOptions(toolUseConfirm, path),
+                            {
+                                label: `No, and provide instructions (${chalk.bold.hex(getTheme().colors.warning)("esc")})`,
+                                value: "no",
+                            },
+                        ], onChange: (newValue) => {
+                            switch (newValue) {
+                                case "yes":
+                                    toolUseConfirm.onAllow("temporary");
+                                    onDone();
+                                    break;
+                                case "yes-dont-ask-again":
+                                    grantWritePermissionForOriginalDir();
+                                    toolUseConfirm.onAllow("permanent");
+                                    onDone();
+                                    break;
+                                case "no":
+                                    toolUseConfirm.onReject();
+                                    onDone();
+                                    break;
+                            }
+                        } })] })] }));
+}
+//# sourceMappingURL=FilesystemPermissionRequest.js.map