@iblai/iblai-js 1.20.5 → 1.20.7

package/dist/web-containers/source/index.esm.js

@@ -363,9 +363,11 @@ const TAURI_EVENTS = {
  */
 const TAURI_COMMANDS = {
     INSTALL_OLLAMA: 'install_ollama',
+    STOP_OLLAMA: 'stop_ollama',
     CHECK_OLLAMA_STATUS: 'check_ollama_status',
     CHECK_DISK_SPACE: 'check_disk_space_for_model',
-    DOWNLOAD_MODEL: 'download_phi3_model',
+    GET_SYSTEM_MEMORY: 'get_system_memory',
+    DOWNLOAD_MODEL: 'download_model',
     CANCEL_DOWNLOAD: 'cancel_model_download',
     CHECK_NETWORK_STATUS: 'check_network_status',
     GET_OS_TYPE: 'get_os_type',
@@ -377,6 +379,67 @@ const TAURI_COMMANDS = {
     INSTALL_FOUNDRY: 'install_foundry',
     DOWNLOAD_FOUNDRY_MODEL: 'download_foundry_model_cmd',
     GET_RECOMMENDED_FOUNDRY_MODELS: 'get_recommended_foundry_models',
+    LOG_STDOUT: 'log_stdout',
+};
+// ============================================================================
+// System Control (GhostOS)
+// ----------------------------------------------------------------------------
+// Contract for the "System Control" manager, which installs and sets up GhostOS
+// (https://github.com/ghostwright/ghost-os) on-device via the Tauri host. This
+// mirrors the Local Models (Ollama) contract above: the web layer ships the
+// presentational card + types, while the Tauri host (e.g. the ghost-os desktop
+// app) implements the native install/setup/status commands.
+// ============================================================================
+/** GitHub repository the System Control manager installs and sets up. */
+const GHOST_OS_REPO_URL = 'https://github.com/ghostwright/ghost-os';
+/**
+ * Initial state for the System Control install flow.
+ */
+const initialGhostOsInstallState = {
+    status: 'idle',
+    progress: 0,
+    message: '',
+    logs: [],
+    lastUpdated: new Date().toISOString(),
+};
+/**
+ * Tauri event names emitted by the host during GhostOS install/setup.
+ */
+const GHOST_OS_TAURI_EVENTS = {
+    INSTALL_PROGRESS: 'ghost-os:install-progress',
+    INSTALLATION_LOG: 'ghost-os:installation-log',
+    STATUS: 'ghost-os:status',
+};
+/**
+ * Tauri command names the host implements for GhostOS install/setup. The web
+ * layer invokes these; the native side performs the clone + setup.
+ */
+const GHOST_OS_TAURI_COMMANDS = {
+    /** Install and set up GhostOS (clone repo + run setup). */
+    INSTALL_GHOST_OS: 'install_ghost_os',
+    /** Stop the running GhostOS manager. */
+    STOP_GHOST_OS: 'stop_ghost_os',
+    /** Report current {@link GhostOsStatus}. */
+    CHECK_GHOST_OS_STATUS: 'check_ghost_os_status',
+};
+/**
+ * Tauri command strings exposed by `tauri-plugin-macos-permissions`
+ * (https://github.com/ayangweb/tauri-plugin-macos-permissions). GhostOS needs
+ * macOS Accessibility permission to control the device, so the System Control
+ * card surfaces it. These are invoked directly via `useTauri().invoke(...)` —
+ * no extra npm dependency. The host must register the plugin in its Tauri app
+ * (`tauri_plugin_macos_permissions::init()`). Each `CHECK_*` returns a boolean;
+ * each `REQUEST_*` prompts / opens the relevant System Settings pane.
+ */
+const MACOS_PERMISSIONS_COMMANDS = {
+    CHECK_ACCESSIBILITY: 'plugin:macos-permissions|check_accessibility_permission',
+    REQUEST_ACCESSIBILITY: 'plugin:macos-permissions|request_accessibility_permission',
+    CHECK_SCREEN_RECORDING: 'plugin:macos-permissions|check_screen_recording_permission',
+    REQUEST_SCREEN_RECORDING: 'plugin:macos-permissions|request_screen_recording_permission',
+    CHECK_INPUT_MONITORING: 'plugin:macos-permissions|check_input_monitoring_permission',
+    REQUEST_INPUT_MONITORING: 'plugin:macos-permissions|request_input_monitoring_permission',
+    CHECK_FULL_DISK_ACCESS: 'plugin:macos-permissions|check_full_disk_access_permission',
+    REQUEST_FULL_DISK_ACCESS: 'plugin:macos-permissions|request_full_disk_access_permission',
 };
 
 /**
@@ -425,10 +488,17 @@ function useTauri() {
      * Returns an unlisten function that should be called on cleanup
      */
     const listen = useCallback(async (event, handler) => {
-        if (!(apis === null || apis === void 0 ? void 0 : apis.listen)) {
-            throw new Error('Tauri is not available');
-        }
-        return apis.listen(event, (e) => handler(e.payload));
+        // The synchronous global (`__TAURI_INTERNALS__`) exposes `invoke` but
+        // frequently NOT `event.listen`, so `apis.listen` can be undefined even
+        // though Tauri is fully available. Fall back to the real event API via
+        // dynamic import so download progress/completion events are actually
+        // delivered — otherwise the UI never leaves the "downloading" state.
+        let listenFn = apis === null || apis === void 0 ? void 0 : apis.listen;
+        if (!listenFn) {
+            const { listen: importedListen } = await import('@tauri-apps/api/event');
+            listenFn = importedListen;
+        }
+        return listenFn(event, (e) => handler(e.payload));
     }, [apis]);
     return {
         isAvailable,
@@ -499,8 +569,15 @@ function useLocalStorage(key, initialValue) {
     return [storedValue, setValue, removeValue];
 }
 
-const LOCAL_STORAGE_KEY = 'model_download_state';
+const LOCAL_STORAGE_KEY$1 = 'model_download_state';
 const FIRST_LAUNCH_DISMISSED_KEY = 'model_download_prompt_dismissed';
+// Manager/download status is authoritative from Tauri, never the persisted
+// snapshot. This flips true the first time any hook instance mounts in a page
+// session so we wipe the persisted state exactly once — clearing a stale
+// `managerInstalling`/`downloading`/`checking` flag (e.g. left behind by an
+// operation interrupted by an app reload) that would otherwise wedge the UI in
+// a permanent "loading" state — then fall back to a fresh backend status check.
+let didResetPersistedState = false;
 /**
  * Hook to manage Phi3 Mini model download via Model Manager through Tauri
  *
@@ -512,11 +589,15 @@ const FIRST_LAUNCH_DISMISSED_KEY = 'model_download_prompt_dismissed';
  */
 function useModelDownload() {
     const { isAvailable, invoke, listen } = useTauri();
-    const [state, setState] = useLocalStorage(LOCAL_STORAGE_KEY, initialModelDownloadState);
+    const [state, setState] = useLocalStorage(LOCAL_STORAGE_KEY$1, initialModelDownloadState);
     const [ollamaStatus, setOllamaStatus] = useState(null);
+    const [systemMemory, setSystemMemory] = useState(null);
     const [isFirstLaunchDismissed, setIsFirstLaunchDismissed] = useLocalStorage(FIRST_LAUNCH_DISMISSED_KEY, false);
     const unlistenRefs = useRef([]);
     const hasCheckedStatus = useRef(false);
+    // Stable handle to the latest checkStatus so the mount-time event listeners
+    // can refresh status (e.g. after a download completes) without re-subscribing.
+    const checkStatusRef = useRef(() => { });
     console.log('[ModelDownload] Hook initialized:', {
         isAvailable,
         stateStatus: state.status,
@@ -576,7 +657,12 @@ function useModelDownload() {
                     });
                     if (payload.status === 'completed') {
                         console.log('[ModelDownload] Download completed successfully!');
-                        toast.success('Phi Mini 3 model downloaded successfully!');
+                        // Refresh Ollama status so the freshly pulled model shows up in
+                        // `installed_models` — keeps the row marked "Ready" and selectable
+                        // even after the modal is closed and reopened. The success toast is
+                        // shown by startDownload (once per initiated download) to avoid a
+                        // duplicate from each mounted useModelDownload instance.
+                        checkStatusRef.current();
                     }
                 });
                 unlistenRefs.current.push(unlistenProgress);
@@ -628,9 +714,36 @@ function useModelDownload() {
         if (isAvailable && !hasCheckedStatus.current) {
             console.log('[ModelDownload] First mount, checking status...');
             hasCheckedStatus.current = true;
+            // Wipe any stale persisted manager/download state once per page load, so a
+            // leftover `managerInstalling`/`downloading` flag can't keep the toggle or
+            // status card stuck "loading". Tauri is the source of truth from here on.
+            if (!didResetPersistedState) {
+                didResetPersistedState = true;
+                setState(initialModelDownloadState);
+            }
             checkStatus();
         }
     }, [isAvailable]);
+    /**
+     * Read system memory (RAM/VRAM) once the desktop bridge is available, so the
+     * UI can warn before downloading a model that's large relative to capacity.
+     */
+    useEffect(() => {
+        if (!isAvailable)
+            return;
+        let cancelled = false;
+        invoke(TAURI_COMMANDS.GET_SYSTEM_MEMORY)
+            .then((mem) => {
+            if (!cancelled)
+                setSystemMemory(mem);
+        })
+            .catch((error) => {
+            console.error('[ModelDownload] Failed to read system memory:', error);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [isAvailable, invoke]);
     /**
      * Check Model Manager installation and model status
      */
@@ -670,11 +783,16 @@ function useModelDownload() {
             }));
         }
     }, [isAvailable, invoke, setState]);
+    // Keep the ref pointed at the latest checkStatus for use inside the once-on-mount
+    // event listeners (which must not depend on checkStatus to avoid re-subscribing).
+    useEffect(() => {
+        checkStatusRef.current = checkStatus;
+    }, [checkStatus]);
     /**
      * Start downloading the Phi3 Mini model
      */
-    const startDownload = useCallback(async () => {
-        console.log('[ModelDownload] startDownload called, isAvailable:', isAvailable);
+    const startDownload = useCallback(async (modelId) => {
+        console.log('[ModelDownload] startDownload called, isAvailable:', isAvailable, 'model:', modelId);
         if (!isAvailable) {
             console.log('[ModelDownload] Desktop app not available');
             toast.error('Desktop app required for local model download');
@@ -689,6 +807,9 @@ function useModelDownload() {
                 message: 'Starting download...',
                 error: undefined,
                 logs: [],
+                // Record which model is downloading so the right row shows progress even
+                // if the dialog is closed and reopened mid-download (state is persisted).
+                activeModel: modelId !== null && modelId !== void 0 ? modelId : 'phi3:mini',
             }));
             // Check disk space first
             console.log('[ModelDownload] Checking disk space...');
@@ -698,20 +819,43 @@ function useModelDownload() {
                 console.log('[ModelDownload] Insufficient disk space');
                 return; // Error will be emitted via event
             }
-            // Start the download
-            console.log('[ModelDownload] Starting model download...');
-            await invoke(TAURI_COMMANDS.DOWNLOAD_MODEL);
+            // Start the download. The selected model identifier is forwarded so the
+            // backend can pull it; the current backend defaults to Phi-3 Mini.
+            // `invoke` resolves only once the Rust pull has fully finished, so treat a
+            // successful resolution as completion. This guarantees the UI leaves the
+            // "downloading" state even if the terminal progress event was missed (live
+            // progress still streams from the progress events while the pull runs).
+            console.log('[ModelDownload] Starting model download...', modelId);
+            await invoke(TAURI_COMMANDS.DOWNLOAD_MODEL, modelId ? { model: modelId } : undefined);
             console.log('[ModelDownload] Download command invoked');
+            let didComplete = false;
+            setState((prev) => {
+                // Don't clobber a cancellation/error that landed while awaiting.
+                if (prev.status !== 'downloading')
+                    return prev;
+                didComplete = true;
+                return { ...prev, status: 'completed', progress: 100, message: 'Download complete' };
+            });
+            if (didComplete) {
+                toast.success('Model downloaded successfully!');
+            }
+            // Refresh installed models so the row flips to "Ready" and is selectable.
+            checkStatusRef.current();
         }
         catch (error) {
             const errorMessage = error instanceof Error ? error.message : String(error);
             console.error('[ModelDownload] Download failed:', errorMessage);
-            setState((prev) => ({
-                ...prev,
-                status: 'error',
-                error: errorMessage,
-            }));
-            toast.error(`Download failed: ${errorMessage}`);
+            let wasCancelled = false;
+            setState((prev) => {
+                if (prev.status === 'cancelled') {
+                    wasCancelled = true;
+                    return prev;
+                }
+                return { ...prev, status: 'error', error: errorMessage };
+            });
+            if (!wasCancelled) {
+                toast.error(`Download failed: ${errorMessage}`);
+            }
         }
     }, [isAvailable, invoke, setState]);
     /**
@@ -720,14 +864,17 @@ function useModelDownload() {
     const cancelDownload = useCallback(async () => {
         if (!isAvailable)
             return;
+        // Mark cancelled up front so the in-flight download promise (which resolves
+        // cleanly once the backend aborts the pull) can't race ahead and mark the
+        // row "completed".
+        setState((prev) => ({
+            ...prev,
+            status: 'cancelled',
+            progress: 0,
+            message: 'Download cancelled',
+        }));
         try {
             await invoke(TAURI_COMMANDS.CANCEL_DOWNLOAD);
-            setState((prev) => ({
-                ...prev,
-                status: 'cancelled',
-                progress: 0,
-                message: 'Download cancelled',
-            }));
             toast.info('Download cancelled');
         }
         catch (error) {
@@ -801,6 +948,26 @@ function useModelDownload() {
             });
         }
     }, [isAvailable, invoke, addLog, checkStatus, setState]);
+    /**
+     * Stop the model manager (Ollama). Backs turning "Enable Local Models" off.
+     */
+    const stopManager = useCallback(async () => {
+        if (!isAvailable)
+            return;
+        try {
+            addLog({
+                timestamp: new Date().toISOString(),
+                level: 'info',
+                message: 'Stopping model manager...',
+            });
+            await invoke(TAURI_COMMANDS.STOP_OLLAMA);
+            await checkStatus();
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            console.error('[ModelDownload] Failed to stop model manager:', errorMessage);
+        }
+    }, [isAvailable, invoke, addLog, checkStatus]);
     /**
      * Clear all logs
      */
@@ -836,18 +1003,238 @@ function useModelDownload() {
         isAvailable: finalIsAvailable,
         state,
         ollamaStatus,
+        systemMemory,
         shouldShowFirstLaunchPrompt,
         // Actions
         checkStatus,
         startDownload,
         cancelDownload,
         installOllama,
+        stopManager,
         clearLogs,
         resetState,
         dismissFirstLaunchPrompt,
     };
 }
 
+const LOCAL_STORAGE_KEY = 'ghost_os_install_state';
+/**
+ * Manage installing & setting up GhostOS (https://github.com/ghostwright/ghost-os)
+ * via the Tauri host. This is the self-contained backing hook for the System
+ * Control card and deliberately mirrors `useModelDownload`:
+ *
+ * - checks GhostOS install/run status through the host
+ * - installs/sets up GhostOS with real-time progress + logs
+ * - persists state across app restarts
+ *
+ * Outside the desktop (Tauri) app every action is a no-op and `isAvailable` is
+ * false, so the card hides itself.
+ */
+function useGhostOs() {
+    const { isAvailable, invoke, listen } = useTauri();
+    const [state, setState] = useLocalStorage(LOCAL_STORAGE_KEY, initialGhostOsInstallState);
+    const [status, setStatus] = useState(null);
+    // macOS Accessibility permission, which GhostOS needs to control the device.
+    // null = unknown/not-yet-checked or unsupported (non-macOS / plugin absent).
+    const [accessibilityPermission, setAccessibilityPermission] = useState(null);
+    const unlistenRefs = useRef([]);
+    const hasCheckedStatus = useRef(false);
+    /**
+     * Refresh the macOS Accessibility permission via tauri-plugin-macos-permissions.
+     * Independent of the GhostOS status check so a missing host command for one
+     * doesn't suppress the other. Stays null where unsupported.
+     */
+    const refreshAccessibilityPermission = useCallback(async () => {
+        if (!isAvailable)
+            return;
+        try {
+            const granted = await invoke(MACOS_PERMISSIONS_COMMANDS.CHECK_ACCESSIBILITY);
+            setAccessibilityPermission(granted);
+        }
+        catch (error) {
+            // Plugin not registered or non-macOS host — leave permission unknown.
+            console.warn('[useGhostOs] Accessibility permission check unavailable:', error);
+            setAccessibilityPermission(null);
+        }
+    }, [isAvailable, invoke]);
+    /**
+     * Open the Accessibility pane / prompt so the user can grant permission, then
+     * re-check (the grant happens in System Settings, so we refresh after).
+     */
+    const requestAccessibilityPermission = useCallback(async () => {
+        if (!isAvailable)
+            return;
+        try {
+            await invoke(MACOS_PERMISSIONS_COMMANDS.REQUEST_ACCESSIBILITY);
+        }
+        catch (error) {
+            console.error('[useGhostOs] Failed to request accessibility permission:', error);
+        }
+        await refreshAccessibilityPermission();
+    }, [isAvailable, invoke, refreshAccessibilityPermission]);
+    const addLog = useCallback((log) => {
+        setState((prev) => ({
+            ...prev,
+            logs: [...prev.logs.slice(-99), log],
+            lastUpdated: new Date().toISOString(),
+        }));
+    }, [setState]);
+    /**
+     * Query GhostOS status from the host.
+     */
+    const checkStatus = useCallback(async () => {
+        if (!isAvailable)
+            return;
+        // Refresh the accessibility permission alongside install status (independent).
+        refreshAccessibilityPermission();
+        try {
+            setState((prev) => ({ ...prev, status: 'checking' }));
+            const result = await invoke(GHOST_OS_TAURI_COMMANDS.CHECK_GHOST_OS_STATUS);
+            setStatus(result);
+            setState((prev) => ({
+                ...prev,
+                status: result.installed ? 'completed' : 'idle',
+                progress: result.installed ? 100 : prev.progress,
+                lastUpdated: new Date().toISOString(),
+            }));
+        }
+        catch (error) {
+            console.error('[useGhostOs] Failed to check status:', error);
+            setState((prev) => ({ ...prev, status: 'idle' }));
+        }
+    }, [isAvailable, invoke, setState, refreshAccessibilityPermission]);
+    /**
+     * Install and set up GhostOS. The host clones the repo + runs setup and emits
+     * progress/log/status events along the way.
+     */
+    const install = useCallback(async () => {
+        if (!isAvailable)
+            return;
+        try {
+            setState((prev) => ({
+                ...prev,
+                status: 'installing',
+                progress: 0,
+                message: 'Setting up your assistant…',
+                error: undefined,
+                logs: [],
+            }));
+            addLog({
+                timestamp: new Date().toISOString(),
+                level: 'info',
+                message: 'Starting setup…',
+            });
+            const result = await invoke(GHOST_OS_TAURI_COMMANDS.INSTALL_GHOST_OS);
+            addLog({
+                timestamp: new Date().toISOString(),
+                level: 'info',
+                message: typeof result === 'string' && result ? result : 'Setup complete',
+            });
+            setState((prev) => ({
+                ...prev,
+                status: 'completed',
+                progress: 100,
+                message: 'Your assistant is ready',
+                lastUpdated: new Date().toISOString(),
+            }));
+            await checkStatus();
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            setState((prev) => ({
+                ...prev,
+                status: 'error',
+                error: message,
+                message: 'Setup didn’t finish',
+                lastUpdated: new Date().toISOString(),
+            }));
+            addLog({
+                timestamp: new Date().toISOString(),
+                level: 'error',
+                message: `Install failed: ${message}`,
+            });
+        }
+    }, [isAvailable, invoke, addLog, checkStatus, setState]);
+    /**
+     * Stop the running GhostOS manager.
+     */
+    const stop = useCallback(async () => {
+        if (!isAvailable)
+            return;
+        try {
+            await invoke(GHOST_OS_TAURI_COMMANDS.STOP_GHOST_OS);
+            await checkStatus();
+        }
+        catch (error) {
+            console.error('[useGhostOs] Failed to stop GhostOS:', error);
+        }
+    }, [isAvailable, invoke, checkStatus]);
+    /**
+     * Reset the install state (for retrying after an error).
+     */
+    const resetState = useCallback(() => {
+        setState(initialGhostOsInstallState);
+    }, [setState]);
+    // Wire up host event listeners (progress / logs / status).
+    useEffect(() => {
+        if (!isAvailable)
+            return;
+        const setupListeners = async () => {
+            try {
+                const unlistenProgress = await listen(GHOST_OS_TAURI_EVENTS.INSTALL_PROGRESS, (payload) => {
+                    const nextStatus = payload.status === 'completed'
+                        ? 'completed'
+                        : payload.status === 'cancelled'
+                            ? 'cancelled'
+                            : payload.status === 'error'
+                                ? 'error'
+                                : 'installing';
+                    setState((prev) => ({
+                        ...prev,
+                        status: nextStatus,
+                        progress: payload.percentage,
+                        message: payload.message,
+                        lastUpdated: new Date().toISOString(),
+                    }));
+                });
+                unlistenRefs.current.push(unlistenProgress);
+                const unlistenLogs = await listen(GHOST_OS_TAURI_EVENTS.INSTALLATION_LOG, addLog);
+                unlistenRefs.current.push(unlistenLogs);
+                const unlistenStatus = await listen(GHOST_OS_TAURI_EVENTS.STATUS, setStatus);
+                unlistenRefs.current.push(unlistenStatus);
+            }
+            catch (error) {
+                console.error('[useGhostOs] Failed to setup event listeners:', error);
+            }
+        };
+        setupListeners();
+        return () => {
+            unlistenRefs.current.forEach((unlisten) => unlisten());
+            unlistenRefs.current = [];
+        };
+    }, [isAvailable, listen, setState, addLog]);
+    // Check status once on mount (in the desktop app).
+    useEffect(() => {
+        if (!isAvailable || hasCheckedStatus.current)
+            return;
+        hasCheckedStatus.current = true;
+        checkStatus();
+    }, [isAvailable, checkStatus]);
+    // Only expose the feature as available inside the desktop (Tauri) app.
+    const finalIsAvailable = isAvailable && isTauriApp();
+    return {
+        isAvailable: finalIsAvailable,
+        state,
+        status,
+        accessibilityPermission,
+        install,
+        stop,
+        checkStatus,
+        resetState,
+        requestAccessibilityPermission,
+    };
+}
+
 // packages/react/compose-refs/src/compose-refs.tsx
 function setRef$1(ref, value) {
   if (typeof ref === "function") {
@@ -53465,7 +53852,7 @@ const createLucideIcon = (iconName, iconNode) => {
  */
 
 
-const __iconNode$25 = [
+const __iconNode$28 = [
   [
     "path",
     {
@@ -53474,7 +53861,7 @@ const __iconNode$25 = [
     }
   ]
 ];
-const Activity = createLucideIcon("activity", __iconNode$25);
+const Activity = createLucideIcon("activity", __iconNode$28);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53484,12 +53871,12 @@ const Activity = createLucideIcon("activity", __iconNode$25);
  */
 
 
-const __iconNode$24 = [
+const __iconNode$27 = [
   ["path", { d: "M17 12H7", key: "16if0g" }],
   ["path", { d: "M19 18H5", key: "18s9l3" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
 ];
-const AlignCenter = createLucideIcon("align-center", __iconNode$24);
+const AlignCenter = createLucideIcon("align-center", __iconNode$27);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53499,12 +53886,12 @@ const AlignCenter = createLucideIcon("align-center", __iconNode$24);
  */
 
 
-const __iconNode$23 = [
+const __iconNode$26 = [
   ["path", { d: "M15 12H3", key: "6jk70r" }],
   ["path", { d: "M17 18H3", key: "1amg6g" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
 ];
-const AlignLeft = createLucideIcon("align-left", __iconNode$23);
+const AlignLeft = createLucideIcon("align-left", __iconNode$26);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53514,12 +53901,12 @@ const AlignLeft = createLucideIcon("align-left", __iconNode$23);
  */
 
 
-const __iconNode$22 = [
+const __iconNode$25 = [
   ["path", { d: "M21 12H9", key: "dn1m92" }],
   ["path", { d: "M21 18H7", key: "1ygte8" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
 ];
-const AlignRight = createLucideIcon("align-right", __iconNode$22);
+const AlignRight = createLucideIcon("align-right", __iconNode$25);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53529,12 +53916,12 @@ const AlignRight = createLucideIcon("align-right", __iconNode$22);
  */
 
 
-const __iconNode$21 = [
+const __iconNode$24 = [
   ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
   ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
   ["path", { d: "M10 12h4", key: "a56b0p" }]
 ];
-const Archive = createLucideIcon("archive", __iconNode$21);
+const Archive = createLucideIcon("archive", __iconNode$24);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53544,11 +53931,11 @@ const Archive = createLucideIcon("archive", __iconNode$21);
  */
 
 
-const __iconNode$20 = [
+const __iconNode$23 = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$20);
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$23);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53558,11 +53945,11 @@ const ArrowLeft = createLucideIcon("arrow-left", __iconNode$20);
  */
 
 
-const __iconNode$1$ = [
+const __iconNode$22 = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$1$);
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$22);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53572,11 +53959,11 @@ const ArrowUp = createLucideIcon("arrow-up", __iconNode$1$);
  */
 
 
-const __iconNode$1_ = [
+const __iconNode$21 = [
   ["path", { d: "M4.929 4.929 19.07 19.071", key: "196cmz" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Ban = createLucideIcon("ban", __iconNode$1_);
+const Ban = createLucideIcon("ban", __iconNode$21);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53586,12 +53973,12 @@ const Ban = createLucideIcon("ban", __iconNode$1_);
  */
 
 
-const __iconNode$1Z = [
+const __iconNode$20 = [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }],
   ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }],
   ["path", { d: "M6 12h.01M18 12h.01", key: "113zkx" }]
 ];
-const Banknote = createLucideIcon("banknote", __iconNode$1Z);
+const Banknote = createLucideIcon("banknote", __iconNode$20);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53601,7 +53988,7 @@ const Banknote = createLucideIcon("banknote", __iconNode$1Z);
  */
 
 
-const __iconNode$1Y = [
+const __iconNode$1$ = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   ["path", { d: "M22 8c0-2.3-.8-4.3-2-6", key: "5bb3ad" }],
   [
@@ -53613,7 +54000,7 @@ const __iconNode$1Y = [
   ],
   ["path", { d: "M4 2C2.8 3.7 2 5.7 2 8", key: "tap9e0" }]
 ];
-const BellRing = createLucideIcon("bell-ring", __iconNode$1Y);
+const BellRing = createLucideIcon("bell-ring", __iconNode$1$);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53623,7 +54010,7 @@ const BellRing = createLucideIcon("bell-ring", __iconNode$1Y);
  */
 
 
-const __iconNode$1X = [
+const __iconNode$1_ = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -53633,7 +54020,7 @@ const __iconNode$1X = [
     }
   ]
 ];
-const Bell = createLucideIcon("bell", __iconNode$1X);
+const Bell = createLucideIcon("bell", __iconNode$1_);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53643,13 +54030,13 @@ const Bell = createLucideIcon("bell", __iconNode$1X);
  */
 
 
-const __iconNode$1W = [
+const __iconNode$1Z = [
   [
     "path",
     { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
   ]
 ];
-const Bold$1 = createLucideIcon("bold", __iconNode$1W);
+const Bold$1 = createLucideIcon("bold", __iconNode$1Z);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53659,7 +54046,7 @@ const Bold$1 = createLucideIcon("bold", __iconNode$1W);
  */
 
 
-const __iconNode$1V = [
+const __iconNode$1Y = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -53669,7 +54056,7 @@ const __iconNode$1V = [
     }
   ]
 ];
-const BookOpen = createLucideIcon("book-open", __iconNode$1V);
+const BookOpen = createLucideIcon("book-open", __iconNode$1Y);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53679,7 +54066,7 @@ const BookOpen = createLucideIcon("book-open", __iconNode$1V);
  */
 
 
-const __iconNode$1U = [
+const __iconNode$1X = [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
   ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
   ["path", { d: "M2 14h2", key: "vft8re" }],
@@ -53687,7 +54074,7 @@ const __iconNode$1U = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$1U);
+const Bot = createLucideIcon("bot", __iconNode$1X);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53697,11 +54084,11 @@ const Bot = createLucideIcon("bot", __iconNode$1U);
  */
 
 
-const __iconNode$1T = [
+const __iconNode$1W = [
   ["path", { d: "M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16", key: "jecpp" }],
   ["rect", { width: "20", height: "14", x: "2", y: "6", rx: "2", key: "i6l2r4" }]
 ];
-const Briefcase = createLucideIcon("briefcase", __iconNode$1T);
+const Briefcase = createLucideIcon("briefcase", __iconNode$1W);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53711,7 +54098,7 @@ const Briefcase = createLucideIcon("briefcase", __iconNode$1T);
  */
 
 
-const __iconNode$1S = [
+const __iconNode$1V = [
   ["path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z", key: "1b4qmf" }],
   ["path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2", key: "i71pzd" }],
   ["path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2", key: "10jefs" }],
@@ -53720,7 +54107,7 @@ const __iconNode$1S = [
   ["path", { d: "M10 14h4", key: "kelpxr" }],
   ["path", { d: "M10 18h4", key: "1ulq68" }]
 ];
-const Building2 = createLucideIcon("building-2", __iconNode$1S);
+const Building2 = createLucideIcon("building-2", __iconNode$1V);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53730,13 +54117,13 @@ const Building2 = createLucideIcon("building-2", __iconNode$1S);
  */
 
 
-const __iconNode$1R = [
+const __iconNode$1U = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar$1 = createLucideIcon("calendar", __iconNode$1R);
+const Calendar$1 = createLucideIcon("calendar", __iconNode$1U);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53746,11 +54133,11 @@ const Calendar$1 = createLucideIcon("calendar", __iconNode$1R);
  */
 
 
-const __iconNode$1Q = [
+const __iconNode$1T = [
   ["path", { d: "M18 6 7 17l-5-5", key: "116fxf" }],
   ["path", { d: "m22 10-7.5 7.5L13 16", key: "ke71qq" }]
 ];
-const CheckCheck = createLucideIcon("check-check", __iconNode$1Q);
+const CheckCheck = createLucideIcon("check-check", __iconNode$1T);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53760,8 +54147,8 @@ const CheckCheck = createLucideIcon("check-check", __iconNode$1Q);
  */
 
 
-const __iconNode$1P = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$1P);
+const __iconNode$1S = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$1S);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53771,8 +54158,8 @@ const Check = createLucideIcon("check", __iconNode$1P);
  */
 
 
-const __iconNode$1O = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1O);
+const __iconNode$1R = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1R);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53782,11 +54169,11 @@ const ChevronDown = createLucideIcon("chevron-down", __iconNode$1O);
  */
 
 
-const __iconNode$1N = [
+const __iconNode$1Q = [
   ["path", { d: "m17 18-6-6 6-6", key: "1yerx2" }],
   ["path", { d: "M7 6v12", key: "1p53r6" }]
 ];
-const ChevronFirst = createLucideIcon("chevron-first", __iconNode$1N);
+const ChevronFirst = createLucideIcon("chevron-first", __iconNode$1Q);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53796,11 +54183,11 @@ const ChevronFirst = createLucideIcon("chevron-first", __iconNode$1N);
  */
 
 
-const __iconNode$1M = [
+const __iconNode$1P = [
   ["path", { d: "m7 18 6-6-6-6", key: "lwmzdw" }],
   ["path", { d: "M17 6v12", key: "1o0aio" }]
 ];
-const ChevronLast = createLucideIcon("chevron-last", __iconNode$1M);
+const ChevronLast = createLucideIcon("chevron-last", __iconNode$1P);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53810,8 +54197,8 @@ const ChevronLast = createLucideIcon("chevron-last", __iconNode$1M);
  */
 
 
-const __iconNode$1L = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1L);
+const __iconNode$1O = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1O);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53821,8 +54208,8 @@ const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1L);
  */
 
 
-const __iconNode$1K = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$1K);
+const __iconNode$1N = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$1N);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53832,8 +54219,8 @@ const ChevronRight = createLucideIcon("chevron-right", __iconNode$1K);
  */
 
 
-const __iconNode$1J = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$1J);
+const __iconNode$1M = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$1M);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53843,11 +54230,11 @@ const ChevronUp = createLucideIcon("chevron-up", __iconNode$1J);
  */
 
 
-const __iconNode$1I = [
+const __iconNode$1L = [
   ["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
   ["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
 ];
-const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$1I);
+const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$1L);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53857,11 +54244,11 @@ const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$1I);
  */
 
 
-const __iconNode$1H = [
+const __iconNode$1K = [
   ["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
   ["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
 ];
-const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1H);
+const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1K);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53871,11 +54258,11 @@ const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$1H);
  */
 
 
-const __iconNode$1G = [
+const __iconNode$1J = [
   ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
   ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
 ];
-const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1G);
+const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1J);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53885,12 +54272,12 @@ const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1G);
  */
 
 
-const __iconNode$1F = [
+const __iconNode$1I = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$1F);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$1I);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53900,11 +54287,26 @@ const CircleAlert = createLucideIcon("circle-alert", __iconNode$1F);
  */
 
 
-const __iconNode$1E = [
+const __iconNode$1H = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m16 12-4-4-4 4", key: "177agl" }],
+  ["path", { d: "M12 16V8", key: "1sbj14" }]
+];
+const CircleArrowUp = createLucideIcon("circle-arrow-up", __iconNode$1H);
+
+/**
+ * @license lucide-react v0.528.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$1G = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1E);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1G);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53914,11 +54316,11 @@ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1E);
  */
 
 
-const __iconNode$1D = [
+const __iconNode$1F = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$1D);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$1F);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53928,11 +54330,11 @@ const CircleCheck = createLucideIcon("circle-check", __iconNode$1D);
  */
 
 
-const __iconNode$1C = [
+const __iconNode$1E = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["rect", { x: "9", y: "9", width: "6", height: "6", rx: "1", key: "1ssd4o" }]
 ];
-const CircleStop = createLucideIcon("circle-stop", __iconNode$1C);
+const CircleStop = createLucideIcon("circle-stop", __iconNode$1E);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53942,12 +54344,12 @@ const CircleStop = createLucideIcon("circle-stop", __iconNode$1C);
  */
 
 
-const __iconNode$1B = [
+const __iconNode$1D = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$1B);
+const CircleX = createLucideIcon("circle-x", __iconNode$1D);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53957,8 +54359,8 @@ const CircleX = createLucideIcon("circle-x", __iconNode$1B);
  */
 
 
-const __iconNode$1A = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$1A);
+const __iconNode$1C = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$1C);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53968,11 +54370,11 @@ const Circle = createLucideIcon("circle", __iconNode$1A);
  */
 
 
-const __iconNode$1z = [
+const __iconNode$1B = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$1z);
+const Clock = createLucideIcon("clock", __iconNode$1B);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53982,12 +54384,25 @@ const Clock = createLucideIcon("clock", __iconNode$1z);
  */
 
 
-const __iconNode$1y = [
+const __iconNode$1A = [
+  ["path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z", key: "p7xjir" }]
+];
+const Cloud = createLucideIcon("cloud", __iconNode$1A);
+
+/**
+ * @license lucide-react v0.528.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$1z = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$1y);
+const CodeXml = createLucideIcon("code-xml", __iconNode$1z);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -53997,11 +54412,11 @@ const CodeXml = createLucideIcon("code-xml", __iconNode$1y);
  */
 
 
-const __iconNode$1x = [
+const __iconNode$1y = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
 ];
-const Code$1 = createLucideIcon("code", __iconNode$1x);
+const Code$1 = createLucideIcon("code", __iconNode$1y);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54011,11 +54426,11 @@ const Code$1 = createLucideIcon("code", __iconNode$1x);
  */
 
 
-const __iconNode$1w = [
+const __iconNode$1x = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$1w);
+const Copy = createLucideIcon("copy", __iconNode$1x);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54025,11 +54440,11 @@ const Copy = createLucideIcon("copy", __iconNode$1w);
  */
 
 
-const __iconNode$1v = [
+const __iconNode$1w = [
   ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
   ["line", { x1: "2", x2: "22", y1: "10", y2: "10", key: "1b3vmo" }]
 ];
-const CreditCard = createLucideIcon("credit-card", __iconNode$1v);
+const CreditCard = createLucideIcon("credit-card", __iconNode$1w);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54039,12 +54454,12 @@ const CreditCard = createLucideIcon("credit-card", __iconNode$1v);
  */
 
 
-const __iconNode$1u = [
+const __iconNode$1v = [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
 ];
-const Database = createLucideIcon("database", __iconNode$1u);
+const Database = createLucideIcon("database", __iconNode$1v);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54054,11 +54469,11 @@ const Database = createLucideIcon("database", __iconNode$1u);
  */
 
 
-const __iconNode$1t = [
+const __iconNode$1u = [
   ["line", { x1: "12", x2: "12", y1: "2", y2: "22", key: "7eqyqh" }],
   ["path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6", key: "1b0p4s" }]
 ];
-const DollarSign = createLucideIcon("dollar-sign", __iconNode$1t);
+const DollarSign = createLucideIcon("dollar-sign", __iconNode$1u);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54068,12 +54483,12 @@ const DollarSign = createLucideIcon("dollar-sign", __iconNode$1t);
  */
 
 
-const __iconNode$1s = [
+const __iconNode$1t = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$1s);
+const Download = createLucideIcon("download", __iconNode$1t);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54083,12 +54498,12 @@ const Download = createLucideIcon("download", __iconNode$1s);
  */
 
 
-const __iconNode$1r = [
+const __iconNode$1s = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ];
-const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1r);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1s);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54098,12 +54513,12 @@ const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1r);
  */
 
 
-const __iconNode$1q = [
+const __iconNode$1r = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$1q);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$1r);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54113,12 +54528,12 @@ const Ellipsis = createLucideIcon("ellipsis", __iconNode$1q);
  */
 
 
-const __iconNode$1p = [
+const __iconNode$1q = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$1p);
+const ExternalLink = createLucideIcon("external-link", __iconNode$1q);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54128,7 +54543,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$1p);
  */
 
 
-const __iconNode$1o = [
+const __iconNode$1p = [
   [
     "path",
     {
@@ -54146,7 +54561,7 @@ const __iconNode$1o = [
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
 ];
-const EyeOff = createLucideIcon("eye-off", __iconNode$1o);
+const EyeOff = createLucideIcon("eye-off", __iconNode$1p);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54156,7 +54571,7 @@ const EyeOff = createLucideIcon("eye-off", __iconNode$1o);
  */
 
 
-const __iconNode$1n = [
+const __iconNode$1o = [
   [
     "path",
     {
@@ -54166,7 +54581,7 @@ const __iconNode$1n = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$1n);
+const Eye = createLucideIcon("eye", __iconNode$1o);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54176,7 +54591,7 @@ const Eye = createLucideIcon("eye", __iconNode$1n);
  */
 
 
-const __iconNode$1m = [
+const __iconNode$1n = [
   ["path", { d: "M10 12v-1", key: "v7bkov" }],
   ["path", { d: "M10 18v-2", key: "1cjy8d" }],
   ["path", { d: "M10 7V6", key: "dljcrl" }],
@@ -54187,7 +54602,7 @@ const __iconNode$1m = [
   ],
   ["circle", { cx: "10", cy: "20", r: "2", key: "1xzdoj" }]
 ];
-const FileArchive = createLucideIcon("file-archive", __iconNode$1m);
+const FileArchive = createLucideIcon("file-archive", __iconNode$1n);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54197,7 +54612,7 @@ const FileArchive = createLucideIcon("file-archive", __iconNode$1m);
  */
 
 
-const __iconNode$1l = [
+const __iconNode$1m = [
   ["path", { d: "M17.5 22h.5a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3", key: "rslqgf" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   [
@@ -54208,7 +54623,7 @@ const __iconNode$1l = [
     }
   ]
 ];
-const FileAudio = createLucideIcon("file-audio", __iconNode$1l);
+const FileAudio = createLucideIcon("file-audio", __iconNode$1m);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54218,13 +54633,13 @@ const FileAudio = createLucideIcon("file-audio", __iconNode$1l);
  */
 
 
-const __iconNode$1k = [
+const __iconNode$1l = [
   ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
   ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }]
 ];
-const FileCode = createLucideIcon("file-code", __iconNode$1k);
+const FileCode = createLucideIcon("file-code", __iconNode$1l);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54234,13 +54649,13 @@ const FileCode = createLucideIcon("file-code", __iconNode$1k);
  */
 
 
-const __iconNode$1j = [
+const __iconNode$1k = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }],
   ["path", { d: "m9 15 3 3 3-3", key: "1npd3o" }]
 ];
-const FileDown = createLucideIcon("file-down", __iconNode$1j);
+const FileDown = createLucideIcon("file-down", __iconNode$1k);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54250,13 +54665,13 @@ const FileDown = createLucideIcon("file-down", __iconNode$1j);
  */
 
 
-const __iconNode$1i = [
+const __iconNode$1j = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["circle", { cx: "10", cy: "12", r: "2", key: "737tya" }],
   ["path", { d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22", key: "wt3hpn" }]
 ];
-const FileImage = createLucideIcon("file-image", __iconNode$1i);
+const FileImage = createLucideIcon("file-image", __iconNode$1j);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54266,7 +54681,7 @@ const FileImage = createLucideIcon("file-image", __iconNode$1i);
  */
 
 
-const __iconNode$1h = [
+const __iconNode$1i = [
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }],
   [
@@ -54277,7 +54692,7 @@ const __iconNode$1h = [
     }
   ]
 ];
-const FilePlay = createLucideIcon("file-play", __iconNode$1h);
+const FilePlay = createLucideIcon("file-play", __iconNode$1i);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54287,7 +54702,7 @@ const FilePlay = createLucideIcon("file-play", __iconNode$1h);
  */
 
 
-const __iconNode$1g = [
+const __iconNode$1h = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M8 13h2", key: "yr2amv" }],
@@ -54295,7 +54710,7 @@ const __iconNode$1g = [
   ["path", { d: "M8 17h2", key: "2yhykz" }],
   ["path", { d: "M14 17h2", key: "10kma7" }]
 ];
-const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$1g);
+const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$1h);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54305,14 +54720,14 @@ const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$1g);
  */
 
 
-const __iconNode$1f = [
+const __iconNode$1g = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$1f);
+const FileText = createLucideIcon("file-text", __iconNode$1g);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54322,11 +54737,11 @@ const FileText = createLucideIcon("file-text", __iconNode$1f);
  */
 
 
-const __iconNode$1e = [
+const __iconNode$1f = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ];
-const File$1 = createLucideIcon("file", __iconNode$1e);
+const File$1 = createLucideIcon("file", __iconNode$1f);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54336,14 +54751,14 @@ const File$1 = createLucideIcon("file", __iconNode$1e);
  */
 
 
-const __iconNode$1d = [
+const __iconNode$1e = [
   ["path", { d: "m14.5 12.5-8 8a2.119 2.119 0 1 1-3-3l8-8", key: "15492f" }],
   ["path", { d: "m16 16 6-6", key: "vzrcl6" }],
   ["path", { d: "m8 8 6-6", key: "18bi4p" }],
   ["path", { d: "m9 7 8 8", key: "5jnvq1" }],
   ["path", { d: "m21 11-8-8", key: "z4y7zo" }]
 ];
-const Gavel = createLucideIcon("gavel", __iconNode$1d);
+const Gavel = createLucideIcon("gavel", __iconNode$1e);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54353,13 +54768,13 @@ const Gavel = createLucideIcon("gavel", __iconNode$1d);
  */
 
 
-const __iconNode$1c = [
+const __iconNode$1d = [
   ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
 ];
-const GitBranch = createLucideIcon("git-branch", __iconNode$1c);
+const GitBranch = createLucideIcon("git-branch", __iconNode$1d);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54369,12 +54784,12 @@ const GitBranch = createLucideIcon("git-branch", __iconNode$1c);
  */
 
 
-const __iconNode$1b = [
+const __iconNode$1c = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ];
-const Globe = createLucideIcon("globe", __iconNode$1b);
+const Globe = createLucideIcon("globe", __iconNode$1c);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54384,7 +54799,7 @@ const Globe = createLucideIcon("globe", __iconNode$1b);
  */
 
 
-const __iconNode$1a = [
+const __iconNode$1b = [
   [
     "path",
     {
@@ -54395,7 +54810,7 @@ const __iconNode$1a = [
   ["path", { d: "M22 10v6", key: "1lu8f3" }],
   ["path", { d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5", key: "1r8lef" }]
 ];
-const GraduationCap = createLucideIcon("graduation-cap", __iconNode$1a);
+const GraduationCap = createLucideIcon("graduation-cap", __iconNode$1b);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54405,7 +54820,7 @@ const GraduationCap = createLucideIcon("graduation-cap", __iconNode$1a);
  */
 
 
-const __iconNode$19 = [
+const __iconNode$1a = [
   ["path", { d: "M14 18a2 2 0 0 0-4 0", key: "1v8fkw" }],
   [
     "path",
@@ -54418,7 +54833,7 @@ const __iconNode$19 = [
   ["circle", { cx: "17", cy: "18", r: "3", key: "82mm0e" }],
   ["circle", { cx: "7", cy: "18", r: "3", key: "lvkj7j" }]
 ];
-const HatGlasses = createLucideIcon("hat-glasses", __iconNode$19);
+const HatGlasses = createLucideIcon("hat-glasses", __iconNode$1a);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54428,13 +54843,13 @@ const HatGlasses = createLucideIcon("hat-glasses", __iconNode$19);
  */
 
 
-const __iconNode$18 = [
+const __iconNode$19 = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "m17 12 3-2v8", key: "1hhhft" }]
 ];
-const Heading1 = createLucideIcon("heading-1", __iconNode$18);
+const Heading1 = createLucideIcon("heading-1", __iconNode$19);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54444,13 +54859,13 @@ const Heading1 = createLucideIcon("heading-1", __iconNode$18);
  */
 
 
-const __iconNode$17 = [
+const __iconNode$18 = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
 ];
-const Heading2 = createLucideIcon("heading-2", __iconNode$17);
+const Heading2 = createLucideIcon("heading-2", __iconNode$18);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54460,14 +54875,14 @@ const Heading2 = createLucideIcon("heading-2", __iconNode$17);
  */
 
 
-const __iconNode$16 = [
+const __iconNode$17 = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
   ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
 ];
-const Heading3 = createLucideIcon("heading-3", __iconNode$16);
+const Heading3 = createLucideIcon("heading-3", __iconNode$17);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54477,12 +54892,12 @@ const Heading3 = createLucideIcon("heading-3", __iconNode$16);
  */
 
 
-const __iconNode$15 = [
+const __iconNode$16 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
 ];
-const Image$3 = createLucideIcon("image", __iconNode$15);
+const Image$3 = createLucideIcon("image", __iconNode$16);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54492,12 +54907,12 @@ const Image$3 = createLucideIcon("image", __iconNode$15);
  */
 
 
-const __iconNode$14 = [
+const __iconNode$15 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
 ];
-const Info$3 = createLucideIcon("info", __iconNode$14);
+const Info$3 = createLucideIcon("info", __iconNode$15);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54507,12 +54922,12 @@ const Info$3 = createLucideIcon("info", __iconNode$14);
  */
 
 
-const __iconNode$13 = [
+const __iconNode$14 = [
   ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
   ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
   ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
 ];
-const Italic$1 = createLucideIcon("italic", __iconNode$13);
+const Italic$1 = createLucideIcon("italic", __iconNode$14);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54522,7 +54937,7 @@ const Italic$1 = createLucideIcon("italic", __iconNode$13);
  */
 
 
-const __iconNode$12 = [
+const __iconNode$13 = [
   [
     "path",
     {
@@ -54532,7 +54947,7 @@ const __iconNode$12 = [
   ],
   ["circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor", key: "w0ekpg" }]
 ];
-const KeyRound = createLucideIcon("key-round", __iconNode$12);
+const KeyRound = createLucideIcon("key-round", __iconNode$13);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54542,7 +54957,7 @@ const KeyRound = createLucideIcon("key-round", __iconNode$12);
  */
 
 
-const __iconNode$11 = [
+const __iconNode$12 = [
   ["path", { d: "M10 18v-7", key: "wt116b" }],
   [
     "path",
@@ -54556,7 +54971,7 @@ const __iconNode$11 = [
   ["path", { d: "M3 22h18", key: "8prr45" }],
   ["path", { d: "M6 18v-7", key: "1ivflk" }]
 ];
-const Landmark = createLucideIcon("landmark", __iconNode$11);
+const Landmark = createLucideIcon("landmark", __iconNode$12);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54566,12 +54981,12 @@ const Landmark = createLucideIcon("landmark", __iconNode$11);
  */
 
 
-const __iconNode$10 = [
+const __iconNode$11 = [
   ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
   ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
   ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
 ];
-const Link2 = createLucideIcon("link-2", __iconNode$10);
+const Link2 = createLucideIcon("link-2", __iconNode$11);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54581,11 +54996,11 @@ const Link2 = createLucideIcon("link-2", __iconNode$10);
  */
 
 
-const __iconNode$$ = [
+const __iconNode$10 = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ];
-const Link$1 = createLucideIcon("link", __iconNode$$);
+const Link$1 = createLucideIcon("link", __iconNode$10);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54595,7 +55010,7 @@ const Link$1 = createLucideIcon("link", __iconNode$$);
  */
 
 
-const __iconNode$_ = [
+const __iconNode$$ = [
   ["path", { d: "M10 12h11", key: "6m4ad9" }],
   ["path", { d: "M10 18h11", key: "11hvi2" }],
   ["path", { d: "M10 6h11", key: "c7qv1k" }],
@@ -54603,7 +55018,7 @@ const __iconNode$_ = [
   ["path", { d: "M4 6h1v4", key: "cnovpq" }],
   ["path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1", key: "m9a95d" }]
 ];
-const ListOrdered = createLucideIcon("list-ordered", __iconNode$_);
+const ListOrdered = createLucideIcon("list-ordered", __iconNode$$);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54613,7 +55028,7 @@ const ListOrdered = createLucideIcon("list-ordered", __iconNode$_);
  */
 
 
-const __iconNode$Z = [
+const __iconNode$_ = [
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 18h.01", key: "1tta3j" }],
   ["path", { d: "M3 6h.01", key: "1rqtza" }],
@@ -54621,7 +55036,7 @@ const __iconNode$Z = [
   ["path", { d: "M8 18h13", key: "1lx6n3" }],
   ["path", { d: "M8 6h13", key: "ik3vkj" }]
 ];
-const List$1 = createLucideIcon("list", __iconNode$Z);
+const List$1 = createLucideIcon("list", __iconNode$_);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54631,8 +55046,8 @@ const List$1 = createLucideIcon("list", __iconNode$Z);
  */
 
 
-const __iconNode$Y = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$Y);
+const __iconNode$Z = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$Z);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54642,11 +55057,11 @@ const LoaderCircle = createLucideIcon("loader-circle", __iconNode$Y);
  */
 
 
-const __iconNode$X = [
+const __iconNode$Y = [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
 ];
-const Lock = createLucideIcon("lock", __iconNode$X);
+const Lock = createLucideIcon("lock", __iconNode$Y);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54656,11 +55071,11 @@ const Lock = createLucideIcon("lock", __iconNode$X);
  */
 
 
-const __iconNode$W = [
+const __iconNode$X = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
 ];
-const Mail = createLucideIcon("mail", __iconNode$W);
+const Mail = createLucideIcon("mail", __iconNode$X);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54670,10 +55085,10 @@ const Mail = createLucideIcon("mail", __iconNode$W);
  */
 
 
-const __iconNode$V = [
+const __iconNode$W = [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$V);
+const MessageSquare = createLucideIcon("message-square", __iconNode$W);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54683,12 +55098,12 @@ const MessageSquare = createLucideIcon("message-square", __iconNode$V);
  */
 
 
-const __iconNode$U = [
+const __iconNode$V = [
   ["path", { d: "M12 19v3", key: "npa21l" }],
   ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
   ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
 ];
-const Mic = createLucideIcon("mic", __iconNode$U);
+const Mic = createLucideIcon("mic", __iconNode$V);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54698,7 +55113,7 @@ const Mic = createLucideIcon("mic", __iconNode$U);
  */
 
 
-const __iconNode$T = [
+const __iconNode$U = [
   [
     "path",
     {
@@ -54707,7 +55122,7 @@ const __iconNode$T = [
     }
   ]
 ];
-const Paperclip = createLucideIcon("paperclip", __iconNode$T);
+const Paperclip = createLucideIcon("paperclip", __iconNode$U);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54717,7 +55132,7 @@ const Paperclip = createLucideIcon("paperclip", __iconNode$T);
  */
 
 
-const __iconNode$S = [
+const __iconNode$T = [
   ["path", { d: "M13 21h8", key: "1jsn5i" }],
   [
     "path",
@@ -54727,7 +55142,7 @@ const __iconNode$S = [
     }
   ]
 ];
-const PenLine = createLucideIcon("pen-line", __iconNode$S);
+const PenLine = createLucideIcon("pen-line", __iconNode$T);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54737,7 +55152,7 @@ const PenLine = createLucideIcon("pen-line", __iconNode$S);
  */
 
 
-const __iconNode$R = [
+const __iconNode$S = [
   [
     "path",
     {
@@ -54746,7 +55161,7 @@ const __iconNode$R = [
     }
   ]
 ];
-const Pen = createLucideIcon("pen", __iconNode$R);
+const Pen = createLucideIcon("pen", __iconNode$S);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54756,7 +55171,7 @@ const Pen = createLucideIcon("pen", __iconNode$R);
  */
 
 
-const __iconNode$Q = [
+const __iconNode$R = [
   [
     "path",
     {
@@ -54766,7 +55181,7 @@ const __iconNode$Q = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$Q);
+const Pencil = createLucideIcon("pencil", __iconNode$R);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54776,7 +55191,7 @@ const Pencil = createLucideIcon("pencil", __iconNode$Q);
  */
 
 
-const __iconNode$P = [
+const __iconNode$Q = [
   [
     "path",
     {
@@ -54785,7 +55200,7 @@ const __iconNode$P = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$P);
+const Play = createLucideIcon("play", __iconNode$Q);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54795,11 +55210,11 @@ const Play = createLucideIcon("play", __iconNode$P);
  */
 
 
-const __iconNode$O = [
+const __iconNode$P = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$O);
+const Plus = createLucideIcon("plus", __iconNode$P);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54809,12 +55224,12 @@ const Plus = createLucideIcon("plus", __iconNode$O);
  */
 
 
-const __iconNode$N = [
+const __iconNode$O = [
   ["path", { d: "M2 3h20", key: "91anmk" }],
   ["path", { d: "M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3", key: "2k9sn8" }],
   ["path", { d: "m7 21 5-5 5 5", key: "bip4we" }]
 ];
-const Presentation = createLucideIcon("presentation", __iconNode$N);
+const Presentation = createLucideIcon("presentation", __iconNode$O);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54824,7 +55239,7 @@ const Presentation = createLucideIcon("presentation", __iconNode$N);
  */
 
 
-const __iconNode$M = [
+const __iconNode$N = [
   [
     "path",
     {
@@ -54833,7 +55248,7 @@ const __iconNode$M = [
     }
   ]
 ];
-const Puzzle = createLucideIcon("puzzle", __iconNode$M);
+const Puzzle = createLucideIcon("puzzle", __iconNode$N);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54843,7 +55258,7 @@ const Puzzle = createLucideIcon("puzzle", __iconNode$M);
  */
 
 
-const __iconNode$L = [
+const __iconNode$M = [
   [
     "path",
     {
@@ -54859,7 +55274,7 @@ const __iconNode$L = [
     }
   ]
 ];
-const Quote = createLucideIcon("quote", __iconNode$L);
+const Quote = createLucideIcon("quote", __iconNode$M);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54869,14 +55284,14 @@ const Quote = createLucideIcon("quote", __iconNode$L);
  */
 
 
-const __iconNode$K = [
+const __iconNode$L = [
   ["path", { d: "M16.247 7.761a6 6 0 0 1 0 8.478", key: "1fwjs5" }],
   ["path", { d: "M19.075 4.933a10 10 0 0 1 0 14.134", key: "ehdyv1" }],
   ["path", { d: "M4.925 19.067a10 10 0 0 1 0-14.134", key: "1q22gi" }],
   ["path", { d: "M7.753 16.239a6 6 0 0 1 0-8.478", key: "r2q7qm" }],
   ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }]
 ];
-const Radio$1 = createLucideIcon("radio", __iconNode$K);
+const Radio$1 = createLucideIcon("radio", __iconNode$L);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54886,13 +55301,13 @@ const Radio$1 = createLucideIcon("radio", __iconNode$K);
  */
 
 
-const __iconNode$J = [
+const __iconNode$K = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$J);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$K);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54902,13 +55317,13 @@ const RefreshCw = createLucideIcon("refresh-cw", __iconNode$J);
  */
 
 
-const __iconNode$I = [
+const __iconNode$J = [
   ["path", { d: "m17 2 4 4-4 4", key: "nntrym" }],
   ["path", { d: "M3 11v-1a4 4 0 0 1 4-4h14", key: "84bu3i" }],
   ["path", { d: "m7 22-4-4 4-4", key: "1wqhfi" }],
   ["path", { d: "M21 13v1a4 4 0 0 1-4 4H3", key: "1rx37r" }]
 ];
-const Repeat = createLucideIcon("repeat", __iconNode$I);
+const Repeat = createLucideIcon("repeat", __iconNode$J);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54918,11 +55333,11 @@ const Repeat = createLucideIcon("repeat", __iconNode$I);
  */
 
 
-const __iconNode$H = [
+const __iconNode$I = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
 ];
-const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$H);
+const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$I);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54932,11 +55347,11 @@ const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$H);
  */
 
 
-const __iconNode$G = [
+const __iconNode$H = [
   ["path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8", key: "1p45f6" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }]
 ];
-const RotateCw = createLucideIcon("rotate-cw", __iconNode$G);
+const RotateCw = createLucideIcon("rotate-cw", __iconNode$H);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54946,7 +55361,7 @@ const RotateCw = createLucideIcon("rotate-cw", __iconNode$G);
  */
 
 
-const __iconNode$F = [
+const __iconNode$G = [
   [
     "path",
     {
@@ -54957,7 +55372,7 @@ const __iconNode$F = [
   ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
   ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
 ];
-const Save = createLucideIcon("save", __iconNode$F);
+const Save = createLucideIcon("save", __iconNode$G);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54967,7 +55382,7 @@ const Save = createLucideIcon("save", __iconNode$F);
  */
 
 
-const __iconNode$E = [
+const __iconNode$F = [
   ["path", { d: "M14 22v-4a2 2 0 1 0-4 0v4", key: "hhkicm" }],
   [
     "path",
@@ -54981,7 +55396,7 @@ const __iconNode$E = [
   ["path", { d: "M6 5v17", key: "1xfsm0" }],
   ["circle", { cx: "12", cy: "9", r: "2", key: "1092wv" }]
 ];
-const School = createLucideIcon("school", __iconNode$E);
+const School = createLucideIcon("school", __iconNode$F);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -54991,14 +55406,14 @@ const School = createLucideIcon("school", __iconNode$E);
  */
 
 
-const __iconNode$D = [
+const __iconNode$E = [
   ["path", { d: "M13 3H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-3", key: "i8wdob" }],
   ["path", { d: "M8 21h8", key: "1ev6f3" }],
   ["path", { d: "M12 17v4", key: "1riwvh" }],
   ["path", { d: "m17 8 5-5", key: "fqif7o" }],
   ["path", { d: "M17 3h5v5", key: "1o3tu8" }]
 ];
-const ScreenShare = createLucideIcon("screen-share", __iconNode$D);
+const ScreenShare = createLucideIcon("screen-share", __iconNode$E);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55008,7 +55423,7 @@ const ScreenShare = createLucideIcon("screen-share", __iconNode$D);
  */
 
 
-const __iconNode$C = [
+const __iconNode$D = [
   ["path", { d: "M15 12h-5", key: "r7krc0" }],
   ["path", { d: "M15 8h-5", key: "1khuty" }],
   ["path", { d: "M19 17V5a2 2 0 0 0-2-2H4", key: "zz82l3" }],
@@ -55020,7 +55435,7 @@ const __iconNode$C = [
     }
   ]
 ];
-const ScrollText = createLucideIcon("scroll-text", __iconNode$C);
+const ScrollText = createLucideIcon("scroll-text", __iconNode$D);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55030,11 +55445,11 @@ const ScrollText = createLucideIcon("scroll-text", __iconNode$C);
  */
 
 
-const __iconNode$B = [
+const __iconNode$C = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$B);
+const Search = createLucideIcon("search", __iconNode$C);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55044,7 +55459,7 @@ const Search = createLucideIcon("search", __iconNode$B);
  */
 
 
-const __iconNode$A = [
+const __iconNode$B = [
   [
     "path",
     {
@@ -55054,7 +55469,23 @@ const __iconNode$A = [
   ],
   ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
 ];
-const Send = createLucideIcon("send", __iconNode$A);
+const Send = createLucideIcon("send", __iconNode$B);
+
+/**
+ * @license lucide-react v0.528.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$A = [
+  ["rect", { width: "20", height: "8", x: "2", y: "2", rx: "2", ry: "2", key: "ngkwjq" }],
+  ["rect", { width: "20", height: "8", x: "2", y: "14", rx: "2", ry: "2", key: "iecqi9" }],
+  ["line", { x1: "6", x2: "6.01", y1: "6", y2: "6", key: "16zg32" }],
+  ["line", { x1: "6", x2: "6.01", y1: "18", y2: "18", key: "nzw8ys" }]
+];
+const Server = createLucideIcon("server", __iconNode$A);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -62243,150 +62674,6 @@ var dist = Gravatar;
 
 var Gravatar$1 = /*@__PURE__*/getDefaultExportFromCjs(dist);
 
-var SWITCH_NAME = "Switch";
-var [createSwitchContext, createSwitchScope] = createContextScope$1(SWITCH_NAME);
-var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
-var Switch$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeSwitch,
-      name,
-      checked: checkedProp,
-      defaultChecked,
-      required,
-      disabled,
-      value = "on",
-      onCheckedChange,
-      form,
-      ...switchProps
-    } = props;
-    const [button, setButton] = React.useState(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, (node) => setButton(node));
-    const hasConsumerStoppedPropagationRef = React.useRef(false);
-    const isFormControl = button ? form || !!button.closest("form") : true;
-    const [checked, setChecked] = useControllableState$1({
-      prop: checkedProp,
-      defaultProp: defaultChecked ?? false,
-      onChange: onCheckedChange,
-      caller: SWITCH_NAME
-    });
-    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [
-      /* @__PURE__ */ jsx(
-        Primitive$3.button,
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": checked,
-          "aria-required": required,
-          "data-state": getState$2(checked),
-          "data-disabled": disabled ? "" : void 0,
-          disabled,
-          value,
-          ...switchProps,
-          ref: composedRefs,
-          onClick: composeEventHandlers$1(props.onClick, (event) => {
-            setChecked((prevChecked) => !prevChecked);
-            if (isFormControl) {
-              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
-              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
-            }
-          })
-        }
-      ),
-      isFormControl && /* @__PURE__ */ jsx(
-        SwitchBubbleInput,
-        {
-          control: button,
-          bubbles: !hasConsumerStoppedPropagationRef.current,
-          name,
-          value,
-          checked,
-          required,
-          disabled,
-          form,
-          style: { transform: "translateX(-100%)" }
-        }
-      )
-    ] });
-  }
-);
-Switch$1.displayName = SWITCH_NAME;
-var THUMB_NAME = "SwitchThumb";
-var SwitchThumb = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSwitch, ...thumbProps } = props;
-    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
-    return /* @__PURE__ */ jsx(
-      Primitive$3.span,
-      {
-        "data-state": getState$2(context.checked),
-        "data-disabled": context.disabled ? "" : void 0,
-        ...thumbProps,
-        ref: forwardedRef
-      }
-    );
-  }
-);
-SwitchThumb.displayName = THUMB_NAME;
-var BUBBLE_INPUT_NAME = "SwitchBubbleInput";
-var SwitchBubbleInput = React.forwardRef(
-  ({
-    __scopeSwitch,
-    control,
-    checked,
-    bubbles = true,
-    ...props
-  }, forwardedRef) => {
-    const ref = React.useRef(null);
-    const composedRefs = useComposedRefs$1(ref, forwardedRef);
-    const prevChecked = usePrevious$1(checked);
-    const controlSize = useSize$1(control);
-    React.useEffect(() => {
-      const input = ref.current;
-      if (!input) return;
-      const inputProto = window.HTMLInputElement.prototype;
-      const descriptor = Object.getOwnPropertyDescriptor(
-        inputProto,
-        "checked"
-      );
-      const setChecked = descriptor.set;
-      if (prevChecked !== checked && setChecked) {
-        const event = new Event("click", { bubbles });
-        setChecked.call(input, checked);
-        input.dispatchEvent(event);
-      }
-    }, [prevChecked, checked, bubbles]);
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "checkbox",
-        "aria-hidden": true,
-        defaultChecked: checked,
-        ...props,
-        tabIndex: -1,
-        ref: composedRefs,
-        style: {
-          ...props.style,
-          ...controlSize,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }
-    );
-  }
-);
-SwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;
-function getState$2(checked) {
-  return checked ? "checked" : "unchecked";
-}
-var Root$9 = Switch$1;
-var Thumb = SwitchThumb;
-
-const Switch = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$9, { className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref, children: jsx(Thumb, { className: cn("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") }) })));
-Switch.displayName = Root$9.displayName;
-
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -62607,7 +62894,7 @@ var Arrow$1 = React.forwardRef((props, forwardedRef) => {
   );
 });
 Arrow$1.displayName = NAME$4;
-var Root$8 = Arrow$1;
+var Root$9 = Arrow$1;
 
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope$1(POPPER_NAME);
@@ -62815,7 +63102,7 @@ var PopperArrow = React.forwardRef(function PopperArrow2(props, forwardedRef) {
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ jsx(
-          Root$8,
+          Root$9,
           {
             ...arrowProps,
             ref: forwardedRef,
@@ -62912,7 +63199,7 @@ var VisuallyHidden = React.forwardRef(
   }
 );
 VisuallyHidden.displayName = NAME$3;
-var Root$7 = VisuallyHidden;
+var Root$8 = VisuallyHidden;
 
 var [createTooltipContext, createTooltipScope] = createContextScope$1("Tooltip", [
   createPopperScope
@@ -63245,7 +63532,7 @@ var TooltipContentImpl = React.forwardRef(
             },
             children: [
               /* @__PURE__ */ jsx(Slottable$2, { children }),
-              /* @__PURE__ */ jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsx(Root$7, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
+              /* @__PURE__ */ jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsx(Root$8, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
             ]
           }
         )
@@ -63402,6 +63689,150 @@ function TooltipContent({ className, sideOffset = 0, children, ...props }) {
     return (jsx(Portal$2, { children: jsxs(Content2$4, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className), ...props, children: [children, jsx(Arrow2$1, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] }) }));
 }
 
+var SWITCH_NAME = "Switch";
+var [createSwitchContext, createSwitchScope] = createContextScope$1(SWITCH_NAME);
+var [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);
+var Switch$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeSwitch,
+      name,
+      checked: checkedProp,
+      defaultChecked,
+      required,
+      disabled,
+      value = "on",
+      onCheckedChange,
+      form,
+      ...switchProps
+    } = props;
+    const [button, setButton] = React.useState(null);
+    const composedRefs = useComposedRefs$1(forwardedRef, (node) => setButton(node));
+    const hasConsumerStoppedPropagationRef = React.useRef(false);
+    const isFormControl = button ? form || !!button.closest("form") : true;
+    const [checked, setChecked] = useControllableState$1({
+      prop: checkedProp,
+      defaultProp: defaultChecked ?? false,
+      onChange: onCheckedChange,
+      caller: SWITCH_NAME
+    });
+    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [
+      /* @__PURE__ */ jsx(
+        Primitive$3.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": checked,
+          "aria-required": required,
+          "data-state": getState$2(checked),
+          "data-disabled": disabled ? "" : void 0,
+          disabled,
+          value,
+          ...switchProps,
+          ref: composedRefs,
+          onClick: composeEventHandlers$1(props.onClick, (event) => {
+            setChecked((prevChecked) => !prevChecked);
+            if (isFormControl) {
+              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+            }
+          })
+        }
+      ),
+      isFormControl && /* @__PURE__ */ jsx(
+        SwitchBubbleInput,
+        {
+          control: button,
+          bubbles: !hasConsumerStoppedPropagationRef.current,
+          name,
+          value,
+          checked,
+          required,
+          disabled,
+          form,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+Switch$1.displayName = SWITCH_NAME;
+var THUMB_NAME = "SwitchThumb";
+var SwitchThumb = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSwitch, ...thumbProps } = props;
+    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
+    return /* @__PURE__ */ jsx(
+      Primitive$3.span,
+      {
+        "data-state": getState$2(context.checked),
+        "data-disabled": context.disabled ? "" : void 0,
+        ...thumbProps,
+        ref: forwardedRef
+      }
+    );
+  }
+);
+SwitchThumb.displayName = THUMB_NAME;
+var BUBBLE_INPUT_NAME = "SwitchBubbleInput";
+var SwitchBubbleInput = React.forwardRef(
+  ({
+    __scopeSwitch,
+    control,
+    checked,
+    bubbles = true,
+    ...props
+  }, forwardedRef) => {
+    const ref = React.useRef(null);
+    const composedRefs = useComposedRefs$1(ref, forwardedRef);
+    const prevChecked = usePrevious$1(checked);
+    const controlSize = useSize$1(control);
+    React.useEffect(() => {
+      const input = ref.current;
+      if (!input) return;
+      const inputProto = window.HTMLInputElement.prototype;
+      const descriptor = Object.getOwnPropertyDescriptor(
+        inputProto,
+        "checked"
+      );
+      const setChecked = descriptor.set;
+      if (prevChecked !== checked && setChecked) {
+        const event = new Event("click", { bubbles });
+        setChecked.call(input, checked);
+        input.dispatchEvent(event);
+      }
+    }, [prevChecked, checked, bubbles]);
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "checkbox",
+        "aria-hidden": true,
+        defaultChecked: checked,
+        ...props,
+        tabIndex: -1,
+        ref: composedRefs,
+        style: {
+          ...props.style,
+          ...controlSize,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+SwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;
+function getState$2(checked) {
+  return checked ? "checked" : "unchecked";
+}
+var Root$7 = Switch$1;
+var Thumb = SwitchThumb;
+
+const Switch = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$7, { className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref, children: jsx(Thumb, { className: cn("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") }) })));
+Switch.displayName = Root$7.displayName;
+
 // packages/react/context/src/createContext.tsx
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
@@ -63695,7 +64126,323 @@ var Indicator$1 = ProgressIndicator;
 const Progress = React.forwardRef(({ className, value, ...props }, ref) => (jsx(Root$6, { ref: ref, className: cn('bg-secondary relative h-4 w-full overflow-hidden rounded-full', className), ...props, children: jsx(Indicator$1, { className: "bg-primary h-full w-full flex-1 transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
 Progress.displayName = Root$6.displayName;
 
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function createSlottable(ownerName) {
+  const Slottable2 = ({ children }) => {
+    return /* @__PURE__ */ jsx(Fragment$1, { children });
+  };
+  Slottable2.displayName = `${ownerName}.Slottable`;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
+  return Slottable2;
+}
+
+var ROOT_NAME = "AlertDialog";
+var [createAlertDialogContext, createAlertDialogScope] = createContextScope$1(ROOT_NAME, [
+  createDialogScope
+]);
+var useDialogScope = createDialogScope();
+var AlertDialog$1 = (props) => {
+  const { __scopeAlertDialog, ...alertDialogProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });
+};
+AlertDialog$1.displayName = ROOT_NAME;
+var TRIGGER_NAME$3 = "AlertDialogTrigger";
+var AlertDialogTrigger = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...triggerProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });
+  }
+);
+AlertDialogTrigger.displayName = TRIGGER_NAME$3;
+var PORTAL_NAME$3 = "AlertDialogPortal";
+var AlertDialogPortal$1 = (props) => {
+  const { __scopeAlertDialog, ...portalProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });
+};
+AlertDialogPortal$1.displayName = PORTAL_NAME$3;
+var OVERLAY_NAME = "AlertDialogOverlay";
+var AlertDialogOverlay$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...overlayProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
+  }
+);
+AlertDialogOverlay$1.displayName = OVERLAY_NAME;
+var CONTENT_NAME$4 = "AlertDialogContent";
+var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME$4);
+var Slottable = createSlottable("AlertDialogContent");
+var AlertDialogContent$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, children, ...contentProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const contentRef = React.useRef(null);
+    const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
+    const cancelRef = React.useRef(null);
+    return /* @__PURE__ */ jsx(
+      DialogPrimitive.WarningProvider,
+      {
+        contentName: CONTENT_NAME$4,
+        titleName: TITLE_NAME,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(
+          DialogPrimitive.Content,
+          {
+            role: "alertdialog",
+            ...dialogScope,
+            ...contentProps,
+            ref: composedRefs,
+            onOpenAutoFocus: composeEventHandlers$2(contentProps.onOpenAutoFocus, (event) => {
+              event.preventDefault();
+              cancelRef.current?.focus({ preventScroll: true });
+            }),
+            onPointerDownOutside: (event) => event.preventDefault(),
+            onInteractOutside: (event) => event.preventDefault(),
+            children: [
+              /* @__PURE__ */ jsx(Slottable, { children }),
+              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+AlertDialogContent$1.displayName = CONTENT_NAME$4;
+var TITLE_NAME = "AlertDialogTitle";
+var AlertDialogTitle$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...titleProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });
+  }
+);
+AlertDialogTitle$1.displayName = TITLE_NAME;
+var DESCRIPTION_NAME = "AlertDialogDescription";
+var AlertDialogDescription$1 = React.forwardRef((props, forwardedRef) => {
+  const { __scopeAlertDialog, ...descriptionProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
+});
+AlertDialogDescription$1.displayName = DESCRIPTION_NAME;
+var ACTION_NAME = "AlertDialogAction";
+var AlertDialogAction$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...actionProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });
+  }
+);
+AlertDialogAction$1.displayName = ACTION_NAME;
+var CANCEL_NAME = "AlertDialogCancel";
+var AlertDialogCancel$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...cancelProps } = props;
+    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const ref = useComposedRefs$1(forwardedRef, cancelRef);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });
+  }
+);
+AlertDialogCancel$1.displayName = CANCEL_NAME;
+var DescriptionWarning = ({ contentRef }) => {
+  const MESSAGE = `\`${CONTENT_NAME$4}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${CONTENT_NAME$4}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME$4}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  React.useEffect(() => {
+    const hasDescription = document.getElementById(
+      contentRef.current?.getAttribute("aria-describedby")
+    );
+    if (!hasDescription) console.warn(MESSAGE);
+  }, [MESSAGE, contentRef]);
+  return null;
+};
+var Root2$4 = AlertDialog$1;
+var Portal2$1 = AlertDialogPortal$1;
+var Overlay2 = AlertDialogOverlay$1;
+var Content2$3 = AlertDialogContent$1;
+var Action = AlertDialogAction$1;
+var Cancel = AlertDialogCancel$1;
+var Title2 = AlertDialogTitle$1;
+var Description2 = AlertDialogDescription$1;
+
+const AlertDialog = Root2$4;
+const AlertDialogPortal = Portal2$1;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay2, { className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', className), ...props, ref: ref })));
+AlertDialogOverlay.displayName = Overlay2.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (jsxs(AlertDialogPortal, { children: [jsx(AlertDialogOverlay, {}), jsx(Content2$3, { ref: ref, className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg', className), ...props })] })));
+AlertDialogContent.displayName = Content2$3.displayName;
+const AlertDialogHeader = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+const AlertDialogFooter = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
+AlertDialogFooter.displayName = 'AlertDialogFooter';
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (jsx(Title2, { ref: ref, className: cn('text-lg font-semibold', className), ...props })));
+AlertDialogTitle.displayName = Title2.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (jsx(Description2, { ref: ref, className: cn('text-muted-foreground text-sm', className), ...props })));
+AlertDialogDescription.displayName = Description2.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (jsx(Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
+AlertDialogAction.displayName = Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (jsx(Cancel, { ref: ref, className: cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
+AlertDialogCancel.displayName = Cancel.displayName;
+
 const LOCAL_LLM_ENABLED_KEY = 'ibl_local_llm_enabled';
+const LOCAL_LLM_MODEL_KEY = 'ibl_local_llm_model';
+const LOCAL_LLM_TOOL_SUPPORT_KEY = 'ibl_local_llm_tool_support';
+/**
+ * Curated catalog of small, on-device-friendly models from the Ollama library
+ * (https://ollama.com/library). The model manager itself (Ollama) is not a
+ * model and is intentionally absent — enabling Local Models installs it.
+ */
+// `tool_support` reflects whether the model advertises Tools / function calling
+// on its Ollama library page (ollama.com/library/<model>), used by the host to
+// route to the MCP/tool proxy on :8000 vs plain Ollama on :11434. Verified Jun
+// 2026 from the per-model capability badges; adjust as Ollama support changes.
+// Only tool / function-calling capable models are listed (the local manager is
+// for tool-using chat). `tool_support` is kept on the type/contract — persisted
+// on select and read by the host to route to the MCP/tool proxy (:8000).
+const LOCAL_MODELS = [
+    { name: 'Phi-4 Mini', provider: 'Microsoft', id: 'phi4-mini:latest', size: '2.5 GB', tool_support: true },
+    { name: 'Llama 3.2', provider: 'Meta', id: 'llama3.2', size: '2.0 GB', tool_support: true },
+    { name: 'Qwen 3', provider: 'Alibaba', id: 'qwen3', size: '5.2 GB', tool_support: true },
+    { name: 'Mistral', provider: 'Mistral AI', id: 'mistral', size: '4.4 GB', tool_support: true },
+    { name: 'DeepSeek-R1', provider: 'DeepSeek', id: 'deepseek-r1', size: '5.2 GB', tool_support: true },
+    { name: 'Granite 4.1', provider: 'IBM', id: 'granite4.1:8b', size: '5.3 GB', tool_support: true },
+    { name: 'GPT-OSS 20B', provider: 'OpenAI', id: 'gpt-oss:20b', size: '14 GB', tool_support: true },
+    // Larger models. Sizes use "GB" so they parse for the System Control size gate
+    // (only models above the configured gate can use System Control).
+    { name: 'Qwen 3.6', provider: 'Alibaba', id: 'qwen3.6:latest', size: '24 GB', tool_support: true },
+    { name: 'Gemma 4 31B', provider: 'Google', id: 'gemma4:31b', size: '20 GB', tool_support: true },
+    { name: 'Nemotron 3 33B', provider: 'NVIDIA', id: 'nemotron3:33b', size: '28 GB', tool_support: true },
+    { name: 'Nemotron 3 Super 120B', provider: 'NVIDIA', id: 'nemotron-3-super:120b', size: '87 GB', tool_support: true },
+];
+/** The model wired to the existing single-model download flow (default selection). */
+const PRIMARY_MODEL_ID = 'phi4-mini:latest';
+/**
+ * Whether a catalog model id (e.g. "llama3.2", "phi3:mini") is present among the
+ * installed Ollama tags reported by the backend (e.g. "llama3.2:latest"). Matches
+ * an exact tag or the same base model with any tag suffix, so a model pulled as
+ * `<id>:latest` still counts as installed.
+ */
+function isModelInstalled(modelId, installedTags) {
+    if (!installedTags)
+        return false;
+    return installedTags.some((tag) => tag === modelId || tag.startsWith(`${modelId}:`));
+}
+/**
+ * Whether a model id is an Ollama cloud-hosted model — either the plain ":cloud"
+ * tag (e.g. "glm-5.2:cloud") or a sized cloud tag (e.g. "gemma4:31b-cloud").
+ * Cloud models run on Ollama's servers, so they are available by default — never
+ * downloaded, no local memory required, always "ready".
+ */
+function isCloudModelId(modelId) {
+    return (modelId.endsWith(':cloud') ||
+        (modelId.includes(':') && modelId.endsWith('-cloud')));
+}
+/**
+ * Fraction of the machine's memory above which a model is treated as "too large"
+ * and a confirmation is required before downloading. TESTING VALUE — set low (1%)
+ * so the warning is easy to trigger; raise toward real capacity (e.g. 0.8) later.
+ */
+const MODEL_SIZE_WARN_FRACTION = 0.01;
+/** Multipliers for the size units used in the catalog (binary / 1024-based). */
+const SIZE_UNIT_BYTES = {
+    B: 1,
+    KB: 1024,
+    MB: 1024 ** 2,
+    GB: 1024 ** 3,
+    TB: 1024 ** 4,
+};
+/**
+ * Parse a human catalog size like "2.2 GB" into bytes, or null if unrecognized.
+ */
+function parseModelSizeBytes(size) {
+    var _a;
+    const match = /([\d.]+)\s*(TB|GB|MB|KB|B)/i.exec(size);
+    if (!match)
+        return null;
+    const value = parseFloat(match[1]);
+    if (Number.isNaN(value))
+        return null;
+    return value * ((_a = SIZE_UNIT_BYTES[match[2].toUpperCase()]) !== null && _a !== void 0 ? _a : 1);
+}
+/** Format a byte count as a short, human-readable size (e.g. "16.0 GB"). */
+function formatBytes(bytes) {
+    if (bytes <= 0)
+        return '0 GB';
+    const gb = bytes / 1024 ** 3;
+    if (gb >= 1)
+        return `${gb.toFixed(1)} GB`;
+    return `${Math.round(bytes / 1024 ** 2)} MB`;
+}
+/**
+ * The memory a model can use on this machine: the larger of system RAM and GPU
+ * VRAM (a model runs in one or the other). Returns 0 when memory is unknown.
+ */
+function usableMemoryBytes(systemMemory) {
+    if (!systemMemory)
+        return 0;
+    return Math.max(systemMemory.ram_total, systemMemory.vram_total);
+}
+/**
+ * Whether `model` is large enough relative to this machine's memory to warrant a
+ * "might not run" confirmation. False when memory or the model size is unknown,
+ * so the download simply proceeds rather than warning on incomplete data.
+ */
+function modelExceedsCapacity(model, systemMemory) {
+    const capacity = usableMemoryBytes(systemMemory);
+    const modelBytes = parseModelSizeBytes(model.size);
+    if (modelBytes == null)
+        return false;
+    return modelBytes > capacity * MODEL_SIZE_WARN_FRACTION;
+}
+/**
+ * Default minimum model size (GB) that can use the System Control Manager
+ * (GhostOS MCP/tools). Smaller models don't support tools/MCP well, so the
+ * manager is gated to models above this size. Per-app overridable via the
+ * System Control card's `requiredSizeGb` prop (see SystemControlTabProps).
+ */
+const DEFAULT_SYSTEM_CONTROL_REQUIRED_SIZE_GB = 12;
+/**
+ * Whether the given model (by Ollama id) is large enough to use the System
+ * Control Manager — i.e. its catalog size exceeds `gb` (default
+ * {@link DEFAULT_SYSTEM_CONTROL_REQUIRED_SIZE_GB}). Unknown ids or unparseable
+ * sizes return false (gated off).
+ */
+function modelSupportsSystemControl(modelId, gb = DEFAULT_SYSTEM_CONTROL_REQUIRED_SIZE_GB) {
+    if (!modelId)
+        return false;
+    const model = LOCAL_MODELS.find((m) => m.id === modelId);
+    if (!model)
+        return false;
+    const bytes = parseModelSizeBytes(model.size);
+    if (bytes == null)
+        return false;
+    return bytes > gb * 1024 ** 3;
+}
+/**
+ * The smallest catalog model that can use the System Control Manager (size
+ * exceeds `gb`), or null if none qualify. Used by the "Upgrade" action to pick
+ * the lightest capable model. Ties / unparseable sizes sort last.
+ */
+function smallestSystemControlModel(gb = DEFAULT_SYSTEM_CONTROL_REQUIRED_SIZE_GB) {
+    const usable = LOCAL_MODELS.filter((m) => modelSupportsSystemControl(m.id, gb));
+    if (usable.length === 0)
+        return null;
+    return usable.reduce((smallest, m) => {
+        var _a, _b;
+        const a = (_a = parseModelSizeBytes(m.size)) !== null && _a !== void 0 ? _a : Infinity;
+        const b = (_b = parseModelSizeBytes(smallest.size)) !== null && _b !== void 0 ? _b : Infinity;
+        return a < b ? m : smallest;
+    });
+}
 /**
  * Check if local LLM is enabled from localStorage
  */
@@ -63712,13 +64459,75 @@ function setLocalLLMEnabled(enabled) {
         return;
     localStorage.setItem(LOCAL_LLM_ENABLED_KEY, String(enabled));
 }
-function LocalLLMTab({ isAvailable, state, ollamaStatus, isUsingFoundry = false, foundryModels = [], selectedFoundryModel = null, foundryStatus, onStartDownload, onCancelDownload, onInstallOllama, onInstallFoundry, onCheckStatus, onResetState, onSelectFoundryModel, }) {
-    var _a, _b, _c, _d, _e;
+/**
+ * Get the model the user has chosen to chat with (Ollama pull id), or null.
+ */
+function getLocalLLMModel() {
+    if (typeof window === 'undefined')
+        return null;
+    return localStorage.getItem(LOCAL_LLM_MODEL_KEY);
+}
+/**
+ * Set the model the user has chosen to chat with (Ollama pull id).
+ */
+function setLocalLLMModel(modelId) {
+    if (typeof window === 'undefined')
+        return;
+    localStorage.setItem(LOCAL_LLM_MODEL_KEY, modelId);
+}
+/**
+ * Whether the model the user selected supports tools / function calling
+ * (persisted alongside the model id). The host (e.g. ghost-os) reads this to
+ * route chat to the MCP/tool proxy (:8000) vs plain Ollama (:11434). Defaults to
+ * false when unknown. See {@link LocalModel.tool_support}.
+ */
+function getLocalLLMToolSupport() {
+    if (typeof window === 'undefined')
+        return false;
+    return localStorage.getItem(LOCAL_LLM_TOOL_SUPPORT_KEY) === 'true';
+}
+/**
+ * Persist whether the selected model supports tools (set when a model is chosen).
+ */
+function setLocalLLMToolSupport(toolSupport) {
+    if (typeof window === 'undefined')
+        return;
+    localStorage.setItem(LOCAL_LLM_TOOL_SUPPORT_KEY, String(toolSupport));
+}
+function LocalLLMTab({ isAvailable, state, ollamaStatus, systemMemory, isUsingFoundry = false, foundryModels = [], selectedFoundryModel = null, foundryStatus, onStartDownload, onCancelDownload, onInstallOllama, onStopManager, onInstallFoundry, onCheckStatus, onResetState, onSelectFoundryModel, }) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    // Direct Tauri access so the model-size check can read system memory fresh at
+    // download-click time (the threaded `systemMemory` prop is only a fast path).
+    const { invoke } = useTauri();
     const isDownloading = state.status === 'downloading';
-    const isModelReady = state.status === 'completed' || (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.model_installed);
     const isManagerInstalling = state.managerInstalling || (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installing);
     // User preference state - independent of whether model is installed
     const [isEnabled, setIsEnabled] = useState(() => isLocalLLMEnabled());
+    // Which model the shared download flow currently targets. Prefer the model
+    // recorded in the persisted download state, so the correct row shows progress
+    // even after the dialog is closed and reopened mid-download; fall back to a
+    // local value for immediate feedback the instant a Download button is clicked.
+    const [localActiveModelId, setLocalActiveModelId] = useState(PRIMARY_MODEL_ID);
+    const activeModelId = state.status === 'downloading' && state.activeModel ? state.activeModel : localActiveModelId;
+    // Which model the user has chosen to chat with (exclusive selection).
+    const [selectedModelId, setSelectedModelId] = useState(() => getLocalLLMModel() || PRIMARY_MODEL_ID);
+    // A model the user asked to download that is large relative to this machine's
+    // memory. Set when we need the user to confirm a "might not run" warning before
+    // starting the download; null when no confirmation is pending.
+    const [pendingModel, setPendingModel] = useState(null);
+    // "Enable Local Models" === run the model manager (Ollama). The toggle is a
+    // user preference that is always operable: turning it on installs (if needed)
+    // and starts the manager; turning it off stops it. The card + model table are
+    // shown whenever the toggle is on (or mid-install), independent of install
+    // state, so the user always gets feedback for their choice.
+    const managerRunning = (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.running) === true;
+    const localModelsEnabled = isEnabled || isManagerInstalling;
+    // A model can be chosen for chat only once it is downloaded/ready. The backend
+    // reports every installed model tag, so any downloaded model qualifies.
+    const selectedModelReady = isCloudModelId(selectedModelId) ||
+        isModelInstalled(selectedModelId, ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed_models) ||
+        (selectedModelId === PRIMARY_MODEL_ID &&
+            (state.status === 'completed' || (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.model_installed) === true));
     // Track previous model installation state to detect when it first becomes installed
     const [, setWasModelInstalled] = useState(() => {
         return (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.model_installed) === true;
@@ -63737,21 +64546,35 @@ function LocalLLMTab({ isAvailable, state, ollamaStatus, isUsingFoundry = false,
         const isNowInstalled = (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.model_installed) === true;
         setWasModelInstalled(isNowInstalled);
     }, [ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.model_installed]);
-    // Sync localStorage when user preference changes
+    // Sync the app-facing "local LLM enabled" flag. It means "local models are
+    // usable" (manager + a model ready), which is what the rest of the app reads.
     useEffect(() => {
-        // Save enabled state: when user enables it AND system is ready,
-        // it should stay enabled (even in offline mode)
-        if (isEnabled && isFullyReady) {
-            setLocalLLMEnabled(true);
-        }
-        else if (!isEnabled) {
-            // User explicitly disabled it
-            setLocalLLMEnabled(false);
+        if (isUsingFoundry) {
+            if (isEnabled && isFullyReady) {
+                setLocalLLMEnabled(true);
+            }
+            else if (!isEnabled) {
+                setLocalLLMEnabled(false);
+            }
         }
-        // If user enabled but system not ready, don't save yet
-    }, [isEnabled, isFullyReady]);
+        else {
+            // Ollama path: the app-facing flag mirrors the user's toggle choice so the
+            // rest of the app uses local models exactly when the user asked for it.
+            setLocalLLMEnabled(isEnabled);
+        }
+    }, [isEnabled, isFullyReady, isUsingFoundry]);
+    // While Local Models is enabled but the manager isn't running yet (it may still
+    // be starting, or an earlier status check ran before Ollama was up and answered),
+    // keep re-checking so the card flips to "Running" as soon as Ollama answers —
+    // instead of being stuck showing a stale "stopped". Stops once running/disabled.
+    useEffect(() => {
+        if (isUsingFoundry || !isEnabled || managerRunning)
+            return;
+        const id = setInterval(() => onCheckStatus(), 2500);
+        return () => clearInterval(id);
+    }, [isUsingFoundry, isEnabled, managerRunning, onCheckStatus]);
     if (!isAvailable) {
-        return (jsx("div", { className: "max-w-2xl space-y-6", children: jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Local LLM features are only available in the desktop app." }) }));
+        return (jsx("div", { className: "space-y-6", children: jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Local Models features are only available in the desktop app." }) }));
     }
     // Check if we should show Foundry installation UI
     const shouldShowFoundryInstall = foundryStatus && foundryStatus.is_supported && !foundryStatus.has_models && !isUsingFoundry;
@@ -63798,56 +64621,328 @@ function LocalLLMTab({ isAvailable, state, ollamaStatus, isUsingFoundry = false,
             }, 100);
         }
     }, [shouldShowFoundryInstall, onInstallFoundry, hasAutoStarted, state.status]);
-    const showInstallManagerButton = ollamaStatus !== null && !(ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed);
-    const needsModelDownload = (state.status === 'idle' || state.status === 'cancelled' || state.status === 'error') &&
-        (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed) &&
-        !(ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.model_installed);
     const handleToggle = (checked) => {
+        // Always reflect the user's intent — the toggle is operable in both directions.
+        setIsEnabled(checked);
+        // Foundry readiness is driven separately (download/load a model), so for the
+        // Foundry path the toggle is just a preference.
+        if (isUsingFoundry)
+            return;
+        // Ollama path: "Enable Local Models" === run the model manager.
         if (checked) {
-            // User wants to enable
-            if (isModelReady) {
-                // Model already installed, just enable the preference
-                setIsEnabled(true);
-            }
-            else if (showInstallManagerButton && !isManagerInstalling) {
-                // Need to install Model Manager first
+            // Ensure the manager is installed AND running (install_ollama does both;
+            // it also starts it if it's installed but stopped).
+            if (!isManagerInstalling) {
                 onInstallOllama();
             }
-            else if (needsModelDownload) {
-                // Need to download the model
-                onStartDownload();
-            }
         }
         else {
-            // User wants to disable - always allow this
-            setIsEnabled(false);
+            // Disabling stops the model manager.
+            onStopManager === null || onStopManager === void 0 ? void 0 : onStopManager();
+        }
+    };
+    const startDownloadNow = (modelId) => {
+        setLocalActiveModelId(modelId);
+        onStartDownload(modelId);
+    };
+    const handleDownloadModel = async (modelId) => {
+        // Always read system memory FIRST — this is the call that hits the backend
+        // `get_system_memory`. Doing it before the catalog lookup guarantees it runs
+        // on every Download click (falling back to the value fetched on mount).
+        const model = LOCAL_MODELS.find((m) => modelId.startsWith(m.id));
+        if (!model) {
+            await invoke(TAURI_COMMANDS.LOG_STDOUT, { s: `[Local Models] -> Download: bad download request, model ${model}` });
+            console.log(`[Local Models] -> Download: bad download request, model ${model}`);
+            return;
         }
+        let mem = null;
+        try {
+            mem = await invoke(TAURI_COMMANDS.GET_SYSTEM_MEMORY);
+        }
+        catch (e) {
+            await invoke(TAURI_COMMANDS.LOG_STDOUT, { s: `[Local Models] -> Download: couldn't detect system memory ${modelId} ${e}` });
+            console.log(`[Local Models] -> Download: couldn't detect system memory {e}`);
+            return;
+        }
+        const exceeds = modelExceedsCapacity(model, mem);
+        console.warn('[Local Models] -> Download: download click', {
+            modelId,
+            systemMemory: mem,
+            capacityBytes: usableMemoryBytes(mem),
+            modelBytes: parseModelSizeBytes(model.size),
+            thresholdBytes: usableMemoryBytes(mem) * MODEL_SIZE_WARN_FRACTION,
+            exceeds,
+        });
+        if (exceeds) {
+            setPendingModel(model);
+            return;
+        }
+        startDownloadNow(modelId);
     };
-    // The switch should be checked if user preference is enabled AND system is ready
-    const switchChecked = isEnabled && isFullyReady;
+    const confirmPendingDownload = () => {
+        if (pendingModel) {
+            startDownloadNow(pendingModel.id);
+        }
+        setPendingModel(null);
+    };
+    const handleSelectModel = (modelId) => {
+        var _a, _b;
+        setSelectedModelId(modelId);
+        setLocalLLMModel(modelId);
+        // Persist the model's tool-calling support so the host can route chat to the
+        // MCP/tool proxy (:8000) vs plain Ollama (:11434).
+        setLocalLLMToolSupport((_b = (_a = LOCAL_MODELS.find((m) => m.id === modelId)) === null || _a === void 0 ? void 0 : _a.tool_support) !== null && _b !== void 0 ? _b : false);
+    };
+    // For Ollama the switch reflects the user's toggle preference (always
+    // operable, so it can be turned off). Foundry additionally requires a
+    // downloaded model to be considered "on".
+    const switchChecked = isUsingFoundry ? isEnabled && isFullyReady : isEnabled;
     // Determine switch disabled state based on which system is being used:
-    // For Foundry:
-    //   - Disabled if Foundry is supported but no models are downloaded
-    //   - Disabled if downloading or checking
-    // For Ollama (fallback):
-    //   - Disabled if Ollama is not installed
-    //   - Disabled if Phi model is not downloaded
-    //   - Disabled if downloading, installing, or checking
+    // For Foundry: disabled if no downloaded models, or while downloading/checking.
+    // For Ollama: disabled only during a transient operation (installing/starting,
+    //   a model download, or a status check) — when idle it is always operable so
+    //   the user can turn local models off. (The "can't disable" bug was the
+    //   checked state being forced on, not this; see switchChecked.)
     const switchDisabled = isUsingFoundry
-        ? // Foundry: disable if no downloaded models or if currently downloading
-            !hasDownloadedFoundryModel || isDownloading || state.status === 'checking'
-        : // Ollama: disable if not fully set up
-            isDownloading ||
-                isManagerInstalling ||
-                state.status === 'checking' ||
-                !(ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed) ||
-                !(ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.model_installed);
-    return (jsx("div", { className: "max-w-2xl space-y-6", children: jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between rounded-lg border px-6 py-4", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "Enable Local LLM" }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": "More info about Local LLM", className: "hidden sm:block", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium max-w-xs text-white shadow-sm transition-opacity duration-300 z-50", children: jsxs("div", { className: "space-y-2", children: [jsx("p", { children: "Work offline with AI capabilities on your device." }), (foundryStatus === null || foundryStatus === void 0 ? void 0 : foundryStatus.is_supported) && (jsx("p", { className: "text-xs text-gray-300", children: "Your device automatically uses the best offline AI option available." }))] }) })] }) })] }), jsx(Switch, { checked: switchChecked, onCheckedChange: handleToggle, disabled: switchDisabled, "aria-label": `Enable Local LLM ${switchChecked ? 'enabled' : 'disabled'}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] }), shouldShowFoundryInstall ? (jsx("div", { className: "rounded-lg border px-6 py-4 bg-blue-50/30 dark:bg-blue-950/10", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "flex items-start gap-3", children: jsxs("div", { className: "flex items-center gap-2 flex-shrink-0 mt-0.5", children: [jsx(Star$1, { className: "h-5 w-5 text-blue-600 fill-blue-600" }), jsx("span", { className: "px-2 py-0.5 text-xs font-semibold bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300 rounded-full", children: "PREFERRED" })] }) }), jsxs("div", { className: "flex items-start gap-3", children: [jsx(Info$3, { className: "h-5 w-5 text-blue-500 flex-shrink-0 mt-0.5" }), jsxs("div", { className: "flex-1", children: [jsx("h3", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Setting up offline AI" }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Downloading optimized AI capabilities for your device. This enables you to work offline with full AI features." })] })] }), state.status === 'downloading' || state.status === 'checking' ? (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: state.message || 'Preparing download...' })] }), state.progress > 0 && jsx(Progress, { value: state.progress, className: "h-2" })] })) : state.status === 'error' ? (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2 text-red-600 dark:text-red-400", children: [jsx(CircleX, { className: "h-4 w-4" }), jsx("span", { className: "text-sm", children: state.error || 'Download failed' })] }), jsx("div", { className: "flex gap-2", children: jsxs(Button$1, { onClick: onInstallFoundry, size: "sm", variant: "outline", children: [jsx(RefreshCw, { className: "h-4 w-4 mr-2" }), "Try Again"] }) })] })) : (jsx("div", { className: "space-y-2", children: jsxs("div", { className: "flex items-center gap-2", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: "Starting download..." })] }) })), jsxs("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: [jsx("p", { className: "font-medium mb-1", children: "Download size: ~500MB" }), jsx("p", { children: "This is a one-time setup to enable offline capabilities." })] })] }) })) : /* Requirements Table - Hidden when using Foundry Local */ !isUsingFoundry ? (jsxs(Fragment$1, { children: [(foundryStatus === null || foundryStatus === void 0 ? void 0 : foundryStatus.is_supported) && (jsx("div", { className: "rounded-lg border px-4 py-3 bg-blue-50/20 dark:bg-blue-950/10", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("div", { className: "flex items-start gap-2", children: [jsx(Info$3, { className: "h-4 w-4 text-blue-600 flex-shrink-0 mt-0.5" }), jsxs("div", { className: "text-xs text-gray-600 dark:text-gray-400", children: [jsx("span", { className: "font-medium text-gray-900 dark:text-gray-100", children: "Note:" }), " Your device supports an optimized offline AI option. Currently using alternative setup. For best performance, download the recommended option above."] })] }) })), jsx("div", { className: "rounded-lg border overflow-hidden", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("table", { className: "w-full", children: [jsx("thead", { children: jsxs("tr", { className: "bg-gray-50 dark:bg-gray-800/50", children: [jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Component" }), jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Status" }), jsx("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Action" })] }) }), jsxs("tbody", { className: "bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-800", children: [jsxs("tr", { children: [jsxs("td", { className: "px-6 py-4 whitespace-nowrap", children: [jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Model Manager" }), jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Required to run AI models locally" })] }), jsx("td", { className: "px-6 py-4", children: jsx("div", { className: "space-y-2", children: isManagerInstalling ? (jsxs("div", { className: "space-y-2", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 rounded-full", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), "Installing..."] }), jsx("div", { className: "w-full max-w-[200px]", children: jsx(Progress, { value: state.managerInstallProgress || 0, className: "h-1.5" }) })] })) : (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed) ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full", children: [jsx(CircleCheckBig, { className: "h-3 w-3" }), "Installed"] }), ollamaStatus.running && (jsx("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full", children: "Running" }))] })) : (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: [jsx(CircleX, { className: "h-3 w-3" }), "Not Installed"] })) }) }), jsxs("td", { className: "px-6 py-4 text-right", children: [showInstallManagerButton && !isManagerInstalling && (jsxs(Button$1, { onClick: onInstallOllama, size: "sm", variant: "outline", children: [jsx(Download, { className: "h-4 w-4 mr-2" }), "Install"] })), (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed) && (jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", children: jsx(RefreshCw, { className: "h-4 w-4" }) }))] })] }), jsxs("tr", { children: [jsxs("td", { className: "px-6 py-4 whitespace-nowrap", children: [jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "AI Model (Phi-3 Mini)" }), jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: isDownloading ? state.message : 'Local language model for offline use' })] }), jsx("td", { className: "px-6 py-4", children: jsx("div", { className: "space-y-2", children: isDownloading ? (jsxs("div", { className: "space-y-2", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 rounded-full", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), Math.round(state.progress), "%"] }), jsx("div", { className: "w-full max-w-[200px]", children: jsx(Progress, { value: state.progress, className: "h-1.5" }) })] })) : state.status === 'checking' ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), "Checking"] })) : state.status === 'completed' || (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.model_installed) ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full", children: [jsx(CircleCheckBig, { className: "h-3 w-3" }), "Ready"] })) : state.status === 'error' ? (jsxs("div", { className: "space-y-1", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300 rounded-full", children: [jsx(CircleX, { className: "h-3 w-3" }), "Error"] }), state.error && (jsx("p", { className: "text-xs text-red-600 dark:text-red-400 max-w-[200px]", children: state.error }))] })) : state.status === 'cancelled' ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: [jsx(X$1, { className: "h-3 w-3" }), "Cancelled"] })) : (jsx("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: "Not Downloaded" })) }) }), jsx("td", { className: "px-6 py-4 text-right", children: jsxs("div", { className: "flex items-center justify-end gap-2", children: [isDownloading && (jsxs(Button$1, { onClick: onCancelDownload, variant: "outline", size: "sm", children: [jsx(X$1, { className: "h-4 w-4 mr-2" }), "Cancel"] })), needsModelDownload && !isDownloading && (jsxs(Button$1, { onClick: onStartDownload, size: "sm", variant: "outline", children: [jsx(Download, { className: "h-4 w-4 mr-2" }), "Download"] })), state.status === 'error' && (jsx(Button$1, { onClick: onResetState, variant: "ghost", size: "sm", children: "Reset" })), (state.status === 'completed' || state.status === 'cancelled') && (jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", children: jsx(RefreshCw, { className: "h-4 w-4" }) }))] }) })] })] })] }) })] })) : (jsx("div", { className: "rounded-lg border px-6 py-4 bg-green-50/30 dark:bg-green-950/10", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "flex items-center justify-between", children: jsxs("div", { className: "flex items-center gap-3", children: [jsx(CircleCheckBig, { className: "h-8 w-8 text-green-500 flex-shrink-0" }), jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("h3", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Offline AI Ready" }), jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-semibold bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300 rounded-full", children: [jsx(Star$1, { className: "h-3 w-3 fill-blue-700 dark:fill-blue-300" }), "PREFERRED"] })] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Your device is using the optimized offline AI setup. You can work with full capabilities even without internet." })] })] }) }), foundryModels.length > 0 && (jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-xs font-medium text-gray-700 dark:text-gray-300", children: "Select Model" }), jsxs(Select$1, { value: selectedFoundryModel || ((_b = foundryModels[0]) === null || _b === void 0 ? void 0 : _b.id), onValueChange: (value) => onSelectFoundryModel === null || onSelectFoundryModel === void 0 ? void 0 : onSelectFoundryModel(value), children: [jsx(SelectTrigger, { className: "w-full bg-gray-50 border-gray-200 dark:bg-gray-800 dark:border-gray-700", children: jsx(SelectValue, { placeholder: "Select a model" }) }), jsx(SelectContent, { children: foundryModels.map((model) => (jsx(SelectItem, { value: model.id, children: jsxs("div", { className: "flex items-center justify-between w-full gap-4", children: [jsx("span", { className: "font-medium", children: model.name || model.id }), jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [model.device && (jsx("span", { className: "px-2 py-0.5 bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300 rounded", children: model.device })), model.size && jsx("span", { children: model.size }), !model.is_downloaded && (jsx("span", { className: "px-2 py-0.5 bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300 rounded", children: "Not Downloaded" })), model.is_downloaded && (jsx("span", { className: "px-2 py-0.5 bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300 rounded", children: "Downloaded" }))] })] }) }, model.id))) })] }), jsxs("div", { className: "flex flex-col gap-1", children: [jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [foundryModels.length, " model", foundryModels.length !== 1 ? 's' : '', " available"] }), selectedFoundryModel && (jsxs("div", { className: "flex items-center gap-1.5 text-xs text-green-600 dark:text-green-400", children: [jsx(CircleCheckBig, { className: "h-3.5 w-3.5" }), jsxs("span", { children: ["Using:", ' ', ((_c = foundryModels.find((m) => m.id === selectedFoundryModel)) === null || _c === void 0 ? void 0 : _c.name) ||
-                                                                selectedFoundryModel, ((_d = foundryModels.find((m) => m.id === selectedFoundryModel)) === null || _d === void 0 ? void 0 : _d.device) && (jsxs("span", { className: "ml-1 text-gray-500 dark:text-gray-400", children: ["(", (_e = foundryModels.find((m) => m.id === selectedFoundryModel)) === null || _e === void 0 ? void 0 : _e.device, ")"] }))] })] }))] })] })), state.status === 'downloading' && (jsxs("div", { className: "mt-4 p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("div", { className: "animate-spin h-5 w-5 border-2 border-blue-600 dark:border-blue-400 border-t-transparent rounded-full" }), jsxs("div", { className: "flex-1", children: [jsx("p", { className: "text-sm font-medium text-blue-900 dark:text-blue-100", children: state.message }), state.progress > 0 && (jsx("div", { className: "mt-2 w-full bg-blue-200 dark:bg-blue-800 rounded-full h-2", children: jsx("div", { className: "bg-blue-600 dark:bg-blue-400 h-2 rounded-full transition-all duration-300", style: { width: `${state.progress}%` } }) }))] })] }), state.logs.length > 0 && (jsx("div", { className: "mt-3 max-h-32 overflow-y-auto bg-white dark:bg-gray-800 rounded border border-blue-200 dark:border-blue-700 p-2", children: state.logs.slice(-10).map((log, idx) => (jsx("div", { className: `text-xs font-mono ${log.level === 'error'
-                                                ? 'text-red-600 dark:text-red-400'
-                                                : log.level === 'warn'
-                                                    ? 'text-yellow-600 dark:text-yellow-400'
-                                                    : 'text-gray-700 dark:text-gray-300'}`, children: log.message }, idx))) }))] }))] }) }))] }) }));
+        ? !hasDownloadedFoundryModel || isDownloading || state.status === 'checking'
+        : isDownloading || isManagerInstalling || state.status === 'checking';
+    return (jsxs("div", { className: "space-y-6", children: [jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between rounded-lg border px-6 py-4", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "Enable Local Models" }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": "More info about Local Models", className: "hidden sm:block", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium max-w-xs text-white shadow-sm transition-opacity duration-300 z-50", children: jsxs("div", { className: "space-y-2", children: [jsx("p", { children: "Work offline with AI capabilities on your device." }), (foundryStatus === null || foundryStatus === void 0 ? void 0 : foundryStatus.is_supported) && (jsx("p", { className: "text-xs text-gray-300", children: "Your device automatically uses the best offline AI option available." }))] }) })] }) })] }), jsxs("div", { className: "flex items-center gap-2", children: [isManagerInstalling && !isUsingFoundry && (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500", "aria-label": "Starting model manager" })), jsx(Switch, { checked: switchChecked, onCheckedChange: handleToggle, disabled: switchDisabled, "aria-label": `Enable Local Models ${switchChecked ? 'enabled' : 'disabled'}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" })] })] }), shouldShowFoundryInstall ? (jsx("div", { className: "rounded-lg border px-6 py-4 bg-blue-50/30 dark:bg-blue-950/10", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "flex items-start gap-3", children: jsxs("div", { className: "flex items-center gap-2 flex-shrink-0 mt-0.5", children: [jsx(Star$1, { className: "h-5 w-5 text-blue-600 fill-blue-600" }), jsx("span", { className: "px-2 py-0.5 text-xs font-semibold bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300 rounded-full", children: "PREFERRED" })] }) }), jsxs("div", { className: "flex items-start gap-3", children: [jsx(Info$3, { className: "h-5 w-5 text-blue-500 flex-shrink-0 mt-0.5" }), jsxs("div", { className: "flex-1", children: [jsx("h3", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Setting up offline AI" }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Downloading optimized AI capabilities for your device. This enables you to work offline with full AI features." })] })] }), state.status === 'downloading' || state.status === 'checking' ? (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: state.message || 'Preparing download...' })] }), state.progress > 0 && jsx(Progress, { value: state.progress, className: "h-2" })] })) : state.status === 'error' ? (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "flex items-center gap-2 text-red-600 dark:text-red-400", children: [jsx(CircleX, { className: "h-4 w-4" }), jsx("span", { className: "text-sm", children: state.error || 'Download failed' })] }), jsx("div", { className: "flex gap-2", children: jsxs(Button$1, { onClick: onInstallFoundry, size: "sm", variant: "outline", children: [jsx(RefreshCw, { className: "h-4 w-4 mr-2" }), "Try Again"] }) })] })) : (jsx("div", { className: "space-y-2", children: jsxs("div", { className: "flex items-center gap-2", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: "Starting download..." })] }) })), jsxs("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: [jsx("p", { className: "font-medium mb-1", children: "Download size: ~500MB" }), jsx("p", { children: "This is a one-time setup to enable offline capabilities." })] })] }) })) : /* Requirements Table - Hidden when using Foundry Local */ !isUsingFoundry ? (jsxs(Fragment$1, { children: [(foundryStatus === null || foundryStatus === void 0 ? void 0 : foundryStatus.is_supported) && (jsx("div", { className: "rounded-lg border px-4 py-3 bg-blue-50/20 dark:bg-blue-950/10", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("div", { className: "flex items-start gap-2", children: [jsx(Info$3, { className: "h-4 w-4 text-blue-600 flex-shrink-0 mt-0.5" }), jsxs("div", { className: "text-xs text-gray-600 dark:text-gray-400", children: [jsx("span", { className: "font-medium text-gray-900 dark:text-gray-100", children: "Note:" }), " Your device supports an optimized offline AI option. Currently using alternative setup. For best performance, download the recommended option above."] })] }) })), localModelsEnabled && (jsxs("div", { className: "rounded-lg border px-6 py-4", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx(Server, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" }), jsxs("div", { children: [jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Model Manager" }), jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Model Manager runs the models on your device" })] })] }), jsx("div", { className: "flex items-center gap-2", children: managerRunning ? (jsxs(Fragment$1, { children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full", children: [jsx(CircleCheckBig, { className: "h-3 w-3" }), "Running"] }), jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", "aria-label": "Refresh model manager status", children: jsx(RefreshCw, { className: "h-4 w-4" }) })] })) : (jsxs(Fragment$1, { children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 rounded-full", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), "Starting\u2026"] }), jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", "aria-label": "Refresh model manager status", children: jsx(RefreshCw, { className: "h-4 w-4" }) })] })) })] }), isManagerInstalling && (jsx("div", { className: "mt-3 w-full max-w-[240px]", children: jsx(Progress, { value: state.managerInstallProgress || 0, className: "h-1.5" }) }))] })), localModelsEnabled && (jsxs("div", { className: "rounded-lg border overflow-hidden", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("table", { className: "w-full", children: [jsx("thead", { children: jsxs("tr", { className: "bg-gray-50 dark:bg-gray-800/50", children: [jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider w-12", children: "Use" }), jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Model" }), jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Status" }), jsx("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: "Action" })] }) }), jsx("tbody", { className: "bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-800", children: LOCAL_MODELS.map((model) => {
+                                                    const isPrimary = model.id === PRIMARY_MODEL_ID;
+                                                    const isActive = activeModelId === model.id;
+                                                    // Cloud-hosted models are always available — they run on
+                                                    // Ollama's cloud, so there's nothing to download.
+                                                    const isCloud = isCloudModelId(model.id);
+                                                    // A model is ready once Ollama reports its tag as installed.
+                                                    // Fall back to (a) this row's own download having just
+                                                    // completed — so it flips to "Ready" before the status
+                                                    // refresh lands — and (b) the primary-model status flag.
+                                                    // Cloud models are ready by default.
+                                                    const isInstalled = isCloud ||
+                                                        isModelInstalled(model.id, ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed_models) ||
+                                                        (isActive && state.status === 'completed') ||
+                                                        (isPrimary && (ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.model_installed) === true);
+                                                    // An installed model must never render a download/cancel
+                                                    // state — guards against a stale persisted "downloading"
+                                                    // status making an already-ready model look like it's
+                                                    // still downloading (and wrongly cancellable) on reopen.
+                                                    const rowDownloading = isActive && isDownloading && !isInstalled;
+                                                    const rowChecking = isActive && state.status === 'checking';
+                                                    const rowError = isActive && state.status === 'error';
+                                                    const rowCancelled = isActive && state.status === 'cancelled';
+                                                    const canDownload = !!(ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed) &&
+                                                        !isInstalled &&
+                                                        !rowDownloading &&
+                                                        !rowChecking;
+                                                    const isSelected = selectedModelId === model.id;
+                                                    return (jsxs("tr", { className: isSelected ? 'bg-blue-50/40 dark:bg-blue-950/20' : undefined, children: [jsx("td", { className: "px-6 py-4", children: jsx("input", { type: "radio", name: "local-llm-model", checked: isSelected, disabled: !isInstalled, onChange: () => handleSelectModel(model.id), "aria-label": `Use ${model.name} for chat`, title: isInstalled ? undefined : 'Download this model to chat with it', className: isInstalled
+                                                                        ? 'h-4 w-4 cursor-pointer accent-blue-500'
+                                                                        : 'h-4 w-4 cursor-not-allowed opacity-40' }) }), jsxs("td", { className: "px-6 py-4 whitespace-nowrap", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: model.name }), jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: model.size })] }), jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: model.provider })] }), jsx("td", { className: "px-6 py-4", children: jsx("div", { className: "space-y-2", children: isCloud ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full", children: [jsx(Cloud, { className: "h-3 w-3" }), "Cloud"] })) : rowDownloading ? (jsxs("div", { className: "space-y-2", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 rounded-full", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), Math.round(state.progress), "%"] }), jsx("div", { className: "w-full max-w-[200px]", children: jsx(Progress, { value: state.progress, className: "h-1.5" }) })] })) : rowChecking ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), "Checking"] })) : isInstalled ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full", children: [jsx(CircleCheckBig, { className: "h-3 w-3" }), "Ready"] })) : rowError ? (jsxs("div", { className: "space-y-1", children: [jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300 rounded-full", children: [jsx(CircleX, { className: "h-3 w-3" }), "Error"] }), state.error && (jsx("p", { className: "text-xs text-red-600 dark:text-red-400 max-w-[200px]", children: state.error }))] })) : rowCancelled ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: [jsx(X$1, { className: "h-3 w-3" }), "Cancelled"] })) : (jsx("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: "Not Downloaded" })) }) }), jsx("td", { className: "px-6 py-4 text-right", children: jsxs("div", { className: "flex items-center justify-end gap-2", children: [rowDownloading && (jsxs(Button$1, { onClick: onCancelDownload, variant: "outline", size: "sm", children: [jsx(X$1, { className: "h-4 w-4 mr-2" }), "Cancel"] })), canDownload && (jsxs(Button$1, { onClick: () => handleDownloadModel(model.id), size: "sm", variant: "outline", children: [jsx(Download, { className: "h-4 w-4 mr-2" }), "Download"] })), rowError && (jsx(Button$1, { onClick: onResetState, variant: "ghost", size: "sm", children: "Reset" })), isInstalled && !isCloud && (jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", children: jsx(RefreshCw, { className: "h-4 w-4" }) }))] }) })] }, model.id));
+                                                }) })] }), jsx("div", { className: "px-6 py-3 border-t text-xs text-gray-500 dark:text-gray-400", style: { borderColor: 'oklch(.922 0 0)' }, children: selectedModelReady ? (jsxs(Fragment$1, { children: ["Chatting with:", ' ', jsx("span", { className: "font-medium text-gray-900 dark:text-gray-100", children: (_c = (_b = LOCAL_MODELS.find((m) => m.id === selectedModelId)) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : selectedModelId })] })) : (jsx(Fragment$1, { children: "Download a model and select it to start chatting." })) })] }))] })) : (jsx("div", { className: "rounded-lg border px-6 py-4 bg-green-50/30 dark:bg-green-950/10", style: { borderColor: 'oklch(.922 0 0)' }, children: jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "flex items-center justify-between", children: jsxs("div", { className: "flex items-center gap-3", children: [jsx(CircleCheckBig, { className: "h-8 w-8 text-green-500 flex-shrink-0" }), jsxs("div", { className: "flex-1", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("h3", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Offline AI Ready" }), jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-semibold bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300 rounded-full", children: [jsx(Star$1, { className: "h-3 w-3 fill-blue-700 dark:fill-blue-300" }), "PREFERRED"] })] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Your device is using the optimized offline AI setup. You can work with full capabilities even without internet." })] })] }) }), foundryModels.length > 0 && (jsxs("div", { className: "space-y-2", children: [jsx("label", { className: "text-xs font-medium text-gray-700 dark:text-gray-300", children: "Select Model" }), jsxs(Select$1, { value: selectedFoundryModel || ((_d = foundryModels[0]) === null || _d === void 0 ? void 0 : _d.id), onValueChange: (value) => onSelectFoundryModel === null || onSelectFoundryModel === void 0 ? void 0 : onSelectFoundryModel(value), children: [jsx(SelectTrigger, { className: "w-full bg-gray-50 border-gray-200 dark:bg-gray-800 dark:border-gray-700", children: jsx(SelectValue, { placeholder: "Select a model" }) }), jsx(SelectContent, { children: foundryModels.map((model) => (jsx(SelectItem, { value: model.id, children: jsxs("div", { className: "flex items-center justify-between w-full gap-4", children: [jsx("span", { className: "font-medium", children: model.name || model.id }), jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [model.device && (jsx("span", { className: "px-2 py-0.5 bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300 rounded", children: model.device })), model.size && jsx("span", { children: model.size }), !model.is_downloaded && (jsx("span", { className: "px-2 py-0.5 bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-300 rounded", children: "Not Downloaded" })), model.is_downloaded && (jsx("span", { className: "px-2 py-0.5 bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300 rounded", children: "Downloaded" }))] })] }) }, model.id))) })] }), jsxs("div", { className: "flex flex-col gap-1", children: [jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [foundryModels.length, " model", foundryModels.length !== 1 ? 's' : '', " available"] }), selectedFoundryModel && (jsxs("div", { className: "flex items-center gap-1.5 text-xs text-green-600 dark:text-green-400", children: [jsx(CircleCheckBig, { className: "h-3.5 w-3.5" }), jsxs("span", { children: ["Using:", ' ', ((_e = foundryModels.find((m) => m.id === selectedFoundryModel)) === null || _e === void 0 ? void 0 : _e.name) ||
+                                                                    selectedFoundryModel, ((_f = foundryModels.find((m) => m.id === selectedFoundryModel)) === null || _f === void 0 ? void 0 : _f.device) && (jsxs("span", { className: "ml-1 text-gray-500 dark:text-gray-400", children: ["(", (_g = foundryModels.find((m) => m.id === selectedFoundryModel)) === null || _g === void 0 ? void 0 : _g.device, ")"] }))] })] }))] })] })), state.status === 'downloading' && (jsxs("div", { className: "mt-4 p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("div", { className: "animate-spin h-5 w-5 border-2 border-blue-600 dark:border-blue-400 border-t-transparent rounded-full" }), jsxs("div", { className: "flex-1", children: [jsx("p", { className: "text-sm font-medium text-blue-900 dark:text-blue-100", children: state.message }), state.progress > 0 && (jsx("div", { className: "mt-2 w-full bg-blue-200 dark:bg-blue-800 rounded-full h-2", children: jsx("div", { className: "bg-blue-600 dark:bg-blue-400 h-2 rounded-full transition-all duration-300", style: { width: `${state.progress}%` } }) }))] })] }), state.logs.length > 0 && (jsx("div", { className: "mt-3 max-h-32 overflow-y-auto bg-white dark:bg-gray-800 rounded border border-blue-200 dark:border-blue-700 p-2", children: state.logs.slice(-10).map((log, idx) => (jsx("div", { className: `text-xs font-mono ${log.level === 'error'
+                                                    ? 'text-red-600 dark:text-red-400'
+                                                    : log.level === 'warn'
+                                                        ? 'text-yellow-600 dark:text-yellow-400'
+                                                        : 'text-gray-700 dark:text-gray-300'}`, children: log.message }, idx))) }))] }))] }) }))] }), jsx(AlertDialog, { open: !!pendingModel, onOpenChange: (open) => {
+                    if (!open)
+                        setPendingModel(null);
+                }, children: jsxs(AlertDialogContent, { children: [jsxs(AlertDialogHeader, { children: [jsx(AlertDialogTitle, { children: "This model may be too large for your system" }), jsxs(AlertDialogDescription, { children: [pendingModel === null || pendingModel === void 0 ? void 0 : pendingModel.name, " needs about ", pendingModel === null || pendingModel === void 0 ? void 0 : pendingModel.size, ", but your system has", ' ', formatBytes(usableMemoryBytes(systemMemory)), " of memory available to run it. It may run very slowly or fail to load. Download anyway?"] })] }), jsxs(AlertDialogFooter, { children: [jsx(AlertDialogCancel, { onClick: () => setPendingModel(null), children: "Cancel" }), jsx(AlertDialogAction, { onClick: confirmPendingDownload, children: "Download anyway" })] })] }) })] }));
+}
+
+function LocalModelsContent(props) {
+    const [isCollapsed, setIsCollapsed] = useState(true);
+    if (!props.isAvailable) {
+        return null;
+    }
+    return (jsxs("div", { className: "rounded-lg px-6 py-5 border border-gray-200 dark:border-gray-700", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "Local Models" }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": "More info about Local Models", className: "hidden sm:block", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium max-w-xs text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: "Manage on-device AI models for offline use." }) })] }) })] }), jsx("button", { type: "button", onClick: () => setIsCollapsed((previous) => !previous), className: "p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1", "aria-label": isCollapsed ? 'Expand Local Models' : 'Collapse Local Models', children: isCollapsed ? (jsx(ChevronDown, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) : (jsx(ChevronUp, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) })] }), !isCollapsed && (jsx("div", { className: "mt-4", children: jsx(LocalLLMTab, { ...props }) }))] }));
+}
+
+const SYSTEM_CONTROL_ENABLED_KEY = 'ibl_system_control_enabled';
+/**
+ * Whether the Computer Assistant is enabled, read from localStorage. This is a
+ * user preference (mirrors {@link isLocalLLMEnabled}); it reflects the toggle the
+ * user last chose, independent of whether the helper is installed yet.
+ */
+function isSystemControlEnabled() {
+    if (typeof window === 'undefined')
+        return false;
+    return localStorage.getItem(SYSTEM_CONTROL_ENABLED_KEY) === 'true';
+}
+/**
+ * Persist the Computer Assistant enabled preference to localStorage.
+ */
+function setSystemControlEnabled(enabled) {
+    if (typeof window === 'undefined')
+        return;
+    localStorage.setItem(SYSTEM_CONTROL_ENABLED_KEY, String(enabled));
+}
+/** Green "done" pill. */
+function DonePill({ children }) {
+    return (jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-800 dark:bg-green-900/30 dark:text-green-300", children: [jsx(Check, { className: "h-3 w-3" }), children] }));
+}
+/** Blue "in progress" pill. */
+function WorkingPill({ children }) {
+    return (jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-800 dark:bg-blue-900/30 dark:text-blue-300", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), children] }));
+}
+/** A single numbered step row. */
+function Step$2({ number, done, title, description, action, }) {
+    return (jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxs("div", { className: "flex items-start gap-3", children: [jsx("span", { className: `flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full text-xs font-semibold ${done
+                            ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300'
+                            : 'bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-400'}`, "aria-hidden": "true", children: done ? jsx(Check, { className: "h-3.5 w-3.5" }) : number }), jsxs("div", { children: [jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: title }), jsx("div", { className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400", children: description })] })] }), jsx("div", { className: "flex-shrink-0", children: action })] }));
+}
+/**
+ * Body of the "Computer Assistant" card: a plain-language on/off with two simple
+ * steps — set up, then allow control — so non-technical users can follow along.
+ * Mirrors the Local Models tab so the two cards behave the same.
+ */
+function SystemControlTab({ isAvailable, state, status, requiredSizeGb = DEFAULT_SYSTEM_CONTROL_REQUIRED_SIZE_GB, ollamaStatus, systemMemory, accessibilityPermission, onInstall, onStop, onCheckStatus, onResetState, onRequestAccessibilityPermission, onDownloadModel, }) {
+    const isInstalling = state.status === 'installing' || (status === null || status === void 0 ? void 0 : status.installing) === true;
+    // User preference — independent of whether the helper is installed. Always
+    // operable so the user can turn it off again.
+    const [isEnabled, setIsEnabled] = useState(() => isSystemControlEnabled());
+    // The currently-selected local model (persisted by the Local Models card).
+    // Polled so a selection change in the sibling card is reflected here without a
+    // remount. The assistant only works well with larger models, so it's gated to
+    // a selected model above the size threshold.
+    const [selectedModel, setSelectedModel] = useState(() => getLocalLLMModel());
+    // Whether "Local Models" is turned on. The assistant runs on a local model, so
+    // it's gated off until Local Models is enabled. Polled alongside the model so a
+    // toggle in the sibling card is reflected without a remount.
+    const [localModelsEnabled, setLocalModelsEnabled] = useState(() => isLocalLLMEnabled());
+    useEffect(() => {
+        const id = setInterval(() => {
+            setSelectedModel(getLocalLLMModel());
+            setLocalModelsEnabled(isLocalLLMEnabled());
+        }, 1500);
+        return () => clearInterval(id);
+    }, []);
+    const localModelsOff = !localModelsEnabled;
+    const modelTooSmall = !modelSupportsSystemControl(selectedModel, requiredSizeGb);
+    // "Upgrade" target: the smallest catalog model that clears the size gate.
+    const upgradeTarget = smallestSystemControlModel(requiredSizeGb);
+    // Set while an upgrade is downloading a model, before we auto-enable.
+    const [pendingEnableModelId, setPendingEnableModelId] = useState(null);
+    // Model awaiting a RAM/VRAM "may be too large" confirmation before download.
+    const [pendingCapacityModel, setPendingCapacityModel] = useState(null);
+    const isUpgrading = pendingEnableModelId !== null;
+    const managerRunning = (status === null || status === void 0 ? void 0 : status.running) === true;
+    // Steps are shown whenever the toggle is on (or mid-setup), so the user always
+    // gets feedback for their choice.
+    const managerEnabled = isEnabled || isInstalling;
+    // Permission is known (macOS + plugin wired) and granted.
+    const permissionKnown = typeof accessibilityPermission === 'boolean';
+    const permissionGranted = accessibilityPermission === true;
+    const allSet = managerRunning && (!permissionKnown || permissionGranted);
+    // Keep the app-facing preference flag in sync with the toggle.
+    useEffect(() => {
+        setSystemControlEnabled(isEnabled);
+    }, [isEnabled]);
+    // While enabled but not yet running, keep polling so the step flips to "Ready"
+    // as soon as the host reports the helper is up.
+    useEffect(() => {
+        if (!isEnabled || managerRunning)
+            return;
+        const id = setInterval(() => onCheckStatus(), 2500);
+        return () => clearInterval(id);
+    }, [isEnabled, managerRunning, onCheckStatus]);
+    // While permission isn't granted yet, keep re-checking (the grant happens in
+    // System Settings) so the step flips to "Allowed" on its own.
+    useEffect(() => {
+        if (accessibilityPermission !== false)
+            return;
+        const id = setInterval(() => onCheckStatus(), 2500);
+        return () => clearInterval(id);
+    }, [accessibilityPermission, onCheckStatus]);
+    // After an upgrade kicks off a download, turn the assistant on once the model
+    // finishes downloading (it shows up in the installed list).
+    useEffect(() => {
+        if (!pendingEnableModelId)
+            return;
+        if (isModelInstalled(pendingEnableModelId, ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed_models)) {
+            setPendingEnableModelId(null);
+            setIsEnabled(true);
+            onInstall();
+        }
+    }, [pendingEnableModelId, ollamaStatus, onInstall]);
+    if (!isAvailable) {
+        return (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "The Computer Assistant is only available in the desktop app." }));
+    }
+    const handleToggle = (checked) => {
+        // Guard: needs Local Models on and a large-enough model.
+        if (checked && (localModelsOff || modelTooSmall))
+            return;
+        setIsEnabled(checked);
+        if (checked) {
+            if (!isInstalling)
+                onInstall();
+        }
+        else {
+            onStop === null || onStop === void 0 ? void 0 : onStop();
+        }
+    };
+    // Upgrade = switch to the smallest usable model: select it, then (if it isn't
+    // already downloaded) download it and auto-enable the assistant once it's
+    // ready. The RAM/VRAM check is preserved via the confirm below.
+    const runUpgrade = (model) => {
+        setLocalLLMModel(model.id);
+        setLocalLLMToolSupport(model.tool_support);
+        setLocalLLMEnabled(true);
+        setSelectedModel(model.id); // recompute the size gate immediately
+        if (isModelInstalled(model.id, ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed_models)) {
+            // Already downloaded → enable now.
+            setIsEnabled(true);
+            if (!isInstalling)
+                onInstall();
+        }
+        else {
+            // Not downloaded → download, then auto-enable when it lands (effect above).
+            setPendingEnableModelId(model.id);
+            onDownloadModel === null || onDownloadModel === void 0 ? void 0 : onDownloadModel(model.id);
+        }
+    };
+    const handleUpgrade = () => {
+        if (!upgradeTarget)
+            return;
+        // Keep the RAM/VRAM check: confirm before pulling a model that may not fit.
+        if (modelExceedsCapacity(upgradeTarget, systemMemory)) {
+            setPendingCapacityModel(upgradeTarget);
+            return;
+        }
+        runUpgrade(upgradeTarget);
+    };
+    const switchChecked = isEnabled;
+    const switchDisabled = isInstalling ||
+        state.status === 'checking' ||
+        ((localModelsOff || modelTooSmall) && !isEnabled);
+    return (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-4 rounded-lg border px-6 py-4", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { children: [jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Let your assistant control this computer" }), jsx("div", { className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400", children: "It can click, type, and open apps to do tasks for you. You stay in control and can turn this off anytime." })] }), jsxs("div", { className: "flex flex-shrink-0 items-center gap-2", children: [isInstalling && (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500", "aria-label": "Setting up" })), jsx(Switch, { checked: switchChecked, onCheckedChange: handleToggle, disabled: switchDisabled, "aria-label": "Let your assistant control this computer", className: "cursor-pointer data-[state=checked]:bg-blue-500" })] })] }), localModelsOff && (jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 dark:border-amber-900/40 dark:bg-amber-900/10", children: [jsx(Info$3, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-amber-600", "aria-hidden": "true" }), jsx("p", { className: "text-xs text-amber-800 dark:text-amber-300", children: "Turn on \u201CLocal Models\u201D above first \u2014 the Computer Assistant uses a local AI model to do its work." })] })), !localModelsOff && modelTooSmall && (jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 dark:border-amber-900/40 dark:bg-amber-900/10", children: [jsx(Info$3, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-amber-600", "aria-hidden": "true" }), jsxs("div", { className: "flex-1", children: [jsxs("p", { className: "text-xs text-amber-800 dark:text-amber-300", children: ["Your current AI model is too small for this.", ' ', upgradeTarget && onDownloadModel
+                                        ? `Upgrade to ${upgradeTarget.name} (${upgradeTarget.size}) to use it.`
+                                        : 'Pick a larger one under “Local Models” above, then come back.'] }), upgradeTarget && onDownloadModel && (jsx(Button$1, { onClick: handleUpgrade, size: "sm", className: "mt-2", disabled: isUpgrading, "aria-label": `Upgrade to ${upgradeTarget.name}`, children: isUpgrading ? (jsxs(Fragment$1, { children: [jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Upgrading\u2026"] })) : (jsxs(Fragment$1, { children: [jsx(CircleArrowUp, { className: "mr-2 h-4 w-4" }), "Upgrade to ", upgradeTarget.name] })) }))] })] })), isUpgrading && !modelTooSmall && (jsxs("div", { className: "flex items-start gap-2 rounded-lg border px-4 py-3", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(LoaderCircle, { className: "mt-0.5 h-4 w-4 flex-shrink-0 animate-spin text-blue-500", "aria-hidden": "true" }), jsx("p", { className: "text-xs text-gray-600 dark:text-gray-300", children: "Downloading your new model\u2026 it\u2019ll turn on automatically when it\u2019s ready. You can watch progress under \u201CLocal Models\u201D above." })] })), managerEnabled && (jsxs("div", { className: "space-y-4 rounded-lg border px-6 py-5", style: { borderColor: 'oklch(.922 0 0)' }, children: [allSet ? (jsxs("div", { className: "flex items-start gap-2", children: [jsx(Check, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-green-600", "aria-hidden": "true" }), jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300", children: "You\u2019re all set \u2014 your assistant can now help out on this computer." })] })) : (jsx("div", { className: "text-xs font-medium uppercase tracking-wide text-gray-400", children: "A couple of quick steps" })), jsx(Step$2, { number: 1, done: managerRunning, title: "Set up your assistant", description: "A quick, one-time setup so it can work on this computer.", action: managerRunning ? (jsx(DonePill, { children: "Ready" })) : (jsx(WorkingPill, { children: isInstalling ? 'Setting up…' : 'Starting…' })) }), (state.status === 'installing' || state.status === 'checking') && state.progress > 0 && (jsx(Progress, { value: state.progress, className: "h-1.5" })), permissionKnown && (jsx(Step$2, { number: 2, done: permissionGranted, title: "Allow it to control the computer", description: "Your Mac will ask you to confirm. This lets your assistant move the mouse and type for you.", action: permissionGranted ? (jsx(DonePill, { children: "Allowed" })) : onRequestAccessibilityPermission ? (jsx(Button$1, { onClick: onRequestAccessibilityPermission, size: "sm", "aria-label": "Allow your assistant to control the computer", children: "Allow" })) : (jsx("span", { className: "inline-flex items-center rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-800 dark:bg-amber-900/30 dark:text-amber-300", children: "Needed" })) }))] })), state.status === 'error' && (jsxs("div", { className: "rounded-lg border border-red-200 bg-red-50 px-4 py-3 dark:border-red-900/40 dark:bg-red-900/10", children: [jsxs("div", { className: "flex items-center gap-2 text-sm text-red-700 dark:text-red-300", children: [jsx(CircleX, { className: "h-4 w-4 flex-shrink-0" }), jsx("span", { children: "Something went wrong while setting up. Please try again." })] }), jsxs(Button$1, { onClick: () => {
+                            onResetState();
+                            onInstall();
+                        }, size: "sm", variant: "outline", className: "mt-3", children: [jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Try again"] })] })), jsx(AlertDialog, { open: pendingCapacityModel !== null, onOpenChange: (open) => {
+                    if (!open)
+                        setPendingCapacityModel(null);
+                }, children: jsxs(AlertDialogContent, { children: [jsxs(AlertDialogHeader, { children: [jsx(AlertDialogTitle, { children: "This model may be large for your computer" }), jsxs(AlertDialogDescription, { children: [pendingCapacityModel === null || pendingCapacityModel === void 0 ? void 0 : pendingCapacityModel.name, " (", pendingCapacityModel === null || pendingCapacityModel === void 0 ? void 0 : pendingCapacityModel.size, ") may be more than your computer\u2019s memory can handle, so it could run slowly or fail to load. Download and use it anyway?"] })] }), jsxs(AlertDialogFooter, { children: [jsx(AlertDialogCancel, { children: "Cancel" }), jsx(AlertDialogAction, { onClick: () => {
+                                        const model = pendingCapacityModel;
+                                        setPendingCapacityModel(null);
+                                        if (model)
+                                            runUpgrade(model);
+                                    }, children: "Download anyway" })] })] }) })] }));
+}
+
+/**
+ * Collapsible "System Control" card for the UserProfile → Advanced section.
+ * Mirrors {@link LocalModelsContent}: a purely presentational, titled,
+ * collapsible container whose body is the {@link SystemControlTab}. Availability
+ * and handlers are threaded in (see UserProfileDropdown, which falls back to
+ * {@link useGhostOs} when the host doesn't supply them). Renders nothing outside
+ * the desktop app.
+ */
+function SystemControlContent(props) {
+    const [isCollapsed, setIsCollapsed] = useState(true);
+    if (!props.isAvailable) {
+        return null;
+    }
+    return (jsxs("div", { className: "rounded-lg px-6 py-5 border border-gray-200 dark:border-gray-700", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "Computer Assistant" }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": "More info about the Computer Assistant", className: "hidden sm:block", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium max-w-xs text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: "Let your assistant do things on your computer \u2014 click, type, and open apps. You stay in control and can turn it off anytime." }) })] }) })] }), jsx("button", { type: "button", onClick: () => setIsCollapsed((previous) => !previous), className: "p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1", "aria-label": isCollapsed ? 'Expand Computer Assistant' : 'Collapse Computer Assistant', children: isCollapsed ? (jsx(ChevronDown, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) : (jsx(ChevronUp, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) })] }), !isCollapsed && (jsx("div", { className: "mt-4", children: jsx(SystemControlTab, { ...props }) }))] }));
 }
 
 // src/primitive.tsx
@@ -86951,7 +88046,7 @@ function ChatPrivacyTab({ org, username }) {
 const renderLucideIcon = (Icon) => function RenderedIcon(props) {
     return jsx(Icon, { ...props });
 };
-function Profile({ tenant, username, tenants, onClose, customization = {}, isAdmin = false, targetTab = 'basic', onAccountDeleted, enableMemoryTab = false, localLLMProps, }) {
+function Profile({ tenant, username, tenants, onClose, customization = {}, isAdmin = false, targetTab = 'basic', onAccountDeleted, enableMemoryTab = false, localLLMProps, systemControlProps, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     console.log('[Profile] localLLMProps received:', {
         isAvailable: localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.isAvailable,
@@ -86996,8 +88091,10 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
             : []),
         { id: 'security', label: 'Security', renderIcon: renderLucideIcon(Shield) },
     ];
-    // Add Advanced tab only when in Tauri app (localLLMProps is provided and available)
-    const TABS = (localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.isAvailable)
+    // Add Advanced tab only when in Tauri app (Local Models or System Control is
+    // provided and available)
+    const isAdvancedAvailable = (localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.isAvailable) === true || (systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.isAvailable) === true;
+    const TABS = isAdvancedAvailable
         ? [...baseTabs, { id: 'advanced', label: 'Advanced', renderIcon: renderLucideIcon(Settings) }]
         : baseTabs;
     const RoleIcon = renderLucideIcon(User);
@@ -87140,7 +88237,7 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                                                         var _a;
                                                         return (jsxs(Fragment$1, { children: [jsxs("div", { className: "relative mb-0", children: [jsx("div", { className: "absolute inset-y-0 left-4 flex items-center pointer-events-none", "aria-hidden": "true", children: jsx("div", { className: "bg-black text-white rounded w-8 h-8 flex items-center justify-center", children: jsx("span", { className: "font-bold text-sm", children: "X" }) }) }), jsx(Input, { id: "x", className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-base py-3 pl-16 h-10", placeholder: "X", value: field.state.value, onChange: (e) => handleSocialLinkChange(e.target.value, field.handleChange, X_URL_PREFIX), disabled: socialForm.state.isSubmitting })] }), jsx("p", { className: "text-red-500 dark:text-gray-400 text-sm", role: ((_a = field.state.meta.errors) === null || _a === void 0 ? void 0 : _a.length) ? 'alert' : undefined, "aria-live": "polite", children: field.state.meta.errors })] }));
                                                     },
-                                                })] })] }) })), activeTab === 'education' && jsx(EducationTab, { org: tenant, username: username }), activeTab === 'experience' && jsx(ExperienceTab, { org: tenant, username: username }), activeTab === 'resume' && jsx(ResumeTab, { org: tenant, username: username }), activeTab === 'purchases' && jsx(PurchasesTab, { org: tenant, username: username }), activeTab === 'memory' && jsx(MemoryTab, { org: tenant, username: username }), activeTab === 'privacy' && jsx(ChatPrivacyTab, { org: tenant, username: username }), activeTab === 'security' && (jsx(Security, { email: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && localLLMProps && (jsx(LocalLLMTab, { isAvailable: localLLMProps.isAvailable, state: localLLMProps.state, ollamaStatus: localLLMProps.ollamaStatus, isUsingFoundry: localLLMProps.isUsingFoundry, foundryModels: localLLMProps.foundryModels, selectedFoundryModel: localLLMProps.selectedFoundryModel, foundryStatus: localLLMProps.foundryStatus, onStartDownload: localLLMProps.onStartDownload, onCancelDownload: localLLMProps.onCancelDownload, onInstallOllama: localLLMProps.onInstallOllama, onInstallFoundry: localLLMProps.onInstallFoundry, onCheckStatus: localLLMProps.onCheckStatus, onResetState: localLLMProps.onResetState, onSelectFoundryModel: localLLMProps.onSelectFoundryModel }))] }), ['basic', 'social'].includes(activeTab) && (jsx("div", { className: "flex-shrink-0 border-t border-gray-200 p-6 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex justify-end gap-3", children: [jsx(Button$1, { onClick: onClose, variant: "outline", children: "Cancel" }), jsx(Button$1, { onClick: () => {
+                                                })] })] }) })), activeTab === 'education' && jsx(EducationTab, { org: tenant, username: username }), activeTab === 'experience' && jsx(ExperienceTab, { org: tenant, username: username }), activeTab === 'resume' && jsx(ResumeTab, { org: tenant, username: username }), activeTab === 'purchases' && jsx(PurchasesTab, { org: tenant, username: username }), activeTab === 'memory' && jsx(MemoryTab, { org: tenant, username: username }), activeTab === 'privacy' && jsx(ChatPrivacyTab, { org: tenant, username: username }), activeTab === 'security' && (jsx(Security, { email: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && (localLLMProps || systemControlProps) && (jsxs("div", { className: "space-y-6", children: [localLLMProps && (jsx(LocalModelsContent, { isAvailable: localLLMProps.isAvailable, state: localLLMProps.state, ollamaStatus: localLLMProps.ollamaStatus, systemMemory: localLLMProps.systemMemory, isUsingFoundry: localLLMProps.isUsingFoundry, foundryModels: localLLMProps.foundryModels, selectedFoundryModel: localLLMProps.selectedFoundryModel, foundryStatus: localLLMProps.foundryStatus, onStartDownload: localLLMProps.onStartDownload, onCancelDownload: localLLMProps.onCancelDownload, onInstallOllama: localLLMProps.onInstallOllama, onStopManager: localLLMProps.onStopManager, onInstallFoundry: localLLMProps.onInstallFoundry, onCheckStatus: localLLMProps.onCheckStatus, onResetState: localLLMProps.onResetState, onSelectFoundryModel: localLLMProps.onSelectFoundryModel })), systemControlProps && (jsx(SystemControlContent, { isAvailable: systemControlProps.isAvailable, state: systemControlProps.state, status: systemControlProps.status, requiredSizeGb: systemControlProps.requiredSizeGb, ollamaStatus: systemControlProps.ollamaStatus, systemMemory: systemControlProps.systemMemory, accessibilityPermission: systemControlProps.accessibilityPermission, onInstall: systemControlProps.onInstall, onStop: systemControlProps.onStop, onCheckStatus: systemControlProps.onCheckStatus, onResetState: systemControlProps.onResetState, onRequestAccessibilityPermission: systemControlProps.onRequestAccessibilityPermission, onDownloadModel: systemControlProps.onDownloadModel }))] }))] }), ['basic', 'social'].includes(activeTab) && (jsx("div", { className: "flex-shrink-0 border-t border-gray-200 p-6 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex justify-end gap-3", children: [jsx(Button$1, { onClick: onClose, variant: "outline", children: "Cancel" }), jsx(Button$1, { onClick: () => {
                                         if (activeTab === 'basic') {
                                             basicForm.handleSubmit();
                                         }
@@ -87567,11 +88664,11 @@ var TabsList$1 = React.forwardRef(
   }
 );
 TabsList$1.displayName = TAB_LIST_NAME;
-var TRIGGER_NAME$3 = "TabsTrigger";
+var TRIGGER_NAME$2 = "TabsTrigger";
 var TabsTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
-    const context = useTabsContext(TRIGGER_NAME$3, __scopeTabs);
+    const context = useTabsContext(TRIGGER_NAME$2, __scopeTabs);
     const rovingFocusGroupScope = useRovingFocusGroupScope$2(__scopeTabs);
     const triggerId = makeTriggerId(context.baseId, value);
     const contentId = makeContentId(context.baseId, value);
@@ -87618,12 +88715,12 @@ var TabsTrigger$1 = React.forwardRef(
     );
   }
 );
-TabsTrigger$1.displayName = TRIGGER_NAME$3;
-var CONTENT_NAME$4 = "TabsContent";
+TabsTrigger$1.displayName = TRIGGER_NAME$2;
+var CONTENT_NAME$3 = "TabsContent";
 var TabsContent$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
-    const context = useTabsContext(CONTENT_NAME$4, __scopeTabs);
+    const context = useTabsContext(CONTENT_NAME$3, __scopeTabs);
     const triggerId = makeTriggerId(context.baseId, value);
     const contentId = makeContentId(context.baseId, value);
     const isSelected = value === context.value;
@@ -87653,19 +88750,19 @@ var TabsContent$1 = React.forwardRef(
     ) });
   }
 );
-TabsContent$1.displayName = CONTENT_NAME$4;
+TabsContent$1.displayName = CONTENT_NAME$3;
 function makeTriggerId(baseId, value) {
   return `${baseId}-trigger-${value}`;
 }
 function makeContentId(baseId, value) {
   return `${baseId}-content-${value}`;
 }
-var Root2$4 = Tabs$1;
+var Root2$3 = Tabs$1;
 var List = TabsList$1;
 var Trigger$2 = TabsTrigger$1;
 var Content = TabsContent$1;
 
-const Tabs = Root2$4;
+const Tabs = Root2$3;
 const TabsList = React.forwardRef(({ className, ...props }, ref) => (jsx(List, { ref: ref, className: cn("bg-muted text-muted-foreground inline-flex h-9 items-center justify-center rounded-lg p-1", className), ...props })));
 TabsList.displayName = List.displayName;
 const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (jsx(Trigger$2, { ref: ref, className: cn("ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow", className), ...props })));
@@ -88948,11 +90045,11 @@ var PopoverAnchor$1 = React.forwardRef(
   }
 );
 PopoverAnchor$1.displayName = ANCHOR_NAME$1;
-var TRIGGER_NAME$2 = "PopoverTrigger";
+var TRIGGER_NAME$1 = "PopoverTrigger";
 var PopoverTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...triggerProps } = props;
-    const context = usePopoverContext(TRIGGER_NAME$2, __scopePopover);
+    const context = usePopoverContext(TRIGGER_NAME$1, __scopePopover);
     const popperScope = usePopperScope$1(__scopePopover);
     const composedTriggerRef = useComposedRefs$1(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsx(
@@ -88971,31 +90068,31 @@ var PopoverTrigger$1 = React.forwardRef(
     return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(Anchor$1, { asChild: true, ...popperScope, children: trigger });
   }
 );
-PopoverTrigger$1.displayName = TRIGGER_NAME$2;
-var PORTAL_NAME$3 = "PopoverPortal";
-var [PortalProvider$1, usePortalContext$1] = createPopoverContext(PORTAL_NAME$3, {
+PopoverTrigger$1.displayName = TRIGGER_NAME$1;
+var PORTAL_NAME$2 = "PopoverPortal";
+var [PortalProvider$1, usePortalContext$1] = createPopoverContext(PORTAL_NAME$2, {
   forceMount: void 0
 });
 var PopoverPortal = (props) => {
   const { __scopePopover, forceMount, children, container } = props;
-  const context = usePopoverContext(PORTAL_NAME$3, __scopePopover);
+  const context = usePopoverContext(PORTAL_NAME$2, __scopePopover);
   return /* @__PURE__ */ jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence$1, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container, children }) }) });
 };
-PopoverPortal.displayName = PORTAL_NAME$3;
-var CONTENT_NAME$3 = "PopoverContent";
+PopoverPortal.displayName = PORTAL_NAME$2;
+var CONTENT_NAME$2 = "PopoverContent";
 var PopoverContent$1 = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext$1(CONTENT_NAME$3, props.__scopePopover);
+    const portalContext = usePortalContext$1(CONTENT_NAME$2, props.__scopePopover);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
-    const context = usePopoverContext(CONTENT_NAME$3, props.__scopePopover);
+    const context = usePopoverContext(CONTENT_NAME$2, props.__scopePopover);
     return /* @__PURE__ */ jsx(Presence$1, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
   }
 );
-PopoverContent$1.displayName = CONTENT_NAME$3;
+PopoverContent$1.displayName = CONTENT_NAME$2;
 var Slot$1 = createSlot$1("PopoverContent.RemoveScroll");
 var PopoverContentModal = React.forwardRef(
   (props, forwardedRef) => {
-    const context = usePopoverContext(CONTENT_NAME$3, props.__scopePopover);
+    const context = usePopoverContext(CONTENT_NAME$2, props.__scopePopover);
     const contentRef = React.useRef(null);
     const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
     const isRightClickOutsideRef = React.useRef(false);
@@ -89035,7 +90132,7 @@ var PopoverContentModal = React.forwardRef(
 );
 var PopoverContentNonModal = React.forwardRef(
   (props, forwardedRef) => {
-    const context = usePopoverContext(CONTENT_NAME$3, props.__scopePopover);
+    const context = usePopoverContext(CONTENT_NAME$2, props.__scopePopover);
     const hasInteractedOutsideRef = React.useRef(false);
     const hasPointerDownOutsideRef = React.useRef(false);
     return /* @__PURE__ */ jsx(
@@ -89087,7 +90184,7 @@ var PopoverContentImpl = React.forwardRef(
       onInteractOutside,
       ...contentProps
     } = props;
-    const context = usePopoverContext(CONTENT_NAME$3, __scopePopover);
+    const context = usePopoverContext(CONTENT_NAME$2, __scopePopover);
     const popperScope = usePopperScope$1(__scopePopover);
     useFocusGuards();
     return /* @__PURE__ */ jsx(
@@ -89165,26 +90262,26 @@ PopoverArrow.displayName = ARROW_NAME$2;
 function getState$1(open) {
   return open ? "open" : "closed";
 }
-var Root2$3 = Popover$1;
+var Root2$2 = Popover$1;
 var Anchor2$1 = PopoverAnchor$1;
 var Trigger$1 = PopoverTrigger$1;
 var Portal$1 = PopoverPortal;
-var Content2$3 = PopoverContent$1;
+var Content2$2 = PopoverContent$1;
 
-const Popover = Root2$3;
+const Popover = Root2$2;
 const PopoverTrigger = Trigger$1;
 const PopoverAnchor = Anchor2$1;
 const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, portalled = true, container, ...props }, ref) => {
     var _a;
     const portalContainer = useFloatingPortalContainer();
     const resolvedContainer = (_a = container !== null && container !== void 0 ? container : portalContainer) !== null && _a !== void 0 ? _a : undefined;
-    const content = (jsx(Content2$3, { ref: ref, "data-iblai-dialog-interaction-layer": true, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }));
+    const content = (jsx(Content2$2, { ref: ref, "data-iblai-dialog-interaction-layer": true, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }));
     if (!portalled) {
         return content;
     }
     return jsx(Portal$1, { container: resolvedContainer, children: content });
 });
-PopoverContent.displayName = Content2$3.displayName;
+PopoverContent.displayName = Content2$2.displayName;
 
 function UsersTab({ tenant, onInviteClick }) {
     const dispatch = useDispatch();
@@ -126301,30 +127398,30 @@ var MenuAnchor = React.forwardRef(
   }
 );
 MenuAnchor.displayName = ANCHOR_NAME;
-var PORTAL_NAME$2 = "MenuPortal";
-var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME$2, {
+var PORTAL_NAME$1 = "MenuPortal";
+var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME$1, {
   forceMount: void 0
 });
 var MenuPortal = (props) => {
   const { __scopeMenu, forceMount, children, container } = props;
-  const context = useMenuContext(PORTAL_NAME$2, __scopeMenu);
+  const context = useMenuContext(PORTAL_NAME$1, __scopeMenu);
   return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx(Presence$1, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container, children }) }) });
 };
-MenuPortal.displayName = PORTAL_NAME$2;
-var CONTENT_NAME$2 = "MenuContent";
-var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$2);
+MenuPortal.displayName = PORTAL_NAME$1;
+var CONTENT_NAME$1 = "MenuContent";
+var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$1);
 var MenuContent = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext(CONTENT_NAME$2, props.__scopeMenu);
+    const portalContext = usePortalContext(CONTENT_NAME$1, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
-    const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
-    const rootContext = useMenuRootContext(CONTENT_NAME$2, props.__scopeMenu);
+    const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
+    const rootContext = useMenuRootContext(CONTENT_NAME$1, props.__scopeMenu);
     return /* @__PURE__ */ jsx(Collection$1.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx(Presence$1, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Collection$1.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
   }
 );
 var MenuRootContentModal = React.forwardRef(
   (props, forwardedRef) => {
-    const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
+    const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
     const ref = React.useRef(null);
     const composedRefs = useComposedRefs$1(forwardedRef, ref);
     React.useEffect(() => {
@@ -126350,7 +127447,7 @@ var MenuRootContentModal = React.forwardRef(
   }
 );
 var MenuRootContentNonModal = React.forwardRef((props, forwardedRef) => {
-  const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
+  const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
   return /* @__PURE__ */ jsx(
     MenuContentImpl,
     {
@@ -126382,8 +127479,8 @@ var MenuContentImpl = React.forwardRef(
       disableOutsideScroll,
       ...contentProps
     } = props;
-    const context = useMenuContext(CONTENT_NAME$2, __scopeMenu);
-    const rootContext = useMenuRootContext(CONTENT_NAME$2, __scopeMenu);
+    const context = useMenuContext(CONTENT_NAME$1, __scopeMenu);
+    const rootContext = useMenuRootContext(CONTENT_NAME$1, __scopeMenu);
     const popperScope = usePopperScope(__scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
     const getItems = useCollection$1(__scopeMenu);
@@ -126546,7 +127643,7 @@ var MenuContentImpl = React.forwardRef(
     );
   }
 );
-MenuContent.displayName = CONTENT_NAME$2;
+MenuContent.displayName = CONTENT_NAME$1;
 var GROUP_NAME$2 = "MenuGroup";
 var MenuGroup = React.forwardRef(
   (props, forwardedRef) => {
@@ -126920,10 +128017,10 @@ MenuSubTrigger.displayName = SUB_TRIGGER_NAME$1;
 var SUB_CONTENT_NAME$1 = "MenuSubContent";
 var MenuSubContent = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext(CONTENT_NAME$2, props.__scopeMenu);
+    const portalContext = usePortalContext(CONTENT_NAME$1, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...subContentProps } = props;
-    const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
-    const rootContext = useMenuRootContext(CONTENT_NAME$2, props.__scopeMenu);
+    const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
+    const rootContext = useMenuRootContext(CONTENT_NAME$1, props.__scopeMenu);
     const subContext = useMenuSubContext(SUB_CONTENT_NAME$1, props.__scopeMenu);
     const ref = React.useRef(null);
     const composedRefs = useComposedRefs$1(forwardedRef, ref);
@@ -127021,7 +128118,7 @@ function whenMouse(handler) {
 var Root3 = Menu;
 var Anchor2 = MenuAnchor;
 var Portal = MenuPortal;
-var Content2$2 = MenuContent;
+var Content2$1 = MenuContent;
 var Group = MenuGroup;
 var Label$1 = MenuLabel;
 var Item2$2 = MenuItem;
@@ -127075,11 +128172,11 @@ var DropdownMenu$1 = (props) => {
   );
 };
 DropdownMenu$1.displayName = DROPDOWN_MENU_NAME;
-var TRIGGER_NAME$1 = "DropdownMenuTrigger";
+var TRIGGER_NAME = "DropdownMenuTrigger";
 var DropdownMenuTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
-    const context = useDropdownMenuContext(TRIGGER_NAME$1, __scopeDropdownMenu);
+    const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
       Primitive$4.button,
@@ -127110,23 +128207,23 @@ var DropdownMenuTrigger$1 = React.forwardRef(
     ) });
   }
 );
-DropdownMenuTrigger$1.displayName = TRIGGER_NAME$1;
-var PORTAL_NAME$1 = "DropdownMenuPortal";
+DropdownMenuTrigger$1.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "DropdownMenuPortal";
 var DropdownMenuPortal$1 = (props) => {
   const { __scopeDropdownMenu, ...portalProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsx(Portal, { ...menuScope, ...portalProps });
 };
-DropdownMenuPortal$1.displayName = PORTAL_NAME$1;
-var CONTENT_NAME$1 = "DropdownMenuContent";
+DropdownMenuPortal$1.displayName = PORTAL_NAME;
+var CONTENT_NAME = "DropdownMenuContent";
 var DropdownMenuContent$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...contentProps } = props;
-    const context = useDropdownMenuContext(CONTENT_NAME$1, __scopeDropdownMenu);
+    const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     const hasInteractedOutsideRef = React.useRef(false);
     return /* @__PURE__ */ jsx(
-      Content2$2,
+      Content2$1,
       {
         id: context.contentId,
         "aria-labelledby": context.triggerId,
@@ -127159,7 +128256,7 @@ var DropdownMenuContent$1 = React.forwardRef(
     );
   }
 );
-DropdownMenuContent$1.displayName = CONTENT_NAME$1;
+DropdownMenuContent$1.displayName = CONTENT_NAME;
 var GROUP_NAME$1 = "DropdownMenuGroup";
 var DropdownMenuGroup$1 = React.forwardRef(
   (props, forwardedRef) => {
@@ -127273,10 +128370,10 @@ var DropdownMenuSubContent$1 = React.forwardRef((props, forwardedRef) => {
   );
 });
 DropdownMenuSubContent$1.displayName = SUB_CONTENT_NAME;
-var Root2$2 = DropdownMenu$1;
+var Root2$1 = DropdownMenu$1;
 var Trigger = DropdownMenuTrigger$1;
-var Portal2$1 = DropdownMenuPortal$1;
-var Content2$1 = DropdownMenuContent$1;
+var Portal2 = DropdownMenuPortal$1;
+var Content2 = DropdownMenuContent$1;
 var Group2 = DropdownMenuGroup$1;
 var Label2 = DropdownMenuLabel$1;
 var Item2$1 = DropdownMenuItem$1;
@@ -127290,17 +128387,17 @@ var SubTrigger2 = DropdownMenuSubTrigger$1;
 var SubContent2 = DropdownMenuSubContent$1;
 
 function DropdownMenu({ ...props }) {
-    return jsx(Root2$2, { "data-slot": "dropdown-menu", ...props });
+    return jsx(Root2$1, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({ ...props }) {
-    return jsx(Portal2$1, { "data-slot": "dropdown-menu-portal", ...props });
+    return jsx(Portal2, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({ ...props }) {
     return jsx(Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
     const portalContainer = useFloatingPortalContainer();
-    return (jsx(Portal2$1, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsx(Content2$1, { "data-slot": "dropdown-menu-content", "data-iblai-dialog-interaction-layer": true, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', className), ...props }) }));
+    return (jsx(Portal2, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsx(Content2, { "data-slot": "dropdown-menu-content", "data-iblai-dialog-interaction-layer": true, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', className), ...props }) }));
 }
 function DropdownMenuGroup({ ...props }) {
     return jsx(Group2, { "data-slot": "dropdown-menu-group", ...props });
@@ -128137,12 +129234,12 @@ var RadioGroupIndicator = React.forwardRef(
   }
 );
 RadioGroupIndicator.displayName = INDICATOR_NAME2;
-var Root2$1 = RadioGroup$1;
+var Root2 = RadioGroup$1;
 var Item2 = RadioGroupItem$1;
 var Indicator = RadioGroupIndicator;
 
 function RadioGroup({ className, ...props }) {
-    return (jsx(Root2$1, { "data-slot": "radio-group", className: cn('grid gap-3', className), ...props }));
+    return (jsx(Root2, { "data-slot": "radio-group", className: cn('grid gap-3', className), ...props }));
 }
 function RadioGroupItem({ className, ...props }) {
     return (jsx(Item2, { "data-slot": "radio-group-item", className: cn('border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: jsx(Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: jsx(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) }) }));
@@ -129604,173 +130701,6 @@ function NotificationDisplay({ org, userId, isAdmin = false, selectedNotificatio
                 } }), jsx(Dialog, { open: isMobileModalOpen, onOpenChange: setIsMobileModalOpen, children: jsx(DialogContent, { className: "max-h-[85vh] overflow-y-auto max-w-[95vw]", children: selectedNotification && (jsxs(Fragment$1, { children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { className: "text-xl font-semibold text-gray-900 pr-6", children: selectedNotification.title }), jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-500 pt-2", children: [jsx(Clock, { className: "h-4 w-4", "aria-hidden": "true" }), jsx("time", { dateTime: selectedNotification.timestamp.toISOString(), children: format$1(selectedNotification.timestamp, "MMMM d, yyyy 'at' h:mm a") })] })] }), jsx("div", { className: "prose prose-sm max-w-none text-gray-700 mt-4", dangerouslySetInnerHTML: { __html: sanitizeHtml(selectedNotification.body) }, "aria-labelledby": "mobile-notification-title" })] })) }) })] }));
 }
 
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function createSlottable(ownerName) {
-  const Slottable2 = ({ children }) => {
-    return /* @__PURE__ */ jsx(Fragment$1, { children });
-  };
-  Slottable2.displayName = `${ownerName}.Slottable`;
-  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
-  return Slottable2;
-}
-
-var ROOT_NAME = "AlertDialog";
-var [createAlertDialogContext, createAlertDialogScope] = createContextScope$1(ROOT_NAME, [
-  createDialogScope
-]);
-var useDialogScope = createDialogScope();
-var AlertDialog$1 = (props) => {
-  const { __scopeAlertDialog, ...alertDialogProps } = props;
-  const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });
-};
-AlertDialog$1.displayName = ROOT_NAME;
-var TRIGGER_NAME = "AlertDialogTrigger";
-var AlertDialogTrigger = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...triggerProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });
-  }
-);
-AlertDialogTrigger.displayName = TRIGGER_NAME;
-var PORTAL_NAME = "AlertDialogPortal";
-var AlertDialogPortal$1 = (props) => {
-  const { __scopeAlertDialog, ...portalProps } = props;
-  const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });
-};
-AlertDialogPortal$1.displayName = PORTAL_NAME;
-var OVERLAY_NAME = "AlertDialogOverlay";
-var AlertDialogOverlay$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...overlayProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
-  }
-);
-AlertDialogOverlay$1.displayName = OVERLAY_NAME;
-var CONTENT_NAME = "AlertDialogContent";
-var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
-var Slottable = createSlottable("AlertDialogContent");
-var AlertDialogContent$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, children, ...contentProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    const contentRef = React.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
-    const cancelRef = React.useRef(null);
-    return /* @__PURE__ */ jsx(
-      DialogPrimitive.WarningProvider,
-      {
-        contentName: CONTENT_NAME,
-        titleName: TITLE_NAME,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(
-          DialogPrimitive.Content,
-          {
-            role: "alertdialog",
-            ...dialogScope,
-            ...contentProps,
-            ref: composedRefs,
-            onOpenAutoFocus: composeEventHandlers$2(contentProps.onOpenAutoFocus, (event) => {
-              event.preventDefault();
-              cancelRef.current?.focus({ preventScroll: true });
-            }),
-            onPointerDownOutside: (event) => event.preventDefault(),
-            onInteractOutside: (event) => event.preventDefault(),
-            children: [
-              /* @__PURE__ */ jsx(Slottable, { children }),
-              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })
-            ]
-          }
-        ) })
-      }
-    );
-  }
-);
-AlertDialogContent$1.displayName = CONTENT_NAME;
-var TITLE_NAME = "AlertDialogTitle";
-var AlertDialogTitle$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...titleProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });
-  }
-);
-AlertDialogTitle$1.displayName = TITLE_NAME;
-var DESCRIPTION_NAME = "AlertDialogDescription";
-var AlertDialogDescription$1 = React.forwardRef((props, forwardedRef) => {
-  const { __scopeAlertDialog, ...descriptionProps } = props;
-  const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
-});
-AlertDialogDescription$1.displayName = DESCRIPTION_NAME;
-var ACTION_NAME = "AlertDialogAction";
-var AlertDialogAction$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...actionProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });
-  }
-);
-AlertDialogAction$1.displayName = ACTION_NAME;
-var CANCEL_NAME = "AlertDialogCancel";
-var AlertDialogCancel$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...cancelProps } = props;
-    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    const ref = useComposedRefs$1(forwardedRef, cancelRef);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });
-  }
-);
-AlertDialogCancel$1.displayName = CANCEL_NAME;
-var DescriptionWarning = ({ contentRef }) => {
-  const MESSAGE = `\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${CONTENT_NAME}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  React.useEffect(() => {
-    const hasDescription = document.getElementById(
-      contentRef.current?.getAttribute("aria-describedby")
-    );
-    if (!hasDescription) console.warn(MESSAGE);
-  }, [MESSAGE, contentRef]);
-  return null;
-};
-var Root2 = AlertDialog$1;
-var Portal2 = AlertDialogPortal$1;
-var Overlay2 = AlertDialogOverlay$1;
-var Content2 = AlertDialogContent$1;
-var Action = AlertDialogAction$1;
-var Cancel = AlertDialogCancel$1;
-var Title2 = AlertDialogTitle$1;
-var Description2 = AlertDialogDescription$1;
-
-const AlertDialog = Root2;
-const AlertDialogPortal = Portal2;
-const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay2, { className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', className), ...props, ref: ref })));
-AlertDialogOverlay.displayName = Overlay2.displayName;
-const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (jsxs(AlertDialogPortal, { children: [jsx(AlertDialogOverlay, {}), jsx(Content2, { ref: ref, className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg', className), ...props })] })));
-AlertDialogContent.displayName = Content2.displayName;
-const AlertDialogHeader = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
-AlertDialogHeader.displayName = 'AlertDialogHeader';
-const AlertDialogFooter = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
-AlertDialogFooter.displayName = 'AlertDialogFooter';
-const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (jsx(Title2, { ref: ref, className: cn('text-lg font-semibold', className), ...props })));
-AlertDialogTitle.displayName = Title2.displayName;
-const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (jsx(Description2, { ref: ref, className: cn('text-muted-foreground text-sm', className), ...props })));
-AlertDialogDescription.displayName = Description2.displayName;
-const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (jsx(Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
-AlertDialogAction.displayName = Action.displayName;
-const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (jsx(Cancel, { ref: ref, className: cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
-AlertDialogCancel.displayName = Cancel.displayName;
-
 /**
  * **Private mode** toggle for the platform nav-bar. A single pill that
  * collapses to an icon-only chip when off, and expands with a cool
@@ -198727,7 +199657,7 @@ function ProjectsPage({ tenantKey, username, onOpenProject, navigateToMentorInPr
     if (error) {
         return (jsx("div", { className: "flex h-full items-center justify-center", children: jsxs("div", { className: "text-center", children: [jsx(CircleAlert, { className: "mx-auto mb-4 h-12 w-12 text-red-500" }), jsx("p", { className: "text-gray-600", children: "Failed to load projects" })] }) }));
     }
-    return (jsxs("div", { className: "flex h-full overflow-hidden", children: [jsx("div", { className: "scrollbar-hide flex-1 overflow-y-auto", children: jsxs("div", { className: "mx-auto max-w-[920px] px-3 py-6 md:px-6 md:py-8", children: [jsxs("div", { className: "mb-6", children: [jsx("h1", { className: "mb-2 text-2xl font-semibold text-gray-700", children: "Projects" }), jsx("p", { className: "text-sm text-gray-600", children: "Organize your agents, files, and instructions into dedicated projects" })] }), jsxs("div", { className: "mb-6 flex flex-col gap-4 sm:flex-row", children: [jsxs("div", { className: "relative flex-1", children: [jsx(Search, { className: "absolute top-1/2 left-4 h-5 w-5 -translate-y-1/2 transform text-gray-400" }), jsx(Input, { placeholder: "Search projects...", value: searchValue, onChange: (e) => setSearchValue(e.target.value), className: "w-full rounded-lg border-gray-300 py-3 pr-4 pl-12 text-base focus:border-blue-500 focus:ring-2 focus:ring-blue-500" })] }), jsxs(Button$1, { className: "rounded-lg bg-gradient-to-r from-[#38A1E5] to-[#7284FF] px-6 py-3 whitespace-nowrap text-white hover:from-[#2E8BD1] hover:to-[#5F6FE8]", onClick: () => executeWithTrialCheck(() => setIsCreateModalOpen(true)), children: [jsx(Plus, { className: "mr-2 h-5 w-5" }), "New Project"] })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-12", children: jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-gray-400" }) })) : (jsxs(Fragment$1, { children: [jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: projects.map((project) => (jsx(Card, { className: "cursor-pointer rounded-lg border border-[#D0E0FF] bg-[#F5F8FF] transition-shadow hover:shadow-md", onClick: () => executeWithTrialCheck(() => onOpenProject(project)), children: jsxs(CardContent, { className: "p-6", children: [jsxs("div", { className: "mb-3 flex items-start justify-between gap-2", children: [jsx("h3", { className: "text-base font-semibold text-gray-900", children: project.name }), jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "icon", className: "h-7 w-7 flex-shrink-0 text-gray-500 hover:bg-[#c9d8f8]", "aria-label": "Project actions", onClick: (e) => e.stopPropagation(), children: jsx(EllipsisVertical, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: [jsxs(DropdownMenuItem, { onClick: (e) => {
+    return (jsxs("div", { className: "flex h-full overflow-hidden", children: [jsx("div", { className: "scrollbar-hide flex-1 overflow-y-auto", children: jsxs("div", { className: "mx-auto max-w-[920px] px-3 py-6 md:px-6 md:py-8", children: [jsxs("div", { className: "mb-6", children: [jsx("h1", { className: "mb-2 text-2xl font-semibold text-gray-700", children: "Projects" }), jsx("p", { className: "text-sm text-gray-600", children: "Organize your agents, files, and instructions into dedicated projects" })] }), jsxs("div", { className: "mb-6 flex flex-col gap-4 sm:flex-row", children: [jsxs("div", { className: "relative flex-1", children: [jsx(Search, { className: "absolute top-1/2 left-4 h-5 w-5 -translate-y-1/2 transform text-gray-400" }), jsx(Input, { placeholder: "Search projects...", value: searchValue, onChange: (e) => setSearchValue(e.target.value), className: "w-full rounded-lg border-gray-300 py-3 pr-4 pl-12 text-base focus:border-blue-500 focus:ring-2 focus:ring-blue-500" })] }), jsxs(Button$1, { className: "rounded-lg bg-gradient-to-r from-[#38A1E5] to-[#7284FF] px-6 py-3 whitespace-nowrap text-white hover:from-[#2E8BD1] hover:to-[#5F6FE8]", onClick: () => executeWithTrialCheck(() => setIsCreateModalOpen(true)), children: [jsx(Plus, { className: "mr-2 h-5 w-5" }), "New Project"] })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-12", children: jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-gray-400" }) })) : (jsxs(Fragment$1, { children: [jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: projects.map((project) => (jsx(Card, { className: "cursor-pointer rounded-lg border border-[#D0E0FF] bg-[#F5F8FF] transition-shadow hover:shadow-md", onClick: () => executeWithTrialCheck(() => onOpenProject(project)), children: jsxs(CardContent, { className: "p-6", children: [jsxs("div", { className: "mb-3 flex items-start justify-between gap-2", children: [jsx("h3", { className: "text-base font-semibold text-gray-900", children: project.name }), jsxs(DropdownMenu, { modal: false, children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "icon", className: "h-7 w-7 flex-shrink-0 text-gray-500 hover:bg-[#c9d8f8]", "aria-label": "Project actions", onClick: (e) => e.stopPropagation(), children: jsx(EllipsisVertical, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: [jsxs(DropdownMenuItem, { onClick: (e) => {
                                                                                 e.stopPropagation();
                                                                                 executeWithTrialCheck(() => handleRenameProject(String(project.id), project.name));
                                                                             }, children: [jsx(Pencil, { className: "mr-2 h-4 w-4" }), "Rename"] }), jsxs(DropdownMenuItem, { className: "text-red-600 focus:text-red-600", onClick: (e) => {
@@ -203243,5 +204173,5 @@ var trainOrDeleteModal = /*#__PURE__*/Object.freeze({
     TrainOrDeleteModal: TrainOrDeleteModal
 });
 
-export { ACCESS_COURSE_LABEL, AccessTimeHeatmap, AccessiblePaginate, AddMentorToProjectModal, AddSkillDialog, Admin, AdvancedTab, AgentConfigPrompts, AgentSkills, AlertsTab, AnalyticsAuditLogStats, AnalyticsCourseDetail, AnalyticsCourses, AnalyticsFinancialStats, AnalyticsLayout, AnalyticsMonetizationStats, AnalyticsOverview, AnalyticsProgramDetail, AnalyticsPrograms, AnalyticsReportDownload, AnalyticsReports, AnalyticsSettingsProvider, AnalyticsTopicsStats, AnalyticsTranscriptsStats, AnalyticsUsersStats, AppleRestrictionModal, BUY_NOW_LABEL, BillingTab, CREATE_AGENT_LABELS, CategorizedDropdownMenu, ChartCardWrapper, ChartFiltersProvider, ChatContext, ChatPrivacyToggle, ChatProvider, CompanyDialog, ConnectorManagementDialog, CopyButtonIcon, CourseAccessGuard, CourseCardSkeleton, CourseContentLoading, CourseOutline, CourseOutlineContext, CourseOutlineDrawer, CreateAgentForm, CreateAgentModal, CreateProjectModal, CreateWorkflowModal, CredentialBox, CredentialMiniBoxSkeleton, CreditBalance, CustomDateRangePicker, CustomTooltip, DefaultEmptyBox, DeleteProjectModal, DeleteWorkflowModal, DiscoverContentCard, DiscoverFacetsFilter, DiscoverFilterDrawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENROLL_NOW_COURSE_STARTING_SOON_LABEL, ENROLL_NOW_LABEL, EditAlertDialog, EducationBox, EducationDialog, EducationTab, EdxIframeContext, EmptyStats, ExperienceBox, ExperienceDialog, ExperienceTab, FacetFilterContext, Footer, GroupsFilterDropdown, INVITATION_ONLY_LABEL, InstitutionDialog, IntegrationsTab, InviteUserContent, InviteUserDialog, InvitedUsersDialog, Loader, LocalLLMTab, LoginButton, Markdown, MinimumMentorAlert, MonetizationTab, NotificationDisplay, NotificationDropdown, ONBOARDING_SECTORS, OnboardingShell, OnboardingWizard, PaywallModal, Profile, ProfileTimeChart, ProgressDots, ProjectActionButtons, ProjectFilesModal, ProjectInstructionsModal, ProjectLandingPage, ProjectMentorsList, ProjectsPage, REQUEST_ACCESS_COURSE_STARTING_SOON_LABEL, REQUEST_ACCESS_LABEL, RenameProjectModal, ResumeBox, ResumeTab, RichTextEditor, SandboxConfig, SearchableMultiSelect, SendNotificationDialog, SignupButton, SkeletonActivityStatBox, SkeletonAddSkillsLoading, SkeletonCreatePathwaySearchList, SkeletonDiscoverFilterBox, SkeletonEducationBox, SkeletonMultiplier, SkeletonPathwayBox, SkeletonProfileInfoCard, SkeletonSkillBox, SkillBox, SkillDetailModal, SkillLeaderboardChart, SkillsBox, Spinner, StatCard, StepHeader, TAURI_COMMANDS, TAURI_EVENTS, TenantSwitcher, TimeFilter, TimeTrackingProvider, TimedExam, ToolDialogs, TopBanner, UpgradePackageModal, UserAvatar, Version, WorkflowSidebar, addBookmarksTab, findLastResumeBlock, findSequentialParent, flattenVerticalBlocks, getFirstAvailableUnit, getNextUnitIframe, getOrg, getParentBlockById, getParentsInfosFromSublessonId, getPreviousUnitIframe, getRandomCourseImage, getSectorById, getTenant, getUnitToIframe, getUserId, getUserName, inBrowserPrint, inIframe, initialModelDownloadState, isLocalLLMEnabled, isTauriApp, components as markdownComponents, onboardingPrimaryButtonClass, onboardingSecondaryButtonClass, resolveCreateAgentLabels, sanitizeCss, setLocalLLMEnabled, useAnalyticsSettings, useAuditLog, useCatalogSearch, useChartFilters, useChatPrivacy, useChatState, useCourseDetail, useCourseMetadata, useCourses, useDiscover, useEdxIframe, useFinancial, useIframeMessageHandler, useLocalStorage, useModelDownload, useMonetization, useOverview, useProfileActivityStats, useProfileCredentials, useProfilePathways, useProfilePrograms, useProfileSkills, useProfileTimeSpent, usePrograms, useReports, useTauri, useTimeTracking, useTopics, useTranscripts, useUserCourses, useUserMetadata, useUsers };
+export { ACCESS_COURSE_LABEL, AccessTimeHeatmap, AccessiblePaginate, AddMentorToProjectModal, AddSkillDialog, Admin, AdvancedTab, AgentConfigPrompts, AgentSkills, AlertsTab, AnalyticsAuditLogStats, AnalyticsCourseDetail, AnalyticsCourses, AnalyticsFinancialStats, AnalyticsLayout, AnalyticsMonetizationStats, AnalyticsOverview, AnalyticsProgramDetail, AnalyticsPrograms, AnalyticsReportDownload, AnalyticsReports, AnalyticsSettingsProvider, AnalyticsTopicsStats, AnalyticsTranscriptsStats, AnalyticsUsersStats, AppleRestrictionModal, BUY_NOW_LABEL, BillingTab, CREATE_AGENT_LABELS, CategorizedDropdownMenu, ChartCardWrapper, ChartFiltersProvider, ChatContext, ChatPrivacyToggle, ChatProvider, CompanyDialog, ConnectorManagementDialog, CopyButtonIcon, CourseAccessGuard, CourseCardSkeleton, CourseContentLoading, CourseOutline, CourseOutlineContext, CourseOutlineDrawer, CreateAgentForm, CreateAgentModal, CreateProjectModal, CreateWorkflowModal, CredentialBox, CredentialMiniBoxSkeleton, CreditBalance, CustomDateRangePicker, CustomTooltip, DEFAULT_SYSTEM_CONTROL_REQUIRED_SIZE_GB, DefaultEmptyBox, DeleteProjectModal, DeleteWorkflowModal, DiscoverContentCard, DiscoverFacetsFilter, DiscoverFilterDrawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENROLL_NOW_COURSE_STARTING_SOON_LABEL, ENROLL_NOW_LABEL, EditAlertDialog, EducationBox, EducationDialog, EducationTab, EdxIframeContext, EmptyStats, ExperienceBox, ExperienceDialog, ExperienceTab, FacetFilterContext, Footer, GHOST_OS_REPO_URL, GHOST_OS_TAURI_COMMANDS, GHOST_OS_TAURI_EVENTS, GroupsFilterDropdown, INVITATION_ONLY_LABEL, InstitutionDialog, IntegrationsTab, InviteUserContent, InviteUserDialog, InvitedUsersDialog, LOCAL_MODELS, Loader, LocalLLMTab, LocalModelsContent, LoginButton, MACOS_PERMISSIONS_COMMANDS, Markdown, MinimumMentorAlert, MonetizationTab, NotificationDisplay, NotificationDropdown, ONBOARDING_SECTORS, OnboardingShell, OnboardingWizard, PaywallModal, Profile, ProfileTimeChart, ProgressDots, ProjectActionButtons, ProjectFilesModal, ProjectInstructionsModal, ProjectLandingPage, ProjectMentorsList, ProjectsPage, REQUEST_ACCESS_COURSE_STARTING_SOON_LABEL, REQUEST_ACCESS_LABEL, RenameProjectModal, ResumeBox, ResumeTab, RichTextEditor, SandboxConfig, SearchableMultiSelect, SendNotificationDialog, SignupButton, SkeletonActivityStatBox, SkeletonAddSkillsLoading, SkeletonCreatePathwaySearchList, SkeletonDiscoverFilterBox, SkeletonEducationBox, SkeletonMultiplier, SkeletonPathwayBox, SkeletonProfileInfoCard, SkeletonSkillBox, SkillBox, SkillDetailModal, SkillLeaderboardChart, SkillsBox, Spinner, StatCard, StepHeader, SystemControlContent, SystemControlTab, TAURI_COMMANDS, TAURI_EVENTS, TenantSwitcher, TimeFilter, TimeTrackingProvider, TimedExam, ToolDialogs, TopBanner, UpgradePackageModal, UserAvatar, Version, WorkflowSidebar, addBookmarksTab, findLastResumeBlock, findSequentialParent, flattenVerticalBlocks, getFirstAvailableUnit, getLocalLLMModel, getLocalLLMToolSupport, getNextUnitIframe, getOrg, getParentBlockById, getParentsInfosFromSublessonId, getPreviousUnitIframe, getRandomCourseImage, getSectorById, getTenant, getUnitToIframe, getUserId, getUserName, inBrowserPrint, inIframe, initialGhostOsInstallState, initialModelDownloadState, isLocalLLMEnabled, isSystemControlEnabled, isTauriApp, components as markdownComponents, modelSupportsSystemControl, onboardingPrimaryButtonClass, onboardingSecondaryButtonClass, resolveCreateAgentLabels, sanitizeCss, setLocalLLMEnabled, setLocalLLMModel, setLocalLLMToolSupport, setSystemControlEnabled, smallestSystemControlModel, useAnalyticsSettings, useAuditLog, useCatalogSearch, useChartFilters, useChatPrivacy, useChatState, useCourseDetail, useCourseMetadata, useCourses, useDiscover, useEdxIframe, useFinancial, useGhostOs, useIframeMessageHandler, useLocalStorage, useModelDownload, useMonetization, useOverview, useProfileActivityStats, useProfileCredentials, useProfilePathways, useProfilePrograms, useProfileSkills, useProfileTimeSpent, usePrograms, useReports, useTauri, useTimeTracking, useTopics, useTranscripts, useUserCourses, useUserMetadata, useUsers };
 //# sourceMappingURL=index.esm.js.map