@ottocode/web-sdk 0.1.290 → 0.1.291

package/dist/components/chat/ChatInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,OAAO,CAAC;AAsCzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAkChE,UAAU,cAAc;IACvB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxD,uBAAuB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,SAAS;WAEX,MAAM,IAAI;cAAY,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;GA0iCvD,CAAC"}
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/components/chat/ChatInput.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,OAAO,CAAC;AAsCzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAsChE,UAAU,cAAc;IACvB,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxD,uBAAuB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,SAAS;WAEX,MAAM,IAAI;cAAY,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;GAojCvD,CAAC"}

package/dist/components/index.js

@@ -3138,12 +3138,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 +6722,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 +6883,7 @@ var ChatInput = memo7(forwardRef5(function ChatInput2({
   ]);
   const { status: dictationStatus } = useDictationModels();
   const voiceBaseTextRef = useRef7("");
+  const shouldFocusAfterDictationRef = useRef7(false);
   const {
     isListening,
     isTranscribing,
@@ -6902,9 +6903,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 +7047,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();
@@ -30293,18 +30303,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 +31178,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 +34014,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 +34068,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"
-                  })
-                })
               })
             ]
           })
@@ -37512,4 +37531,4 @@ export {
   AssistantMessageGroup
 };
 
-//# debugId=EAA206C5BB2CCB2564756E2164756E21
+//# debugId=08169E127AA52CE964756E2164756E21