local-operator-ui 0.4.2 → 0.4.4

package/README.md

@@ -106,7 +106,7 @@ To set up the standalone Python for development:
 
 ```bash
 # Run the setup script to download and configure standalone Python
-yarn setup-python-standalone
+pnpm setup-python-standalone
 ```
 
 This uses [python-build-standalone](https://github.com/indygreg/python-build-standalone), the same approach used by Datasette Desktop and PyOxidizer.

package/out/renderer/assets/{error-boundary-HK_94N6W.js → error-boundary-BSN19Qr4.js}

@@ -442,7 +442,7 @@ function requireReactIs_production() {
   if (hasRequiredReactIs_production) return reactIs_production;
   hasRequiredReactIs_production = 1;
   var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-  var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
+  var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_VIEW_TRANSITION_TYPE = Symbol.for("react.view_transition"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
   function typeOf(object) {
     if ("object" === typeof object && null !== object) {
       var $$typeof = object.$$typeof;
@@ -454,6 +454,7 @@ function requireReactIs_production() {
             case REACT_STRICT_MODE_TYPE:
             case REACT_SUSPENSE_TYPE:
             case REACT_SUSPENSE_LIST_TYPE:
+            case REACT_VIEW_TRANSITION_TYPE:
               return object;
             default:
               switch (object = object && object.$$typeof, object) {
@@ -522,7 +523,7 @@ function requireReactIs_production() {
     return typeOf(object) === REACT_SUSPENSE_LIST_TYPE;
   };
   reactIs_production.isValidElementType = function(type) {
-    return "string" === typeof type || "function" === typeof type || type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || type === REACT_OFFSCREEN_TYPE || "object" === typeof type && null !== type && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_CONSUMER_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_CLIENT_REFERENCE || void 0 !== type.getModuleId) ? true : false;
+    return "string" === typeof type || "function" === typeof type || type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || "object" === typeof type && null !== type && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_CONSUMER_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_CLIENT_REFERENCE || void 0 !== type.getModuleId) ? true : false;
   };
   reactIs_production.typeOf = typeOf;
   return reactIs_production;
@@ -1592,14 +1593,14 @@ function extendSxProp$1(props) {
     sx: finalSx
   };
 }
-function _extends$1() {
-  return _extends$1 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t2 = arguments[e];
       for (var r2 in t2) ({}).hasOwnProperty.call(t2, r2) && (n[r2] = t2[r2]);
     }
     return n;
-  }, _extends$1.apply(null, arguments);
+  }, _extends.apply(null, arguments);
 }
 function sheetForTag(tag) {
   if (tag.sheet) {
@@ -3155,7 +3156,7 @@ var createStyled$1 = function createStyled(tag, options) {
       }
     });
     Styled.withComponent = function(nextTag, nextOptions) {
-      var newStyled2 = createStyled(nextTag, _extends$1({}, options, nextOptions, {
+      var newStyled2 = createStyled(nextTag, _extends({}, options, nextOptions, {
         shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
       }));
       return newStyled2.apply(void 0, styles2);
@@ -3318,7 +3319,7 @@ function GlobalStyles$3(props) {
   });
 }
 /**
- * @mui/styled-engine v6.4.6
+ * @mui/styled-engine v6.4.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -4054,13 +4055,6 @@ function private_safeEmphasize(color2, coefficient, warning) {
     return color2;
   }
 }
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref) {
-    ref.current = value;
-  }
-}
 let globalId = 0;
 function useGlobalId(idOverride) {
   const [defaultId, setDefaultId] = reactExports.useState(idOverride);
@@ -4095,14 +4089,40 @@ function useEventCallback(fn) {
   )).current;
 }
 function useForkRef(...refs) {
+  const cleanupRef = reactExports.useRef(void 0);
+  const refEffect = reactExports.useCallback((instance) => {
+    const cleanups = refs.map((ref) => {
+      if (ref == null) {
+        return null;
+      }
+      if (typeof ref === "function") {
+        const refCallback = ref;
+        const refCleanup = refCallback(instance);
+        return typeof refCleanup === "function" ? refCleanup : () => {
+          refCallback(null);
+        };
+      }
+      ref.current = instance;
+      return () => {
+        ref.current = null;
+      };
+    });
+    return () => {
+      cleanups.forEach((refCleanup) => refCleanup?.());
+    };
+  }, refs);
   return reactExports.useMemo(() => {
     if (refs.every((ref) => ref == null)) {
       return null;
     }
-    return (instance) => {
-      refs.forEach((ref) => {
-        setRef(ref, instance);
-      });
+    return (value) => {
+      if (cleanupRef.current) {
+        cleanupRef.current();
+        cleanupRef.current = void 0;
+      }
+      if (value != null) {
+        cleanupRef.current = refEffect(value);
+      }
     };
   }, refs);
 }
@@ -4404,6 +4424,57 @@ try {
     }
   }, "mui-color-scheme-init");
 }
+function noop$4() {
+}
+const localStorageManager = ({
+  key,
+  storageWindow
+}) => {
+  if (!storageWindow && typeof window !== "undefined") {
+    storageWindow = window;
+  }
+  return {
+    get(defaultValue) {
+      if (typeof window === "undefined") {
+        return void 0;
+      }
+      if (!storageWindow) {
+        return defaultValue;
+      }
+      let value;
+      try {
+        value = storageWindow.localStorage.getItem(key);
+      } catch {
+      }
+      return value || defaultValue;
+    },
+    set: (value) => {
+      if (storageWindow) {
+        try {
+          storageWindow.localStorage.setItem(key, value);
+        } catch {
+        }
+      }
+    },
+    subscribe: (handler) => {
+      if (!storageWindow) {
+        return noop$4;
+      }
+      const listener2 = (event) => {
+        const value = event.newValue;
+        if (event.key === key) {
+          handler(value);
+        }
+      };
+      storageWindow.addEventListener("storage", listener2);
+      return () => {
+        storageWindow.removeEventListener("storage", listener2);
+      };
+    }
+  };
+};
+function noop$3() {
+}
 function getSystemMode(mode) {
   if (typeof window !== "undefined" && typeof window.matchMedia === "function" && mode === "system") {
     const mql = window.matchMedia("(prefers-color-scheme: dark)");
@@ -4434,20 +4505,6 @@ function getColorScheme(state) {
     return void 0;
   });
 }
-function initializeValue(key, defaultValue) {
-  if (typeof window === "undefined") {
-    return void 0;
-  }
-  let value;
-  try {
-    value = localStorage.getItem(key) || void 0;
-    if (!value) {
-      localStorage.setItem(key, defaultValue);
-    }
-  } catch {
-  }
-  return value || defaultValue;
-}
 function useCurrentColorScheme(options) {
   const {
     defaultMode = "light",
@@ -4457,14 +4514,27 @@ function useCurrentColorScheme(options) {
     modeStorageKey = DEFAULT_MODE_STORAGE_KEY,
     colorSchemeStorageKey = DEFAULT_COLOR_SCHEME_STORAGE_KEY,
     storageWindow = typeof window === "undefined" ? void 0 : window,
+    storageManager = localStorageManager,
     noSsr = false
   } = options;
   const joinedColorSchemes = supportedColorSchemes.join(",");
   const isMultiSchemes = supportedColorSchemes.length > 1;
+  const modeStorage = reactExports.useMemo(() => storageManager?.({
+    key: modeStorageKey,
+    storageWindow
+  }), [storageManager, modeStorageKey, storageWindow]);
+  const lightStorage = reactExports.useMemo(() => storageManager?.({
+    key: `${colorSchemeStorageKey}-light`,
+    storageWindow
+  }), [storageManager, colorSchemeStorageKey, storageWindow]);
+  const darkStorage = reactExports.useMemo(() => storageManager?.({
+    key: `${colorSchemeStorageKey}-dark`,
+    storageWindow
+  }), [storageManager, colorSchemeStorageKey, storageWindow]);
   const [state, setState] = reactExports.useState(() => {
-    const initialMode = initializeValue(modeStorageKey, defaultMode);
-    const lightColorScheme = initializeValue(`${colorSchemeStorageKey}-light`, defaultLightColorScheme);
-    const darkColorScheme = initializeValue(`${colorSchemeStorageKey}-dark`, defaultDarkColorScheme);
+    const initialMode = modeStorage?.get(defaultMode) || defaultMode;
+    const lightColorScheme = lightStorage?.get(defaultLightColorScheme) || defaultLightColorScheme;
+    const darkColorScheme = darkStorage?.get(defaultDarkColorScheme) || defaultDarkColorScheme;
     return {
       mode: initialMode,
       systemMode: getSystemMode(initialMode),
@@ -4483,25 +4553,19 @@ function useCurrentColorScheme(options) {
         return currentState;
       }
       const newMode = mode ?? defaultMode;
-      try {
-        localStorage.setItem(modeStorageKey, newMode);
-      } catch {
-      }
+      modeStorage?.set(newMode);
       return {
         ...currentState,
         mode: newMode,
         systemMode: getSystemMode(newMode)
       };
     });
-  }, [modeStorageKey, defaultMode]);
+  }, [modeStorage, defaultMode]);
   const setColorScheme = reactExports.useCallback((value) => {
     if (!value) {
       setState((currentState) => {
-        try {
-          localStorage.setItem(`${colorSchemeStorageKey}-light`, defaultLightColorScheme);
-          localStorage.setItem(`${colorSchemeStorageKey}-dark`, defaultDarkColorScheme);
-        } catch {
-        }
+        lightStorage?.set(defaultLightColorScheme);
+        darkStorage?.set(defaultDarkColorScheme);
         return {
           ...currentState,
           lightColorScheme: defaultLightColorScheme,
@@ -4517,14 +4581,12 @@ function useCurrentColorScheme(options) {
             ...currentState
           };
           processState(currentState, (mode) => {
-            try {
-              localStorage.setItem(`${colorSchemeStorageKey}-${mode}`, value);
-            } catch {
-            }
             if (mode === "light") {
+              lightStorage?.set(value);
               newState.lightColorScheme = value;
             }
             if (mode === "dark") {
+              darkStorage?.set(value);
               newState.darkColorScheme = value;
             }
           });
@@ -4543,10 +4605,7 @@ function useCurrentColorScheme(options) {
             console.error(`\`${newLightColorScheme}\` does not exist in \`theme.colorSchemes\`.`);
           } else {
             newState.lightColorScheme = newLightColorScheme;
-            try {
-              localStorage.setItem(`${colorSchemeStorageKey}-light`, newLightColorScheme);
-            } catch (error) {
-            }
+            lightStorage?.set(newLightColorScheme);
           }
         }
         if (newDarkColorScheme) {
@@ -4554,16 +4613,13 @@ function useCurrentColorScheme(options) {
             console.error(`\`${newDarkColorScheme}\` does not exist in \`theme.colorSchemes\`.`);
           } else {
             newState.darkColorScheme = newDarkColorScheme;
-            try {
-              localStorage.setItem(`${colorSchemeStorageKey}-dark`, newDarkColorScheme);
-            } catch (error) {
-            }
+            darkStorage?.set(newDarkColorScheme);
           }
         }
         return newState;
       });
     }
-  }, [joinedColorSchemes, colorSchemeStorageKey, defaultLightColorScheme, defaultDarkColorScheme]);
+  }, [joinedColorSchemes, lightStorage, darkStorage, defaultLightColorScheme, defaultDarkColorScheme]);
   const handleMediaQuery = reactExports.useCallback((event) => {
     if (state.mode === "system") {
       setState((currentState) => {
@@ -4593,32 +4649,34 @@ function useCurrentColorScheme(options) {
     };
   }, [isMultiSchemes]);
   reactExports.useEffect(() => {
-    if (storageWindow && isMultiSchemes) {
-      const handleStorage = (event) => {
-        const value = event.newValue;
-        if (typeof event.key === "string" && event.key.startsWith(colorSchemeStorageKey) && (!value || joinedColorSchemes.match(value))) {
-          if (event.key.endsWith("light")) {
-            setColorScheme({
-              light: value
-            });
-          }
-          if (event.key.endsWith("dark")) {
-            setColorScheme({
-              dark: value
-            });
-          }
-        }
-        if (event.key === modeStorageKey && (!value || ["light", "dark", "system"].includes(value))) {
+    if (isMultiSchemes) {
+      const unsubscribeMode = modeStorage?.subscribe((value) => {
+        if (!value || ["light", "dark", "system"].includes(value)) {
           setMode(value || defaultMode);
         }
-      };
-      storageWindow.addEventListener("storage", handleStorage);
+      }) || noop$3;
+      const unsubscribeLight = lightStorage?.subscribe((value) => {
+        if (!value || joinedColorSchemes.match(value)) {
+          setColorScheme({
+            light: value
+          });
+        }
+      }) || noop$3;
+      const unsubscribeDark = darkStorage?.subscribe((value) => {
+        if (!value || joinedColorSchemes.match(value)) {
+          setColorScheme({
+            dark: value
+          });
+        }
+      }) || noop$3;
       return () => {
-        storageWindow.removeEventListener("storage", handleStorage);
+        unsubscribeMode();
+        unsubscribeLight();
+        unsubscribeDark();
       };
     }
     return void 0;
-  }, [setColorScheme, setMode, modeStorageKey, colorSchemeStorageKey, joinedColorSchemes, defaultMode, storageWindow, isMultiSchemes]);
+  }, [setColorScheme, setMode, joinedColorSchemes, defaultMode, storageWindow, isMultiSchemes, modeStorage, lightStorage, darkStorage]);
   return {
     ...state,
     mode: isClient ? state.mode : void 0,
@@ -4668,6 +4726,7 @@ function createCssVarsProvider(options) {
       modeStorageKey = defaultModeStorageKey,
       colorSchemeStorageKey = defaultColorSchemeStorageKey,
       disableTransitionOnChange = designSystemTransitionOnChange,
+      storageManager,
       storageWindow = typeof window === "undefined" ? void 0 : window,
       documentNode = typeof document === "undefined" ? void 0 : document,
       colorSchemeNode = typeof document === "undefined" ? void 0 : document.documentElement,
@@ -4713,6 +4772,7 @@ function createCssVarsProvider(options) {
       modeStorageKey,
       colorSchemeStorageKey,
       defaultMode,
+      storageManager,
       storageWindow,
       noSsr
     });
@@ -13174,6 +13234,15 @@ function ThemeProvider({
   }
   const muiTheme = THEME_ID in theme ? theme[THEME_ID] : theme;
   if (!("colorSchemes" in muiTheme)) {
+    if (!("vars" in muiTheme)) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProviderNoVars, {
+        theme: {
+          ...theme,
+          vars: null
+        },
+        ...props
+      });
+    }
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeProviderNoVars, {
       theme,
       ...props
@@ -13185,15 +13254,6 @@ function ThemeProvider({
   });
 }
 const memoTheme = unstable_memoTheme;
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function(n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t2 = arguments[e];
-      for (var r2 in t2) ({}).hasOwnProperty.call(t2, r2) && (n[r2] = t2[r2]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
 function _objectWithoutPropertiesLoose$1(r2, e) {
   if (null == r2) return {};
   var t2 = {};
@@ -30104,50 +30164,50 @@ const ErrorBoundary2 = ({
   );
 };
 export {
-  LinearProgress as $,
+  Button as $,
   lighten as A,
   ButtonBase as B,
   CircularProgress as C,
   useEventCallback as D,
-  setRef as E,
-  useEnhancedEffect as F,
-  useRtl as G,
-  globalCss as H,
-  formatMuiErrorMessage as I,
-  rootShouldForwardProp as J,
-  Typography as K,
-  deepmerge as L,
-  extendSxProp$1 as M,
-  resolveBreakpointValues as N,
-  handleBreakpoints as O,
+  useEnhancedEffect as E,
+  useRtl as F,
+  globalCss as G,
+  formatMuiErrorMessage as H,
+  rootShouldForwardProp as I,
+  Typography as J,
+  deepmerge as K,
+  extendSxProp$1 as L,
+  resolveBreakpointValues as M,
+  handleBreakpoints as N,
+  getPath as O,
   Paper as P,
-  getPath as Q,
+  isFocusVisible as Q,
   React$1 as R,
-  isFocusVisible as S,
+  typographyClasses as S,
   TransitionGroupContext as T,
-  typographyClasses as U,
-  slotShouldForwardProp as V,
-  clamp as W,
-  emphasize as X,
-  Timeout as Y,
-  requireReact as Z,
+  slotShouldForwardProp as U,
+  clamp as V,
+  emphasize as W,
+  Timeout as X,
+  requireReact as Y,
+  LinearProgress as Z,
   _inheritsLoose as _,
   reactExports as a,
   faComments as a$,
-  Button as a0,
-  Box as a1,
-  FontAwesomeIcon as a2,
-  faRobot as a3,
-  faSliders as a4,
-  faExclamationTriangle as a5,
-  faCheck as a6,
-  faTimes as a7,
-  faEraser as a8,
-  faPen as a9,
-  faArrowDown as aA,
-  faPaperclip as aB,
-  faStop as aC,
-  faPaperPlane as aD,
+  Box as a0,
+  FontAwesomeIcon as a1,
+  faRobot as a2,
+  faSliders as a3,
+  faExclamationTriangle as a4,
+  faCheck as a5,
+  faTimes as a6,
+  faEraser as a7,
+  faPen as a8,
+  faInfoCircle as a9,
+  faPaperclip as aA,
+  faStop as aB,
+  faPaperPlane as aC,
+  _extends as aD,
   keyframes as aE,
   faChevronUp as aF,
   faQuestion as aG,
@@ -30171,32 +30231,32 @@ export {
   faSearch as aY,
   faCommentSlash as aZ,
   faArrowRight as a_,
-  faInfoCircle as aa,
-  faGear as ab,
-  faServer as ac,
-  faStar as ad,
-  faTrash as ae,
-  faHome as af,
-  faDownload as ag,
-  faFileAlt as ah,
-  faDesktop as ai,
-  faImage as aj,
-  faMusic as ak,
-  faVideo as al,
-  faLaptop as am,
-  faUsers as an,
-  faDatabase as ao,
-  faBoxOpen as ap,
-  faBook as aq,
-  faHdd as ar,
-  faBox as as,
-  faArchive as at,
-  faNetworkWired as au,
-  faFolder as av,
-  faFolderOpen as aw,
-  faClock as ax,
-  faChevronDown as ay,
-  faTools as az,
+  faGear as aa,
+  faServer as ab,
+  faStar as ac,
+  faTrash as ad,
+  faHome as ae,
+  faDownload as af,
+  faFileAlt as ag,
+  faDesktop as ah,
+  faImage as ai,
+  faMusic as aj,
+  faVideo as ak,
+  faLaptop as al,
+  faUsers as am,
+  faDatabase as an,
+  faBoxOpen as ao,
+  faBook as ap,
+  faHdd as aq,
+  faBox as ar,
+  faArchive as as,
+  faNetworkWired as at,
+  faFolder as au,
+  faFolderOpen as av,
+  faClock as aw,
+  faChevronDown as ax,
+  faTools as ay,
+  faArrowDown as az,
   clsx as b,
   faTag as b0,
   faIdCard as b1,