@ottocode/web-sdk 0.1.292 → 0.1.293

package/dist/hooks/index.js

@@ -1169,6 +1169,36 @@ var dictationMixin = {
   getDictationModelInstallEventsUrl: buildInstallEventsUrl
 };
 
+// src/lib/api-client/secure-input.ts
+var secureInputMixin = {
+  async submitSecureInput(sessionId, promptId, value) {
+    const response = await fetch(`${getBaseUrl()}/v1/sessions/${encodeURIComponent(sessionId)}/secure-input`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ promptId, value })
+    });
+    if (!response.ok)
+      throw new Error("Failed to submit secure input");
+    return response.json();
+  },
+  async cancelSecureInput(sessionId, promptId) {
+    const response = await fetch(`${getBaseUrl()}/v1/sessions/${encodeURIComponent(sessionId)}/secure-input`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ promptId, cancelled: true })
+    });
+    if (!response.ok)
+      throw new Error("Failed to cancel secure input");
+    return response.json();
+  },
+  async getPendingSecureInputs(sessionId) {
+    const response = await fetch(`${getBaseUrl()}/v1/sessions/${encodeURIComponent(sessionId)}/secure-input/pending`);
+    if (!response.ok)
+      throw new Error("Failed to get pending secure inputs");
+    return response.json();
+  }
+};
+
 // src/lib/api-client/index.ts
 class ApiClient {
   getSessions = sessionsMixin.getSessions;
@@ -1227,6 +1257,9 @@ class ApiClient {
   syncSession = branchesMixin.syncSession;
   approveToolCall = approvalMixin.approveToolCall;
   getPendingApprovals = approvalMixin.getPendingApprovals;
+  submitSecureInput = secureInputMixin.submitSecureInput;
+  cancelSecureInput = secureInputMixin.cancelSecureInput;
+  getPendingSecureInputs = secureInputMixin.getPendingSecureInputs;
   getOttoRouterBalance = ottorouterMixin.getOttoRouterBalance;
   getOttoRouterWallet = ottorouterMixin.getOttoRouterWallet;
   getOttoRouterUsdcBalance = ottorouterMixin.getOttoRouterUsdcBalance;
@@ -2817,6 +2850,23 @@ var useToolApprovalStore = create10((set) => ({
   setPendingApprovals: (approvals) => set({ pendingApprovals: approvals })
 }));
 
+// src/stores/secureInputStore.ts
+import { create as create11 } from "zustand";
+var useSecureInputStore = create11((set) => ({
+  pendingInputs: [],
+  addPendingInput: (input) => set((state) => ({
+    pendingInputs: [
+      ...state.pendingInputs.filter((item) => item.promptId !== input.promptId),
+      input
+    ]
+  })),
+  removePendingInput: (promptId) => set((state) => ({
+    pendingInputs: state.pendingInputs.filter((input) => input.promptId !== promptId)
+  })),
+  setPendingInputs: (inputs) => set({ pendingInputs: inputs }),
+  clearPendingInputs: () => set({ pendingInputs: [] })
+}));
+
 // src/hooks/useSessionStream.ts
 var TOOL_PREVIEW_THROTTLE_MS = 500;
 var TOOL_PREVIEW_THROTTLE_MIN_CHARS = 8000;
@@ -2840,6 +2890,7 @@ function useSessionStream(sessionId, enabled = true) {
     updatePendingApproval,
     setPendingApprovals
   } = useToolApprovalStore();
+  const { addPendingInput, removePendingInput, setPendingInputs } = useSecureInputStore();
   useEffect2(() => {
     if (!sessionId || !enabled) {
       return;
@@ -2858,6 +2909,15 @@ function useSessionStream(sessionId, enabled = true) {
     }).catch(() => {
       setPendingApprovals([]);
     });
+    apiClient.getPendingSecureInputs(sessionId).then((result) => {
+      if (result.ok && result.pending.length > 0) {
+        setPendingInputs(result.pending);
+      } else {
+        setPendingInputs([]);
+      }
+    }).catch(() => {
+      setPendingInputs([]);
+    });
     const client2 = new SSEClient;
     clientRef.current = client2;
     const url = apiClient.getStreamUrl(sessionId);
@@ -4093,6 +4153,28 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
           }
           break;
         }
+        case "shell.secure_input.required": {
+          const promptId = typeof payload?.promptId === "string" ? payload.promptId : null;
+          const prompt = typeof payload?.prompt === "string" ? payload.prompt : null;
+          if (promptId && prompt) {
+            addPendingInput({
+              promptId,
+              prompt,
+              messageId: typeof payload?.messageId === "string" ? payload.messageId : undefined,
+              callId: typeof payload?.callId === "string" ? payload.callId : undefined,
+              inputKind: "password",
+              createdAt: Date.now()
+            });
+          }
+          break;
+        }
+        case "shell.secure_input.resolved": {
+          const promptId = typeof payload?.promptId === "string" ? payload.promptId : null;
+          if (promptId) {
+            removePendingInput(promptId);
+          }
+          break;
+        }
         case "error": {
           handleToolActivityViewerEvent("error", payload);
           removeEphemeralToolCall(payload);
@@ -4164,9 +4246,12 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
     sessionId,
     queryClient,
     addPendingApproval,
+    addPendingInput,
     removePendingApproval,
+    removePendingInput,
     enabled,
     setPendingApprovals,
+    setPendingInputs,
     updatePendingApproval
   ]);
 }
@@ -4179,9 +4264,9 @@ import {
 } from "@ottocode/api";
 
 // src/stores/toastStore.ts
-import { create as create11 } from "zustand";
+import { create as create12 } from "zustand";
 var toastId = 0;
-var useToastStore = create11((set) => ({
+var useToastStore = create12((set) => ({
   toasts: [],
   addToast: (toast) => {
     const id = `toast-${++toastId}`;
@@ -4576,8 +4661,8 @@ function useWorkingDirectory() {
 import { useEffect as useEffect6, useCallback as useCallback3 } from "react";
 
 // src/stores/focusStore.ts
-import { create as create12 } from "zustand";
-var useFocusStore = create12((set) => ({
+import { create as create13 } from "zustand";
+var useFocusStore = create13((set) => ({
   currentFocus: null,
   sessionIndex: 0,
   gitFileIndex: 0,
@@ -4589,9 +4674,9 @@ var useFocusStore = create12((set) => ({
 }));
 
 // src/stores/sidebarStore.ts
-import { create as create13 } from "zustand";
+import { create as create14 } from "zustand";
 import { persist } from "zustand/middleware";
-var useSidebarStore = create13()(persist((set) => ({
+var useSidebarStore = create14()(persist((set) => ({
   isCollapsed: false,
   toggleCollapse: () => set((state) => ({ isCollapsed: !state.isCollapsed })),
   setCollapsed: (collapsed) => set({ isCollapsed: collapsed })
@@ -4600,8 +4685,8 @@ var useSidebarStore = create13()(persist((set) => ({
 }));
 
 // src/stores/filePickerStore.ts
-import { create as create14 } from "zustand";
-var useFilePickerStore = create14((set) => ({
+import { create as create15 } from "zustand";
+var useFilePickerStore = create15((set) => ({
   isOpen: false,
   open: () => set({ isOpen: true }),
   close: () => set({ isOpen: false }),
@@ -4609,10 +4694,10 @@ var useFilePickerStore = create14((set) => ({
 }));
 
 // src/stores/terminalStore.ts
-import { create as create15 } from "zustand";
+import { create as create16 } from "zustand";
 var DEFAULT_HEIGHT = 300;
 var MIN_HEIGHT = 150;
-var useTerminalStore = create15((set) => ({
+var useTerminalStore = create16((set) => ({
   isOpen: false,
   panelHeight: DEFAULT_HEIGHT,
   activeTabId: null,
@@ -5566,8 +5651,8 @@ import {
 } from "@ottocode/api";
 
 // src/stores/pendingResearchStore.ts
-import { create as create16 } from "zustand";
-var usePendingResearchStore = create16((set, get) => ({
+import { create as create17 } from "zustand";
+var usePendingResearchStore = create17((set, get) => ({
   pendingContexts: new Map,
   addContext: (parentSessionId, context) => {
     set((state) => {
@@ -5716,8 +5801,8 @@ function useExportToSession() {
 import { useEffect as useEffect9, useRef as useRef3 } from "react";
 
 // src/stores/ottorouterStore.ts
-import { create as create17 } from "zustand";
-var useOttoRouterStore = create17((set) => ({
+import { create as create18 } from "zustand";
+var useOttoRouterStore = create18((set) => ({
   balance: null,
   usdcBalance: null,
   network: "mainnet",
@@ -5746,8 +5831,8 @@ var useOttoRouterStore = create17((set) => ({
 }));
 
 // src/stores/topupApprovalStore.ts
-import { create as create18 } from "zustand";
-var useTopupApprovalStore = create18((set) => ({
+import { create as create19 } from "zustand";
+var useTopupApprovalStore = create19((set) => ({
   pendingTopup: null,
   isProcessing: false,
   selectedMethod: null,
@@ -5900,8 +5985,8 @@ function useOttoRouterPayments(sessionId) {
 import { useEffect as useEffect10, useCallback as useCallback6 } from "react";
 
 // src/stores/usageStore.ts
-import { create as create19 } from "zustand";
-var useUsageStore = create19((set) => ({
+import { create as create20 } from "zustand";
+var useUsageStore = create20((set) => ({
   usage: {},
   isLoading: {},
   lastFetched: {},
@@ -6150,9 +6235,9 @@ import { useEffect as useEffect13, useCallback as useCallback8, useState as useS
 import { useQueryClient as useQueryClient9 } from "@tanstack/react-query";
 
 // src/stores/onboardingStore.ts
-import { create as create20 } from "zustand";
+import { create as create21 } from "zustand";
 var STEPS = ["wallet", "defaults"];
-var useOnboardingStore = create20((set, get) => ({
+var useOnboardingStore = create21((set, get) => ({
   isOpen: false,
   currentStep: "wallet",
   manageMode: false,
@@ -7514,4 +7599,4 @@ export {
   normalizeQueueState
 };
 
-//# debugId=8D3C59E94B6700C564756E2164756E21
+//# debugId=A9770107614A950A64756E2164756E21