ssovee-os-web-ui 0.1.101 → 0.1.102

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React23 = require('react');
+var React24 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@phosphor-icons/react');
 var Editor = require('@monaco-editor/react');
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React23__namespace = /*#__PURE__*/_interopNamespace(React23);
+var React24__namespace = /*#__PURE__*/_interopNamespace(React24);
 var Editor__default = /*#__PURE__*/_interopDefault(Editor);
 var StarterKit__default = /*#__PURE__*/_interopDefault(StarterKit);
 
@@ -38,7 +38,7 @@ var StarterKit__default = /*#__PURE__*/_interopDefault(StarterKit);
 function cn(...inputs) {
   return inputs.filter(Boolean).join(" ");
 }
-var Button = React23__namespace.default.forwardRef(
+var Button = React24__namespace.default.forwardRef(
   ({
     className,
     variant = "primary",
@@ -174,7 +174,7 @@ var Typography = ({
   return /* @__PURE__ */ jsxRuntime.jsx(Component, { className: classes, children });
 };
 var Typography_default = Typography;
-var Input = React23__namespace.default.forwardRef(
+var Input = React24__namespace.default.forwardRef(
   ({
     className,
     variant = "default",
@@ -252,7 +252,7 @@ var Input = React23__namespace.default.forwardRef(
 );
 Input.displayName = "Input";
 var Input_default = Input;
-var TextArea = React23__namespace.default.forwardRef(
+var TextArea = React24__namespace.default.forwardRef(
   ({
     className,
     variant = "default",
@@ -318,7 +318,7 @@ var CodeEditor = ({
   className,
   isDarkTheme
 }) => {
-  const editorTheme = React23.useMemo(() => {
+  const editorTheme = React24.useMemo(() => {
     if (typeof isDarkTheme === "undefined") return "light";
     const isDark = Boolean(isDarkTheme);
     return isDark ? "vs-dark" : "light";
@@ -337,7 +337,7 @@ var CodeEditor = ({
 };
 var CodeEditor_default = CodeEditor;
 var RichEditor = ({ content, onChange, isDarkTheme }) => {
-  const onChangeRef = React23.useRef(onChange);
+  const onChangeRef = React24.useRef(onChange);
   onChangeRef.current = onChange;
   const editorTheme = isDarkTheme ? "vs-dark" : "light";
   const editor = react$1.useEditor({
@@ -348,7 +348,7 @@ var RichEditor = ({ content, onChange, isDarkTheme }) => {
       onChangeRef.current(updatedEditor.getHTML());
     }
   }, []);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (editor && content !== editor.getHTML()) {
       editor.commands.setContent(content, { emitUpdate: false });
     }
@@ -385,13 +385,13 @@ var RichEditor = ({ content, onChange, isDarkTheme }) => {
       react$1.EditorContent,
       {
         editor,
-        className: `mt-4 min-h-52 rounded-md border border-brand-color p-3 text-sm leading-6 text-neutral-500 outline-none transition-colors focus-within:border-brand-color [&_.ProseMirror]:min-h-44 [&_.ProseMirror]:outline-none [&_.ProseMirror_p]:my-2 [&_.ProseMirror_h1]:my-3 [&_.ProseMirror_h1]:text-2xl [&_.ProseMirror_h1]:font-bold [&_.ProseMirror_h2]:my-3 [&_.ProseMirror_h2]:text-xl [&_.ProseMirror_h2]:font-bold [&_.ProseMirror_h3]:my-3 [&_.ProseMirror_h3]:text-lg [&_.ProseMirror_h3]:font-bold [&_.ProseMirror_ul]:my-2 [&_.ProseMirror_ul]:list-disc [&_.ProseMirror_ul]:pl-6 [&_.ProseMirror_ol]:my-2 [&_.ProseMirror_ol]:list-decimal [&_.ProseMirror_ol]:pl-6 [&_.ProseMirror_blockquote]:my-3 [&_.ProseMirror_blockquote]:border-l-4 [&_.ProseMirror_blockquote]:border-brand-color [&_.ProseMirror_blockquote]:pl-4 [&_.ProseMirror_pre]:my-3 [&_.ProseMirror_pre]:overflow-x-auto [&_.ProseMirror_pre]:rounded [&_.ProseMirror_pre]:bg-surface-3 [&_.ProseMirror_pre]:p-3 ${editorTheme === "vs-dark" ? "bg-primary" : "bg-secondary"}`
+        className: `mt-4 min-h-52 rounded-md border border-surface-1 p-3 text-sm leading-6 text-neutral-500 outline-none transition-colors focus-within:border-surface-1 [&_.ProseMirror]:min-h-44 [&_.ProseMirror]:outline-none [&_.ProseMirror_p]:my-2 [&_.ProseMirror_h1]:my-3 [&_.ProseMirror_h1]:text-2xl [&_.ProseMirror_h1]:font-bold [&_.ProseMirror_h2]:my-3 [&_.ProseMirror_h2]:text-xl [&_.ProseMirror_h2]:font-bold [&_.ProseMirror_h3]:my-3 [&_.ProseMirror_h3]:text-lg [&_.ProseMirror_h3]:font-bold [&_.ProseMirror_ul]:my-2 [&_.ProseMirror_ul]:list-disc [&_.ProseMirror_ul]:pl-6 [&_.ProseMirror_ol]:my-2 [&_.ProseMirror_ol]:list-decimal [&_.ProseMirror_ol]:pl-6 [&_.ProseMirror_blockquote]:my-3 [&_.ProseMirror_blockquote]:border-l-4 [&_.ProseMirror_blockquote]:border-surface-1 [&_.ProseMirror_blockquote]:pl-4 [&_.ProseMirror_pre]:my-3 [&_.ProseMirror_pre]:overflow-x-auto [&_.ProseMirror_pre]:rounded [&_.ProseMirror_pre]:bg-surface-3 [&_.ProseMirror_pre]:p-3 ${editorTheme === "vs-dark" ? "bg-primary" : "bg-secondary"}`
       }
     )
   ] });
 };
 var RichEditor_default = RichEditor;
-var Select = React23__namespace.default.forwardRef(
+var Select = React24__namespace.default.forwardRef(
   ({
     className,
     options,
@@ -471,7 +471,7 @@ var Select = React23__namespace.default.forwardRef(
 );
 Select.displayName = "Select";
 var Select_default = Select;
-var Checkbox = React23__namespace.default.forwardRef(
+var Checkbox = React24__namespace.default.forwardRef(
   ({
     className,
     variant = "default",
@@ -546,7 +546,7 @@ var Checkbox = React23__namespace.default.forwardRef(
 );
 Checkbox.displayName = "Checkbox";
 var Checkbox_default = Checkbox;
-var Toggle = React23__namespace.default.forwardRef(
+var Toggle = React24__namespace.default.forwardRef(
   ({
     checked,
     onChange,
@@ -652,10 +652,10 @@ var Dropdown = ({
   className,
   trigger
 }) => {
-  const [isOpen, setIsOpen] = React23.useState(false);
-  const dropdownRef = React23.useRef(null);
+  const [isOpen, setIsOpen] = React24.useState(false);
+  const dropdownRef = React24.useRef(null);
   const selectedOption = options.find((option) => option.value === value);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -782,9 +782,9 @@ var ImageWithPlaceholder = ({
   };
   const resolvedSrc = resolveSrc(src);
   const initialSrc = isValidSrc(resolvedSrc) ? resolvedSrc : fallbackSrc;
-  const [imgSrc, setImgSrc] = React23.useState(initialSrc);
-  const [hasError, setHasError] = React23.useState(!isValidSrc(resolvedSrc));
-  React23.useEffect(() => {
+  const [imgSrc, setImgSrc] = React24.useState(initialSrc);
+  const [hasError, setHasError] = React24.useState(!isValidSrc(resolvedSrc));
+  React24.useEffect(() => {
     const nextResolvedSrc = resolveSrc(src);
     if (isValidSrc(nextResolvedSrc)) {
       setImgSrc(nextResolvedSrc);
@@ -993,8 +993,8 @@ var Toast = ({
   showCloseButton = true,
   className
 }) => {
-  const [isShowing, setIsShowing] = React23.useState(false);
-  React23.useEffect(() => {
+  const [isShowing, setIsShowing] = React24.useState(false);
+  React24.useEffect(() => {
     if (isVisible) {
       setIsShowing(true);
       let timer = null;
@@ -1218,7 +1218,7 @@ var Modal = ({
   closeOnEscape = true,
   className
 }) => {
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (!isOpen) return;
     const handleEscape = (e) => {
       if (e.key === "Escape" && closeOnEscape) {
@@ -1285,7 +1285,7 @@ var Modal = ({
   );
 };
 var Modal_default = Modal;
-var Card = React23__namespace.default.forwardRef(
+var Card = React24__namespace.default.forwardRef(
   ({
     className,
     variant = "default",
@@ -1323,7 +1323,7 @@ var Card = React23__namespace.default.forwardRef(
 );
 Card.displayName = "Card";
 var Card_default = Card;
-var Badge = React23__namespace.default.forwardRef(
+var Badge = React24__namespace.default.forwardRef(
   ({
     className,
     variant = "default",
@@ -1378,7 +1378,7 @@ var Avatar = ({
   className,
   onClick
 }) => {
-  const [imgError, setImgError] = React23.useState(false);
+  const [imgError, setImgError] = React24.useState(false);
   const sizeClasses = {
     sm: "w-8 h-8 text-xs",
     md: "w-10 h-10 text-sm",
@@ -1401,7 +1401,7 @@ var Avatar = ({
       }
     ) }) });
   };
-  const handleImgError = React23.useCallback(() => {
+  const handleImgError = React24.useCallback(() => {
     setImgError(true);
   }, []);
   const isSrcAvailable = typeof src === "string" && src.trim() !== "";
@@ -1473,8 +1473,8 @@ var Tooltip = ({
   delay = 200,
   className
 }) => {
-  const [isVisible, setIsVisible] = React23.useState(false);
-  const [timeoutId, setTimeoutId] = React23.useState(null);
+  const [isVisible, setIsVisible] = React24.useState(false);
+  const [timeoutId, setTimeoutId] = React24.useState(null);
   const showTooltip = () => {
     const id = setTimeout(() => setIsVisible(true), delay);
     setTimeoutId(id);
@@ -1604,14 +1604,14 @@ var matchShortcut = (event, shortcut, os) => {
 var useShortcutFormatter = ({
   globalKeyboardShortcuts: globalKeyboardShortcuts2 = []
 } = {}) => {
-  const [os, setOS] = React23.useState("windows");
-  const listenersRef = React23.useRef(
+  const [os, setOS] = React24.useState("windows");
+  const listenersRef = React24.useRef(
     /* @__PURE__ */ new Map()
   );
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     setOS(detectOS());
   }, []);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (!globalKeyboardShortcuts2.length) return;
     const handleKeyDown = (event) => {
       for (const shortcut of globalKeyboardShortcuts2) {
@@ -1629,21 +1629,21 @@ var useShortcutFormatter = ({
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [os, globalKeyboardShortcuts2]);
-  const formatKeys = React23.useCallback(
+  const formatKeys = React24.useCallback(
     (keys = []) => {
       const separator = os === "mac" ? "" : " + ";
       return keys.map((key) => keyMap[os][key.toLowerCase()] || key.toUpperCase()).join(separator);
     },
     [os]
   );
-  const getShortcutByCommand = React23.useCallback(
+  const getShortcutByCommand = React24.useCallback(
     (command) => {
       const found = globalKeyboardShortcuts2.find((s) => s.command === command);
       return found ? found.shortcut : [];
     },
     [globalKeyboardShortcuts2]
   );
-  const addShortcutListener = React23.useCallback(
+  const addShortcutListener = React24.useCallback(
     (command, listener) => {
       if (!listenersRef.current.has(command)) {
         listenersRef.current.set(command, /* @__PURE__ */ new Set());
@@ -1652,7 +1652,7 @@ var useShortcutFormatter = ({
     },
     []
   );
-  const removeShortcutListener = React23.useCallback(
+  const removeShortcutListener = React24.useCallback(
     (command, listener) => {
       if (listenersRef.current.has(command)) {
         listenersRef.current.get(command).delete(listener);
@@ -1692,7 +1692,7 @@ var globalKeyboardShortcuts = [
     usage: "Focus on current app search"
   }
 ];
-var SearchInput = React23__namespace.default.forwardRef(
+var SearchInput = React24__namespace.default.forwardRef(
   ({
     onSearch,
     placeholder = "Search...",
@@ -1707,16 +1707,16 @@ var SearchInput = React23__namespace.default.forwardRef(
     isActive = true,
     ...props
   }, ref) => {
-    const [searchValue, setSearchValue] = React23__namespace.default.useState(value || "");
-    const inputRef = React23.useRef(null);
-    React23.useImperativeHandle(ref, () => inputRef.current);
+    const [searchValue, setSearchValue] = React24__namespace.default.useState(value || "");
+    const inputRef = React24.useRef(null);
+    React24.useImperativeHandle(ref, () => inputRef.current);
     const {
       addShortcutListener,
       removeShortcutListener,
       formatKeys,
       getShortcutByCommand
     } = useShortcutFormatter_default({ globalKeyboardShortcuts });
-    React23.useEffect(() => {
+    React24.useEffect(() => {
       setSearchValue(value ?? "");
     }, [value]);
     const handleChange = (e) => {
@@ -1725,7 +1725,7 @@ var SearchInput = React23__namespace.default.forwardRef(
       onChange?.(e);
       onSearch?.(newValue);
     };
-    const handleClear = React23.useCallback(() => {
+    const handleClear = React24.useCallback(() => {
       setSearchValue("");
       onSearch?.("");
       const syntheticEvent = {
@@ -1733,7 +1733,7 @@ var SearchInput = React23__namespace.default.forwardRef(
       };
       onChange?.(syntheticEvent);
     }, [onChange, onSearch]);
-    React23.useEffect(() => {
+    React24.useEffect(() => {
       if (!enableKeyboardShortcuts || !isActive) return;
       const handleFocusSearch = (e) => {
         e?.preventDefault();
@@ -1886,8 +1886,8 @@ var FileUpload = ({
   children,
   dragAndDrop = false
 }) => {
-  const fileInputRef = React23.useRef(null);
-  const [isDragOver, setIsDragOver] = React23__namespace.default.useState(false);
+  const fileInputRef = React24.useRef(null);
+  const [isDragOver, setIsDragOver] = React24__namespace.default.useState(false);
   const handleFileSelect = (files) => {
     if (!files) return;
     const fileArray = Array.from(files);
@@ -2185,7 +2185,7 @@ var Pagination = ({
   ] });
 };
 var Pagination_default = Pagination;
-var Radio = React23__namespace.default.forwardRef(
+var Radio = React24__namespace.default.forwardRef(
   ({
     className,
     label,
@@ -2250,7 +2250,7 @@ var Radio = React23__namespace.default.forwardRef(
 Radio.displayName = "Radio";
 var Radio_default = Radio;
 var Accordion = ({ items, active = -1 }) => {
-  const [activeIndex, setActiveIndex] = React23.useState(active);
+  const [activeIndex, setActiveIndex] = React24.useState(active);
   const toggleAccordion = (index) => {
     setActiveIndex(activeIndex === index ? null : index);
   };
@@ -2291,8 +2291,8 @@ var Tabs = ({
   buttonClassName = "flex items-center gap-1 px-[8px] py-[2px] text-[13px] cursor-pointer transition-all duration-300 text-neutral-300 rounded-[6px] m-[8px]",
   activeButtonClassName = "bg-surface-3 text-neutral-400"
 }) => {
-  const [activeTab, setActiveTab] = React23.useState(defaultActiveTab);
-  React23.useEffect(() => {
+  const [activeTab, setActiveTab] = React24.useState(defaultActiveTab);
+  React24.useEffect(() => {
     setActiveTab(defaultActiveTab);
   }, [defaultActiveTab]);
   const handleTabClick = (index) => {
@@ -2351,14 +2351,33 @@ var decodeBase64 = (base64) => {
   const bytes = Uint8Array.from(atob(value), (character) => character.charCodeAt(0));
   return new TextDecoder().decode(bytes);
 };
+var toPdfBlob = (base64) => {
+  const value = base64.includes(",") ? base64.slice(base64.indexOf(",") + 1) : base64;
+  const bytes = Uint8Array.from(atob(value), (character) => character.charCodeAt(0));
+  return new Blob([bytes], { type: "application/pdf" });
+};
 var PreviewComponent = ({ fileName, base64, className }) => {
   const previewType = getPreviewType(fileName);
   const dataUrl = toDataUrl(base64, fileName);
+  const [pdfUrl, setPdfUrl] = React24.useState(dataUrl);
+  React24.useEffect(() => {
+    if (previewType !== "pdf" || typeof URL.createObjectURL !== "function") return;
+    try {
+      const objectUrl = URL.createObjectURL(toPdfBlob(base64));
+      setPdfUrl(objectUrl);
+      return () => URL.revokeObjectURL(objectUrl);
+    } catch {
+      setPdfUrl(dataUrl);
+    }
+  }, [base64, dataUrl, previewType]);
   if (previewType === "image") {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex h-full min-h-48 w-full items-center justify-center overflow-auto", className), children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: dataUrl, alt: fileName, className: "max-h-full max-w-full object-contain" }) });
   }
   if (previewType === "pdf") {
-    return /* @__PURE__ */ jsxRuntime.jsx("iframe", { title: fileName, src: dataUrl, className: cn("h-full min-h-96 w-full border-0", className) });
+    return /* @__PURE__ */ jsxRuntime.jsx("object", { data: pdfUrl, type: "application/pdf", "aria-label": fileName, className: cn("h-full min-h-96 w-full", className), children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: pdfUrl, download: fileName, children: [
+      "Download ",
+      fileName
+    ] }) });
   }
   if (previewType === "text" || previewType === "json") {
     let content;
@@ -2392,11 +2411,11 @@ function renderPluginChild(child, app, api, reloadKey) {
     const renderFn = child;
     return renderFn({ app, api });
   }
-  return React23.Children.map(child, (node, index) => {
-    if (!React23.isValidElement(node)) {
+  return React24.Children.map(child, (node, index) => {
+    if (!React24.isValidElement(node)) {
       return node;
     }
-    return React23.cloneElement(
+    return React24.cloneElement(
       node,
       {
         key: `${reloadKey}-${index}`,
@@ -2426,13 +2445,13 @@ function PluginPlayground({
   metadata,
   backgroundImage
 }) {
-  const [mockUser] = React23.useState(DEFAULT_MOCK_USER);
-  const [mockToken] = React23.useState(DEFAULT_TOKEN);
-  const [isMinimized, setIsMinimized] = React23.useState(false);
-  const [isClosed, setIsClosed] = React23.useState(false);
-  const [isActive, setIsActive] = React23.useState(true);
-  const [isNightMode, setIsNightMode] = React23.useState(true);
-  React23.useEffect(() => {
+  const [mockUser] = React24.useState(DEFAULT_MOCK_USER);
+  const [mockToken] = React24.useState(DEFAULT_TOKEN);
+  const [isMinimized, setIsMinimized] = React24.useState(false);
+  const [isClosed, setIsClosed] = React24.useState(false);
+  const [isActive, setIsActive] = React24.useState(true);
+  const [isNightMode, setIsNightMode] = React24.useState(true);
+  React24.useEffect(() => {
     if (typeof window === "undefined") return;
     const storedTheme = window.localStorage.getItem("plugin-playground-theme");
     const prefersDark = window.matchMedia(
@@ -2441,7 +2460,7 @@ function PluginPlayground({
     const shouldUseDark = storedTheme ? storedTheme === "dark" : prefersDark;
     setIsNightMode(shouldUseDark);
   }, []);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (typeof document === "undefined") return;
     document.documentElement.classList.toggle("dark", isNightMode);
     window.localStorage.setItem(
@@ -2451,25 +2470,25 @@ function PluginPlayground({
   }, [isNightMode]);
   const title = metadata.title ?? metadata.name ?? "Plugin Playground";
   const slug = metadata.slug ?? "local-plugin";
-  const defaultSize = React23.useMemo(() => getDefaultSize(metadata), [metadata]);
+  const defaultSize = React24.useMemo(() => getDefaultSize(metadata), [metadata]);
   const canvasBackground = backgroundImage ?? metadata.backgroundImage ?? DEFAULT_BACKGROUND;
   const isWindowResizable = metadata.windowSize?.isAppWindowResizing ?? metadata.isResizing ?? true;
-  const minimizeWindow = React23.useCallback(() => {
+  const minimizeWindow = React24.useCallback(() => {
     setIsActive(false);
     setIsMinimized(true);
     setIsClosed(false);
   }, []);
-  const closeWindow = React23.useCallback(() => {
+  const closeWindow = React24.useCallback(() => {
     setIsActive(false);
     setIsClosed(true);
     setIsMinimized(false);
   }, []);
-  const restoreWindow = React23.useCallback(() => {
+  const restoreWindow = React24.useCallback(() => {
     setIsActive(true);
     setIsClosed(false);
     setIsMinimized(false);
   }, []);
-  const mockApi = React23.useMemo(() => {
+  const mockApi = React24.useMemo(() => {
     return {
       showToast: (message, type) => {
         console.info(`[playground:${type}] ${message}`);
@@ -2486,7 +2505,7 @@ function PluginPlayground({
       isDarkTheme: isNightMode
     };
   }, [mockToken, mockUser, isNightMode]);
-  const appProps = React23.useMemo(
+  const appProps = React24.useMemo(
     () => ({
       name: title,
       slug,
@@ -2656,13 +2675,13 @@ var WindowWithSideMenu = ({
     removeShortcutListener,
     getShortcutByCommand
   } = useShortcutFormatter_default({ globalKeyboardShortcuts });
-  const [state, dispatch] = React23.useReducer(reducer, {
+  const [state, dispatch] = React24.useReducer(reducer, {
     ...initialState,
     windowSize: app.windowSize.windowSize ?? defaultSize,
     defaultSize: app.windowSize.windowSize ?? defaultSize
   });
-  const windowRef = React23.useRef(null);
-  React23.useEffect(() => {
+  const windowRef = React24.useRef(null);
+  React24.useEffect(() => {
     if (app.isMinimize !== state.isMinimized) {
       dispatch({ type: "SYNC_MINIMIZE_STATE", payload: app.isMinimize });
     }
@@ -2723,7 +2742,7 @@ var WindowWithSideMenu = ({
     document.body.style.userSelect = "none";
     dispatch({ type: "START_RESIZE", payload: { x: e.clientX, y: e.clientY } });
   };
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (state.isDragging || state.resizeStart) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -2734,7 +2753,7 @@ var WindowWithSideMenu = ({
       document.body.style.userSelect = "";
     };
   }, [state.isDragging, state.resizeStart]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (windowRef.current) {
       windowRef.current.addEventListener("click", () => {
         if (app?.callback) {
@@ -2743,7 +2762,7 @@ var WindowWithSideMenu = ({
       });
     }
   }, [app?.slug, windowRef]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleExitApp = () => {
       if (app?.callback) {
         app?.callback("CLOSE_APP");
@@ -2754,7 +2773,7 @@ var WindowWithSideMenu = ({
       removeShortcutListener("exit_app", handleExitApp);
     };
   }, [app?.slug, app.isActive]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleMinimize = () => {
       if (app?.slug && app.isActive) {
         dispatch({
@@ -2771,7 +2790,7 @@ var WindowWithSideMenu = ({
       removeShortcutListener("minimize_app", handleMinimize);
     };
   }, [app?.slug, app.isActive, state.isMinimized, state.windowSize]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleMaximize = () => {
       if (app?.slug && app.isActive) {
         dispatch({
@@ -2942,7 +2961,7 @@ var WindowWithSideMenu = ({
                   style: {
                     maxHeight: `${state.windowSize.height - 37}px`
                   },
-                  children: React23.isValidElement(children) && typeof children.type !== "string" ? React23__namespace.default.cloneElement(children, {
+                  children: React24.isValidElement(children) && typeof children.type !== "string" ? React24__namespace.default.cloneElement(children, {
                     windowSize: state.windowSize,
                     isAppWindowResizing: state.resizeStart !== null
                   }) : children
@@ -3048,13 +3067,13 @@ var WindowWithoutSideMenu = ({
     removeShortcutListener,
     getShortcutByCommand
   } = useShortcutFormatter_default({ globalKeyboardShortcuts });
-  const [state, dispatch] = React23.useReducer(reducer2, {
+  const [state, dispatch] = React24.useReducer(reducer2, {
     ...initialState2,
     windowSize: app.windowSize.windowSize ?? defaultSize,
     defaultSize: app.windowSize.windowSize ?? defaultSize
   });
-  const windowRef = React23.useRef(null);
-  React23.useEffect(() => {
+  const windowRef = React24.useRef(null);
+  React24.useEffect(() => {
     if (app.isMinimize !== state.isMinimized) {
       dispatch({ type: "SYNC_MINIMIZE_STATE", payload: app.isMinimize });
     }
@@ -3111,7 +3130,7 @@ var WindowWithoutSideMenu = ({
     document.body.style.userSelect = "none";
     dispatch({ type: "START_RESIZE", payload: { x: e.clientX, y: e.clientY } });
   };
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (state.isDragging || state.resizeStart) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -3122,7 +3141,7 @@ var WindowWithoutSideMenu = ({
       document.body.style.userSelect = "";
     };
   }, [state.isDragging, state.resizeStart]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (windowRef.current) {
       windowRef.current.addEventListener("click", () => {
         if (app?.callback) {
@@ -3131,7 +3150,7 @@ var WindowWithoutSideMenu = ({
       });
     }
   }, [app?.slug, windowRef]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleExitApp = () => {
       if (app?.callback) {
         app?.callback("CLOSE_APP");
@@ -3142,7 +3161,7 @@ var WindowWithoutSideMenu = ({
       removeShortcutListener("exit_app", handleExitApp);
     };
   }, [app?.slug, app.isActive]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleMinimize = () => {
       if (app?.slug && app.isActive) {
         dispatch({
@@ -3159,7 +3178,7 @@ var WindowWithoutSideMenu = ({
       removeShortcutListener("minimize_app", handleMinimize);
     };
   }, [app?.slug, app.isActive, state.isMinimized, state.windowSize]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     const handleMaximize = () => {
       if (app?.slug && app.isActive) {
         dispatch({
@@ -3275,7 +3294,7 @@ var WindowWithoutSideMenu = ({
                 style: {
                   maxHeight: `${state.windowSize.height - 37}px`
                 },
-                children: React23.isValidElement(children) && typeof children.type !== "string" ? React23__namespace.default.cloneElement(children, {
+                children: React24.isValidElement(children) && typeof children.type !== "string" ? React24__namespace.default.cloneElement(children, {
                   windowSize: state.windowSize,
                   isAppWindowResizing: state.resizeStart !== null
                 }) : children
@@ -3298,7 +3317,7 @@ var WindowWithoutSideMenu = ({
   );
 };
 var WindowWithoutSideMenu_default = WindowWithoutSideMenu;
-var Table = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+var Table = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
   "table",
   {
     ref,
@@ -3307,9 +3326,9 @@ var Table = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b text-neutral-400 bg-surface-2", className), ...props }));
+var TableHeader = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b text-neutral-400 bg-surface-2", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBody = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tbody",
   {
     ref,
@@ -3318,7 +3337,7 @@ var TableBody = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "tfoot",
   {
     ref,
@@ -3330,7 +3349,7 @@ var TableFooter = React23__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React23__namespace.forwardRef(({ className, onClick, ...props }, ref) => {
+var TableRow = React24__namespace.forwardRef(({ className, onClick, ...props }, ref) => {
   const isInteractive = typeof onClick === "function";
   return /* @__PURE__ */ jsxRuntime.jsx(
     "tr",
@@ -3347,7 +3366,7 @@ var TableRow = React23__namespace.forwardRef(({ className, onClick, ...props },
   );
 });
 TableRow.displayName = "TableRow";
-var TableHead = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHead = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "th",
   {
     ref,
@@ -3359,7 +3378,7 @@ var TableHead = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCell = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "td",
   {
     ref,
@@ -3368,7 +3387,7 @@ var TableCell = React23__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React23__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React24__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -3378,12 +3397,12 @@ var TableCaption = React23__namespace.forwardRef(({ className, ...props }, ref)
 ));
 TableCaption.displayName = "TableCaption";
 var useGridClasses = (windowSize, gridRules) => {
-  const deviceType = React23.useMemo(() => {
+  const deviceType = React24.useMemo(() => {
     if (windowSize.width <= 640) return "mobile";
     if (windowSize.width <= 1024) return "tablet";
     return "desktop";
   }, [windowSize]);
-  const gridClasses = React23.useMemo(() => {
+  const gridClasses = React24.useMemo(() => {
     const classes = {};
     for (const element in gridRules) {
       const classRules = gridRules[element] ?? {};
@@ -3396,8 +3415,8 @@ var useGridClasses = (windowSize, gridRules) => {
 };
 var useGridClasses_default = useGridClasses;
 var useDeviceSupport = () => {
-  const [isSupported, setIsSupported] = React23.useState(true);
-  React23.useEffect(() => {
+  const [isSupported, setIsSupported] = React24.useState(true);
+  React24.useEffect(() => {
     function checkSupport() {
       const ua = typeof window !== "undefined" ? window.navigator.userAgent : "";
       const width = typeof window !== "undefined" ? window.innerWidth : 1920;
@@ -3523,7 +3542,7 @@ var useSound = () => {
     audio.currentTime = 0;
     await audio.play();
   };
-  const playSound = React23.useCallback((type) => {
+  const playSound = React24.useCallback((type) => {
     if (typeof window === "undefined") {
       return;
     }