@ottocode/web-sdk 0.1.251 → 0.1.253

package/dist/components/settings/SettingsSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/settings/SettingsSidebar.tsx"],"names":[],"mappings":"AA6QA,eAAO,MAAM,eAAe,8CAoR1B,CAAC"}
+{"version":3,"file":"SettingsSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/settings/SettingsSidebar.tsx"],"names":[],"mappings":"AA2pBA,eAAO,MAAM,eAAe,8CAmM1B,CAAC"}

package/dist/hooks/index.js

@@ -1002,10 +1002,29 @@ function useUpdateDefaults() {
 // src/hooks/usePreferences.ts
 import { useCallback, useMemo, useSyncExternalStore } from "react";
 var STORAGE_KEY = "otto-preferences";
+var DEFAULT_FONT_FAMILY = "IBM Plex Mono";
 var DEFAULT_STORED_PREFERENCES = {
   vimMode: false,
-  compactThread: true
+  compactThread: true,
+  fontFamily: DEFAULT_FONT_FAMILY
 };
+function cssFontFamily(fontFamily) {
+  const trimmed = fontFamily.trim();
+  if (!trimmed || trimmed === DEFAULT_FONT_FAMILY) {
+    return `"${DEFAULT_FONT_FAMILY}", monospace`;
+  }
+  return `"${trimmed.replaceAll('"', "\\\"")}", "${DEFAULT_FONT_FAMILY}", monospace`;
+}
+function applyFontFamily(fontFamily) {
+  if (typeof document === "undefined") {
+    return;
+  }
+  document.documentElement.style.setProperty("--otto-font-family", cssFontFamily(fontFamily));
+  document.documentElement.dataset.ottoFontFamily = fontFamily;
+  if (window.self !== window.top) {
+    window.parent.postMessage({ type: "otto-font-family-changed", fontFamily }, "*");
+  }
+}
 function resolveInitialPreferences() {
   if (typeof window === "undefined") {
     return DEFAULT_STORED_PREFERENCES;
@@ -1016,7 +1035,8 @@ function resolveInitialPreferences() {
       const parsed = JSON.parse(stored);
       return {
         vimMode: typeof parsed.vimMode === "boolean" ? parsed.vimMode : DEFAULT_STORED_PREFERENCES.vimMode,
-        compactThread: typeof parsed.compactThread === "boolean" ? parsed.compactThread : DEFAULT_STORED_PREFERENCES.compactThread
+        compactThread: typeof parsed.compactThread === "boolean" ? parsed.compactThread : DEFAULT_STORED_PREFERENCES.compactThread,
+        fontFamily: typeof parsed.fontFamily === "string" && parsed.fontFamily.trim() ? parsed.fontFamily.trim() : DEFAULT_STORED_PREFERENCES.fontFamily
       };
     }
   } catch (error) {
@@ -1025,6 +1045,7 @@ function resolveInitialPreferences() {
   return DEFAULT_STORED_PREFERENCES;
 }
 var preferences = resolveInitialPreferences();
+applyFontFamily(preferences.fontFamily);
 var listeners = new Set;
 function getSnapshot() {
   return preferences;
@@ -1043,6 +1064,9 @@ function notifyListeners() {
 }
 function updateStore(updates) {
   preferences = { ...preferences, ...updates };
+  if (updates.fontFamily !== undefined) {
+    applyFontFamily(preferences.fontFamily);
+  }
   if (typeof window !== "undefined") {
     try {
       window.localStorage.setItem(STORAGE_KEY, JSON.stringify(preferences));
@@ -1064,6 +1088,9 @@ function usePreferences() {
     if (updates.compactThread !== undefined) {
       localUpdates.compactThread = updates.compactThread;
     }
+    if (updates.fontFamily !== undefined) {
+      localUpdates.fontFamily = updates.fontFamily.trim() || DEFAULT_FONT_FAMILY;
+    }
     if (Object.keys(localUpdates).length > 0) {
       updateStore(localUpdates);
     }
@@ -5163,4 +5190,4 @@ export {
   sessionsQueryKey
 };
 
-//# debugId=AC1E195573DAB91964756E2164756E21
+//# debugId=511FD091641EF49C64756E2164756E21