@iblai/iblai-js 1.20.6 → 1.20.8

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { useState, useEffect, forwardRef, createElement as createElement$3, useLayoutEffect, useMemo, createContext, useReducer, useRef, useImperativeHandle, useCallback, useContext, useId as useId$2, useDebugValue, cloneElement, lazy, Suspense, Component as Component$1 } from 'react';
+import React__default, { useState, useEffect, forwardRef, createElement as createElement$3, useLayoutEffect, useMemo, useCallback, createContext, useReducer, useRef, useImperativeHandle, useContext, useId as useId$2, useDebugValue, cloneElement, lazy, Suspense, Component as Component$1 } from 'react';
 import { useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useDeleteGlobalMemoryMutation, ChatPrivacyModeEnum, useGetUserChatPrivacySettingsQuery, useUpdateUserChatPrivacySettingsMutation, CHAT_PRIVACY_MODES, useGetTenantChatPrivacyConfigQuery, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useUpdateUserRoleMutation, useUpdateUserStatusMutation, useUpdatePlatformUserRoleWithPoliciesMutation, usePlatformUsersQuery, isPoliciesResponse, platformApiSlice, featureTags, useLazyGetRbacTeamsAccessListQuery, useCreateRbacTeamsAccessMutation, useGetRbacGroupsQuery, usePlatformUserGroupsQuery, useCreateRbacGroupMutation, useUpdateRbacGroupMutation, useDeleteRbacGroupMutation, useCreatePlatformUserGroupMutation, useUpdatePlatformUserGroupMutation, useDeletePlatformUserGroupMutation, useGetRbacGroupDetailsQuery, useGetPlatformUserGroupDetailsQuery, useGetRbacPermissionsMutation, useGetRbacRolesQuery, useCreateRbacRoleMutation, useUpdateRbacRoleMutation, useDeleteRbacRoleMutation, useGetRbacRoleDetailsQuery, useGetRbacActionsDefinitionQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useGetWatchedGroupsQuery, useCreateWatchedGroupMutation, useUpdateWatchedGroupMutation, useDeleteWatchedGroupMutation, useAddWatchedUserMutation, useRemoveWatchedUserMutation, useAddWatcherMutation, useUpdateWatcherMutation, useDeleteWatcherMutation, useGetWatchedUsersQuery, useGetWatchersQuery, WATCHER_NOTIFICATION_EVENTS, WATCHER_NOTIFICATION_EVENT_LABELS, useDeleteApiKeyMutation, useGetApiKeysQuery, useCreateApiKeyMutation, useCreateLLMCredentialMutation, useGetCredentialsSchemaQuery, useGetMaskedLLMCredentialsQuery, useGetLlmsQuery, useDeleteIntegrationCredentialMutation, useDeleteCredentialMutation, useCreateIntegrationCredentialMutation, useGetIntegrationCredentialsSchemaQuery, useGetMaskedIntegrationCredentialsQuery, useGetAccountBillingInfoQuery, useUpdateAutoRechargeInfoMutation, useTriggerAutoRechargeMutation, useCreateStripeCustomerPortalMutation, useSetPlatformConfigurationsMutation, useGetPlatformConfigurationsQuery, useUpdatePlatformMembershipMutation, useGetPlatformMembershipQuery, useGetCustomDomainsQuery, useCreateCustomDomainMutation, useDeleteCustomDomainMutation, useGetStudentMentorCreationStatusQuery, useSetStudentMentorCreationStatusMutation, coreApiSlice, recommendationPromptTypeEnum, useGetRecommendedPromptsListQuery, useCreateRecommendedPromptMutation, useUpdateRecommendedPromptMutation, useDeleteRecommendedPromptMutation, useLazyGetPublicPlatformImageAssetFileUrlQuery, useUpdateTenantMetadataMutation, useCreatePlatformImageAssetMutation, useGetProviderConfigQuery, useCreateProviderConfigMutation, useDeleteProviderConfigMutation, useGetExternalMappingQuery, useGetCredentialsListQuery, useCreateExternalMappingMutation, useDeleteExternalMappingMutation, useGetMemsearchConfigQuery, useUpdateMemsearchConfigMutation, useUpdateTenantChatPrivacyConfigMutation, useGetCustomMentorsQuery, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useGetAiSearchMentorsQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useGetVectorDocumentsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetConnectedServiceAuthUrlQuery, useGetMentorsQuery, useGetPublicMentorsQuery, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorSettingsQuery, useEditMentorMutation, useUploadLightLogoMutation, useUploadDarkLogoMutation, useUpdatePlatformInfoMutation, LOGO_ENDPOINTS, useGetUserProjectsQuery, useCreateSessionIdMutation, useGetMentorCategoriesQuery, useDeleteMentorMutation, useForkMentorMutation, useGetToolsQuery, useLazyGetMCPServersQuery, useOauthFindMutation, useLazyStartOAuthFlowQuery, useCreateMCPServerMutation, usePartialUpdateMCPServerMutation, useCreateMCPServerConnectionMutation, usePatchMCPServerConnectionMutation, useGetConnectedServicesQuery, useGetMCPServersQuery, useGetMCPServerConnectionsQuery, useUpdateMCPServerMutation, useDeleteMCPServerMutation, useEditMentorJsonMutation, useDisconnectServiceMutation, useGetPromptCategoriesQuery, PRIVACY_ACTIONS, PRIVACY_ENTITY_TYPES, useGetVoicesQuery, useGetVoiceQuery, useGetCallConfigurationsQuery, useCreateCallConfigurationMutation, useUpdateCallConfigurationMutation, useGetMentorPublicSettingsQuery, useGetChatHistoryFilterQuery, useGetChatHistoryQuery, useGetMentorSummariesQuery, useGetConversationMemoriesQuery, useCreatePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useCreateRedirectTokenMutation, useGetShareableLinkQuery, useCreateShareableLinkMutation, useUpdateShareableLinkMutation, useCreateDisclaimerMutation, useUpdateDisclaimerMutation, useGetDisclaimersQuery, useUpdateRbacMentorAccessMutation, useGetRbacMentorAccessListQuery, useStarMentorMutation, useUnstarMentorMutation, useGetPersonnalizedMentorsQuery, useCreateCallCredentialsMutation, useGetGuidedPromptsQuery, useUpdateChatSessionSharedMutation, useUpdateMessageFeedbackMutation, useLazyGetPromptsSearchQuery, useLazyGetGuidedPromptsQuery, useGetPeriodicAgentsQuery, useGetPeriodicAgentLogsListQuery, useCreatePeriodicAgentMutation, useDeletePeriodicAgentMutation, useDeletePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation, useCreateMemoryCategoryMutation, useUpdateMemoryCategoryMutation, useDeleteMemoryCategoryMutation, useUpdateArtifactMutation, useLazyGetArtifactVersionQuery, useLazyListArtifactVersionsQuery, useSetCurrentVersionMutation, useListArtifactVersionsQuery, useLazyGetArtifactQuery, useLazyListArtifactsQuery, useEditSessionMutation } from '@iblai/data-layer';
 import { getInitials, useTenantMetadata, WithPermissions, useStripeUpgrade, CHAT_AREA_SIZE, isAlphaNumeric32, checkRbacPermission, selectNumberOfActiveChatMessages, useUsername, selectStreaming, isLoggedIn, TOOLS, isSafariBrowser, useShowAttachment, useShowVoiceCall, useShowVoiceRecorder, useMentorSettings, selectShowingSharedChat, selectRbacPermissions, useShowFreeTrialDialog, useEmbedMode, chatInputSliceSelectors, useResponsive, useAccessingPublicRoute, useVisitingTenant, useModelFileUploadCapabilities, useChatFileUpload, useVoiceChat, selectAttachedFiles, MENTOR_CHAT_DOCUMENTS_EXTENSIONS, removeFile, chatInputSliceActions, chatActions, WithFormPermissions, useTenantContext, TimeTracker, advancedTabsProperties, defaultSessionIds, ANONYMOUS_USERNAME as ANONYMOUS_USERNAME$2, redirectToAuthSpaJoinTenant, selectActiveTab, useAxdToken, useWelcomeMessage, markdownToPlainText, useCachedSessionId, use402ErrorCheck, selectTokenEnabled, selectToken, useServiceWorker, useUserAgreement, useAdvancedChat, sendMessageToParentWebsite, useMentorTools, useFileDragDrop, eventBus, RemoteEvents, selectEnableChatActionsPopup, advancedTabs, isInIframe, getAuthSpaJoinUrl, addMessage, clearFiles, MENTOR_VISIBILITY } from '@iblai/web-utils';
 import { useDispatch, useSelector } from 'react-redux';
@@ -95448,138 +95448,13 @@ ToastTitle.displayName = Title.displayName;
 const ToastDescription = React.forwardRef(({ className, ...props }, ref) => (jsx(Description, { ref: ref, className: cn("text-sm opacity-90", className), ...props })));
 ToastDescription.displayName = Description.displayName;
 
-function useStateMachine$2(initialState, machine) {
-  return React.useReducer((state, event) => {
-    const nextState = machine[state][event];
-    return nextState ?? state;
-  }, initialState);
-}
-
-// src/presence.tsx
-var Presence$1 = (props) => {
-  const { present, children } = props;
-  const presence = usePresence$1(present);
-  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React.Children.only(children);
-  const ref = useComposedRefs$1(presence.ref, getElementRef$2(child));
-  const forceMount = typeof children === "function";
-  return forceMount || presence.isPresent ? React.cloneElement(child, { ref }) : null;
-};
-Presence$1.displayName = "Presence";
-function usePresence$1(present) {
-  const [node, setNode] = React.useState();
-  const stylesRef = React.useRef(null);
-  const prevPresentRef = React.useRef(present);
-  const prevAnimationNameRef = React.useRef("none");
-  const initialState = present ? "mounted" : "unmounted";
-  const [state, send] = useStateMachine$2(initialState, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  React.useEffect(() => {
-    const currentAnimationName = getAnimationName$1(stylesRef.current);
-    prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
-  }, [state]);
-  useLayoutEffect2$1(() => {
-    const styles = stylesRef.current;
-    const wasPresent = prevPresentRef.current;
-    const hasPresentChanged = wasPresent !== present;
-    if (hasPresentChanged) {
-      const prevAnimationName = prevAnimationNameRef.current;
-      const currentAnimationName = getAnimationName$1(styles);
-      if (present) {
-        send("MOUNT");
-      } else if (currentAnimationName === "none" || styles?.display === "none") {
-        send("UNMOUNT");
-      } else {
-        const isAnimating = prevAnimationName !== currentAnimationName;
-        if (wasPresent && isAnimating) {
-          send("ANIMATION_OUT");
-        } else {
-          send("UNMOUNT");
-        }
-      }
-      prevPresentRef.current = present;
-    }
-  }, [present, send]);
-  useLayoutEffect2$1(() => {
-    if (node) {
-      let timeoutId;
-      const ownerWindow = node.ownerDocument.defaultView ?? window;
-      const handleAnimationEnd = (event) => {
-        const currentAnimationName = getAnimationName$1(stylesRef.current);
-        const isCurrentAnimation = currentAnimationName.includes(event.animationName);
-        if (event.target === node && isCurrentAnimation) {
-          send("ANIMATION_END");
-          if (!prevPresentRef.current) {
-            const currentFillMode = node.style.animationFillMode;
-            node.style.animationFillMode = "forwards";
-            timeoutId = ownerWindow.setTimeout(() => {
-              if (node.style.animationFillMode === "forwards") {
-                node.style.animationFillMode = currentFillMode;
-              }
-            });
-          }
-        }
-      };
-      const handleAnimationStart = (event) => {
-        if (event.target === node) {
-          prevAnimationNameRef.current = getAnimationName$1(stylesRef.current);
-        }
-      };
-      node.addEventListener("animationstart", handleAnimationStart);
-      node.addEventListener("animationcancel", handleAnimationEnd);
-      node.addEventListener("animationend", handleAnimationEnd);
-      return () => {
-        ownerWindow.clearTimeout(timeoutId);
-        node.removeEventListener("animationstart", handleAnimationStart);
-        node.removeEventListener("animationcancel", handleAnimationEnd);
-        node.removeEventListener("animationend", handleAnimationEnd);
-      };
-    } else {
-      send("ANIMATION_END");
-    }
-  }, [node, send]);
-  return {
-    isPresent: ["mounted", "unmountSuspended"].includes(state),
-    ref: React.useCallback((node2) => {
-      stylesRef.current = node2 ? getComputedStyle(node2) : null;
-      setNode(node2);
-    }, [])
-  };
-}
-function getAnimationName$1(styles) {
-  return styles?.animationName || "none";
-}
-function getElementRef$2(element) {
-  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
-  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.ref;
-  }
-  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
-  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-  if (mayWarn) {
-    return element.props.ref;
-  }
-  return element.props.ref || element.ref;
-}
-
-var CHECKBOX_NAME = "Checkbox";
-var [createCheckboxContext, createCheckboxScope] = createContextScope$1(CHECKBOX_NAME);
-var [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
-var Checkbox$1 = React.forwardRef(
+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 {
-      __scopeCheckbox,
+      __scopeSwitch,
       name,
       checked: checkedProp,
       defaultChecked,
@@ -95588,7 +95463,7 @@ var Checkbox$1 = React.forwardRef(
       value = "on",
       onCheckedChange,
       form,
-      ...checkboxProps
+      ...switchProps
     } = props;
     const [button, setButton] = React.useState(null);
     const composedRefs = useComposedRefs$1(forwardedRef, (node) => setButton(node));
@@ -95598,36 +95473,24 @@ var Checkbox$1 = React.forwardRef(
       prop: checkedProp,
       defaultProp: defaultChecked ?? false,
       onChange: onCheckedChange,
-      caller: CHECKBOX_NAME
+      caller: SWITCH_NAME
     });
-    const initialCheckedStateRef = React.useRef(checked);
-    React.useEffect(() => {
-      const form2 = button?.form;
-      if (form2) {
-        const reset = () => setChecked(initialCheckedStateRef.current);
-        form2.addEventListener("reset", reset);
-        return () => form2.removeEventListener("reset", reset);
-      }
-    }, [button, setChecked]);
-    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [
+    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [
       /* @__PURE__ */ jsx(
-        Primitive$3.button,
+        Primitive$2.button,
         {
           type: "button",
-          role: "checkbox",
-          "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+          role: "switch",
+          "aria-checked": checked,
           "aria-required": required,
           "data-state": getState$3(checked),
           "data-disabled": disabled ? "" : void 0,
           disabled,
           value,
-          ...checkboxProps,
+          ...switchProps,
           ref: composedRefs,
-          onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
-            if (event.key === "Enter") event.preventDefault();
-          }),
-          onClick: composeEventHandlers$2(props.onClick, (event) => {
-            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);
+          onClick: composeEventHandlers$1(props.onClick, (event) => {
+            setChecked((prevChecked) => !prevChecked);
             if (isFormControl) {
               hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
               if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
@@ -95636,7 +95499,7 @@ var Checkbox$1 = React.forwardRef(
         }
       ),
       isFormControl && /* @__PURE__ */ jsx(
-        CheckboxBubbleInput,
+        SwitchBubbleInput,
         {
           control: button,
           bubbles: !hasConsumerStoppedPropagationRef.current,
@@ -95646,40 +95509,37 @@ var Checkbox$1 = React.forwardRef(
           required,
           disabled,
           form,
-          style: { transform: "translateX(-100%)" },
-          defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked
+          style: { transform: "translateX(-100%)" }
         }
       )
     ] });
   }
 );
-Checkbox$1.displayName = CHECKBOX_NAME;
-var INDICATOR_NAME$2 = "CheckboxIndicator";
-var CheckboxIndicator = React.forwardRef(
+Switch$1.displayName = SWITCH_NAME;
+var THUMB_NAME$1 = "SwitchThumb";
+var SwitchThumb = React.forwardRef(
   (props, forwardedRef) => {
-    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
-    const context = useCheckboxContext(INDICATOR_NAME$2, __scopeCheckbox);
-    return /* @__PURE__ */ jsx(Presence$1, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(
-      Primitive$3.span,
+    const { __scopeSwitch, ...thumbProps } = props;
+    const context = useSwitchContext(THUMB_NAME$1, __scopeSwitch);
+    return /* @__PURE__ */ jsx(
+      Primitive$2.span,
       {
-        "data-state": getState$3(context.state),
+        "data-state": getState$3(context.checked),
         "data-disabled": context.disabled ? "" : void 0,
-        ...indicatorProps,
-        ref: forwardedRef,
-        style: { pointerEvents: "none", ...props.style }
+        ...thumbProps,
+        ref: forwardedRef
       }
-    ) });
+    );
   }
 );
-CheckboxIndicator.displayName = INDICATOR_NAME$2;
-var BUBBLE_INPUT_NAME$1 = "CheckboxBubbleInput";
-var CheckboxBubbleInput = React.forwardRef(
+SwitchThumb.displayName = THUMB_NAME$1;
+var BUBBLE_INPUT_NAME$1 = "SwitchBubbleInput";
+var SwitchBubbleInput = React.forwardRef(
   ({
-    __scopeCheckbox,
+    __scopeSwitch,
     control,
     checked,
     bubbles = true,
-    defaultChecked,
     ...props
   }, forwardedRef) => {
     const ref = React.useRef(null);
@@ -95697,18 +95557,16 @@ var CheckboxBubbleInput = React.forwardRef(
       const setChecked = descriptor.set;
       if (prevChecked !== checked && setChecked) {
         const event = new Event("click", { bubbles });
-        input.indeterminate = isIndeterminate(checked);
-        setChecked.call(input, isIndeterminate(checked) ? false : checked);
+        setChecked.call(input, checked);
         input.dispatchEvent(event);
       }
     }, [prevChecked, checked, bubbles]);
-    const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);
     return /* @__PURE__ */ jsx(
-      Primitive$3.input,
+      "input",
       {
         type: "checkbox",
         "aria-hidden": true,
-        defaultChecked: defaultChecked ?? defaultCheckedRef.current,
+        defaultChecked: checked,
         ...props,
         tabIndex: -1,
         ref: composedRefs,
@@ -95724,18 +95582,15 @@ var CheckboxBubbleInput = React.forwardRef(
     );
   }
 );
-CheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME$1;
-function isIndeterminate(checked) {
-  return checked === "indeterminate";
-}
+SwitchBubbleInput.displayName = BUBBLE_INPUT_NAME$1;
 function getState$3(checked) {
-  return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+  return checked ? "checked" : "unchecked";
 }
-var Root$a = Checkbox$1;
-var Indicator$2 = CheckboxIndicator;
+var Root$a = Switch$1;
+var Thumb = SwitchThumb;
 
-const Checkbox = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$a, { ref: ref, className: cn("peer border-primary focus-visible:ring-ring h-4 w-4 shrink-0 rounded-sm border shadow-sm focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-500 data-[state=checked]:text-white", className), ...props, children: jsx(Indicator$2, { className: cn("flex items-center justify-center text-current"), children: jsx(Check, { className: "h-4 w-4" }) }) })));
-Checkbox.displayName = Root$a.displayName;
+const Switch = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$a, { 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$a.displayName;
 
 const __storeToDerived = /* @__PURE__ */ new WeakMap();
 const __derivedToStore = /* @__PURE__ */ new WeakMap();
@@ -100340,150 +100195,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$2.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$1 = "SwitchThumb";
-var SwitchThumb = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSwitch, ...thumbProps } = props;
-    const context = useSwitchContext(THUMB_NAME$1, __scopeSwitch);
-    return /* @__PURE__ */ jsx(
-      Primitive$2.span,
-      {
-        "data-state": getState$2(context.checked),
-        "data-disabled": context.disabled ? "" : void 0,
-        ...thumbProps,
-        ref: forwardedRef
-      }
-    );
-  }
-);
-SwitchThumb.displayName = THUMB_NAME$1;
-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";
@@ -100704,7 +100415,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);
@@ -100912,7 +100623,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,
@@ -100981,6 +100692,131 @@ var Portal$2 = React.forwardRef((props, forwardedRef) => {
 });
 Portal$2.displayName = PORTAL_NAME$3;
 
+function useStateMachine$2(initialState, machine) {
+  return React.useReducer((state, event) => {
+    const nextState = machine[state][event];
+    return nextState ?? state;
+  }, initialState);
+}
+
+// src/presence.tsx
+var Presence$1 = (props) => {
+  const { present, children } = props;
+  const presence = usePresence$1(present);
+  const child = typeof children === "function" ? children({ present: presence.isPresent }) : React.Children.only(children);
+  const ref = useComposedRefs$1(presence.ref, getElementRef$2(child));
+  const forceMount = typeof children === "function";
+  return forceMount || presence.isPresent ? React.cloneElement(child, { ref }) : null;
+};
+Presence$1.displayName = "Presence";
+function usePresence$1(present) {
+  const [node, setNode] = React.useState();
+  const stylesRef = React.useRef(null);
+  const prevPresentRef = React.useRef(present);
+  const prevAnimationNameRef = React.useRef("none");
+  const initialState = present ? "mounted" : "unmounted";
+  const [state, send] = useStateMachine$2(initialState, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  React.useEffect(() => {
+    const currentAnimationName = getAnimationName$1(stylesRef.current);
+    prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
+  }, [state]);
+  useLayoutEffect2$1(() => {
+    const styles = stylesRef.current;
+    const wasPresent = prevPresentRef.current;
+    const hasPresentChanged = wasPresent !== present;
+    if (hasPresentChanged) {
+      const prevAnimationName = prevAnimationNameRef.current;
+      const currentAnimationName = getAnimationName$1(styles);
+      if (present) {
+        send("MOUNT");
+      } else if (currentAnimationName === "none" || styles?.display === "none") {
+        send("UNMOUNT");
+      } else {
+        const isAnimating = prevAnimationName !== currentAnimationName;
+        if (wasPresent && isAnimating) {
+          send("ANIMATION_OUT");
+        } else {
+          send("UNMOUNT");
+        }
+      }
+      prevPresentRef.current = present;
+    }
+  }, [present, send]);
+  useLayoutEffect2$1(() => {
+    if (node) {
+      let timeoutId;
+      const ownerWindow = node.ownerDocument.defaultView ?? window;
+      const handleAnimationEnd = (event) => {
+        const currentAnimationName = getAnimationName$1(stylesRef.current);
+        const isCurrentAnimation = currentAnimationName.includes(event.animationName);
+        if (event.target === node && isCurrentAnimation) {
+          send("ANIMATION_END");
+          if (!prevPresentRef.current) {
+            const currentFillMode = node.style.animationFillMode;
+            node.style.animationFillMode = "forwards";
+            timeoutId = ownerWindow.setTimeout(() => {
+              if (node.style.animationFillMode === "forwards") {
+                node.style.animationFillMode = currentFillMode;
+              }
+            });
+          }
+        }
+      };
+      const handleAnimationStart = (event) => {
+        if (event.target === node) {
+          prevAnimationNameRef.current = getAnimationName$1(stylesRef.current);
+        }
+      };
+      node.addEventListener("animationstart", handleAnimationStart);
+      node.addEventListener("animationcancel", handleAnimationEnd);
+      node.addEventListener("animationend", handleAnimationEnd);
+      return () => {
+        ownerWindow.clearTimeout(timeoutId);
+        node.removeEventListener("animationstart", handleAnimationStart);
+        node.removeEventListener("animationcancel", handleAnimationEnd);
+        node.removeEventListener("animationend", handleAnimationEnd);
+      };
+    } else {
+      send("ANIMATION_END");
+    }
+  }, [node, send]);
+  return {
+    isPresent: ["mounted", "unmountSuspended"].includes(state),
+    ref: React.useCallback((node2) => {
+      stylesRef.current = node2 ? getComputedStyle(node2) : null;
+      setNode(node2);
+    }, [])
+  };
+}
+function getAnimationName$1(styles) {
+  return styles?.animationName || "none";
+}
+function getElementRef$2(element) {
+  let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
+  let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.ref;
+  }
+  getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
+  mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+
 // src/visually-hidden.tsx
 var VISUALLY_HIDDEN_STYLES = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
@@ -101009,7 +100845,7 @@ var VisuallyHidden = React.forwardRef(
   }
 );
 VisuallyHidden.displayName = NAME$3;
-var Root$7 = VisuallyHidden;
+var Root$8 = VisuallyHidden;
 
 var [createTooltipContext, createTooltipScope] = createContextScope$1("Tooltip", [
   createPopperScope
@@ -101342,7 +101178,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 }) })
             ]
           }
         )
@@ -101742,11 +101578,11 @@ var Progress$1 = React.forwardRef(
   }
 );
 Progress$1.displayName = PROGRESS_NAME;
-var INDICATOR_NAME$1 = "ProgressIndicator";
+var INDICATOR_NAME$2 = "ProgressIndicator";
 var ProgressIndicator = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeProgress, ...indicatorProps } = props;
-    const context = useProgressContext(INDICATOR_NAME$1, __scopeProgress);
+    const context = useProgressContext(INDICATOR_NAME$2, __scopeProgress);
     return /* @__PURE__ */ jsx(
       Primitive$1.div,
       {
@@ -101759,7 +101595,7 @@ var ProgressIndicator = React.forwardRef(
     );
   }
 );
-ProgressIndicator.displayName = INDICATOR_NAME$1;
+ProgressIndicator.displayName = INDICATOR_NAME$2;
 function defaultGetValueLabel(value, max) {
   return `${Math.round(value / max * 100)}%`;
 }
@@ -101786,13 +101622,497 @@ function getInvalidValueError(propValue, componentName) {
 
 Defaulting to \`null\`.`;
 }
-var Root$6 = Progress$1;
-var Indicator$1 = ProgressIndicator;
+var Root$7 = Progress$1;
+var Indicator$2 = 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;
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => (jsx(Root$7, { ref: ref, className: cn('bg-secondary relative h-4 w-full overflow-hidden rounded-full', className), ...props, children: jsx(Indicator$2, { className: "bg-primary h-full w-full flex-1 transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) })));
+Progress.displayName = Root$7.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$2 = "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$2;
+var PORTAL_NAME$1 = "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$1;
+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$2 = "AlertDialogContent";
+var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME$2);
+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$2,
+        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$2;
+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$2}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${CONTENT_NAME$2}\` 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$2}\`. 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$3 = AlertDialog$1;
+var Portal2 = AlertDialogPortal$1;
+var Overlay2 = AlertDialogOverlay$1;
+var Content2$1 = AlertDialogContent$1;
+var Action = AlertDialogAction$1;
+var Cancel = AlertDialogCancel$1;
+var Title2 = AlertDialogTitle$1;
+var Description2 = AlertDialogDescription$1;
+
+const AlertDialog = Root2$3;
+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$1, { 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$1.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;
+
+// Tauri types for model download functionality
+/**
+ * Initial state for model download
+ */
+const initialModelDownloadState = {
+    status: 'idle',
+    progress: 0,
+    message: '',
+    logs: [],
+    lastUpdated: new Date().toISOString(),
+};
+/**
+ * Check if the app is running inside Tauri
+ * In Tauri 2.0, the global is __TAURI_INTERNALS__ (with withGlobalTauri: true)
+ * We also check for __TAURI__ for backwards compatibility
+ */
+const isTauriApp$1 = () => {
+    if (typeof window === 'undefined')
+        return false;
+    return '__TAURI_INTERNALS__' in window || '__TAURI__' in window;
+};
+/**
+ * Tauri event names
+ */
+const TAURI_EVENTS = {
+    DOWNLOAD_PROGRESS: 'model:download-progress',
+    INSTALLATION_LOG: 'model:installation-log',
+    DISK_SPACE_ERROR: 'model:disk-space-error',
+    OLLAMA_STATUS: 'model:ollama-status',
+};
+/**
+ * Tauri command names
+ */
+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',
+    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',
+    CHECK_FOUNDRY_STATUS: 'check_foundry_local_status',
+    START_FOUNDRY_SERVICE: 'start_foundry_local_service',
+    LOAD_FOUNDRY_MODEL: 'load_foundry_local_model',
+    SET_SELECTED_FOUNDRY_MODEL: 'set_selected_foundry_model',
+    GET_SELECTED_FOUNDRY_MODEL: 'get_selected_foundry_model',
+    INSTALL_FOUNDRY: 'install_foundry',
+    DOWNLOAD_FOUNDRY_MODEL: 'download_foundry_model_cmd',
+    GET_RECOMMENDED_FOUNDRY_MODELS: 'get_recommended_foundry_models',
+    LOG_STDOUT: 'log_stdout',
+};
+/**
+ * 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',
+};
+
+/**
+ * Dynamically import Tauri APIs to avoid SSR issues
+ */
+const getTauriAPIs = async () => {
+    try {
+        const { invoke } = await import('@tauri-apps/api/core');
+        const { listen } = await import('@tauri-apps/api/event');
+        return { invoke, listen };
+    }
+    catch (error) {
+        console.error('Failed to load Tauri APIs:', error);
+        return null;
+    }
+};
+/**
+ * Hook to access Tauri APIs with SSR safety
+ *
+ * @returns Object with isAvailable flag and Tauri invoke/listen functions
+ */
+function useTauri() {
+    const [isAvailable, setIsAvailable] = useState(false);
+    const [apis, setApis] = useState(null);
+    useEffect(() => {
+        // Check if we're in a Tauri environment
+        const inTauri = isTauriApp$1();
+        if (inTauri) {
+            getTauriAPIs().then((result) => {
+                setApis(result);
+                setIsAvailable(!!result);
+            });
+        }
+    }, []);
+    /**
+     * Invoke a Tauri command
+     */
+    const invoke = useCallback(async (command, args) => {
+        if (!(apis === null || apis === void 0 ? void 0 : apis.invoke)) {
+            throw new Error('Tauri is not available');
+        }
+        return apis.invoke(command, args);
+    }, [apis]);
+    /**
+     * Listen to a Tauri event
+     * Returns an unlisten function that should be called on cleanup
+     */
+    const listen = useCallback(async (event, handler) => {
+        // 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,
+        invoke,
+        listen,
+    };
+}
 
 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
  */
@@ -101809,13 +102129,64 @@ 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);
+}
+/**
+ * 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;
@@ -101834,21 +102205,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;
@@ -101895,56 +102280,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);
+    };
+    const confirmPendingDownload = () => {
+        if (pendingModel) {
+            startDownloadNow(pendingModel.id);
         }
+        setPendingModel(null);
     };
-    // The switch should be checked if user preference is enabled AND system is ready
-    const switchChecked = isEnabled && isFullyReady;
+    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, { 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$2, { 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$2, { 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, { 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$2, { 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$2, { 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, { 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$1({ 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$1, { 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$1, { 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, { 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
@@ -101998,11 +102655,11 @@ var Label$1 = React.forwardRef((props, forwardedRef) => {
   );
 });
 Label$1.displayName = NAME$2;
-var Root$5 = Label$1;
+var Root$6 = Label$1;
 
 const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-const Label = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$5, { ref: ref, className: cn(labelVariants(), className), ...props })));
-Label.displayName = Root$5.displayName;
+const Label = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$6, { ref: ref, className: cn(labelVariants(), className), ...props })));
+Label.displayName = Root$6.displayName;
 
 var dayjs_min = {exports: {}};
 
@@ -125048,7 +125705,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,
@@ -125093,8 +125750,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$1) }]
         : baseTabs;
     const RoleIcon = renderLucideIcon(User);
@@ -125202,10 +125861,10 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                                                 })] }), (customization.showLeaderboardDisplayCheckbox ||
                                             customization.showMentorAIDisplayCheckbox) && (jsxs("div", { className: "grid grid-cols-2 gap-6 pt-4", children: [customization.showMentorAIDisplayCheckbox && (jsx("div", { className: "space-y-2", children: jsxs("div", { className: "flex items-center space-x-2", children: [basicForm.Field({
                                                                 name: 'displayMentor',
-                                                                children: (field) => (jsx(Checkbox, { onCheckedChange: (checked) => field.handleChange(checked), checked: field.state.value, disabled: basicForm.state.isSubmitting || isUserMetadataLoading, id: "display-mentor" })),
-                                                            }), jsx("label", { htmlFor: "display-mentor", className: "text-sm leading-none font-medium text-gray-700 peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: "Display Mentor AI" })] }) })), customization.showLeaderboardDisplayCheckbox && (jsx("div", { className: "space-y-2", children: jsxs("div", { className: "flex items-center space-x-2", children: [basicForm.Field({
+                                                                children: (field) => (jsx(Switch, { className: "data-[state=checked]:bg-blue-600", onCheckedChange: (checked) => field.handleChange(checked), checked: field.state.value, disabled: basicForm.state.isSubmitting || isUserMetadataLoading, id: "display-mentor" })),
+                                                            }), jsx("label", { htmlFor: "display-mentor", className: "text-sm leading-none font-medium text-gray-700 peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: "Display Agent Sidebar" })] }) })), customization.showLeaderboardDisplayCheckbox && (jsx("div", { className: "space-y-2", children: jsxs("div", { className: "flex items-center space-x-2", children: [basicForm.Field({
                                                                 name: 'displayLeaderBoard',
-                                                                children: (field) => (jsx(Checkbox, { onCheckedChange: (checked) => field.handleChange(checked), checked: field.state.value, disabled: basicForm.state.isSubmitting || isUserMetadataLoading, id: "display-leaderboard" })),
+                                                                children: (field) => (jsx(Switch, { className: "data-[state=checked]:bg-blue-600", onCheckedChange: (checked) => field.handleChange(checked), checked: field.state.value, disabled: basicForm.state.isSubmitting || isUserMetadataLoading, id: "display-leaderboard" })),
                                                             }), jsx("label", { htmlFor: "display-leaderboard", className: "text-sm leading-none font-medium text-gray-700 peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: "Display Leaderboard" })] }) }))] }))] }) })), activeTab === 'social' && (jsx("div", { className: "max-w-2xl space-y-6", children: jsxs("form", { className: "space-y-6", onSubmit: (formEvent) => {
                                         formEvent.preventDefault();
                                         formEvent.stopPropagation();
@@ -125237,7 +125896,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();
                                         }
@@ -125332,11 +125991,11 @@ var TabsList$1 = React.forwardRef(
   }
 );
 TabsList$1.displayName = TAB_LIST_NAME;
-var TRIGGER_NAME$2 = "TabsTrigger";
+var TRIGGER_NAME$1 = "TabsTrigger";
 var TabsTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
-    const context = useTabsContext(TRIGGER_NAME$2, __scopeTabs);
+    const context = useTabsContext(TRIGGER_NAME$1, __scopeTabs);
     const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeTabs);
     const triggerId = makeTriggerId(context.baseId, value);
     const contentId = makeContentId(context.baseId, value);
@@ -125383,12 +126042,12 @@ var TabsTrigger$1 = React.forwardRef(
     );
   }
 );
-TabsTrigger$1.displayName = TRIGGER_NAME$2;
-var CONTENT_NAME$2 = "TabsContent";
+TabsTrigger$1.displayName = TRIGGER_NAME$1;
+var CONTENT_NAME$1 = "TabsContent";
 var TabsContent$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
-    const context = useTabsContext(CONTENT_NAME$2, __scopeTabs);
+    const context = useTabsContext(CONTENT_NAME$1, __scopeTabs);
     const triggerId = makeTriggerId(context.baseId, value);
     const contentId = makeContentId(context.baseId, value);
     const isSelected = value === context.value;
@@ -125418,19 +126077,19 @@ var TabsContent$1 = React.forwardRef(
     ) });
   }
 );
-TabsContent$1.displayName = CONTENT_NAME$2;
+TabsContent$1.displayName = CONTENT_NAME$1;
 function makeTriggerId(baseId, value) {
   return `${baseId}-trigger-${value}`;
 }
 function makeContentId(baseId, value) {
   return `${baseId}-content-${value}`;
 }
-var Root2$3 = Tabs$1;
+var Root2$2 = Tabs$1;
 var List = TabsList$1;
 var Trigger$1 = TabsTrigger$1;
 var Content = TabsContent$1;
 
-const Tabs = Root2$3;
+const Tabs = Root2$2;
 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$1, { 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 })));
@@ -125765,6 +126424,170 @@ function UsersTab$1({ tenant, currentPage, itemsPerPage, onInviteSuccess }) {
                                         jsx("tr", { children: jsx("td", { colSpan: 2, className: "px-6 py-12 text-center", children: jsxs("div", { className: "flex flex-col items-center justify-center text-gray-500", children: [jsx(Mail, { className: "h-12 w-12 mb-3 text-gray-300", "aria-hidden": "true" }), jsx("p", { className: "text-sm font-medium", children: "No invitations yet" }), jsx("p", { className: "text-xs mt-1", children: "Start by inviting users above or uploading a CSV file" })] }) }) })) : (currentUsers.map((user) => (jsxs("tr", { className: "hover:bg-gray-50 transition-colors duration-150", children: [jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: jsxs("div", { className: "flex items-center truncate max-w-[200px] sm:max-w-full", children: [jsx("div", { className: "flex-shrink-0 h-8 w-8", children: jsx("div", { className: "h-8 w-8 rounded-full bg-blue-100 flex items-center justify-center", children: jsx(Mail, { className: "h-4 w-4 text-blue-600", "aria-hidden": "true" }) }) }), jsx("div", { className: "ml-3", children: jsx("div", { className: "text-sm font-medium text-gray-900", children: user.email || 'No email' }) })] }) }), jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: jsxs("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatusColor(user.active, user.expired)}`, children: [user.active && !user.expired && (jsx(Clock, { className: "h-3 w-3 mr-1 text-blue-500", "aria-hidden": "true" })), !user.active && !user.expired && (jsx(CircleCheck, { className: "h-3 w-3 mr-1 text-green-700", "aria-hidden": "true" })), user.expired && (jsx(CircleX, { className: "h-3 w-3 mr-1 text-gray-500", "aria-hidden": "true" })), getStatusText(user.active, user.expired)] }) })] }, user.id)))) })] }) }) }) }) }), isCSVEditorOpen && (jsx(CSVEditor, { csvData: parsedCSVData, onSave: handleCSVEditorSave, onCancel: handleCSVEditorCancel }))] }));
 }
 
+var CHECKBOX_NAME = "Checkbox";
+var [createCheckboxContext, createCheckboxScope] = createContextScope$1(CHECKBOX_NAME);
+var [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
+var Checkbox$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeCheckbox,
+      name,
+      checked: checkedProp,
+      defaultChecked,
+      required,
+      disabled,
+      value = "on",
+      onCheckedChange,
+      form,
+      ...checkboxProps
+    } = 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: CHECKBOX_NAME
+    });
+    const initialCheckedStateRef = React.useRef(checked);
+    React.useEffect(() => {
+      const form2 = button?.form;
+      if (form2) {
+        const reset = () => setChecked(initialCheckedStateRef.current);
+        form2.addEventListener("reset", reset);
+        return () => form2.removeEventListener("reset", reset);
+      }
+    }, [button, setChecked]);
+    return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [
+      /* @__PURE__ */ jsx(
+        Primitive$3.button,
+        {
+          type: "button",
+          role: "checkbox",
+          "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+          "aria-required": required,
+          "data-state": getState$2(checked),
+          "data-disabled": disabled ? "" : void 0,
+          disabled,
+          value,
+          ...checkboxProps,
+          ref: composedRefs,
+          onKeyDown: composeEventHandlers$2(props.onKeyDown, (event) => {
+            if (event.key === "Enter") event.preventDefault();
+          }),
+          onClick: composeEventHandlers$2(props.onClick, (event) => {
+            setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);
+            if (isFormControl) {
+              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+            }
+          })
+        }
+      ),
+      isFormControl && /* @__PURE__ */ jsx(
+        CheckboxBubbleInput,
+        {
+          control: button,
+          bubbles: !hasConsumerStoppedPropagationRef.current,
+          name,
+          value,
+          checked,
+          required,
+          disabled,
+          form,
+          style: { transform: "translateX(-100%)" },
+          defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked
+        }
+      )
+    ] });
+  }
+);
+Checkbox$1.displayName = CHECKBOX_NAME;
+var INDICATOR_NAME$1 = "CheckboxIndicator";
+var CheckboxIndicator = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
+    const context = useCheckboxContext(INDICATOR_NAME$1, __scopeCheckbox);
+    return /* @__PURE__ */ jsx(Presence$1, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(
+      Primitive$3.span,
+      {
+        "data-state": getState$2(context.state),
+        "data-disabled": context.disabled ? "" : void 0,
+        ...indicatorProps,
+        ref: forwardedRef,
+        style: { pointerEvents: "none", ...props.style }
+      }
+    ) });
+  }
+);
+CheckboxIndicator.displayName = INDICATOR_NAME$1;
+var BUBBLE_INPUT_NAME = "CheckboxBubbleInput";
+var CheckboxBubbleInput = React.forwardRef(
+  ({
+    __scopeCheckbox,
+    control,
+    checked,
+    bubbles = true,
+    defaultChecked,
+    ...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 });
+        input.indeterminate = isIndeterminate(checked);
+        setChecked.call(input, isIndeterminate(checked) ? false : checked);
+        input.dispatchEvent(event);
+      }
+    }, [prevChecked, checked, bubbles]);
+    const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);
+    return /* @__PURE__ */ jsx(
+      Primitive$3.input,
+      {
+        type: "checkbox",
+        "aria-hidden": true,
+        defaultChecked: defaultChecked ?? defaultCheckedRef.current,
+        ...props,
+        tabIndex: -1,
+        ref: composedRefs,
+        style: {
+          ...props.style,
+          ...controlSize,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+CheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME;
+function isIndeterminate(checked) {
+  return checked === "indeterminate";
+}
+function getState$2(checked) {
+  return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}
+var Root$5 = Checkbox$1;
+var Indicator$1 = CheckboxIndicator;
+
+const Checkbox = React.forwardRef(({ className, ...props }, ref) => (jsx(Root$5, { ref: ref, className: cn("peer border-primary focus-visible:ring-ring h-4 w-4 shrink-0 rounded-sm border shadow-sm focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-500 data-[state=checked]:text-white", className), ...props, children: jsx(Indicator$1, { className: cn("flex items-center justify-center text-current"), children: jsx(Check, { className: "h-4 w-4" }) }) })));
+Checkbox.displayName = Root$5.displayName;
+
 function CoursesTab({ tenant, currentPage, itemsPerPage, hasManageUsersPermission = false, }) {
     var _a;
     const [inviteSent, setInviteSent] = useState(false);
@@ -126713,11 +127536,11 @@ var PopoverAnchor$1 = React.forwardRef(
   }
 );
 PopoverAnchor$1.displayName = ANCHOR_NAME;
-var TRIGGER_NAME$1 = "PopoverTrigger";
+var TRIGGER_NAME = "PopoverTrigger";
 var PopoverTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...triggerProps } = props;
-    const context = usePopoverContext(TRIGGER_NAME$1, __scopePopover);
+    const context = usePopoverContext(TRIGGER_NAME, __scopePopover);
     const popperScope = usePopperScope(__scopePopover);
     const composedTriggerRef = useComposedRefs$1(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsx(
@@ -126736,31 +127559,31 @@ var PopoverTrigger$1 = React.forwardRef(
     return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(Anchor$2, { asChild: true, ...popperScope, children: trigger });
   }
 );
-PopoverTrigger$1.displayName = TRIGGER_NAME$1;
-var PORTAL_NAME$1 = "PopoverPortal";
-var [PortalProvider, usePortalContext] = createPopoverContext(PORTAL_NAME$1, {
+PopoverTrigger$1.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "PopoverPortal";
+var [PortalProvider, usePortalContext] = createPopoverContext(PORTAL_NAME, {
   forceMount: void 0
 });
 var PopoverPortal = (props) => {
   const { __scopePopover, forceMount, children, container } = props;
-  const context = usePopoverContext(PORTAL_NAME$1, __scopePopover);
+  const context = usePopoverContext(PORTAL_NAME, __scopePopover);
   return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence$3, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container, children }) }) });
 };
-PopoverPortal.displayName = PORTAL_NAME$1;
-var CONTENT_NAME$1 = "PopoverContent";
+PopoverPortal.displayName = PORTAL_NAME;
+var CONTENT_NAME = "PopoverContent";
 var PopoverContent$1 = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext(CONTENT_NAME$1, props.__scopePopover);
+    const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
-    const context = usePopoverContext(CONTENT_NAME$1, props.__scopePopover);
+    const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
     return /* @__PURE__ */ jsx(Presence$3, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
   }
 );
-PopoverContent$1.displayName = CONTENT_NAME$1;
+PopoverContent$1.displayName = CONTENT_NAME;
 var Slot = createSlot$1("PopoverContent.RemoveScroll");
 var PopoverContentModal = React.forwardRef(
   (props, forwardedRef) => {
-    const context = usePopoverContext(CONTENT_NAME$1, props.__scopePopover);
+    const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
     const contentRef = React.useRef(null);
     const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
     const isRightClickOutsideRef = React.useRef(false);
@@ -126800,7 +127623,7 @@ var PopoverContentModal = React.forwardRef(
 );
 var PopoverContentNonModal = React.forwardRef(
   (props, forwardedRef) => {
-    const context = usePopoverContext(CONTENT_NAME$1, props.__scopePopover);
+    const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
     const hasInteractedOutsideRef = React.useRef(false);
     const hasPointerDownOutsideRef = React.useRef(false);
     return /* @__PURE__ */ jsx(
@@ -126852,7 +127675,7 @@ var PopoverContentImpl = React.forwardRef(
       onInteractOutside,
       ...contentProps
     } = props;
-    const context = usePopoverContext(CONTENT_NAME$1, __scopePopover);
+    const context = usePopoverContext(CONTENT_NAME, __scopePopover);
     const popperScope = usePopperScope(__scopePopover);
     useFocusGuards();
     return /* @__PURE__ */ jsx(
@@ -126930,26 +127753,26 @@ PopoverArrow.displayName = ARROW_NAME;
 function getState$1(open) {
   return open ? "open" : "closed";
 }
-var Root2$2 = Popover$1;
+var Root2$1 = Popover$1;
 var Anchor2 = PopoverAnchor$1;
 var Trigger = PopoverTrigger$1;
 var Portal = PopoverPortal;
-var Content2$1 = PopoverContent$1;
+var Content2 = PopoverContent$1;
 
-const Popover = Root2$2;
+const Popover = Root2$1;
 const PopoverTrigger = Trigger;
 const PopoverAnchor = Anchor2;
 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$1, { 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, { 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, { container: resolvedContainer, children: content });
 });
-PopoverContent.displayName = Content2$1.displayName;
+PopoverContent.displayName = Content2.displayName;
 
 function UsersTab({ tenant, onInviteClick }) {
     const dispatch = useDispatch();
@@ -164510,184 +165333,17 @@ 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" }) }) }));
 }
 
-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;
-
 /**
  * Checks if `value` is classified as an `Array` object.
  *
@@ -206411,7 +207067,7 @@ function Account({ tenant, tenants = [], username, onInviteClick, email, mainPla
                         }, children: [jsxs("div", { className: "lg:hidden mb-6", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2 capitalize", children: activeTab }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'basic' && 'Manage your basic account information and preferences.', activeTab === 'social' && 'Connect and manage your social media accounts.', activeTab === 'security' && 'Update your security settings and password.', activeTab === 'management' && 'Manage users and their permissions in the system.', activeTab === 'organization' && 'Manage your organization settings.', activeTab === 'monetization' && 'Configure paywalls, pricing, and revenue.', activeTab === 'advanced' && 'Configure advanced organization settings.'] })] }), activeTab === 'management' && hasManagementPermissions && (jsx(Admin, { onInviteClick: onInviteClick, tenant: tenant, hasUserTabPermission: hasUserTabPermission, hasGroupsTabPermission: hasGroupsTabPermission, hasPoliciesTabPermission: hasPoliciesTabPermission, hasRolesTabPermission: hasRolesTabPermission, hasTeamsTabPermission: hasTeamsTabPermission, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, hasAlertsTabPermission: hasAlertsTabPermission, rbacPermissions: rbacPermissions, enableRbac: enableRbac })), activeTab === 'organization' && (jsx(OrganizationTab, { platformKey: tenant, tenant: tenants.find((t) => t.key === tenant), onTenantUpdate: onTenantUpdate, setOrganizationLogoFromOutside: setOrganizationLogo, defaultSupportPhone: defaultSupportPhone })), activeTab === 'integrations' && (jsx(IntegrationsTab, { tenantKey: tenant, username: username })), activeTab === 'billing' && (jsx(BillingTab, { tenant: tenant, userActiveApp: userActiveApp, username: username, currentUserEmail: email, mainPlatformKey: mainPlatformKey })), activeTab === 'monetization' && (jsx(MonetizationTab, { platformKey: tenant, authURL: authURL })), activeTab === 'advanced' && (jsx(AdvancedTab, { platformKey: tenant, currentSPA: currentSPA, username: username, authURL: authURL, currentPlatformBaseDomain: currentPlatformBaseDomain }))] })] }), jsx(ToastProvider, {})] }));
 }
 
-function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, showMentorAIDisplayCheckbox = false, showLeaderboardDisplayCheckbox = false, showUsernameField = false, showPlatformName = false, useGravatarPicFallback = true, enableCatalogInvite = false, targetTab = 'basic', currentPlan = '', currentSPA = '', userActiveApp = null, authURL, tenants = [], onTenantUpdate, currentPlatformBaseDomain = '', rbacPermissions = {}, enableRbac = false, onLoadGroupPermissions, onTabChange, defaultSupportPhone = '', onBillingTabRequest, onAccountDeleted, enableMemoryTab = false, localLLMProps, }) {
+function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, showMentorAIDisplayCheckbox = false, showLeaderboardDisplayCheckbox = false, showUsernameField = false, showPlatformName = false, useGravatarPicFallback = true, enableCatalogInvite = false, targetTab = 'basic', currentPlan = '', currentSPA = '', userActiveApp = null, authURL, tenants = [], onTenantUpdate, currentPlatformBaseDomain = '', rbacPermissions = {}, enableRbac = false, onLoadGroupPermissions, onTabChange, defaultSupportPhone = '', onBillingTabRequest, onAccountDeleted, enableMemoryTab = false, localLLMProps, systemControlProps, }) {
     console.log('[UserProfileModal] localLLMProps received:', {
         isAvailable: localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.isAvailable,
         foundryStatus: localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.foundryStatus,
@@ -206475,116 +207131,7 @@ function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, sho
                             showUsernameField: showUsernameField,
                             showPlatformName: showPlatformName,
                             useGravatarPicFallback: useGravatarPicFallback,
-                        }, isAdmin: params.isAdmin, targetTab: targetTab, onClose: onClose, onAccountDeleted: onAccountDeleted, enableMemoryTab: enableMemoryTab, localLLMProps: localLLMProps })), ['organization', 'management', 'integrations', 'billing', 'monetization'].includes(targetTab) && (jsxs(Fragment$1, { children: [jsx(Account, { onInviteClick: () => setIsInviteUserDialogOpen(true), tenant: params.tenantKey, tenants: tenants, username: getUserName$1(), email: email, mainPlatformKey: mainPlatformKey, showUsernameField: showUsernameField, showPlatformName: showPlatformName, useGravatarPicFallback: useGravatarPicFallback, onClose: onClose, isAdmin: params.isAdmin, targetTab: targetTab, currentPlan: currentPlan, currentSPA: currentSPA, userActiveApp: userActiveApp, authURL: authURL, onTenantUpdate: onTenantUpdate, currentPlatformBaseDomain: currentPlatformBaseDomain, rbacPermissions: rbacPermissions, enableRbac: enableRbac, onLoadGroupPermissions: onLoadGroupPermissions, onTabChange: onTabChange, defaultSupportPhone: defaultSupportPhone }), isInviteUserDialogOpen && (jsx(InviteUserDialog, { tenant: params.tenantKey, onClose: () => setIsInviteUserDialogOpen(false), isOpen: isInviteUserDialogOpen, enableCatalogInvite: enableCatalogInvite, hasManageUsersPermission: hasManageUsersPermission })), isInvitedUsersDialogOpen && (jsx(InvitedUsersDialog, { onClose: () => setIsInvitedUsersDialogOpen(false), tenant: params.tenantKey }))] }))] }) }) }));
-}
-
-// Tauri types for model download functionality
-/**
- * Initial state for model download
- */
-const initialModelDownloadState = {
-    status: 'idle',
-    progress: 0,
-    message: '',
-    logs: [],
-    lastUpdated: new Date().toISOString(),
-};
-/**
- * Check if the app is running inside Tauri
- * In Tauri 2.0, the global is __TAURI_INTERNALS__ (with withGlobalTauri: true)
- * We also check for __TAURI__ for backwards compatibility
- */
-const isTauriApp$1 = () => {
-    if (typeof window === 'undefined')
-        return false;
-    return '__TAURI_INTERNALS__' in window || '__TAURI__' in window;
-};
-/**
- * Tauri event names
- */
-const TAURI_EVENTS = {
-    DOWNLOAD_PROGRESS: 'model:download-progress',
-    INSTALLATION_LOG: 'model:installation-log',
-    DISK_SPACE_ERROR: 'model:disk-space-error',
-    OLLAMA_STATUS: 'model:ollama-status',
-};
-/**
- * Tauri command names
- */
-const TAURI_COMMANDS = {
-    INSTALL_OLLAMA: 'install_ollama',
-    CHECK_OLLAMA_STATUS: 'check_ollama_status',
-    CHECK_DISK_SPACE: 'check_disk_space_for_model',
-    DOWNLOAD_MODEL: 'download_phi3_model',
-    CANCEL_DOWNLOAD: 'cancel_model_download',
-    CHECK_NETWORK_STATUS: 'check_network_status',
-    GET_OS_TYPE: 'get_os_type',
-    CHECK_FOUNDRY_STATUS: 'check_foundry_local_status',
-    START_FOUNDRY_SERVICE: 'start_foundry_local_service',
-    LOAD_FOUNDRY_MODEL: 'load_foundry_local_model',
-    SET_SELECTED_FOUNDRY_MODEL: 'set_selected_foundry_model',
-    GET_SELECTED_FOUNDRY_MODEL: 'get_selected_foundry_model',
-    INSTALL_FOUNDRY: 'install_foundry',
-    DOWNLOAD_FOUNDRY_MODEL: 'download_foundry_model_cmd',
-    GET_RECOMMENDED_FOUNDRY_MODELS: 'get_recommended_foundry_models',
-};
-
-/**
- * Dynamically import Tauri APIs to avoid SSR issues
- */
-const getTauriAPIs = async () => {
-    try {
-        const { invoke } = await import('@tauri-apps/api/core');
-        const { listen } = await import('@tauri-apps/api/event');
-        return { invoke, listen };
-    }
-    catch (error) {
-        console.error('Failed to load Tauri APIs:', error);
-        return null;
-    }
-};
-/**
- * Hook to access Tauri APIs with SSR safety
- *
- * @returns Object with isAvailable flag and Tauri invoke/listen functions
- */
-function useTauri() {
-    const [isAvailable, setIsAvailable] = useState(false);
-    const [apis, setApis] = useState(null);
-    useEffect(() => {
-        // Check if we're in a Tauri environment
-        const inTauri = isTauriApp$1();
-        if (inTauri) {
-            getTauriAPIs().then((result) => {
-                setApis(result);
-                setIsAvailable(!!result);
-            });
-        }
-    }, []);
-    /**
-     * Invoke a Tauri command
-     */
-    const invoke = useCallback(async (command, args) => {
-        if (!(apis === null || apis === void 0 ? void 0 : apis.invoke)) {
-            throw new Error('Tauri is not available');
-        }
-        return apis.invoke(command, args);
-    }, [apis]);
-    /**
-     * Listen to a Tauri event
-     * 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));
-    }, [apis]);
-    return {
-        isAvailable,
-        invoke,
-        listen,
-    };
+                        }, isAdmin: params.isAdmin, targetTab: targetTab, onClose: onClose, onAccountDeleted: onAccountDeleted, enableMemoryTab: enableMemoryTab, localLLMProps: localLLMProps, systemControlProps: systemControlProps })), ['organization', 'management', 'integrations', 'billing', 'monetization'].includes(targetTab) && (jsxs(Fragment$1, { children: [jsx(Account, { onInviteClick: () => setIsInviteUserDialogOpen(true), tenant: params.tenantKey, tenants: tenants, username: getUserName$1(), email: email, mainPlatformKey: mainPlatformKey, showUsernameField: showUsernameField, showPlatformName: showPlatformName, useGravatarPicFallback: useGravatarPicFallback, onClose: onClose, isAdmin: params.isAdmin, targetTab: targetTab, currentPlan: currentPlan, currentSPA: currentSPA, userActiveApp: userActiveApp, authURL: authURL, onTenantUpdate: onTenantUpdate, currentPlatformBaseDomain: currentPlatformBaseDomain, rbacPermissions: rbacPermissions, enableRbac: enableRbac, onLoadGroupPermissions: onLoadGroupPermissions, onTabChange: onTabChange, defaultSupportPhone: defaultSupportPhone }), isInviteUserDialogOpen && (jsx(InviteUserDialog, { tenant: params.tenantKey, onClose: () => setIsInviteUserDialogOpen(false), isOpen: isInviteUserDialogOpen, enableCatalogInvite: enableCatalogInvite, hasManageUsersPermission: hasManageUsersPermission })), isInvitedUsersDialogOpen && (jsx(InvitedUsersDialog, { onClose: () => setIsInvitedUsersDialogOpen(false), tenant: params.tenantKey }))] }))] }) }) }));
 }
 
 const IS_SERVER = typeof window === 'undefined';
@@ -206649,8 +207196,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
  *
@@ -206662,11 +207216,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,
@@ -206726,7 +207284,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);
@@ -206778,9 +207341,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
      */
@@ -206820,11 +207410,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');
@@ -206839,6 +207434,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...');
@@ -206848,20 +207446,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]);
     /**
@@ -206870,14 +207491,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) {
@@ -206951,6 +207575,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
      */
@@ -206986,18 +207630,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$1();
+    return {
+        isAvailable: finalIsAvailable,
+        state,
+        status,
+        accessibilityPermission,
+        install,
+        stop,
+        checkStatus,
+        resetState,
+        requestAccessibilityPermission,
+    };
+}
+
 function UserProfileDropdown({ email, mainPlatformKey, 
 // User data
 username, userIsAdmin = false, userIsStudent = false, userIsVisiting = false, 
@@ -207021,9 +207885,11 @@ metadata, metadataLoaded = false,
 currentSPA = '', showMentorAIDisplayCheckbox = false, showLeaderboardDisplayCheckbox = false, showUsernameField = false, showPlatformName = false, enableCatalogInvite = false, authURL, onTenantUpdate, currentPlatformBaseDomain = '', rbacPermissions = {}, enableRbac = false, onLoadGroupPermissions, defaultSupportPhone = '', 
 // Local LLM props
 localLLMProps, 
+// System Control props
+systemControlProps, 
 // Controlled modal state
 isModalOpen, onModalOpenChange, defaultActiveTab, onAccountDeleted, enableMemoryTab, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
     // Use hooks to fetch user metadata
     const { data: userMetadata } = useGetUserMetadataQuery({
         params: { username: username !== null && username !== void 0 ? username : '' },
@@ -207037,17 +207903,30 @@ isModalOpen, onModalOpenChange, defaultActiveTab, onAccountDeleted, enableMemory
     const isLocalLLMAvailable = (_a = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.isAvailable) !== null && _a !== void 0 ? _a : hookData.isAvailable;
     const localLLMState = (_b = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.state) !== null && _b !== void 0 ? _b : hookData.state;
     const ollamaStatus = (_c = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.ollamaStatus) !== null && _c !== void 0 ? _c : hookData.ollamaStatus;
-    const startDownload = (_d = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onStartDownload) !== null && _d !== void 0 ? _d : hookData.startDownload;
-    const cancelDownload = (_e = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onCancelDownload) !== null && _e !== void 0 ? _e : hookData.cancelDownload;
-    const installOllama = (_f = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onInstallOllama) !== null && _f !== void 0 ? _f : hookData.installOllama;
+    const systemMemory = (_d = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.systemMemory) !== null && _d !== void 0 ? _d : hookData.systemMemory;
+    const startDownload = (_e = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onStartDownload) !== null && _e !== void 0 ? _e : hookData.startDownload;
+    const cancelDownload = (_f = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onCancelDownload) !== null && _f !== void 0 ? _f : hookData.cancelDownload;
+    const installOllama = (_g = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onInstallOllama) !== null && _g !== void 0 ? _g : hookData.installOllama;
+    const stopManager = (_h = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onStopManager) !== null && _h !== void 0 ? _h : hookData.stopManager;
     const installFoundry = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onInstallFoundry;
-    const checkStatus = (_g = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onCheckStatus) !== null && _g !== void 0 ? _g : hookData.checkStatus;
-    const resetState = (_h = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onResetState) !== null && _h !== void 0 ? _h : hookData.resetState;
+    const checkStatus = (_j = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onCheckStatus) !== null && _j !== void 0 ? _j : hookData.checkStatus;
+    const resetState = (_k = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onResetState) !== null && _k !== void 0 ? _k : hookData.resetState;
     const isUsingFoundry = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.isUsingFoundry;
     const foundryModels = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.foundryModels;
     const selectedFoundryModel = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.selectedFoundryModel;
     const foundryStatus = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.foundryStatus;
     const onSelectFoundryModel = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onSelectFoundryModel;
+    // System Control (GhostOS) state from props (if provided) or from hook (fallback)
+    const ghostOsData = useGhostOs();
+    const isSystemControlAvailable = (_l = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.isAvailable) !== null && _l !== void 0 ? _l : ghostOsData.isAvailable;
+    const systemControlState = (_m = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.state) !== null && _m !== void 0 ? _m : ghostOsData.state;
+    const systemControlStatus = (_o = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.status) !== null && _o !== void 0 ? _o : ghostOsData.status;
+    const accessibilityPermission = (_p = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.accessibilityPermission) !== null && _p !== void 0 ? _p : ghostOsData.accessibilityPermission;
+    const installGhostOs = (_q = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.onInstall) !== null && _q !== void 0 ? _q : ghostOsData.install;
+    const stopGhostOs = (_r = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.onStop) !== null && _r !== void 0 ? _r : ghostOsData.stop;
+    const checkGhostOsStatus = (_s = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.onCheckStatus) !== null && _s !== void 0 ? _s : ghostOsData.checkStatus;
+    const resetGhostOsState = (_t = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.onResetState) !== null && _t !== void 0 ? _t : ghostOsData.resetState;
+    const requestAccessibilityPermission = (_u = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.onRequestAccessibilityPermission) !== null && _u !== void 0 ? _u : ghostOsData.requestAccessibilityPermission;
     // Support controlled modal state
     const [internalIsUserProfileOpen, setInternalIsUserProfileOpen] = useState(false);
     const isUserProfileOpen = isModalOpen !== null && isModalOpen !== void 0 ? isModalOpen : internalIsUserProfileOpen;
@@ -207206,6 +208085,7 @@ isModalOpen, onModalOpenChange, defaultActiveTab, onAccountDeleted, enableMemory
                 isAvailable: isLocalLLMAvailable,
                 state: localLLMState,
                 ollamaStatus,
+                systemMemory,
                 isUsingFoundry,
                 foundryModels,
                 selectedFoundryModel,
@@ -207213,11 +208093,29 @@ isModalOpen, onModalOpenChange, defaultActiveTab, onAccountDeleted, enableMemory
                 onStartDownload: startDownload,
                 onCancelDownload: cancelDownload,
                 onInstallOllama: installOllama,
+                onStopManager: stopManager,
                 onInstallFoundry: installFoundry,
                 onCheckStatus: checkStatus,
                 onResetState: resetState,
                 onSelectFoundryModel,
             },
+            systemControlProps: {
+                isAvailable: isSystemControlAvailable,
+                state: systemControlState,
+                status: systemControlStatus,
+                requiredSizeGb: systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.requiredSizeGb,
+                // Local-model status/memory + downloader, so the "Upgrade" action can
+                // check what's installed, keep the RAM/VRAM check, and pull a model.
+                ollamaStatus,
+                systemMemory,
+                accessibilityPermission,
+                onInstall: installGhostOs,
+                onStop: stopGhostOs,
+                onCheckStatus: checkGhostOsStatus,
+                onResetState: resetGhostOsState,
+                onRequestAccessibilityPermission: requestAccessibilityPermission,
+                onDownloadModel: startDownload,
+            },
             onAccountDeleted,
             enableMemoryTab,
         };
@@ -210441,8 +211339,8 @@ const CourseContentLayout = ({ courseId, isPlatformAdmin, currentTenant, tabHref
                                         }, children: children }) })] })] })] }) }));
 };
 
-const CustomSwitch = React.forwardRef(({ className, checked, onCheckedChange, ...props }, ref) => (jsx(Root$9, { checked: checked, onCheckedChange: onCheckedChange, className: cn('peer focus-visible:ring-ring focus-visible:ring-offset-background inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-500 data-[state=unchecked]:bg-gray-200', className), ...props, ref: ref, children: jsx(Thumb, { className: cn('pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0') }) })));
-CustomSwitch.displayName = Root$9.displayName;
+const CustomSwitch = React.forwardRef(({ className, checked, onCheckedChange, ...props }, ref) => (jsx(Root$a, { checked: checked, onCheckedChange: onCheckedChange, className: cn('peer focus-visible:ring-ring focus-visible:ring-offset-background inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-500 data-[state=unchecked]:bg-gray-200', className), ...props, ref: ref, children: jsx(Thumb, { className: cn('pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0') }) })));
+CustomSwitch.displayName = Root$a.displayName;
 
 /**
  * Label contract for the Settings tab and its two sub-modals.