@dexto/tui 1.13.4 → 1.14.0

package/dist/components/modes/AlternateBufferCLI.js

@@ -64,7 +64,8 @@ function AlternateBufferCLI({
     inputService,
     buffer,
     overlayContainerRef,
-    visibleMessages
+    visibleMessages,
+    isHydratingHistory
   } = useCLIState({
     agent,
     initialSessionId,
@@ -283,6 +284,7 @@ function AlternateBufferCLI({
           ui,
           session,
           initialPrompt,
+          isHydratingHistory,
           approval,
           steerMessages,
           queuedMessages,

package/dist/components/modes/StaticCLI.cjs

@@ -74,7 +74,8 @@ function StaticCLI({
     inputService,
     buffer,
     overlayContainerRef,
-    visibleMessages
+    visibleMessages,
+    isHydratingHistory
   } = (0, import_useCLIState.useCLIState)({
     agent,
     initialSessionId,
@@ -246,6 +247,7 @@ function StaticCLI({
           ui,
           session,
           initialPrompt,
+          isHydratingHistory,
           approval,
           steerMessages,
           queuedMessages,

package/dist/components/modes/StaticCLI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StaticCLI.d.ts","sourceRoot":"","sources":["../../../src/components/modes/StaticCLI.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAM9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAsBxD,UAAU,cAAc;IACpB,KAAK,EAAE,eAAe,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,cAAc,EACd,wBAAgC,EAChC,YAAmB,GACtB,EAAE,cAAc,2CAyShB"}
+{"version":3,"file":"StaticCLI.d.ts","sourceRoot":"","sources":["../../../src/components/modes/StaticCLI.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAM9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAsBxD,UAAU,cAAc;IACpB,KAAK,EAAE,eAAe,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,cAAc,EACd,wBAAgC,EAChC,YAAmB,GACtB,EAAE,cAAc,2CA2ShB"}

package/dist/components/modes/StaticCLI.js

@@ -51,7 +51,8 @@ function StaticCLI({
     inputService,
     buffer,
     overlayContainerRef,
-    visibleMessages
+    visibleMessages,
+    isHydratingHistory
   } = useCLIState({
     agent,
     initialSessionId,
@@ -223,6 +224,7 @@ function StaticCLI({
           ui,
           session,
           initialPrompt,
+          isHydratingHistory,
           approval,
           steerMessages,
           queuedMessages,

package/dist/components/overlays/PermissionsSelector.cjs

@@ -0,0 +1,139 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PermissionsSelector_exports = {};
+__export(PermissionsSelector_exports, {
+  PermissionsSelector: () => PermissionsSelector
+});
+module.exports = __toCommonJS(PermissionsSelector_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ink = require("ink");
+var import_approvalScope = require("../../utils/approvalScope.js");
+var import_BaseSelector = require("../base/BaseSelector.js");
+const PermissionsSelector = (0, import_react.forwardRef)(
+  function PermissionsSelector2({ agent, sessionId, ui, setUi, onClose }, ref) {
+    const selectorRef = (0, import_react.useRef)(null);
+    const [grants, setGrants] = (0, import_react.useState)([]);
+    const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(
+      ui.bypassPermissions ? 2 : ui.autoApproveEdits ? 1 : 0
+    );
+    const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+    const [error, setError] = (0, import_react.useState)(null);
+    const mode = ui.bypassPermissions ? "auto" : ui.autoApproveEdits ? "edits" : "defaults";
+    (0, import_react.useImperativeHandle)(
+      ref,
+      () => ({
+        handleInput: (input, key) => selectorRef.current?.handleInput(input, key) ?? false
+      }),
+      []
+    );
+    (0, import_react.useEffect)(() => {
+      let active = true;
+      async function load() {
+        try {
+          const approvals = sessionId && agent.getSessionApprovals ? await agent.getSessionApprovals(sessionId) : [];
+          if (active) setGrants(approvals);
+        } catch (cause) {
+          if (active) setError(cause instanceof Error ? cause.message : String(cause));
+        } finally {
+          if (active) setIsLoading(false);
+        }
+      }
+      void load();
+      return () => {
+        active = false;
+      };
+    }, [agent, sessionId]);
+    const options = [
+      { kind: "mode", value: "defaults", label: "Agent defaults" },
+      { kind: "mode", value: "edits", label: "Accept edits for this session" },
+      { kind: "mode", value: "auto", label: "Auto-approve for this session" },
+      ...grants.map(
+        (approval) => ({
+          kind: "grant",
+          approval,
+          label: `Revoke ${(0, import_approvalScope.formatApprovalScope)(approval)}`
+        })
+      )
+    ];
+    async function select(option) {
+      if (option.kind === "mode") {
+        setUi((previous) => ({
+          ...previous,
+          autoApproveEdits: option.value === "edits",
+          bypassPermissions: option.value === "auto",
+          planModeActive: false,
+          planModeInitialized: false
+        }));
+        onClose();
+        return;
+      }
+      if (!sessionId || !agent.revokeSessionApproval) return;
+      setIsLoading(true);
+      setError(null);
+      try {
+        await agent.revokeSessionApproval(sessionId, option.approval);
+        setGrants(
+          (previous) => previous.filter(
+            (grant) => grant.kind !== option.approval.kind || grant.value !== option.approval.value
+          )
+        );
+        setSelectedIndex(0);
+      } catch (cause) {
+        setError(cause instanceof Error ? cause.message : String(cause));
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: "gray", children: [
+        "Agent policy:",
+        " ",
+        agent.getEffectiveConfig(sessionId ?? void 0).permissions.mode
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "Mode applies to this TUI session. Remembered grants also apply when this conversation resumes." }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "red", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_BaseSelector.BaseSelector,
+        {
+          ref: selectorRef,
+          items: options,
+          isVisible: true,
+          isLoading,
+          selectedIndex,
+          onSelectIndex: setSelectedIndex,
+          onSelect: (option) => {
+            void select(option);
+          },
+          onClose,
+          title: "Session permissions",
+          formatItem: (option, selected) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ink.Text, { color: selected ? "cyan" : "white", children: [
+            option.kind === "mode" && option.value === mode ? "\u25CF " : "  ",
+            option.label
+          ] })
+        }
+      ),
+      grants.length === 0 && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ink.Text, { color: "gray", children: "No remembered user grants." })
+    ] });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PermissionsSelector
+});

package/dist/components/overlays/PermissionsSelector.d.ts

@@ -0,0 +1,16 @@
+import type { TuiAgentBackend } from '../../agent-backend.js';
+import type { UIState } from '../../state/types.js';
+import type { Key } from '../../hooks/useInputOrchestrator.js';
+interface PermissionsSelectorProps {
+    agent: TuiAgentBackend;
+    sessionId: string | null;
+    ui: UIState;
+    setUi: React.Dispatch<React.SetStateAction<UIState>>;
+    onClose: () => void;
+}
+export interface PermissionsSelectorHandle {
+    handleInput: (input: string, key: Key) => boolean;
+}
+export declare const PermissionsSelector: import("react").ForwardRefExoticComponent<PermissionsSelectorProps & import("react").RefAttributes<PermissionsSelectorHandle>>;
+export {};
+//# sourceMappingURL=PermissionsSelector.d.ts.map

package/dist/components/overlays/PermissionsSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionsSelector.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PermissionsSelector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,qCAAqC,CAAC;AAS/D,UAAU,wBAAwB;IAC9B,KAAK,EAAE,eAAe,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,yBAAyB;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,OAAO,CAAC;CACrD;AAED,eAAO,MAAM,mBAAmB,gIAyH/B,CAAC"}

package/dist/components/overlays/PermissionsSelector.js

@@ -0,0 +1,115 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { Box, Text } from "ink";
+import { formatApprovalScope } from "../../utils/approvalScope.js";
+import { BaseSelector } from "../base/BaseSelector.js";
+const PermissionsSelector = forwardRef(
+  function PermissionsSelector2({ agent, sessionId, ui, setUi, onClose }, ref) {
+    const selectorRef = useRef(null);
+    const [grants, setGrants] = useState([]);
+    const [selectedIndex, setSelectedIndex] = useState(
+      ui.bypassPermissions ? 2 : ui.autoApproveEdits ? 1 : 0
+    );
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const mode = ui.bypassPermissions ? "auto" : ui.autoApproveEdits ? "edits" : "defaults";
+    useImperativeHandle(
+      ref,
+      () => ({
+        handleInput: (input, key) => selectorRef.current?.handleInput(input, key) ?? false
+      }),
+      []
+    );
+    useEffect(() => {
+      let active = true;
+      async function load() {
+        try {
+          const approvals = sessionId && agent.getSessionApprovals ? await agent.getSessionApprovals(sessionId) : [];
+          if (active) setGrants(approvals);
+        } catch (cause) {
+          if (active) setError(cause instanceof Error ? cause.message : String(cause));
+        } finally {
+          if (active) setIsLoading(false);
+        }
+      }
+      void load();
+      return () => {
+        active = false;
+      };
+    }, [agent, sessionId]);
+    const options = [
+      { kind: "mode", value: "defaults", label: "Agent defaults" },
+      { kind: "mode", value: "edits", label: "Accept edits for this session" },
+      { kind: "mode", value: "auto", label: "Auto-approve for this session" },
+      ...grants.map(
+        (approval) => ({
+          kind: "grant",
+          approval,
+          label: `Revoke ${formatApprovalScope(approval)}`
+        })
+      )
+    ];
+    async function select(option) {
+      if (option.kind === "mode") {
+        setUi((previous) => ({
+          ...previous,
+          autoApproveEdits: option.value === "edits",
+          bypassPermissions: option.value === "auto",
+          planModeActive: false,
+          planModeInitialized: false
+        }));
+        onClose();
+        return;
+      }
+      if (!sessionId || !agent.revokeSessionApproval) return;
+      setIsLoading(true);
+      setError(null);
+      try {
+        await agent.revokeSessionApproval(sessionId, option.approval);
+        setGrants(
+          (previous) => previous.filter(
+            (grant) => grant.kind !== option.approval.kind || grant.value !== option.approval.value
+          )
+        );
+        setSelectedIndex(0);
+      } catch (cause) {
+        setError(cause instanceof Error ? cause.message : String(cause));
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        "Agent policy:",
+        " ",
+        agent.getEffectiveConfig(sessionId ?? void 0).permissions.mode
+      ] }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Mode applies to this TUI session. Remembered grants also apply when this conversation resumes." }),
+      error && /* @__PURE__ */ jsx(Text, { color: "red", children: error }),
+      /* @__PURE__ */ jsx(
+        BaseSelector,
+        {
+          ref: selectorRef,
+          items: options,
+          isVisible: true,
+          isLoading,
+          selectedIndex,
+          onSelectIndex: setSelectedIndex,
+          onSelect: (option) => {
+            void select(option);
+          },
+          onClose,
+          title: "Session permissions",
+          formatItem: (option, selected) => /* @__PURE__ */ jsxs(Text, { color: selected ? "cyan" : "white", children: [
+            option.kind === "mode" && option.value === mode ? "\u25CF " : "  ",
+            option.label
+          ] })
+        }
+      ),
+      grants.length === 0 && !isLoading && /* @__PURE__ */ jsx(Text, { color: "gray", children: "No remembered user grants." })
+    ] });
+  }
+);
+export {
+  PermissionsSelector
+};

package/dist/components/overlays/PermissionsSelector.test.cjs

@@ -0,0 +1,105 @@
+"use strict";
+var import_react = require("react");
+var import_node_stream = require("node:stream");
+var import_ink = require("ink");
+var import_vitest = require("vitest");
+var import_PermissionsSelector = require("./PermissionsSelector.js");
+var import_initialState = require("../../state/initialState.js");
+const key = {
+  upArrow: false,
+  downArrow: false,
+  leftArrow: false,
+  rightArrow: false,
+  pageUp: false,
+  pageDown: false,
+  return: false,
+  escape: false,
+  ctrl: false,
+  shift: false,
+  meta: false,
+  tab: false,
+  backspace: false,
+  delete: false,
+  paste: false
+};
+async function openPermissions() {
+  const stdout = Object.assign(new import_node_stream.PassThrough(), { columns: 120, rows: 40, isTTY: false });
+  let output = "";
+  stdout.on("data", (chunk) => {
+    output += String(chunk);
+  });
+  const agent = {
+    getSessionApprovals: import_vitest.vi.fn().mockResolvedValue([{ kind: "action", value: "bash:git status *" }]),
+    revokeSessionApproval: import_vitest.vi.fn().mockResolvedValue(void 0),
+    getEffectiveConfig: () => ({ permissions: { mode: "manual" } })
+  };
+  const ref = (0, import_react.createRef)();
+  let ui = (0, import_initialState.createInitialState)().ui;
+  const onClose = import_vitest.vi.fn();
+  const view = (0, import_ink.render)(
+    (0, import_react.createElement)(import_PermissionsSelector.PermissionsSelector, {
+      ref,
+      agent,
+      sessionId: "a",
+      ui,
+      setUi: (update) => {
+        ui = typeof update === "function" ? update(ui) : update;
+      },
+      onClose
+    }),
+    {
+      stdout,
+      debug: true,
+      patchConsole: false,
+      exitOnCtrlC: false
+    }
+  );
+  await import_vitest.vi.waitFor(() => (0, import_vitest.expect)(output).toContain("Revoke git status *"));
+  return {
+    agent,
+    onClose,
+    getUi: () => ui,
+    getOutput: () => output,
+    async press(pressed) {
+      ref.current?.handleInput("", { ...key, ...pressed });
+      await new Promise((resolve) => setTimeout(resolve, 20));
+    },
+    close() {
+      view.unmount();
+      view.cleanup();
+    }
+  };
+}
+(0, import_vitest.describe)("PermissionsSelector", () => {
+  (0, import_vitest.it)("lets a user choose session auto-approval without changing saved grants", async () => {
+    const screen = await openPermissions();
+    try {
+      await screen.press({ downArrow: true });
+      await screen.press({ downArrow: true });
+      await screen.press({ return: true });
+      (0, import_vitest.expect)(screen.getUi().bypassPermissions).toBe(true);
+      (0, import_vitest.expect)(screen.getUi().autoApproveEdits).toBe(false);
+      (0, import_vitest.expect)(screen.onClose).toHaveBeenCalledOnce();
+      (0, import_vitest.expect)(screen.agent.revokeSessionApproval).not.toHaveBeenCalled();
+    } finally {
+      screen.close();
+    }
+  });
+  (0, import_vitest.it)("lets a user revoke a displayed grant and keeps the selector open", async () => {
+    const screen = await openPermissions();
+    try {
+      for (let index = 0; index < 3; index++) await screen.press({ downArrow: true });
+      await screen.press({ return: true });
+      (0, import_vitest.expect)(screen.agent.revokeSessionApproval).toHaveBeenCalledWith("a", {
+        kind: "action",
+        value: "bash:git status *"
+      });
+      await import_vitest.vi.waitFor(
+        () => (0, import_vitest.expect)(screen.getOutput()).toContain("No remembered user grants.")
+      );
+      (0, import_vitest.expect)(screen.onClose).not.toHaveBeenCalled();
+    } finally {
+      screen.close();
+    }
+  });
+});

package/dist/components/overlays/PermissionsSelector.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PermissionsSelector.test.d.ts.map

package/dist/components/overlays/PermissionsSelector.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionsSelector.test.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/PermissionsSelector.test.ts"],"names":[],"mappings":""}

package/dist/components/overlays/PermissionsSelector.test.js

@@ -0,0 +1,104 @@
+import { createElement, createRef } from "react";
+import { PassThrough } from "node:stream";
+import { render } from "ink";
+import { describe, expect, it, vi } from "vitest";
+import { PermissionsSelector } from "./PermissionsSelector.js";
+import { createInitialState } from "../../state/initialState.js";
+const key = {
+  upArrow: false,
+  downArrow: false,
+  leftArrow: false,
+  rightArrow: false,
+  pageUp: false,
+  pageDown: false,
+  return: false,
+  escape: false,
+  ctrl: false,
+  shift: false,
+  meta: false,
+  tab: false,
+  backspace: false,
+  delete: false,
+  paste: false
+};
+async function openPermissions() {
+  const stdout = Object.assign(new PassThrough(), { columns: 120, rows: 40, isTTY: false });
+  let output = "";
+  stdout.on("data", (chunk) => {
+    output += String(chunk);
+  });
+  const agent = {
+    getSessionApprovals: vi.fn().mockResolvedValue([{ kind: "action", value: "bash:git status *" }]),
+    revokeSessionApproval: vi.fn().mockResolvedValue(void 0),
+    getEffectiveConfig: () => ({ permissions: { mode: "manual" } })
+  };
+  const ref = createRef();
+  let ui = createInitialState().ui;
+  const onClose = vi.fn();
+  const view = render(
+    createElement(PermissionsSelector, {
+      ref,
+      agent,
+      sessionId: "a",
+      ui,
+      setUi: (update) => {
+        ui = typeof update === "function" ? update(ui) : update;
+      },
+      onClose
+    }),
+    {
+      stdout,
+      debug: true,
+      patchConsole: false,
+      exitOnCtrlC: false
+    }
+  );
+  await vi.waitFor(() => expect(output).toContain("Revoke git status *"));
+  return {
+    agent,
+    onClose,
+    getUi: () => ui,
+    getOutput: () => output,
+    async press(pressed) {
+      ref.current?.handleInput("", { ...key, ...pressed });
+      await new Promise((resolve) => setTimeout(resolve, 20));
+    },
+    close() {
+      view.unmount();
+      view.cleanup();
+    }
+  };
+}
+describe("PermissionsSelector", () => {
+  it("lets a user choose session auto-approval without changing saved grants", async () => {
+    const screen = await openPermissions();
+    try {
+      await screen.press({ downArrow: true });
+      await screen.press({ downArrow: true });
+      await screen.press({ return: true });
+      expect(screen.getUi().bypassPermissions).toBe(true);
+      expect(screen.getUi().autoApproveEdits).toBe(false);
+      expect(screen.onClose).toHaveBeenCalledOnce();
+      expect(screen.agent.revokeSessionApproval).not.toHaveBeenCalled();
+    } finally {
+      screen.close();
+    }
+  });
+  it("lets a user revoke a displayed grant and keeps the selector open", async () => {
+    const screen = await openPermissions();
+    try {
+      for (let index = 0; index < 3; index++) await screen.press({ downArrow: true });
+      await screen.press({ return: true });
+      expect(screen.agent.revokeSessionApproval).toHaveBeenCalledWith("a", {
+        kind: "action",
+        value: "bash:git status *"
+      });
+      await vi.waitFor(
+        () => expect(screen.getOutput()).toContain("No remembered user grants.")
+      );
+      expect(screen.onClose).not.toHaveBeenCalled();
+    } finally {
+      screen.close();
+    }
+  });
+});