@ottocode/web-sdk 0.1.287 → 0.1.288

package/dist/components/messages/renderers/LoadToolsRenderer.d.ts

@@ -0,0 +1,3 @@
+import type { GenericRendererProps } from './types';
+export declare function LoadToolsRenderer({ contentJson, toolDurationMs, isExpanded, onToggle, compact, }: GenericRendererProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadToolsRenderer.d.ts.map

package/dist/components/messages/renderers/LoadToolsRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadToolsRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/renderers/LoadToolsRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAUpD,wBAAgB,iBAAiB,CAAC,EACjC,WAAW,EACX,cAAc,EACd,UAAU,EACV,QAAQ,EACR,OAAO,GACP,EAAE,oBAAoB,2CA0EtB"}

package/dist/components/messages/renderers/SimulatorRenderer.d.ts

@@ -0,0 +1,3 @@
+import type { GenericRendererProps } from './types';
+export declare function SimulatorRenderer({ contentJson, toolDurationMs, isExpanded, onToggle, compact, }: GenericRendererProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SimulatorRenderer.d.ts.map

package/dist/components/messages/renderers/SimulatorRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimulatorRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/renderers/SimulatorRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA2CpD,wBAAgB,iBAAiB,CAAC,EACjC,WAAW,EACX,cAAc,EACd,UAAU,EACV,QAAQ,EACR,OAAO,GACP,EAAE,oBAAoB,2CAiJtB"}

package/dist/components/messages/renderers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/renderers/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA0B3C,UAAU,uBAAuB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AA4DD,wBAAgB,kBAAkB,CAAC,EAClC,QAAQ,EACR,WAAW,EACX,cAAc,EACd,KAAK,EACL,mBAAmB,EACnB,OAAO,EACP,SAAS,EACT,OAAO,EACP,SAAS,GACT,EAAE,uBAAuB,2CA+FzB;AAED,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/renderers/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA4B3C,UAAU,uBAAuB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AA8DD,wBAAgB,kBAAkB,CAAC,EAClC,QAAQ,EACR,WAAW,EACX,cAAc,EACd,KAAK,EACL,mBAAmB,EACnB,OAAO,EACP,SAAS,EACT,OAAO,EACP,SAAS,GACT,EAAE,uBAAuB,2CAmGzB;AAED,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/workspace/ViewerTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewerTabs.d.ts","sourceRoot":"","sources":["../../../src/components/workspace/ViewerTabs.tsx"],"names":[],"mappings":"AA8aA,eAAO,MAAM,UAAU,8CAgGrB,CAAC"}
+{"version":3,"file":"ViewerTabs.d.ts","sourceRoot":"","sources":["../../../src/components/workspace/ViewerTabs.tsx"],"names":[],"mappings":"AAiPA,eAAO,MAAM,UAAU,8CAwKrB,CAAC"}

package/dist/hooks/index.js

@@ -1346,6 +1346,25 @@ function viewerPathsMatch(left, right) {
 function fileTabId(path) {
   return `file:${normalizeViewerPath(path)}`;
 }
+function browserTabId(kind) {
+  return `browser:${kind}`;
+}
+function newBrowserTabId() {
+  return `browser:browser:${Date.now()}:${Math.random().toString(36).slice(2)}`;
+}
+function modeForTab(tab) {
+  return tab.type === "browser" ? "preview" : "work";
+}
+function findFallbackTabId(tabs, mode, closingIndex) {
+  const next = tabs.slice(closingIndex).find((tab) => modeForTab(tab) === mode);
+  if (next)
+    return next.id;
+  const previous = [...tabs].slice(0, closingIndex).reverse().find((tab) => modeForTab(tab) === mode);
+  return previous?.id ?? null;
+}
+function activeIdForWorkUpdate(state, targetId) {
+  return state.activeMode === "preview" && state.activePreviewTabId ? state.activePreviewTabId : targetId;
+}
 function upsertTab(tabs, tab) {
   const existingIndex = tabs.findIndex((item) => item.id === tab.id);
   if (existingIndex === -1) {
@@ -1425,9 +1444,19 @@ function upsertAnnotation(annotations, annotation) {
 var useViewerTabsStore = create((set) => ({
   tabs: [],
   activeTabId: null,
+  activeMode: "work",
+  activeWorkTabId: null,
+  activePreviewTabId: null,
   followToolActivity: false,
   toggleFollowToolActivity: () => set((state) => ({ followToolActivity: !state.followToolActivity })),
   setFollowToolActivity: (enabled) => set({ followToolActivity: enabled }),
+  setViewerMode: (mode) => set((state) => {
+    const activeTabId = mode === "preview" ? state.activePreviewTabId : state.activeWorkTabId;
+    return {
+      activeMode: mode,
+      activeTabId: activeTabId ?? null
+    };
+  }),
   openGitDiffTab: (path, staged) => {
     const id = `git-diff:${staged ? "staged" : "unstaged"}:${path}`;
     set((state) => ({
@@ -1438,6 +1467,8 @@ var useViewerTabsStore = create((set) => ({
         path,
         staged
       }),
+      activeMode: "work",
+      activeWorkTabId: id,
       activeTabId: id
     }));
   },
@@ -1452,6 +1483,8 @@ var useViewerTabsStore = create((set) => ({
         operations,
         selectedOperationIndex: Math.max(0, operations.length - 1)
       }),
+      activeMode: "work",
+      activeWorkTabId: id,
       activeTabId: id
     }));
   },
@@ -1474,6 +1507,8 @@ var useViewerTabsStore = create((set) => ({
           patchPreview: existingFile?.patchPreview,
           writePreview: existingFile?.writePreview
         }),
+        activeMode: "work",
+        activeWorkTabId: targetId,
         activeTabId: targetId
       };
     });
@@ -1497,7 +1532,8 @@ var useViewerTabsStore = create((set) => ({
           patchPreview: undefined,
           writePreview: undefined
         }),
-        activeTabId: targetId
+        activeWorkTabId: targetId,
+        activeTabId: activeIdForWorkUpdate(state, targetId)
       };
     });
   },
@@ -1546,7 +1582,8 @@ var useViewerTabsStore = create((set) => ({
               error: preview.error ?? existingPatchPreview?.error
             }
           }),
-          activeTabId: targetId
+          activeWorkTabId: targetId,
+          activeTabId: activeIdForWorkUpdate(state, targetId)
         };
       }
       if (existingFile) {
@@ -1569,7 +1606,8 @@ var useViewerTabsStore = create((set) => ({
               error: preview.error ?? existingWritePreview?.error
             }
           }),
-          activeTabId: targetId
+          activeWorkTabId: targetId,
+          activeTabId: activeIdForWorkUpdate(state, targetId)
         };
       }
       const existingWrite = existing?.toolName === "write" ? existing : undefined;
@@ -1593,7 +1631,8 @@ var useViewerTabsStore = create((set) => ({
             error: preview.error ?? existingWrite?.error
           }
         }),
-        activeTabId: id
+        activeWorkTabId: id,
+        activeTabId: activeIdForWorkUpdate(state, id)
       };
     });
   },
@@ -1608,23 +1647,89 @@ var useViewerTabsStore = create((set) => ({
         skill,
         file
       }),
+      activeMode: "work",
+      activeWorkTabId: id,
       activeTabId: id
     }));
   },
-  setActiveTab: (id) => set({ activeTabId: id }),
+  openBrowserTab: (url = "", options = {}) => {
+    const kind = options.kind ?? "browser";
+    set((state) => {
+      const shouldCreate = kind === "browser" && options.newTab === true;
+      const id = shouldCreate ? newBrowserTabId() : browserTabId(kind);
+      const existing = state.tabs.find((tab) => !shouldCreate && tab.type === "browser" && tab.id === id);
+      return {
+        tabs: upsertTab(state.tabs, {
+          id,
+          type: "browser",
+          title: options.title ?? existing?.title ?? "Browser",
+          url: url || existing?.url || "",
+          kind,
+          reloadKey: existing?.reloadKey ?? 0
+        }),
+        activeMode: "preview",
+        activePreviewTabId: id,
+        activeTabId: id
+      };
+    });
+  },
+  updateBrowserTabUrl: (id, url) => set((state) => ({
+    tabs: state.tabs.map((tab) => tab.id === id && tab.type === "browser" ? {
+      ...tab,
+      url,
+      title: tab.kind === "simulator" ? "Simulator" : "Browser"
+    } : tab)
+  })),
+  reloadBrowserTab: (id) => set((state) => ({
+    tabs: state.tabs.map((tab) => tab.id === id && tab.type === "browser" ? { ...tab, reloadKey: tab.reloadKey + 1 } : tab)
+  })),
+  setActiveTab: (id) => set((state) => {
+    const tab = state.tabs.find((item) => item.id === id);
+    const mode = tab ? modeForTab(tab) : state.activeMode;
+    return {
+      activeMode: mode,
+      activeWorkTabId: mode === "work" ? id : state.activeWorkTabId,
+      activePreviewTabId: mode === "preview" ? id : state.activePreviewTabId,
+      activeTabId: id
+    };
+  }),
   closeTab: (id) => set((state) => {
     const closingIndex = state.tabs.findIndex((tab) => tab.id === id);
+    const closingTab = state.tabs[closingIndex];
     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;
+    let activeMode = state.activeMode;
+    let activeWorkTabId = state.activeWorkTabId;
+    let activePreviewTabId = state.activePreviewTabId;
+    if (closingTab && modeForTab(closingTab) === "work" && activeWorkTabId === id) {
+      activeWorkTabId = findFallbackTabId(tabs, "work", closingIndex);
+    }
+    if (closingTab && modeForTab(closingTab) === "preview" && activePreviewTabId === id) {
+      activePreviewTabId = findFallbackTabId(tabs, "preview", closingIndex);
     }
-    return { tabs, activeTabId };
+    if (activeMode === "work" && !activeWorkTabId && activePreviewTabId) {
+      activeMode = "preview";
+    }
+    if (activeMode === "preview" && !activePreviewTabId && activeWorkTabId) {
+      activeMode = "work";
+    }
+    return {
+      tabs,
+      activeMode,
+      activeWorkTabId,
+      activePreviewTabId,
+      activeTabId: activeMode === "preview" ? activePreviewTabId : activeWorkTabId
+    };
   }),
   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 })
+  closeAllTabs: () => set({
+    tabs: [],
+    activeTabId: null,
+    activeMode: "work",
+    activeWorkTabId: null,
+    activePreviewTabId: null
+  })
 }));
 
 // src/stores/skillsStore.ts
@@ -2674,6 +2779,7 @@ function useSessionStream(sessionId, enabled = true) {
       return typeof payload?.toolName === "string" ? payload.toolName : null;
     };
     const getToolEventArgs = (payload) => payload?.args ?? payload?.input;
+    const getToolEventResult = (payload) => payload?.result ?? payload?.output;
     const getToolBufferKey = (payload) => {
       const callId = getToolEventCallId(payload);
       if (callId)
@@ -3114,6 +3220,30 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
         });
       }
     };
+    const handleSimulatorToolActivity = (eventType, payload) => {
+      if (eventType !== "tool.result")
+        return;
+      const result = getToolEventResult(payload);
+      if (!result || typeof result !== "object" || Array.isArray(result))
+        return;
+      const resultRecord = result;
+      const firstStream = Array.isArray(resultRecord.streams) ? resultRecord.streams[0] : undefined;
+      const stream = resultRecord.stream ?? firstStream;
+      const previewUrl = resultRecord.previewUrl;
+      if (typeof previewUrl === "string" && previewUrl.trim()) {
+        useViewerTabsStore.getState().openBrowserTab(previewUrl, {
+          kind: "simulator",
+          title: "Simulator"
+        });
+        return;
+      }
+      if (!stream || typeof stream !== "object" || Array.isArray(stream))
+        return;
+      useViewerTabsStore.getState().openBrowserTab("http://localhost:3200", {
+        kind: "simulator",
+        title: "Simulator"
+      });
+    };
     const handleToolActivityViewerEvent = (eventType, payload, delta) => {
       const name = getToolEventName(payload);
       if (name === "read")
@@ -3123,6 +3253,9 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
       if (name === "apply_patch") {
         handleApplyPatchToolActivity(eventType, payload, delta);
       }
+      if (name === "simulator") {
+        handleSimulatorToolActivity(eventType, payload);
+      }
     };
     const getToolInputDelta = (payload) => {
       if (typeof payload?.delta === "string")
@@ -6864,4 +6997,4 @@ export {
   normalizeQueueState
 };
 
-//# debugId=3A3CE5241D63364B64756E2164756E21
+//# debugId=C8B7C4D04F69D1E164756E2164756E21