@ottocode/web-sdk 0.1.290 → 0.1.292

package/dist/hooks/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAM9B,wBAAgB,QAAQ;;0BAqBV,KAAK;;EAclB;AAED,YAAY,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAM9B,wBAAgB,QAAQ;;0BA6BV,KAAK;;EAwBlB;AAED,YAAY,EAAE,KAAK,EAAE,CAAC"}

package/dist/index.js

@@ -1372,6 +1372,8 @@ function normalizeApiBaseUrl(value) {
 function getStoredApiBaseUrl() {
   if (typeof window === "undefined")
     return;
+  if (isPlatformDesktop())
+    return;
   try {
     return window.localStorage.getItem(RUNTIME_API_BASE_URL_STORAGE_KEY) ?? undefined;
   } catch {
@@ -1403,9 +1405,11 @@ function setRuntimeApiBaseUrl(value) {
   if (typeof window !== "undefined") {
     const win = window;
     win.OTTO_SERVER_URL = baseUrl;
-    try {
-      window.localStorage.setItem(RUNTIME_API_BASE_URL_STORAGE_KEY, baseUrl);
-    } catch {}
+    if (!isPlatformDesktop()) {
+      try {
+        window.localStorage.setItem(RUNTIME_API_BASE_URL_STORAGE_KEY, baseUrl);
+      } catch {}
+    }
   }
   return baseUrl;
 }
@@ -3138,12 +3142,12 @@ var SHORTCUTS = [
     category: "Chat"
   },
   {
-    keys: ["Fn", "hold"],
+    keys: ["Globe", "hold"],
     description: "Record voice while held",
     category: "Chat"
   },
   {
-    keys: ["Fn", "Fn"],
+    keys: ["Globe", "Globe"],
     description: "Toggle hands-free voice recording",
     category: "Chat"
   },
@@ -6722,8 +6726,8 @@ var DictationInstallPrompt = memo6(function DictationInstallPrompt2({
 // src/components/chat/ChatInput.tsx
 import { jsx as jsx22, jsxs as jsxs15, Fragment as Fragment4 } from "react/jsx-runtime";
 var VOICE_SHORTCUT_DOUBLE_PRESS_WINDOW_MS = 280;
-function isFunctionKeyEvent(event) {
-  return event.key === "Fn" || event.key === "Function" || event.code === "Fn" || event.code === "Function";
+function isGlobeKeyEvent(event) {
+  return event.key === "Globe" || event.key === "Fn" || event.key === "Function" || event.code === "Globe" || event.code === "Fn" || event.code === "Function" || event.keyCode === 63 || event.which === 63;
 }
 function isWebVoiceShortcutDown(event) {
   return event.code === "Space" && (event.ctrlKey || event.altKey);
@@ -6883,6 +6887,7 @@ var ChatInput = memo7(forwardRef5(function ChatInput2({
   ]);
   const { status: dictationStatus } = useDictationModels();
   const voiceBaseTextRef = useRef7("");
+  const shouldFocusAfterDictationRef = useRef7(false);
   const {
     isListening,
     isTranscribing,
@@ -6902,9 +6907,18 @@ var ChatInput = memo7(forwardRef5(function ChatInput2({
         return;
       }
       setMessage(nextMessage);
+      if (isFinal) {
+        shouldFocusAfterDictationRef.current = true;
+      }
     }
   });
   const isVoiceActive = isListening || isTranscribing;
+  useEffect14(() => {
+    if (isVoiceActive || !shouldFocusAfterDictationRef.current)
+      return;
+    shouldFocusAfterDictationRef.current = false;
+    textareaRef.current?.focus({ preventScroll: true });
+  }, [isVoiceActive]);
   const defaultDictationModel = dictationStatus?.models.find((model) => model.id === dictationStatus.defaultModel);
   const handleStartVoice = useCallback13(() => {
     setVoiceShortcutMode(null);
@@ -7037,19 +7051,19 @@ var ChatInput = memo7(forwardRef5(function ChatInput2({
       fnStopRequestedRef.current = true;
     };
     const handleKeyDown2 = (event) => {
-      const isFnShortcut = isFunctionKeyEvent(event);
+      const isGlobeShortcut = isGlobeKeyEvent(event);
       const isWebShortcut = isWebVoiceShortcutDown(event);
-      if (!isFnShortcut && !isWebShortcut)
+      if (!isGlobeShortcut && !isWebShortcut)
         return;
       event.preventDefault();
       event.stopPropagation();
       if (event.repeat)
         return;
-      startShortcutPress(isFnShortcut ? "fn" : "web");
+      startShortcutPress(isGlobeShortcut ? "fn" : "web");
     };
     const handleKeyUp = (event) => {
       const shortcutKind = voiceShortcutKindRef.current;
-      const isCurrentShortcut = shortcutKind === "fn" && isFunctionKeyEvent(event) || shortcutKind === "web" && isWebVoiceShortcutUp(event);
+      const isCurrentShortcut = shortcutKind === "fn" && isGlobeKeyEvent(event) || shortcutKind === "web" && isWebVoiceShortcutUp(event);
       if (!isCurrentShortcut)
         return;
       event.preventDefault();
@@ -12980,9 +12994,10 @@ function DebugRenderer({
 import { jsx as jsx55, jsxs as jsxs46 } from "react/jsx-runtime";
 function ProgressUpdateRenderer({ contentJson }) {
   const result = contentJson.result || {};
-  const message = String(result.message || "Processing...");
-  const stage = result.stage ? String(result.stage) : undefined;
-  const pct = result.pct ? Number(result.pct) : undefined;
+  const args = contentJson.args || {};
+  const message = String(result.message || args.message || "Processing...");
+  const stage = result.stage ? String(result.stage) : args.stage ? String(args.stage) : undefined;
+  const pct = result.pct ? Number(result.pct) : args.pct ? Number(args.pct) : undefined;
   return /* @__PURE__ */ jsxs46("div", {
     className: "flex min-h-5 items-start gap-2 text-sm leading-5 text-violet-700 dark:text-violet-300 animate-pulse",
     children: [
@@ -19320,28 +19335,55 @@ function parseToolResultContent(part) {
 function isTodoStatus(status) {
   return status === "pending" || status === "in_progress" || status === "completed" || status === "cancelled";
 }
-function getTodoToolName(part, content) {
-  const name = part.toolName ?? content?.name;
-  return typeof name === "string" ? name : null;
+function asRecord(value) {
+  return value && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
-function parseTodoSnapshot(content) {
-  const rawResult = content.result;
-  const result = rawResult && typeof rawResult === "object" && !Array.isArray(rawResult) ? rawResult : content;
-  const rawItems = result.items;
+function normalizeTodoItems(rawItems) {
   if (!Array.isArray(rawItems))
     return null;
   const items = rawItems.flatMap((item) => {
-    if (!item || typeof item !== "object" || Array.isArray(item)) {
-      return [];
+    if (typeof item === "string") {
+      const step2 = item.trim();
+      return step2 ? [{ step: step2, status: "pending" }] : [];
     }
-    const record = item;
-    if (typeof record.step !== "string" || !isTodoStatus(record.status)) {
+    const record = asRecord(item);
+    if (!record)
       return [];
-    }
-    return [{ step: record.step, status: record.status }];
+    const rawStep = typeof record.step === "string" ? record.step : typeof record.description === "string" ? record.description : "";
+    const step = rawStep.trim();
+    if (!step)
+      return [];
+    return [
+      {
+        step,
+        status: isTodoStatus(record.status) ? record.status : "pending"
+      }
+    ];
   });
-  const note = typeof result.note === "string" ? result.note : undefined;
-  return { items, note };
+  return items.length > 0 ? items : null;
+}
+function getTodoToolName(part, content) {
+  const name = part.toolName ?? content?.name;
+  return typeof name === "string" ? name : null;
+}
+function parseTodoSnapshot(content) {
+  const result = asRecord(content.result) ?? content;
+  const args = asRecord(content.args);
+  const sources = [
+    { rawItems: result.items, note: result.note },
+    { rawItems: content.items, note: content.note },
+    { rawItems: args?.todos, note: args?.note }
+  ];
+  for (const source of sources) {
+    const items = normalizeTodoItems(source.rawItems);
+    if (items) {
+      return {
+        items,
+        note: typeof source.note === "string" ? source.note : undefined
+      };
+    }
+  }
+  return null;
 }
 function isTodoSnapshotDone(snapshot) {
   return snapshot.items.length > 0 && snapshot.items.every((item) => item.status === "completed" || item.status === "cancelled");
@@ -30293,18 +30335,22 @@ var ToggleSwitch = memo41(function ToggleSwitch2({
     role: "switch",
     "aria-checked": checked,
     disabled: disabled || loading,
+    onPointerDown: (event) => event.stopPropagation(),
     onClick: (event) => {
       event.stopPropagation();
       onChange();
     },
-    className: `relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full transition-colors duration-200 focus-visible:outline-none disabled:opacity-50 disabled:cursor-not-allowed ${checked ? "bg-green-500" : "bg-muted-foreground/30"}`,
+    className: "relative -m-2 inline-flex h-9 w-[52px] flex-shrink-0 items-center justify-center rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
     children: /* @__PURE__ */ jsx114("span", {
-      className: `inline-block h-3.5 w-3.5 rounded-full transition-transform duration-200 ${checked ? "translate-x-[18px]" : "translate-x-[3px]"} ${loading ? "bg-transparent" : "bg-white"}`,
-      children: loading ? /* @__PURE__ */ jsx114(StableSpinner, {
-        size: "sm",
-        className: "text-white",
-        title: "Updating"
-      }) : null
+      className: `relative inline-flex h-5 w-9 items-center rounded-full transition-colors duration-200 ${checked ? "bg-green-500" : "bg-muted-foreground/30"}`,
+      children: /* @__PURE__ */ jsx114("span", {
+        className: `inline-block h-3.5 w-3.5 rounded-full transition-transform duration-200 ${checked ? "translate-x-[18px]" : "translate-x-[3px]"} ${loading ? "bg-transparent" : "bg-white"}`,
+        children: loading ? /* @__PURE__ */ jsx114(StableSpinner, {
+          size: "sm",
+          className: "text-white",
+          title: "Updating"
+        }) : null
+      })
     })
   });
 });
@@ -31164,26 +31210,31 @@ var SkillsSidebar = memo44(function SkillsSidebar2() {
                     SCOPE_LABELS[scope] ?? scope
                   ]
                 }),
-                scopeSkills.map((skill) => /* @__PURE__ */ jsx117("button", {
-                  type: "button",
-                  onClick: () => selectSkill(skill.name),
-                  className: `w-full text-left px-3 py-2 hover:bg-accent transition-colors ${selectedSkill === skill.name ? "bg-accent" : ""}`,
+                scopeSkills.map((skill) => /* @__PURE__ */ jsx117("div", {
+                  className: `w-full px-3 py-2 hover:bg-accent transition-colors ${selectedSkill === skill.name ? "bg-accent" : ""}`,
                   children: /* @__PURE__ */ jsxs102("div", {
                     className: "flex items-start gap-2",
                     children: [
-                      /* @__PURE__ */ jsx117(FileText7, {
-                        className: "w-3.5 h-3.5 flex-shrink-0 text-muted-foreground"
-                      }),
-                      /* @__PURE__ */ jsxs102("div", {
-                        className: "min-w-0 flex-1",
+                      /* @__PURE__ */ jsxs102("button", {
+                        type: "button",
+                        onClick: () => selectSkill(skill.name),
+                        className: "flex min-w-0 flex-1 cursor-pointer items-start gap-2 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                         children: [
-                          /* @__PURE__ */ jsx117("div", {
-                            className: "text-sm font-medium truncate",
-                            children: skill.name
+                          /* @__PURE__ */ jsx117(FileText7, {
+                            className: "w-3.5 h-3.5 flex-shrink-0 text-muted-foreground"
                           }),
-                          /* @__PURE__ */ jsx117("div", {
-                            className: "text-xs text-muted-foreground truncate",
-                            children: skill.description
+                          /* @__PURE__ */ jsxs102("div", {
+                            className: "min-w-0 flex-1",
+                            children: [
+                              /* @__PURE__ */ jsx117("div", {
+                                className: "text-sm font-medium truncate",
+                                children: skill.name
+                              }),
+                              /* @__PURE__ */ jsx117("div", {
+                                className: "text-xs text-muted-foreground truncate",
+                                children: skill.description
+                              })
+                            ]
                           })
                         ]
                       }),
@@ -33995,6 +34046,19 @@ var ViewerTabs = memo52(function ViewerTabs2() {
               ]
             })
           }),
+          /* @__PURE__ */ jsx128("div", {
+            className: "h-12 w-12 shrink-0 border-r border-b border-sidebar-border bg-background flex items-stretch",
+            children: /* @__PURE__ */ jsx128("button", {
+              type: "button",
+              onClick: closeAllTabs,
+              title: "Close all tabs and collapse viewer",
+              "aria-label": "Close all tabs and collapse viewer",
+              className: "h-full w-full inline-flex items-center justify-center rounded-none text-muted-foreground/70 transition-colors hover:bg-destructive/10 hover:text-destructive active:translate-y-0 active:scale-100",
+              children: /* @__PURE__ */ jsx128(X24, {
+                className: "h-3.5 w-3.5"
+              })
+            })
+          }),
           /* @__PURE__ */ jsxs111("div", {
             className: "h-12 min-w-0 flex-1 flex overflow-x-auto overflow-y-hidden overscroll-x-contain scrollbar-hide",
             children: [
@@ -34036,19 +34100,6 @@ ${tabKindLabel(tab)}`,
               }),
               /* @__PURE__ */ jsx128("div", {
                 className: "min-w-8 flex-1 border-b border-sidebar-border bg-background"
-              }),
-              /* @__PURE__ */ jsx128("div", {
-                className: "h-12 shrink-0 border-b border-l border-sidebar-border bg-background flex items-center px-1.5",
-                children: /* @__PURE__ */ jsx128("button", {
-                  type: "button",
-                  onClick: closeAllTabs,
-                  title: "Close all tabs and collapse viewer",
-                  "aria-label": "Close all tabs and collapse viewer",
-                  className: "h-8 w-8 inline-flex items-center justify-center rounded-md text-muted-foreground/70 transition-colors hover:bg-destructive/10 hover:text-destructive",
-                  children: /* @__PURE__ */ jsx128(X24, {
-                    className: "h-3.5 w-3.5"
-                  })
-                })
               })
             ]
           })
@@ -37696,14 +37747,21 @@ function useClientEvents(activeSessionId) {
   return buildClientEventsStreamUrl({ baseUrl: getBaseUrl() });
 }
 // src/hooks/useTheme.ts
-import { useCallback as useCallback43, useEffect as useEffect68, useMemo as useMemo36 } from "react";
+import { useCallback as useCallback43, useEffect as useEffect68, useMemo as useMemo36, useState as useState59 } from "react";
 function normalizeTheme(theme) {
   return theme === "light" ? "light" : "dark";
 }
 function useTheme() {
   const { data: config2 } = useConfig();
   const updateDefaults = useUpdateDefaults();
-  const theme = normalizeTheme(config2?.defaults?.theme);
+  const configTheme = normalizeTheme(config2?.defaults?.theme);
+  const [optimisticTheme, setOptimisticTheme] = useState59(null);
+  const theme = optimisticTheme ?? configTheme;
+  useEffect68(() => {
+    if (optimisticTheme === configTheme) {
+      setOptimisticTheme(null);
+    }
+  }, [configTheme, optimisticTheme]);
   useEffect68(() => {
     if (typeof document === "undefined")
       return;
@@ -37718,7 +37776,12 @@ function useTheme() {
     }
   }, [theme]);
   const setTheme = useCallback43((nextTheme) => {
-    updateDefaults.mutate({ theme: nextTheme, scope: "global" });
+    setOptimisticTheme(nextTheme);
+    updateDefaults.mutate({ theme: nextTheme, scope: "global" }, {
+      onError: () => {
+        setOptimisticTheme((currentTheme) => currentTheme === nextTheme ? null : currentTheme);
+      }
+    });
   }, [updateDefaults]);
   const toggleTheme = useCallback43(() => {
     setTheme(theme === "dark" ? "light" : "dark");
@@ -37726,10 +37789,10 @@ function useTheme() {
   return useMemo36(() => ({ theme, setTheme, toggleTheme }), [theme, setTheme, toggleTheme]);
 }
 // src/hooks/useWorkingDirectory.ts
-import { useEffect as useEffect69, useState as useState59 } from "react";
+import { useEffect as useEffect69, useState as useState60 } from "react";
 import { getCwd } from "@ottocode/api";
 function useWorkingDirectory() {
-  const [dirName, setDirName] = useState59(null);
+  const [dirName, setDirName] = useState60(null);
   useEffect69(() => {
     const fetchWorkingDirectory = async () => {
       try {
@@ -38072,7 +38135,7 @@ function useKeyboardShortcuts({
 }
 // src/hooks/useImageUpload.ts
 import {
-  useState as useState60,
+  useState as useState61,
   useCallback as useCallback45,
   useEffect as useEffect71
 } from "react";
@@ -38102,9 +38165,9 @@ async function fileToPreview2(file) {
 }
 function useImageUpload(options = {}) {
   const { maxImages = 5, maxSizeMB = 5, pageWide = true } = options;
-  const [images, setImages] = useState60([]);
-  const [isDragging, setIsDragging] = useState60(false);
-  const [error, setError] = useState60(null);
+  const [images, setImages] = useState61([]);
+  const [isDragging, setIsDragging] = useState61(false);
+  const [error, setError] = useState61(null);
   const maxSizeBytes = maxSizeMB * 1024 * 1024;
   const validateFile = useCallback45((file) => {
     if (!SUPPORTED_TYPES.includes(file.type)) {
@@ -38641,4 +38704,4 @@ export {
   API_BASE_URL
 };
 
-//# debugId=E39841C869472F6964756E2164756E21
+//# debugId=EF889705B19F428E64756E2164756E21