@ottocode/web-sdk 0.1.269 → 0.1.271

package/dist/stores/index.js

@@ -1,27 +1,115 @@
 // src/stores/gitStore.ts
-import { create as create8 } from "zustand";
+import { create as create9 } from "zustand";
 
 // src/stores/sessionFilesStore.ts
-import { create as create7 } from "zustand";
+import { create as create8 } from "zustand";
 
 // src/stores/researchStore.ts
-import { create as create6 } from "zustand";
+import { create as create7 } from "zustand";
 
 // src/stores/settingsStore.ts
-import { create as create5 } from "zustand";
+import { create as create6 } from "zustand";
 
 // src/stores/tunnelStore.ts
-import { create as create4 } from "zustand";
+import { create as create5 } from "zustand";
 
 // src/stores/fileBrowserStore.ts
-import { create as create3 } from "zustand";
+import { create as create4 } from "zustand";
 
 // src/stores/mcpStore.ts
-import { create as create2 } from "zustand";
+import { create as create3 } from "zustand";
 
 // src/stores/skillsStore.ts
+import { create as create2 } from "zustand";
+
+// src/stores/viewerTabsStore.ts
 import { create } from "zustand";
-var useSkillsStore = create((set) => ({
+function titleFromPath(path) {
+  return path.split("/").pop() || path;
+}
+function upsertTab(tabs, tab) {
+  const existingIndex = tabs.findIndex((item) => item.id === tab.id);
+  if (existingIndex === -1) {
+    return [...tabs, tab];
+  }
+  const next = [...tabs];
+  next[existingIndex] = tab;
+  return next;
+}
+var useViewerTabsStore = create((set) => ({
+  tabs: [],
+  activeTabId: null,
+  openGitDiffTab: (path, staged) => {
+    const id = `git-diff:${staged ? "staged" : "unstaged"}:${path}`;
+    set((state) => ({
+      tabs: upsertTab(state.tabs, {
+        id,
+        type: "git-diff",
+        title: titleFromPath(path),
+        path,
+        staged
+      }),
+      activeTabId: id
+    }));
+  },
+  openSessionFileDiffTab: (path, operations) => {
+    const id = `session-file-diff:${path}`;
+    set((state) => ({
+      tabs: upsertTab(state.tabs, {
+        id,
+        type: "session-file-diff",
+        title: titleFromPath(path),
+        path,
+        operations,
+        selectedOperationIndex: Math.max(0, operations.length - 1)
+      }),
+      activeTabId: id
+    }));
+  },
+  openFileTab: (path) => {
+    const id = `file:${path}`;
+    set((state) => ({
+      tabs: upsertTab(state.tabs, {
+        id,
+        type: "file",
+        title: titleFromPath(path),
+        path
+      }),
+      activeTabId: id
+    }));
+  },
+  openSkillFileTab: (skill, file) => {
+    const displayFile = file ?? "SKILL.md";
+    const id = `skill-file:${skill}:${displayFile}`;
+    set((state) => ({
+      tabs: upsertTab(state.tabs, {
+        id,
+        type: "skill-file",
+        title: titleFromPath(displayFile),
+        skill,
+        file
+      }),
+      activeTabId: id
+    }));
+  },
+  setActiveTab: (id) => set({ activeTabId: id }),
+  closeTab: (id) => set((state) => {
+    const closingIndex = state.tabs.findIndex((tab) => tab.id === id);
+    const tabs = state.tabs.filter((tab) => tab.id !== id);
+    let activeTabId = state.activeTabId;
+    if (state.activeTabId === id) {
+      activeTabId = tabs[closingIndex]?.id ?? tabs[closingIndex - 1]?.id ?? null;
+    }
+    return { tabs, activeTabId };
+  }),
+  updateSessionFileOperationIndex: (id, index) => set((state) => ({
+    tabs: state.tabs.map((tab) => tab.id === id && tab.type === "session-file-diff" ? { ...tab, selectedOperationIndex: index } : tab)
+  })),
+  closeAllTabs: () => set({ tabs: [], activeTabId: null })
+}));
+
+// src/stores/skillsStore.ts
+var useSkillsStore = create2((set, get) => ({
   isExpanded: false,
   skills: [],
   globalEnabled: true,
@@ -59,12 +147,18 @@ var useSkillsStore = create((set) => ({
   setSkills: (skills) => set({ skills }),
   setSkillsConfig: ({ skills, globalEnabled, totalCount, enabledCount }) => set({ skills, globalEnabled, totalCount, enabledCount }),
   selectSkill: (name) => set({ selectedSkill: name, isViewerOpen: false, viewingFile: null }),
-  openViewer: (file) => set({ isViewerOpen: true, viewingFile: file }),
+  openViewer: (file) => {
+    const selectedSkill = get().selectedSkill;
+    if (selectedSkill) {
+      useViewerTabsStore.getState().openSkillFileTab(selectedSkill, file);
+    }
+    set({ isViewerOpen: true, viewingFile: file });
+  },
   closeViewer: () => set({ isViewerOpen: false, viewingFile: null })
 }));
 
 // src/stores/mcpStore.ts
-var useMCPStore = create2((set) => ({
+var useMCPStore = create3((set) => ({
   isExpanded: false,
   servers: [],
   loading: new Set,
@@ -120,7 +214,22 @@ var useMCPStore = create2((set) => ({
 }));
 
 // src/stores/fileBrowserStore.ts
-var useFileBrowserStore = create3((set) => ({
+function getAncestorDirs(path) {
+  const normalizedPath = path.replace(/\\/g, "/").replace(/^\.\//, "");
+  const parts = normalizedPath.split("/").filter(Boolean);
+  return parts.slice(0, -1).map((_, index) => parts.slice(0, index + 1).join("/"));
+}
+function revealFileState(state, path) {
+  const expandedDirs = new Set(state.expandedDirs);
+  for (const dir of getAncestorDirs(path)) {
+    expandedDirs.add(dir);
+  }
+  return {
+    selectedFile: path,
+    expandedDirs
+  };
+}
+var useFileBrowserStore = create4((set) => ({
   isExpanded: false,
   selectedFile: null,
   isViewerOpen: false,
@@ -155,10 +264,14 @@ var useFileBrowserStore = create3((set) => ({
     isViewerOpen: false,
     selectedFile: null
   }),
-  openFile: (path) => set({
-    selectedFile: path,
-    isViewerOpen: true
-  }),
+  openFile: (path) => {
+    useViewerTabsStore.getState().openFileTab(path);
+    set((state) => ({
+      ...revealFileState(state, path),
+      isViewerOpen: true
+    }));
+  },
+  revealFile: (path) => set((state) => revealFileState(state, path)),
   closeViewer: () => set({
     isViewerOpen: false,
     selectedFile: null
@@ -175,7 +288,7 @@ var useFileBrowserStore = create3((set) => ({
 }));
 
 // src/stores/tunnelStore.ts
-var useTunnelStore = create4((set) => ({
+var useTunnelStore = create5((set) => ({
   isExpanded: false,
   status: "idle",
   url: null,
@@ -223,7 +336,7 @@ var useTunnelStore = create4((set) => ({
 }));
 
 // src/stores/settingsStore.ts
-var useSettingsStore = create5((set) => ({
+var useSettingsStore = create6((set) => ({
   isExpanded: false,
   toggleSidebar: () => {
     set((state) => {
@@ -245,7 +358,7 @@ var useSettingsStore = create5((set) => ({
 }));
 
 // src/stores/researchStore.ts
-var useResearchStore = create6((set, get) => ({
+var useResearchStore = create7((set, get) => ({
   isExpanded: false,
   activeResearchSessionId: null,
   parentSessionId: null,
@@ -292,7 +405,7 @@ var useResearchStore = create6((set, get) => ({
 }));
 
 // src/stores/sessionFilesStore.ts
-var useSessionFilesStore = create7((set) => ({
+var useSessionFilesStore = create8((set) => ({
   isExpanded: false,
   selectedFile: null,
   allOperations: [],
@@ -330,13 +443,16 @@ var useSessionFilesStore = create7((set) => ({
     allOperations: [],
     selectedOperationIndex: 0
   }),
-  openDiff: (file, operations) => set({
-    selectedFile: file,
-    allOperations: operations,
-    selectedOperationIndex: operations.length - 1,
-    isDiffOpen: true,
-    isExpanded: true
-  }),
+  openDiff: (file, operations) => {
+    useViewerTabsStore.getState().openSessionFileDiffTab(file, operations);
+    set({
+      selectedFile: file,
+      allOperations: operations,
+      selectedOperationIndex: operations.length - 1,
+      isDiffOpen: true,
+      isExpanded: true
+    });
+  },
   selectOperation: (index) => set({ selectedOperationIndex: index }),
   closeDiff: () => set({
     isDiffOpen: false,
@@ -347,7 +463,7 @@ var useSessionFilesStore = create7((set) => ({
 }));
 
 // src/stores/gitStore.ts
-var useGitStore = create8((set) => ({
+var useGitStore = create9((set) => ({
   isExpanded: false,
   activeSessionId: null,
   selectedFile: null,
@@ -373,12 +489,15 @@ var useGitStore = create8((set) => ({
   },
   expandSidebar: () => set({ isExpanded: true }),
   collapseSidebar: () => set({ isExpanded: false, isDiffOpen: false, selectedFile: null }),
-  openDiff: (file, staged) => set({
-    selectedFile: file,
-    selectedFileStaged: staged,
-    isDiffOpen: true,
-    isExpanded: true
-  }),
+  openDiff: (file, staged) => {
+    useViewerTabsStore.getState().openGitDiffTab(file, staged);
+    set({
+      selectedFile: file,
+      selectedFileStaged: staged,
+      isDiffOpen: true,
+      isExpanded: true
+    });
+  },
   closeDiff: () => set({
     isDiffOpen: false,
     selectedFile: null
@@ -397,9 +516,9 @@ var useGitStore = create8((set) => ({
   setSessionListCollapsed: (collapsed) => set({ wasSessionListCollapsed: collapsed })
 }));
 // src/stores/sidebarStore.ts
-import { create as create9 } from "zustand";
+import { create as create10 } from "zustand";
 import { persist } from "zustand/middleware";
-var useSidebarStore = create9()(persist((set) => ({
+var useSidebarStore = create10()(persist((set) => ({
   isCollapsed: false,
   toggleCollapse: () => set((state) => ({ isCollapsed: !state.isCollapsed })),
   setCollapsed: (collapsed) => set({ isCollapsed: collapsed })
@@ -407,8 +526,8 @@ var useSidebarStore = create9()(persist((set) => ({
   name: "sidebar-storage"
 }));
 // src/stores/focusStore.ts
-import { create as create10 } from "zustand";
-var useFocusStore = create10((set) => ({
+import { create as create11 } from "zustand";
+var useFocusStore = create11((set) => ({
   currentFocus: null,
   sessionIndex: 0,
   gitFileIndex: 0,
@@ -419,8 +538,8 @@ var useFocusStore = create10((set) => ({
   resetSessionIndex: () => set({ sessionIndex: 0 })
 }));
 // src/stores/confirmationStore.ts
-import { create as create11 } from "zustand";
-var useConfirmationStore = create11((set) => ({
+import { create as create12 } from "zustand";
+var useConfirmationStore = create12((set) => ({
   isOpen: false,
   title: "Confirm Action",
   message: "",
@@ -446,8 +565,8 @@ var useConfirmationStore = create11((set) => ({
   })
 }));
 // src/stores/queueStore.ts
-import { create as create12 } from "zustand";
-var useQueueStore = create12((set, get) => ({
+import { create as create13 } from "zustand";
+var useQueueStore = create13((set, get) => ({
   pendingRestoreText: null,
   setPendingRestoreText: (text) => set({ pendingRestoreText: text }),
   consumeRestoreText: () => {
@@ -457,8 +576,8 @@ var useQueueStore = create12((set, get) => ({
   }
 }));
 // src/stores/pendingResearchStore.ts
-import { create as create13 } from "zustand";
-var usePendingResearchStore = create13((set, get) => ({
+import { create as create14 } from "zustand";
+var usePendingResearchStore = create14((set, get) => ({
   pendingContexts: new Map,
   addContext: (parentSessionId, context) => {
     set((state) => {
@@ -495,9 +614,9 @@ var usePendingResearchStore = create13((set, get) => ({
   }
 }));
 // src/stores/toastStore.ts
-import { create as create14 } from "zustand";
+import { create as create15 } from "zustand";
 var toastId = 0;
-var useToastStore = create14((set) => ({
+var useToastStore = create15((set) => ({
   toasts: [],
   addToast: (toast) => {
     const id = `toast-${++toastId}`;
@@ -542,8 +661,8 @@ toast.successWithAction = (message, action, duration = 6000) => {
   return id;
 };
 // src/stores/ottorouterStore.ts
-import { create as create15 } from "zustand";
-var useOttoRouterStore = create15((set) => ({
+import { create as create16 } from "zustand";
+var useOttoRouterStore = create16((set) => ({
   balance: null,
   usdcBalance: null,
   network: "mainnet",
@@ -571,8 +690,8 @@ var useOttoRouterStore = create15((set) => ({
   setLimits: (limits) => set({ limits })
 }));
 // src/stores/toolApprovalStore.ts
-import { create as create16 } from "zustand";
-var useToolApprovalStore = create16((set) => ({
+import { create as create17 } from "zustand";
+var useToolApprovalStore = create17((set) => ({
   pendingApprovals: [],
   addPendingApproval: (approval) => set((state) => ({
     pendingApprovals: [...state.pendingApprovals, approval]
@@ -587,8 +706,8 @@ var useToolApprovalStore = create16((set) => ({
   setPendingApprovals: (approvals) => set({ pendingApprovals: approvals })
 }));
 // src/stores/topupApprovalStore.ts
-import { create as create17 } from "zustand";
-var useTopupApprovalStore = create17((set) => ({
+import { create as create18 } from "zustand";
+var useTopupApprovalStore = create18((set) => ({
   pendingTopup: null,
   isProcessing: false,
   selectedMethod: null,
@@ -597,10 +716,30 @@ var useTopupApprovalStore = create17((set) => ({
   setSelectedMethod: (selectedMethod) => set({ selectedMethod }),
   clearPendingTopup: () => set({ pendingTopup: null, isProcessing: false, selectedMethod: null })
 }));
+// src/stores/todoStore.ts
+import { create as create19 } from "zustand";
+var useTodoStore = create19((set) => ({
+  todosBySession: {},
+  setSessionTodos: (sessionId, snapshot) => set((state) => ({
+    todosBySession: {
+      ...state.todosBySession,
+      [sessionId]: snapshot ? {
+        ...snapshot,
+        updatedAt: Date.now()
+      } : undefined
+    }
+  })),
+  clearSessionTodos: (sessionId) => set((state) => ({
+    todosBySession: {
+      ...state.todosBySession,
+      [sessionId]: undefined
+    }
+  }))
+}));
 // src/stores/onboardingStore.ts
-import { create as create18 } from "zustand";
+import { create as create20 } from "zustand";
 var STEPS = ["wallet", "defaults"];
-var useOnboardingStore = create18((set, get) => ({
+var useOnboardingStore = create20((set, get) => ({
   isOpen: false,
   currentStep: "wallet",
   manageMode: false,
@@ -636,9 +775,9 @@ var useOnboardingStore = create18((set, get) => ({
   })
 }));
 // src/stores/panelWidthStore.ts
-import { create as create19 } from "zustand";
+import { create as create21 } from "zustand";
 import { persist as persist2 } from "zustand/middleware";
-var usePanelWidthStore = create19()(persist2((set, get) => ({
+var usePanelWidthStore = create21()(persist2((set, get) => ({
   widths: {},
   setWidth: (key, width) => set((state) => ({
     widths: { ...state.widths, [key]: width }
@@ -648,8 +787,8 @@ var usePanelWidthStore = create19()(persist2((set, get) => ({
   name: "panel-widths"
 }));
 // src/stores/usageStore.ts
-import { create as create20 } from "zustand";
-var useUsageStore = create20((set) => ({
+import { create as create22 } from "zustand";
+var useUsageStore = create22((set) => ({
   usage: {},
   isLoading: {},
   lastFetched: {},
@@ -662,18 +801,20 @@ var useUsageStore = create20((set) => ({
   closeModal: () => set({ isModalOpen: false, modalProvider: null })
 }));
 // src/stores/filePickerStore.ts
-import { create as create21 } from "zustand";
-var useFilePickerStore = create21((set) => ({
+import { create as create23 } from "zustand";
+var useFilePickerStore = create23((set) => ({
   isOpen: false,
   open: () => set({ isOpen: true }),
   close: () => set({ isOpen: false }),
   toggle: () => set((state) => ({ isOpen: !state.isOpen }))
 }));
 export {
+  useViewerTabsStore,
   useUsageStore,
   useTunnelStore,
   useTopupApprovalStore,
   useToolApprovalStore,
+  useTodoStore,
   useToastStore,
   useSkillsStore,
   useSidebarStore,
@@ -694,4 +835,4 @@ export {
   toast
 };
 
-//# debugId=6B9694B684F7078B64756E2164756E21
+//# debugId=823DA055B05D9CB464756E2164756E21