@iblai/iblai-js 2.2.8 → 2.2.10

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import React__default, { useRef, useEffect, useState, useCallback, useLayoutEffect, forwardRef, createElement as createElement$1, createContext, useContext, useMemo, useReducer, useImperativeHandle, isValidElement, Children, PureComponent, cloneElement, Component, useId as useId$2, useDebugValue, lazy, Suspense } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { selectSessionId, selectActiveChatMessages, useCachedSessionId, chatActions, LOCAL_STORAGE_KEYS, TimeTracker, getInitials, useTenantMetadata, WithPermissions, useStripeUpgrade, openExternalUrl, CHAT_AREA_SIZE, isAlphaNumeric32, checkRbacPermission, getTimeAgo, REQUIRED_ACTIONS_FOR_GROUPS, formatRelativeTime as formatRelativeTime$2, ANONYMOUS_USERNAME, combineCSVData, redirectToAuthSpaJoinTenant, redirectToAuthSpa, getAuthSpaJoinUrl, useOS, 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, WithFormPermissions, MENTOR_VISIBILITY } from '@iblai/web-utils';
+import { selectSessionId, selectActiveChatMessages, useCachedSessionId, chatActions, LOCAL_STORAGE_KEYS, TimeTracker, getInitials, useTenantMetadata, WithPermissions, useStripeUpgrade, openExternalUrl, CHAT_AREA_SIZE, isAlphaNumeric32, checkRbacPermission, getTimeAgo, REQUIRED_ACTIONS_FOR_GROUPS, formatRelativeTime as formatRelativeTime$2, ANONYMOUS_USERNAME, combineCSVData, redirectToAuthSpaJoinTenant, redirectToAuthSpa, getAuthSpaJoinUrl, useOS, selectNumberOfActiveChatMessages, useUsername, selectStreaming, isLoggedIn, TOOLS, hasRemoteAiConfig, isSafariBrowser, useShowAttachment, useShowVoiceCall, useShowVoiceRecorder, useMentorSettings, selectShowingSharedChat, selectRbacPermissions, useShowFreeTrialDialog, useEmbedMode, chatInputSliceSelectors, useResponsive, useAccessingPublicRoute, useVisitingTenant, useModelFileUploadCapabilities, useChatFileUpload, useVoiceChat, selectAttachedFiles, MENTOR_CHAT_DOCUMENTS_EXTENSIONS, chatInputSliceActions, removeFile, WithFormPermissions, MENTOR_VISIBILITY } from '@iblai/web-utils';
 import * as dataLayer from '@iblai/data-layer';
-import { useCreateSessionIdMutation, useTimeTrackingMutation, useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useGetLearnerDetailsQuery, useGetUserEnrolledCoursesQuery, useGetUserEnrolledProgramsQuery, useGetUserCatalogPathwaysQuery, useGetUsersAsAssertionsQuery, useGetUserEarnedSkillsQuery, useGetUserReportedSkillsQuery, useGetUserDesiredSkillsQuery, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useDeleteGlobalMemoryMutation, 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, useGetRbacResourceDiscoveryQuery, useGetRbacResourceListQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useGetWatchedGroupsQuery, useCreateWatchedGroupMutation, useUpdateWatchedGroupMutation, useDeleteWatchedGroupMutation, useAddWatchedUserMutation, useRemoveWatchedUserMutation, useAddWatcherMutation, useUpdateWatcherMutation, useDeleteWatcherMutation, useGetWatchedUsersQuery, useGetWatchersQuery, WATCHER_NOTIFICATION_EVENTS, WATCHER_NOTIFICATION_EVENT_LABELS, useGetApplicationFormsQuery, useGetApplicationFormDetailQuery, useCreateApplicationFormMutation, useUpdateApplicationFormMutation, useGetApplicationAdminDetailQuery, useInviteApplicationCandidateMutation, useLazyGetApplicationAttachmentFileQuery, useCreateApplicationWaiverMutation, useDeleteApplicationWaiverMutation, useSubmitApplicationOverrideMutation, useUpdateApplicationPlacementMutation, useDeleteApplicationCourseAssignmentMutation, useCreateApplicationNoteMutation, useUpdateApplicationNoteMutation, useDeleteApplicationNoteMutation, useTransitionApplicationMutation, useLinkApplicationCandidateMutation, useCreateApplicationPlacementsMutation, useGetCustomMentorsQuery, useCreateApplicationCourseAssignmentsMutation, useGetApplicationBlocksQuery, useDeleteApplicationBlockMutation, useGetApplicationsPipelineStatsQuery, useGetApplicationsPipelineQuery, 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, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useGetAiSearchMentorsQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useGetNotificationsCountQuery, useLazyGetNotificationsQuery, useMarkAllAsReadMutation, useCreateNotificationPreviewMutation, useSendNotificationMutation, useGetMentorsQuery, useUpdateTemplateMutation, useGetTemplateDetailsQuery, useGetTemplatesQuery, useLazyGetTemplateDetailsQuery, useToggleTemplateMutation, useGetTopicsStatsQuery, useGetUsersStatsQuery, useGetSessionStatsQuery, useGetTopicsDetailsStatsQuery, useGetAccessTimeHeatmapQuery, useGetUserDetailsStatsQuery, useGetTranscriptsConversationHeadlineQuery, useGetAverageRatingQuery, useGetFinancialStatsQuery, useGetDetailedFinancialStatsQuery, useGetTranscriptsMessagesDetailsQuery, useGetTranscriptsMessagesQuery, useGetReportDetailQuery, useLazyGetDownloadReportFromURLQuery, useGetMentorPublicSettingsQuery, useGetReportsQuery, useCreateReportMutation, useGetContentAnalyticsQuery, useGetContentAnalyticsDetailsQuery, useGetRevenueQuery, useListSubscribersQuery, useGetAuditLogsQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetUserEnrolledCoursesQuery, useLazyGetUserAssignedCoursesQuery, useLazyGetUserCredentialsQuery, useLazyGetOverTimeActivityQuery, useLazyGetCatalogSearchQuery, useCreateOrUpdateUserReportedSkillMutation, useCreateOrUpdateUserDesiredSkillMutation, useLazyGetPathwayListQuery, useLazyGetUserAssignedPathwaysQuery, useLazyGetUserEnrolledPathwaysQuery, useLazyGetPathwayCompletionQuery, useLazyGetProgramListQuery, useLazyGetProgramCompletionQuery, useLazyGetUserEnrolledProgramsQuery, useLazyGetAssignedProgramsQuery, useLazyGetUserSkillsPointsQuery, useLazyGetUserReportedSkillsQuery, useLazyGetUserDesiredSkillsQuery, useLazyGetUserCatalogPathwaysQuery, useLazyGetPerLearnerInfoQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useLazyGetPersonnalizedSearchQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetClawMentorConfigQuery, useGetClawInstancesQuery, useGetAgentConfigQuery, useUpdateClawMentorConfigMutation, useCreateClawMentorConfigMutation, useDeleteClawMentorConfigMutation, usePushClawConfigMutation, useCreateClawInstanceMutation, useDeleteClawInstanceMutation, useUpdateAgentConfigMutation, useHealthCheckClawInstanceMutation, useTestConnectivityClawInstanceMutation, useUpdateClawInstanceMutation, useGetAgentSkillsQuery, useGetMentorSkillAssignmentsQuery, useCreateMentorSkillAssignmentMutation, useUpdateMentorSkillAssignmentMutation, useDeleteMentorSkillAssignmentMutation, useCreateAgentSkillMutation, useUpdateAgentSkillMutation, useDeleteAgentSkillMutation, useCreateCheckoutMutation, useGetUserProjectsQuery, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useGetVectorDocumentsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetConnectedServiceAuthUrlQuery, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorSettingsQuery, useEditMentorMutation, useGetMentorCategoriesQuery, useCreateMentorMutation, useUpdateUserPlatformMetadataMutation, useGetApplicationStatusQuery, useListOwnApplicationsQuery, useGetApplicationFormQuery, useWithdrawApplicationMutation, useRenewApplicationMutation, useCreateApplicationDraftMutation, useSubmitApplicationMutation, useUpdateApplicationMutation, useUploadApplicationAttachmentMutation, useDeleteApplicationAttachmentMutation, useGetPromptCategoriesQuery, useCreatePromptMutation, useDeletePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation } from '@iblai/data-layer';
+import { useCreateSessionIdMutation, useTimeTrackingMutation, useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useGetLearnerDetailsQuery, useGetUserEnrolledCoursesQuery, useGetUserEnrolledProgramsQuery, useGetUserCatalogPathwaysQuery, useGetUsersAsAssertionsQuery, useGetUserEarnedSkillsQuery, useGetUserReportedSkillsQuery, useGetUserDesiredSkillsQuery, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useDeleteGlobalMemoryMutation, 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, useGetRbacResourceDiscoveryQuery, useGetRbacResourceListQuery, useGetRbacPoliciesQuery, useCreateRbacPolicyMutation, useUpdateRbacPolicyMutation, useDeleteRbacPolicyMutation, useGetRbacPolicyDetailsQuery, useGetWatchedGroupsQuery, useCreateWatchedGroupMutation, useUpdateWatchedGroupMutation, useDeleteWatchedGroupMutation, useAddWatchedUserMutation, useRemoveWatchedUserMutation, useAddWatcherMutation, useUpdateWatcherMutation, useDeleteWatcherMutation, useGetWatchedUsersQuery, useGetWatchersQuery, WATCHER_NOTIFICATION_EVENTS, WATCHER_NOTIFICATION_EVENT_LABELS, useGetApplicationFormsQuery, useGetApplicationFormDetailQuery, useCreateApplicationFormMutation, useUpdateApplicationFormMutation, useGetApplicationAdminDetailQuery, useInviteApplicationCandidateMutation, useLazyGetApplicationAttachmentFileQuery, useCreateApplicationWaiverMutation, useDeleteApplicationWaiverMutation, useSubmitApplicationOverrideMutation, useUpdateApplicationPlacementMutation, useDeleteApplicationCourseAssignmentMutation, useCreateApplicationNoteMutation, useUpdateApplicationNoteMutation, useDeleteApplicationNoteMutation, useTransitionApplicationMutation, useLinkApplicationCandidateMutation, useCreateApplicationPlacementsMutation, useGetCustomMentorsQuery, useCreateApplicationCourseAssignmentsMutation, useGetApplicationBlocksQuery, useDeleteApplicationBlockMutation, useGetApplicationsPipelineStatsQuery, useGetApplicationsPipelineQuery, 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, useGetStripeConnectStatusQuery, useStartStripeConnectOnboardingMutation, useLazyGetStripeConnectDashboardQuery, useGetAiSearchMentorsQuery, useListPaywallsQuery, useListPricesQuery, useCreatePriceMutation, useUpdatePriceMutation, useDeletePriceMutation, useGetPaywallConfigQuery, useEnablePaywallMutation, useUpdatePaywallMutation, useGetNotificationsCountQuery, useLazyGetNotificationsQuery, useMarkAllAsReadMutation, useCreateNotificationPreviewMutation, useSendNotificationMutation, useGetMentorsQuery, useUpdateTemplateMutation, useGetTemplateDetailsQuery, useGetTemplatesQuery, useLazyGetTemplateDetailsQuery, useToggleTemplateMutation, useGetTopicsStatsQuery, useGetUsersStatsQuery, useGetSessionStatsQuery, useGetTopicsDetailsStatsQuery, useGetAccessTimeHeatmapQuery, useGetUserDetailsStatsQuery, useGetTranscriptsConversationHeadlineQuery, useGetAverageRatingQuery, useGetFinancialStatsQuery, useGetDetailedFinancialStatsQuery, useGetTranscriptsMessagesDetailsQuery, useGetTranscriptsMessagesQuery, useGetReportDetailQuery, useLazyGetDownloadReportFromURLQuery, useGetMentorPublicSettingsQuery, useGetReportsQuery, useCreateReportMutation, useGetContentAnalyticsQuery, useGetContentAnalyticsDetailsQuery, useGetRevenueQuery, useListSubscribersQuery, useGetAuditLogsQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetUserEnrolledCoursesQuery, useLazyGetUserAssignedCoursesQuery, useLazyGetUserCredentialsQuery, useLazyGetOverTimeActivityQuery, useLazyGetCatalogSearchQuery, useCreateOrUpdateUserReportedSkillMutation, useCreateOrUpdateUserDesiredSkillMutation, useLazyGetPathwayListQuery, useLazyGetUserAssignedPathwaysQuery, useLazyGetUserEnrolledPathwaysQuery, useLazyGetPathwayCompletionQuery, useLazyGetProgramListQuery, useLazyGetProgramCompletionQuery, useLazyGetUserEnrolledProgramsQuery, useLazyGetAssignedProgramsQuery, useLazyGetUserSkillsPointsQuery, useLazyGetUserReportedSkillsQuery, useLazyGetUserDesiredSkillsQuery, useLazyGetUserCatalogPathwaysQuery, useLazyGetPerLearnerInfoQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useLazyGetPersonnalizedSearchQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetClawMentorConfigQuery, useGetClawInstancesQuery, useGetAgentConfigQuery, useUpdateClawMentorConfigMutation, useCreateClawMentorConfigMutation, useDeleteClawMentorConfigMutation, usePushClawConfigMutation, useCreateClawInstanceMutation, useDeleteClawInstanceMutation, useUpdateAgentConfigMutation, useHealthCheckClawInstanceMutation, useTestConnectivityClawInstanceMutation, useUpdateClawInstanceMutation, useGetAgentSkillResourcesQuery, useCreateAgentSkillResourceMutation, useUpdateAgentSkillResourceMutation, useUploadAgentSkillResourceAssetMutation, useDeleteAgentSkillResourceMutation, useGetAgentSkillsQuery, useGetMentorSkillAssignmentsQuery, useCreateMentorSkillAssignmentMutation, useUpdateMentorSkillAssignmentMutation, useDeleteMentorSkillAssignmentMutation, useCreateAgentSkillMutation, useUpdateAgentSkillMutation, useDeleteAgentSkillMutation, resolveEffectiveAgentSkills, filterSlashSkills, useCreateCheckoutMutation, useGetUserProjectsQuery, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useGetVectorDocumentsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetConnectedServiceAuthUrlQuery, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorSettingsQuery, useEditMentorMutation, useGetMentorCategoriesQuery, useCreateMentorMutation, useUpdateUserPlatformMetadataMutation, useGetApplicationStatusQuery, useListOwnApplicationsQuery, useGetApplicationFormQuery, useWithdrawApplicationMutation, useRenewApplicationMutation, useCreateApplicationDraftMutation, useSubmitApplicationMutation, useUpdateApplicationMutation, useUploadApplicationAttachmentMutation, useDeleteApplicationAttachmentMutation, useGetPromptCategoriesQuery, useCreatePromptMutation, useDeletePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation } from '@iblai/data-layer';
 import { toast } from 'sonner';
 import { jsx, Fragment as Fragment$1, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
@@ -427,18 +427,18 @@ const TAURI_COMMANDS = {
     LOG_STDOUT: 'log_stdout',
 };
 // ============================================================================
-// System Control (GhostOS)
+// Cowork (GhostOS)
 // ----------------------------------------------------------------------------
-// Contract for the "System Control" manager, which installs and sets up GhostOS
+// Contract for the Cowork manager, which installs and sets up GhostOS
 // (https://github.com/ghostwright/ghost-os) on-device via the Tauri host. This
 // mirrors the Local Models (Ollama) contract above: the web layer ships the
 // presentational card + types, while the Tauri host (e.g. the ghost-os desktop
 // app) implements the native install/setup/status commands.
 // ============================================================================
-/** GitHub repository the System Control manager installs and sets up. */
+/** GitHub repository the Cowork manager installs and sets up. */
 const GHOST_OS_REPO_URL = 'https://github.com/ghostwright/ghost-os';
 /**
- * Initial state for the System Control install flow.
+ * Initial state for the Cowork install flow.
  */
 const initialGhostOsInstallState = {
     status: 'idle',
@@ -470,7 +470,7 @@ const GHOST_OS_TAURI_COMMANDS = {
 /**
  * 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
+ * macOS Accessibility permission to control the device, so the Cowork
  * 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;
@@ -55242,11 +55242,10 @@ const CircleAlert = createLucideIcon("circle-alert", __iconNode$1S);
 
 
 const __iconNode$1R = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "m16 12-4-4-4 4", key: "177agl" }],
-  ["path", { d: "M12 16V8", key: "1sbj14" }]
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const CircleArrowUp = createLucideIcon("circle-arrow-up", __iconNode$1R);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1R);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55257,10 +55256,10 @@ const CircleArrowUp = createLucideIcon("circle-arrow-up", __iconNode$1R);
 
 
 const __iconNode$1Q = [
-  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
-  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1Q);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$1Q);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55272,9 +55271,9 @@ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$1Q);
 
 const __iconNode$1P = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+  ["path", { d: "M8 12h8", key: "1wcyev" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$1P);
+const CircleMinus$1 = createLucideIcon("circle-minus", __iconNode$1P);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55363,24 +55362,11 @@ const Clock = createLucideIcon("clock", __iconNode$1K);
 
 
 const __iconNode$1J = [
-  ["path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z", key: "p7xjir" }]
-];
-const Cloud = createLucideIcon("cloud", __iconNode$1J);
-
-/**
- * @license lucide-react v0.528.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-
-
-const __iconNode$1I = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$1I);
+const CodeXml = createLucideIcon("code-xml", __iconNode$1J);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55390,11 +55376,11 @@ const CodeXml = createLucideIcon("code-xml", __iconNode$1I);
  */
 
 
-const __iconNode$1H = [
+const __iconNode$1I = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
 ];
-const Code$1 = createLucideIcon("code", __iconNode$1H);
+const Code$1 = createLucideIcon("code", __iconNode$1I);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55404,11 +55390,11 @@ const Code$1 = createLucideIcon("code", __iconNode$1H);
  */
 
 
-const __iconNode$1G = [
+const __iconNode$1H = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$1G);
+const Copy = createLucideIcon("copy", __iconNode$1H);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55418,11 +55404,11 @@ const Copy = createLucideIcon("copy", __iconNode$1G);
  */
 
 
-const __iconNode$1F = [
+const __iconNode$1G = [
   ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
   ["line", { x1: "2", x2: "22", y1: "10", y2: "10", key: "1b3vmo" }]
 ];
-const CreditCard = createLucideIcon("credit-card", __iconNode$1F);
+const CreditCard = createLucideIcon("credit-card", __iconNode$1G);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55432,12 +55418,12 @@ const CreditCard = createLucideIcon("credit-card", __iconNode$1F);
  */
 
 
-const __iconNode$1E = [
+const __iconNode$1F = [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
 ];
-const Database = createLucideIcon("database", __iconNode$1E);
+const Database = createLucideIcon("database", __iconNode$1F);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55447,11 +55433,11 @@ const Database = createLucideIcon("database", __iconNode$1E);
  */
 
 
-const __iconNode$1D = [
+const __iconNode$1E = [
   ["line", { x1: "12", x2: "12", y1: "2", y2: "22", key: "7eqyqh" }],
   ["path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6", key: "1b0p4s" }]
 ];
-const DollarSign = createLucideIcon("dollar-sign", __iconNode$1D);
+const DollarSign = createLucideIcon("dollar-sign", __iconNode$1E);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55461,7 +55447,7 @@ const DollarSign = createLucideIcon("dollar-sign", __iconNode$1D);
  */
 
 
-const __iconNode$1C = [
+const __iconNode$1D = [
   ["path", { d: "M11 20H2", key: "nlcfvz" }],
   [
     "path",
@@ -55474,7 +55460,7 @@ const __iconNode$1C = [
   ["path", { d: "M14 12h.01", key: "1jfl7z" }],
   ["path", { d: "M22 20h-3", key: "vhrsz" }]
 ];
-const DoorOpen = createLucideIcon("door-open", __iconNode$1C);
+const DoorOpen = createLucideIcon("door-open", __iconNode$1D);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55484,12 +55470,12 @@ const DoorOpen = createLucideIcon("door-open", __iconNode$1C);
  */
 
 
-const __iconNode$1B = [
+const __iconNode$1C = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$1B);
+const Download = createLucideIcon("download", __iconNode$1C);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55499,12 +55485,12 @@ const Download = createLucideIcon("download", __iconNode$1B);
  */
 
 
-const __iconNode$1A = [
+const __iconNode$1B = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ];
-const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1A);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1B);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55514,12 +55500,12 @@ const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$1A);
  */
 
 
-const __iconNode$1z = [
+const __iconNode$1A = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$1z);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$1A);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55529,12 +55515,12 @@ const Ellipsis = createLucideIcon("ellipsis", __iconNode$1z);
  */
 
 
-const __iconNode$1y = [
+const __iconNode$1z = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$1y);
+const ExternalLink = createLucideIcon("external-link", __iconNode$1z);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55544,7 +55530,7 @@ const ExternalLink = createLucideIcon("external-link", __iconNode$1y);
  */
 
 
-const __iconNode$1x = [
+const __iconNode$1y = [
   [
     "path",
     {
@@ -55562,7 +55548,7 @@ const __iconNode$1x = [
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
 ];
-const EyeOff = createLucideIcon("eye-off", __iconNode$1x);
+const EyeOff = createLucideIcon("eye-off", __iconNode$1y);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55572,7 +55558,7 @@ const EyeOff = createLucideIcon("eye-off", __iconNode$1x);
  */
 
 
-const __iconNode$1w = [
+const __iconNode$1x = [
   [
     "path",
     {
@@ -55582,7 +55568,7 @@ const __iconNode$1w = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$1w);
+const Eye = createLucideIcon("eye", __iconNode$1x);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55592,7 +55578,7 @@ const Eye = createLucideIcon("eye", __iconNode$1w);
  */
 
 
-const __iconNode$1v = [
+const __iconNode$1w = [
   ["path", { d: "M10 12v-1", key: "v7bkov" }],
   ["path", { d: "M10 18v-2", key: "1cjy8d" }],
   ["path", { d: "M10 7V6", key: "dljcrl" }],
@@ -55603,7 +55589,7 @@ const __iconNode$1v = [
   ],
   ["circle", { cx: "10", cy: "20", r: "2", key: "1xzdoj" }]
 ];
-const FileArchive = createLucideIcon("file-archive", __iconNode$1v);
+const FileArchive = createLucideIcon("file-archive", __iconNode$1w);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55613,7 +55599,7 @@ const FileArchive = createLucideIcon("file-archive", __iconNode$1v);
  */
 
 
-const __iconNode$1u = [
+const __iconNode$1v = [
   ["path", { d: "M17.5 22h.5a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v3", key: "rslqgf" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   [
@@ -55624,7 +55610,7 @@ const __iconNode$1u = [
     }
   ]
 ];
-const FileAudio = createLucideIcon("file-audio", __iconNode$1u);
+const FileAudio = createLucideIcon("file-audio", __iconNode$1v);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55634,13 +55620,13 @@ const FileAudio = createLucideIcon("file-audio", __iconNode$1u);
  */
 
 
-const __iconNode$1t = [
+const __iconNode$1u = [
   ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
   ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }]
 ];
-const FileCode = createLucideIcon("file-code", __iconNode$1t);
+const FileCode = createLucideIcon("file-code", __iconNode$1u);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55650,13 +55636,13 @@ const FileCode = createLucideIcon("file-code", __iconNode$1t);
  */
 
 
-const __iconNode$1s = [
+const __iconNode$1t = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }],
   ["path", { d: "m9 15 3 3 3-3", key: "1npd3o" }]
 ];
-const FileDown = createLucideIcon("file-down", __iconNode$1s);
+const FileDown = createLucideIcon("file-down", __iconNode$1t);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55666,13 +55652,13 @@ const FileDown = createLucideIcon("file-down", __iconNode$1s);
  */
 
 
-const __iconNode$1r = [
+const __iconNode$1s = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["circle", { cx: "10", cy: "12", r: "2", key: "737tya" }],
   ["path", { d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22", key: "wt3hpn" }]
 ];
-const FileImage = createLucideIcon("file-image", __iconNode$1r);
+const FileImage = createLucideIcon("file-image", __iconNode$1s);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55682,7 +55668,7 @@ const FileImage = createLucideIcon("file-image", __iconNode$1r);
  */
 
 
-const __iconNode$1q = [
+const __iconNode$1r = [
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z", key: "1mlx9k" }],
   [
@@ -55693,7 +55679,7 @@ const __iconNode$1q = [
     }
   ]
 ];
-const FilePlay = createLucideIcon("file-play", __iconNode$1q);
+const FilePlay = createLucideIcon("file-play", __iconNode$1r);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55703,7 +55689,7 @@ const FilePlay = createLucideIcon("file-play", __iconNode$1q);
  */
 
 
-const __iconNode$1p = [
+const __iconNode$1q = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M8 13h2", key: "yr2amv" }],
@@ -55711,7 +55697,7 @@ const __iconNode$1p = [
   ["path", { d: "M8 17h2", key: "2yhykz" }],
   ["path", { d: "M14 17h2", key: "10kma7" }]
 ];
-const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$1p);
+const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$1q);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55721,14 +55707,14 @@ const FileSpreadsheet = createLucideIcon("file-spreadsheet", __iconNode$1p);
  */
 
 
-const __iconNode$1o = [
+const __iconNode$1p = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$1o);
+const FileText = createLucideIcon("file-text", __iconNode$1p);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55738,11 +55724,11 @@ const FileText = createLucideIcon("file-text", __iconNode$1o);
  */
 
 
-const __iconNode$1n = [
+const __iconNode$1o = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ];
-const File$1 = createLucideIcon("file", __iconNode$1n);
+const File$1 = createLucideIcon("file", __iconNode$1o);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55752,7 +55738,7 @@ const File$1 = createLucideIcon("file", __iconNode$1n);
  */
 
 
-const __iconNode$1m = [
+const __iconNode$1n = [
   [
     "path",
     {
@@ -55770,7 +55756,7 @@ const __iconNode$1m = [
   ["path", { d: "M3 5a2 2 0 0 0 2 2h3", key: "f2jnh7" }],
   ["path", { d: "M3 3v13a2 2 0 0 0 2 2h3", key: "k8epm1" }]
 ];
-const FolderTree = createLucideIcon("folder-tree", __iconNode$1m);
+const FolderTree = createLucideIcon("folder-tree", __iconNode$1n);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55780,14 +55766,14 @@ const FolderTree = createLucideIcon("folder-tree", __iconNode$1m);
  */
 
 
-const __iconNode$1l = [
+const __iconNode$1m = [
   ["path", { d: "m14.5 12.5-8 8a2.119 2.119 0 1 1-3-3l8-8", key: "15492f" }],
   ["path", { d: "m16 16 6-6", key: "vzrcl6" }],
   ["path", { d: "m8 8 6-6", key: "18bi4p" }],
   ["path", { d: "m9 7 8 8", key: "5jnvq1" }],
   ["path", { d: "m21 11-8-8", key: "z4y7zo" }]
 ];
-const Gavel = createLucideIcon("gavel", __iconNode$1l);
+const Gavel = createLucideIcon("gavel", __iconNode$1m);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55797,13 +55783,13 @@ const Gavel = createLucideIcon("gavel", __iconNode$1l);
  */
 
 
-const __iconNode$1k = [
+const __iconNode$1l = [
   ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
 ];
-const GitBranch = createLucideIcon("git-branch", __iconNode$1k);
+const GitBranch = createLucideIcon("git-branch", __iconNode$1l);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55813,12 +55799,12 @@ const GitBranch = createLucideIcon("git-branch", __iconNode$1k);
  */
 
 
-const __iconNode$1j = [
+const __iconNode$1k = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ];
-const Globe = createLucideIcon("globe", __iconNode$1j);
+const Globe = createLucideIcon("globe", __iconNode$1k);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55828,7 +55814,7 @@ const Globe = createLucideIcon("globe", __iconNode$1j);
  */
 
 
-const __iconNode$1i = [
+const __iconNode$1j = [
   [
     "path",
     {
@@ -55839,7 +55825,7 @@ const __iconNode$1i = [
   ["path", { d: "M22 10v6", key: "1lu8f3" }],
   ["path", { d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5", key: "1r8lef" }]
 ];
-const GraduationCap = createLucideIcon("graduation-cap", __iconNode$1i);
+const GraduationCap = createLucideIcon("graduation-cap", __iconNode$1j);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55849,7 +55835,7 @@ const GraduationCap = createLucideIcon("graduation-cap", __iconNode$1i);
  */
 
 
-const __iconNode$1h = [
+const __iconNode$1i = [
   ["path", { d: "M14 18a2 2 0 0 0-4 0", key: "1v8fkw" }],
   [
     "path",
@@ -55862,7 +55848,7 @@ const __iconNode$1h = [
   ["circle", { cx: "17", cy: "18", r: "3", key: "82mm0e" }],
   ["circle", { cx: "7", cy: "18", r: "3", key: "lvkj7j" }]
 ];
-const HatGlasses = createLucideIcon("hat-glasses", __iconNode$1h);
+const HatGlasses = createLucideIcon("hat-glasses", __iconNode$1i);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55872,13 +55858,13 @@ const HatGlasses = createLucideIcon("hat-glasses", __iconNode$1h);
  */
 
 
-const __iconNode$1g = [
+const __iconNode$1h = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "m17 12 3-2v8", key: "1hhhft" }]
 ];
-const Heading1 = createLucideIcon("heading-1", __iconNode$1g);
+const Heading1 = createLucideIcon("heading-1", __iconNode$1h);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55888,13 +55874,13 @@ const Heading1 = createLucideIcon("heading-1", __iconNode$1g);
  */
 
 
-const __iconNode$1f = [
+const __iconNode$1g = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
 ];
-const Heading2 = createLucideIcon("heading-2", __iconNode$1f);
+const Heading2 = createLucideIcon("heading-2", __iconNode$1g);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55904,14 +55890,14 @@ const Heading2 = createLucideIcon("heading-2", __iconNode$1f);
  */
 
 
-const __iconNode$1e = [
+const __iconNode$1f = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
   ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
 ];
-const Heading3 = createLucideIcon("heading-3", __iconNode$1e);
+const Heading3 = createLucideIcon("heading-3", __iconNode$1f);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55921,12 +55907,12 @@ const Heading3 = createLucideIcon("heading-3", __iconNode$1e);
  */
 
 
-const __iconNode$1d = [
+const __iconNode$1e = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
 ];
-const History = createLucideIcon("history", __iconNode$1d);
+const History = createLucideIcon("history", __iconNode$1e);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55936,12 +55922,12 @@ const History = createLucideIcon("history", __iconNode$1d);
  */
 
 
-const __iconNode$1c = [
+const __iconNode$1d = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
 ];
-const Image$3 = createLucideIcon("image", __iconNode$1c);
+const Image$3 = createLucideIcon("image", __iconNode$1d);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55951,7 +55937,7 @@ const Image$3 = createLucideIcon("image", __iconNode$1c);
  */
 
 
-const __iconNode$1b = [
+const __iconNode$1c = [
   ["polyline", { points: "22 12 16 12 14 15 10 15 8 12 2 12", key: "o97t9d" }],
   [
     "path",
@@ -55961,7 +55947,7 @@ const __iconNode$1b = [
     }
   ]
 ];
-const Inbox = createLucideIcon("inbox", __iconNode$1b);
+const Inbox = createLucideIcon("inbox", __iconNode$1c);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55971,12 +55957,12 @@ const Inbox = createLucideIcon("inbox", __iconNode$1b);
  */
 
 
-const __iconNode$1a = [
+const __iconNode$1b = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
 ];
-const Info$3 = createLucideIcon("info", __iconNode$1a);
+const Info$3 = createLucideIcon("info", __iconNode$1b);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -55986,12 +55972,12 @@ const Info$3 = createLucideIcon("info", __iconNode$1a);
  */
 
 
-const __iconNode$19 = [
+const __iconNode$1a = [
   ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
   ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
   ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
 ];
-const Italic$1 = createLucideIcon("italic", __iconNode$19);
+const Italic$1 = createLucideIcon("italic", __iconNode$1a);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -56001,7 +55987,7 @@ const Italic$1 = createLucideIcon("italic", __iconNode$19);
  */
 
 
-const __iconNode$18 = [
+const __iconNode$19 = [
   [
     "path",
     {
@@ -56011,7 +55997,7 @@ const __iconNode$18 = [
   ],
   ["circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor", key: "w0ekpg" }]
 ];
-const KeyRound = createLucideIcon("key-round", __iconNode$18);
+const KeyRound = createLucideIcon("key-round", __iconNode$19);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -56021,7 +56007,7 @@ const KeyRound = createLucideIcon("key-round", __iconNode$18);
  */
 
 
-const __iconNode$17 = [
+const __iconNode$18 = [
   ["path", { d: "M10 18v-7", key: "wt116b" }],
   [
     "path",
@@ -56035,7 +56021,7 @@ const __iconNode$17 = [
   ["path", { d: "M3 22h18", key: "8prr45" }],
   ["path", { d: "M6 18v-7", key: "1ivflk" }]
 ];
-const Landmark = createLucideIcon("landmark", __iconNode$17);
+const Landmark = createLucideIcon("landmark", __iconNode$18);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -56045,7 +56031,7 @@ const Landmark = createLucideIcon("landmark", __iconNode$17);
  */
 
 
-const __iconNode$16 = [
+const __iconNode$17 = [
   [
     "path",
     {
@@ -56068,7 +56054,7 @@ const __iconNode$16 = [
     }
   ]
 ];
-const Layers = createLucideIcon("layers", __iconNode$16);
+const Layers = createLucideIcon("layers", __iconNode$17);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -56078,12 +56064,12 @@ const Layers = createLucideIcon("layers", __iconNode$16);
  */
 
 
-const __iconNode$15 = [
+const __iconNode$16 = [
   ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
   ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
   ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
 ];
-const Link2 = createLucideIcon("link-2", __iconNode$15);
+const Link2 = createLucideIcon("link-2", __iconNode$16);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -56093,11 +56079,11 @@ const Link2 = createLucideIcon("link-2", __iconNode$15);
  */
 
 
-const __iconNode$14 = [
+const __iconNode$15 = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ];
-const Link$1 = createLucideIcon("link", __iconNode$14);
+const Link$1 = createLucideIcon("link", __iconNode$15);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -56107,7 +56093,7 @@ const Link$1 = createLucideIcon("link", __iconNode$14);
  */
 
 
-const __iconNode$13 = [
+const __iconNode$14 = [
   ["path", { d: "M10 12h11", key: "6m4ad9" }],
   ["path", { d: "M10 18h11", key: "11hvi2" }],
   ["path", { d: "M10 6h11", key: "c7qv1k" }],
@@ -56115,7 +56101,7 @@ const __iconNode$13 = [
   ["path", { d: "M4 6h1v4", key: "cnovpq" }],
   ["path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1", key: "m9a95d" }]
 ];
-const ListOrdered = createLucideIcon("list-ordered", __iconNode$13);
+const ListOrdered = createLucideIcon("list-ordered", __iconNode$14);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -56125,7 +56111,7 @@ const ListOrdered = createLucideIcon("list-ordered", __iconNode$13);
  */
 
 
-const __iconNode$12 = [
+const __iconNode$13 = [
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 18h.01", key: "1tta3j" }],
   ["path", { d: "M3 6h.01", key: "1rqtza" }],
@@ -56133,7 +56119,7 @@ const __iconNode$12 = [
   ["path", { d: "M8 18h13", key: "1lx6n3" }],
   ["path", { d: "M8 6h13", key: "ik3vkj" }]
 ];
-const List$1 = createLucideIcon("list", __iconNode$12);
+const List$1 = createLucideIcon("list", __iconNode$13);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -56143,8 +56129,8 @@ const List$1 = createLucideIcon("list", __iconNode$12);
  */
 
 
-const __iconNode$11 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$11);
+const __iconNode$12 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$12);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -56154,11 +56140,11 @@ const LoaderCircle = createLucideIcon("loader-circle", __iconNode$11);
  */
 
 
-const __iconNode$10 = [
+const __iconNode$11 = [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
 ];
-const Lock = createLucideIcon("lock", __iconNode$10);
+const Lock = createLucideIcon("lock", __iconNode$11);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -56168,11 +56154,11 @@ const Lock = createLucideIcon("lock", __iconNode$10);
  */
 
 
-const __iconNode$$ = [
+const __iconNode$10 = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
 ];
-const Mail = createLucideIcon("mail", __iconNode$$);
+const Mail = createLucideIcon("mail", __iconNode$10);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -56182,10 +56168,10 @@ const Mail = createLucideIcon("mail", __iconNode$$);
  */
 
 
-const __iconNode$_ = [
+const __iconNode$$ = [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$_);
+const MessageSquare = createLucideIcon("message-square", __iconNode$$);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -56195,12 +56181,27 @@ const MessageSquare = createLucideIcon("message-square", __iconNode$_);
  */
 
 
-const __iconNode$Z = [
+const __iconNode$_ = [
   ["path", { d: "M12 19v3", key: "npa21l" }],
   ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
   ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
 ];
-const Mic = createLucideIcon("mic", __iconNode$Z);
+const Mic = createLucideIcon("mic", __iconNode$_);
+
+/**
+ * @license lucide-react v0.528.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$Z = [
+  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
+  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
+  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
+];
+const Monitor = createLucideIcon("monitor", __iconNode$Z);
 
 /**
  * @license lucide-react v0.528.0 - ISC
@@ -61024,118 +61025,6 @@ var gradebookGradebookTab$3 = {
 	previousPage: "Previous",
 	nextPage: "Next"
 };
-var graderTabLabels$3 = {
-	header: {
-		title: "Grader",
-		description: "Set up how your agent grades work against a rubric you define."
-	},
-	capability: {
-		title: "Grading",
-		description: "Let your agent grade work. When this is on, the agent scores what people submit against the rubric you set up below and shares the result as feedback — great for essays, projects, and practice exercises.",
-		offHint: "Turn it on to write grading instructions and build your rubric. Anything you set up here is kept safe if you later turn it off."
-	},
-	subTabs: {
-		setup: "Grading setup",
-		rubric: "Rubric"
-	},
-	denied: {
-		title: "No access to grading settings",
-		description: "You don't have permission to view this agent's grading setup. Ask an administrator for access."
-	},
-	warnings: {
-		noConfig: "Grading is on but not set up yet — the agent will fail when asked to grade. Save your grading instructions in Grading setup to finish.",
-		noCriteria: "Grading is on but the rubric is empty — the agent will fail when asked to grade. Add at least one criterion in the Rubric tab."
-	},
-	config: {
-		sectionTitle: "Grading setup",
-		gradingMode: {
-			label: "What gets graded",
-			options: {
-				submission: "A submission",
-				conversation: "The conversation"
-			},
-			help: {
-				submission: "The agent grades a piece of work the person hands in, like an essay or answer.",
-				conversation: "The agent grades how the whole conversation went."
-			}
-		},
-		feedbackMode: {
-			label: "Feedback shared with the person",
-			options: {
-				overall: "Overall feedback only",
-				perCriteria: "Feedback per criterion",
-				both: "Overall + per criterion"
-			},
-			help: "The overall score is always calculated — this only controls how much detail is shared back."
-		},
-		instructions: {
-			label: "Grading instructions",
-			placeholder: "Describe what's being graded and anything the grader should know beyond the rubric. E.g. 'You are grading a 500-word persuasive essay on climate policy written by a high-school student. Be encouraging but honest.'",
-			help: "Required. This is the context the agent uses every time it grades."
-		},
-		saveButton: "Save",
-		savingButton: "Saving…"
-	},
-	criteria: {
-		sectionTitle: "Rubric",
-		description: "Each row is one thing the agent looks for and how many points it is worth. The overall score is points earned out of the total.",
-		needsConfigHint: "Save your grading setup first, then add rubric criteria here.",
-		emptyState: "No criteria yet. Add your first one — for example \"Clarity\", 10 points.",
-		addButton: "Add criterion",
-		columns: {
-			name: "Name",
-			criteria: "Criteria",
-			points: "Points"
-		},
-		actionsAria: "Actions for {name}",
-		edit: "Edit",
-		"delete": "Delete",
-		totalPoints: "Total possible points: {total}",
-		scoreHint: "Overall score = points earned ÷ {total}.",
-		lastCriterionHint: "A rubric needs at least one criterion — add another before removing this one.",
-		modal: {
-			addTitle: "Add criterion",
-			editTitle: "Edit criterion",
-			name: {
-				label: "Name",
-				placeholder: "e.g. Clarity",
-				required: "Name is required"
-			},
-			criteria: {
-				label: "Criteria",
-				placeholder: "e.g. The argument is easy to follow and each paragraph makes one clear point.",
-				required: "Criteria is required"
-			},
-			points: {
-				label: "Points",
-				placeholder: "10",
-				positive: "Points must be a positive number"
-			},
-			save: "Save",
-			saving: "Saving…",
-			cancel: "Cancel"
-		},
-		deleteModal: {
-			title: "Delete criterion",
-			confirmationPrefix: "Are you sure you want to remove",
-			confirmationSuffix: " from the rubric?",
-			cancel: "Cancel",
-			"delete": "Delete",
-			deleting: "Deleting…"
-		}
-	},
-	toasts: {
-		toggleOn: "Grading turned on",
-		toggleOff: "Grading turned off — your rubric is kept for next time",
-		toggleError: "Couldn't update grading",
-		configSaved: "Grading setup saved",
-		configError: "Couldn't save grading setup",
-		criterionAdded: "Criterion added",
-		criterionUpdated: "Criterion updated",
-		criterionDeleted: "Criterion deleted",
-		criterionError: "Couldn't update the rubric"
-	}
-};
 var careerExperienceDialog$3 = {
 	pleaseSelectACompany: "Please select a company",
 	endDateCannotBeBeforeStartDate: "End date cannot be before start date",
@@ -61289,6 +61178,9 @@ var chatInputFormInsideButtons$3 = {
 	studyMode: "Study Mode",
 	deepResearch: "Deep Research",
 	memory: "Memory",
+	cowork: "Cowork",
+	coworkNeedsBackend: "Enable a large local model or sign in to a workspace to use Cowork.",
+	coworkModelTooSmall: "Your local model is too small for Cowork. Pick a model of at least 14GB in Local Models.",
 	moreOptions: "More options"
 };
 var chatInputFormMemoryMenu$3 = {
@@ -61446,7 +61338,57 @@ var clawSandboxAgentSkills$3 = {
 	fieldVersionPlaceholder: "e.g. 1.0.0",
 	fieldDescription: "Description",
 	fieldDescriptionPlaceholder: "e.g. Search the web for information",
-	fieldInstruction: "Instruction"
+	fieldInstruction: "Instruction",
+	sessionNote: "Skills added or removed here apply to new chat sessions only. Edits to a skill's instructions apply immediately, including in conversations already in progress.",
+	effectiveHeading: "This agent's skills",
+	catalogHeading: "Available skills",
+	noEffectiveSkills: "No skills enabled for this agent yet. Add one from the available skills below.",
+	addToAgent: "Add",
+	addToAgentLabel: "Add {name} to this agent",
+	removeFromAgent: "Remove from agent",
+	skillAdded: "{name} added",
+	skillRemoved: "{name} removed",
+	featuredBadge: "Featured",
+	nativeBadge: "Native",
+	privateBadge: "Only this agent",
+	fieldCategory: "Category",
+	fieldCategoryPlaceholder: "e.g. web, code, data",
+	privateToAgent: "Only this agent",
+	privateToAgentHint: "Private skills are available to this agent only and take precedence over platform skills with the same slug.",
+	instructionHint: "The playbook the agent follows when the skill is used. Edits apply immediately, including in conversations already in progress.",
+	filesHint: "Optional resources the agent can use with this skill. References and scripts are text files; assets are uploaded files.",
+	filesAfterCreateHint: "You can attach resources to this skill after creating it (reopen it with Edit).",
+	noFiles: "No resources attached yet.",
+	loadingFiles: "Loading resources...",
+	fileTypeLabel: "Type",
+	fileTypeReference: "Reference",
+	fileTypeScript: "Script",
+	fileTypeAsset: "Asset",
+	fileNameLabel: "File name",
+	fileNamePlaceholder: "e.g. rubric.md",
+	fileContentLabel: "Content",
+	fileContentPlaceholder: "The file's text content",
+	addFileButton: "Add resource",
+	adding: "Adding...",
+	uploading: "Uploading...",
+	fileAdded: "Resource added",
+	fileUploaded: "Resource uploaded",
+	fileSaved: "Resource saved",
+	fileDeleted: "Resource deleted",
+	failedToSaveFile: "Failed to save resource",
+	failedToUploadFile: "Failed to upload resource",
+	failedToDeleteFile: "Failed to delete resource",
+	detailsTab: "General",
+	filesTab: "Resources",
+	newFile: "New Resource",
+	newFileDialogTitle: "New Resource",
+	editFileDialogTitle: "Edit Resource",
+	deleteFileDialogTitle: "Delete Resource",
+	deleteFileConfirmation: "Are you sure you want to delete {name}? This action cannot be undone.",
+	chooseFile: "Choose file",
+	upload: "Upload",
+	download: "Download",
+	resourcesItemLabel: "resources"
 };
 var clawSandboxHelpers$3 = {
 	unknown: "Unknown",
@@ -63711,7 +63653,7 @@ var safetyTabLabels$3 = {
 };
 var screenshareTabLabels$3 = {
 	header: {
-		title: "Screen Share",
+		title: "Screen",
 		description: "How your agent behaves when a user shares their screen during a voice call."
 	},
 	capability: {
@@ -65350,6 +65292,19 @@ var platformNavbar$3 = {
 	placementExamsHeader: "Placement exams",
 	placementExamFallback: "Placement exam"
 };
+var slashSkillPicker$3 = {
+	listLabel: "Agent skills",
+	resultsAnnouncement: "{count} skills available. Use arrow keys to browse and Enter to select.",
+	loading: "Loading..."
+};
+var skillsTabLabels$3 = {
+	header: {
+		title: "Skills",
+		description: "Reusable playbooks you can attach to this agent — each one is a set of instructions for a job. In chat, type / to use one."
+	},
+	notBaseAgent: "Skills are only available to Base Agents.",
+	loading: "Loading..."
+};
 var placementExam$3 = {
 	title: "Placement exam",
 	back: "Back"
@@ -65646,6 +65601,118 @@ var profileApplicationsQuestionsEditor$3 = {
 	collapseSection: "Collapse section",
 	expandSection: "Expand section"
 };
+var graderTabLabels$3 = {
+	header: {
+		title: "Grader",
+		description: "Set up how your agent grades work against a rubric you define."
+	},
+	capability: {
+		title: "Grading",
+		description: "Let your agent grade work. When this is on, the agent scores what people submit against the rubric you set up below and shares the result as feedback — great for essays, projects, and practice exercises.",
+		offHint: "Turn it on to write grading instructions and build your rubric. Anything you set up here is kept safe if you later turn it off."
+	},
+	subTabs: {
+		setup: "Grading setup",
+		rubric: "Rubric"
+	},
+	denied: {
+		title: "No access to grading settings",
+		description: "You don't have permission to view this agent's grading setup. Ask an administrator for access."
+	},
+	warnings: {
+		noConfig: "Grading is on but not set up yet — the agent will fail when asked to grade. Save your grading instructions in Grading setup to finish.",
+		noCriteria: "Grading is on but the rubric is empty — the agent will fail when asked to grade. Add at least one criterion in the Rubric tab."
+	},
+	config: {
+		sectionTitle: "Grading setup",
+		gradingMode: {
+			label: "What gets graded",
+			options: {
+				submission: "A submission",
+				conversation: "The conversation"
+			},
+			help: {
+				submission: "The agent grades a piece of work the person hands in, like an essay or answer.",
+				conversation: "The agent grades how the whole conversation went."
+			}
+		},
+		feedbackMode: {
+			label: "Feedback shared with the person",
+			options: {
+				overall: "Overall feedback only",
+				perCriteria: "Feedback per criterion",
+				both: "Overall + per criterion"
+			},
+			help: "The overall score is always calculated — this only controls how much detail is shared back."
+		},
+		instructions: {
+			label: "Grading instructions",
+			placeholder: "Describe what's being graded and anything the grader should know beyond the rubric. E.g. 'You are grading a 500-word persuasive essay on climate policy written by a high-school student. Be encouraging but honest.'",
+			help: "Required. This is the context the agent uses every time it grades."
+		},
+		saveButton: "Save",
+		savingButton: "Saving…"
+	},
+	criteria: {
+		sectionTitle: "Rubric",
+		description: "Each row is one thing the agent looks for and how many points it is worth. The overall score is points earned out of the total.",
+		needsConfigHint: "Save your grading setup first, then add rubric criteria here.",
+		emptyState: "No criteria yet. Add your first one — for example \"Clarity\", 10 points.",
+		addButton: "Add criterion",
+		columns: {
+			name: "Name",
+			criteria: "Criteria",
+			points: "Points"
+		},
+		actionsAria: "Actions for {name}",
+		edit: "Edit",
+		"delete": "Delete",
+		totalPoints: "Total possible points: {total}",
+		scoreHint: "Overall score = points earned ÷ {total}.",
+		lastCriterionHint: "A rubric needs at least one criterion — add another before removing this one.",
+		modal: {
+			addTitle: "Add criterion",
+			editTitle: "Edit criterion",
+			name: {
+				label: "Name",
+				placeholder: "e.g. Clarity",
+				required: "Name is required"
+			},
+			criteria: {
+				label: "Criteria",
+				placeholder: "e.g. The argument is easy to follow and each paragraph makes one clear point.",
+				required: "Criteria is required"
+			},
+			points: {
+				label: "Points",
+				placeholder: "10",
+				positive: "Points must be a positive number"
+			},
+			save: "Save",
+			saving: "Saving…",
+			cancel: "Cancel"
+		},
+		deleteModal: {
+			title: "Delete criterion",
+			confirmationPrefix: "Are you sure you want to remove",
+			confirmationSuffix: " from the rubric?",
+			cancel: "Cancel",
+			"delete": "Delete",
+			deleting: "Deleting…"
+		}
+	},
+	toasts: {
+		toggleOn: "Grading turned on",
+		toggleOff: "Grading turned off — your rubric is kept for next time",
+		toggleError: "Couldn't update grading",
+		configSaved: "Grading setup saved",
+		configError: "Couldn't save grading setup",
+		criterionAdded: "Criterion added",
+		criterionUpdated: "Criterion updated",
+		criterionDeleted: "Criterion deleted",
+		criterionError: "Couldn't update the rubric"
+	}
+};
 var en = {
 	accessTabAddAccess: accessTabAddAccess$3,
 	accessTabLabels: accessTabLabels$3,
@@ -65700,7 +65767,6 @@ var en = {
 	careerEducationDialog: careerEducationDialog$3,
 	careerEducationTab: careerEducationTab$3,
 	gradebookGradebookTab: gradebookGradebookTab$3,
-	graderTabLabels: graderTabLabels$3,
 	careerExperienceDialog: careerExperienceDialog$3,
 	careerExperienceTab: careerExperienceTab$3,
 	careerInstitutionDialog: careerInstitutionDialog$3,
@@ -65894,10 +65960,13 @@ var en = {
 	benchmarksAddItemsModal: benchmarksAddItemsModal$3,
 	platformSidebar: platformSidebar$3,
 	platformNavbar: platformNavbar$3,
+	slashSkillPicker: slashSkillPicker$3,
+	skillsTabLabels: skillsTabLabels$3,
 	placementExam: placementExam$3,
 	applyApplyWizard: applyApplyWizard$3,
 	profileApplicationsTab: profileApplicationsTab$3,
-	profileApplicationsQuestionsEditor: profileApplicationsQuestionsEditor$3
+	profileApplicationsQuestionsEditor: profileApplicationsQuestionsEditor$3,
+	graderTabLabels: graderTabLabels$3
 };
 
 var accessTabAddAccess$2 = {
@@ -67407,6 +67476,9 @@ var chatInputFormInsideButtons$2 = {
 	studyMode: "Mode Étude",
 	deepResearch: "Recherche Approfondie",
 	memory: "Mémoire",
+	cowork: "Cowork",
+	coworkNeedsBackend: "Activez un grand modèle local ou connectez-vous à un espace de travail pour utiliser Cowork.",
+	coworkModelTooSmall: "Votre modèle local est trop petit pour Cowork. Choisissez un modèle d’au moins 14 Go dans Modèles Locaux.",
 	moreOptions: "Plus d'options"
 };
 var chatInputFormMemoryMenu$2 = {
@@ -67564,7 +67636,57 @@ var clawSandboxAgentSkills$2 = {
 	fieldVersionPlaceholder: "ex. 1.0.0",
 	fieldDescription: "Description",
 	fieldDescriptionPlaceholder: "ex. Rechercher des informations sur le web",
-	fieldInstruction: "Instruction"
+	fieldInstruction: "Instruction",
+	sessionNote: "Les compétences ajoutées ou supprimées ici ne s'appliquent qu'aux nouvelles sessions de chat. Les modifications des instructions d'une compétence s'appliquent immédiatement, y compris dans les conversations en cours.",
+	effectiveHeading: "Compétences de cet agent",
+	catalogHeading: "Compétences disponibles",
+	noEffectiveSkills: "Cet agent n'a pas encore de compétences activées. Ajoutez-en une depuis les compétences disponibles.",
+	addToAgent: "Ajouter",
+	addToAgentLabel: "Ajouter {name} à cet agent",
+	removeFromAgent: "Retirer de l'agent",
+	skillAdded: "{name} ajoutée",
+	skillRemoved: "{name} retirée",
+	featuredBadge: "En vedette",
+	nativeBadge: "Native",
+	privateBadge: "Cet agent uniquement",
+	fieldCategory: "Catégorie",
+	fieldCategoryPlaceholder: "p. ex. web, code, données",
+	privateToAgent: "Cet agent uniquement",
+	privateToAgentHint: "Les compétences privées ne sont disponibles que pour cet agent et priment sur les compétences de la plateforme portant le même slug.",
+	instructionHint: "Le guide que l'agent suit lorsque la compétence est utilisée. Les modifications s'appliquent immédiatement, y compris dans les conversations en cours.",
+	filesHint: "Ressources facultatives que l'agent peut utiliser avec cette compétence. Les références et les scripts sont des fichiers texte ; les assets sont des fichiers téléversés.",
+	filesAfterCreateHint: "Vous pouvez joindre des ressources à cette compétence après sa création (rouvrez-la avec Modifier).",
+	noFiles: "Aucune ressource jointe pour le moment.",
+	loadingFiles: "Chargement des ressources...",
+	fileTypeLabel: "Type",
+	fileTypeReference: "Référence",
+	fileTypeScript: "Script",
+	fileTypeAsset: "Ressource",
+	fileNameLabel: "Nom du fichier",
+	fileNamePlaceholder: "p. ex. grille.md",
+	fileContentLabel: "Contenu",
+	fileContentPlaceholder: "Le contenu texte du fichier",
+	addFileButton: "Ajouter la ressource",
+	adding: "Ajout...",
+	uploading: "Téléversement...",
+	fileAdded: "Ressource ajoutée",
+	fileUploaded: "Ressource téléversée",
+	fileSaved: "Ressource enregistrée",
+	fileDeleted: "Ressource supprimée",
+	failedToSaveFile: "Impossible d'enregistrer la ressource",
+	failedToUploadFile: "Impossible de téléverser la ressource",
+	failedToDeleteFile: "Impossible de supprimer la ressource",
+	detailsTab: "Général",
+	filesTab: "Ressources",
+	newFile: "Nouvelle ressource",
+	newFileDialogTitle: "Nouvelle ressource",
+	editFileDialogTitle: "Modifier la ressource",
+	deleteFileDialogTitle: "Supprimer la ressource",
+	deleteFileConfirmation: "Voulez-vous vraiment supprimer {name} ? Cette action est irréversible.",
+	chooseFile: "Choisir un fichier",
+	upload: "Téléverser",
+	download: "Télécharger",
+	resourcesItemLabel: "ressources"
 };
 var clawSandboxHelpers$2 = {
 	unknown: "Inconnu",
@@ -69829,7 +69951,7 @@ var safetyTabLabels$2 = {
 };
 var screenshareTabLabels$2 = {
 	header: {
-		title: "Partage d’écran",
+		title: "Écran",
 		description: "Comment votre agent se comporte lorsqu’un utilisateur partage son écran pendant un appel vocal."
 	},
 	capability: {
@@ -71764,6 +71886,19 @@ var profileApplicationsQuestionsEditor$2 = {
 	collapseSection: "Réduire la section",
 	expandSection: "Développer la section"
 };
+var slashSkillPicker$2 = {
+	listLabel: "Compétences de l'agent",
+	resultsAnnouncement: "{count} compétences disponibles. Utilisez les flèches pour parcourir et Entrée pour sélectionner.",
+	loading: "Chargement..."
+};
+var skillsTabLabels$2 = {
+	header: {
+		title: "Compétences",
+		description: "Des guides réutilisables à attacher à cet agent — chacun est un ensemble d'instructions pour une tâche. Dans le chat, tapez / pour en utiliser un."
+	},
+	notBaseAgent: "Les compétences ne sont disponibles que pour les agents de base.",
+	loading: "Chargement..."
+};
 var fr = {
 	accessTabAddAccess: accessTabAddAccess$2,
 	accessTabLabels: accessTabLabels$2,
@@ -72015,7 +72150,9 @@ var fr = {
 	placementExam: placementExam$2,
 	applyApplyWizard: applyApplyWizard$2,
 	profileApplicationsTab: profileApplicationsTab$2,
-	profileApplicationsQuestionsEditor: profileApplicationsQuestionsEditor$2
+	profileApplicationsQuestionsEditor: profileApplicationsQuestionsEditor$2,
+	slashSkillPicker: slashSkillPicker$2,
+	skillsTabLabels: skillsTabLabels$2
 };
 
 var accessTabAddAccess$1 = {
@@ -73525,6 +73662,9 @@ var chatInputFormInsideButtons$1 = {
 	studyMode: "Modo Estudio",
 	deepResearch: "Investigación Profunda",
 	memory: "Memoria",
+	cowork: "Cowork",
+	coworkNeedsBackend: "Activa un modelo local grande o inicia sesión en un espacio de trabajo para usar Cowork.",
+	coworkModelTooSmall: "Tu modelo local es demasiado pequeño para Cowork. Elige un modelo de al menos 14 GB en Modelos Locales.",
 	moreOptions: "Más opciones"
 };
 var chatInputFormMemoryMenu$1 = {
@@ -73682,7 +73822,57 @@ var clawSandboxAgentSkills$1 = {
 	fieldVersionPlaceholder: "ej. 1.0.0",
 	fieldDescription: "Descripción",
 	fieldDescriptionPlaceholder: "ej. Buscar información en la web",
-	fieldInstruction: "Instrucción"
+	fieldInstruction: "Instrucción",
+	sessionNote: "Las habilidades añadidas o eliminadas aquí solo se aplican a las nuevas sesiones de chat. Los cambios en las instrucciones de una habilidad se aplican de inmediato, incluso en conversaciones en curso.",
+	effectiveHeading: "Habilidades de este agente",
+	catalogHeading: "Habilidades disponibles",
+	noEffectiveSkills: "Este agente aún no tiene habilidades habilitadas. Añade una desde las habilidades disponibles.",
+	addToAgent: "Añadir",
+	addToAgentLabel: "Añadir {name} a este agente",
+	removeFromAgent: "Quitar del agente",
+	skillAdded: "{name} añadida",
+	skillRemoved: "{name} eliminada",
+	featuredBadge: "Destacada",
+	nativeBadge: "Nativa",
+	privateBadge: "Solo este agente",
+	fieldCategory: "Categoría",
+	fieldCategoryPlaceholder: "p. ej. web, código, datos",
+	privateToAgent: "Solo este agente",
+	privateToAgentHint: "Las habilidades privadas solo están disponibles para este agente y tienen prioridad sobre las habilidades de la plataforma con el mismo slug.",
+	instructionHint: "La guía que sigue el agente cuando se usa la habilidad. Los cambios se aplican de inmediato, incluso en conversaciones en curso.",
+	filesHint: "Recursos opcionales que el agente puede usar con esta habilidad. Las referencias y los scripts son archivos de texto; los assets son archivos subidos.",
+	filesAfterCreateHint: "Puedes adjuntar recursos a esta habilidad después de crearla (vuelve a abrirla con Editar).",
+	noFiles: "Aún no hay recursos adjuntos.",
+	loadingFiles: "Cargando recursos...",
+	fileTypeLabel: "Tipo",
+	fileTypeReference: "Referencia",
+	fileTypeScript: "Script",
+	fileTypeAsset: "Recurso",
+	fileNameLabel: "Nombre del archivo",
+	fileNamePlaceholder: "p. ej. rubrica.md",
+	fileContentLabel: "Contenido",
+	fileContentPlaceholder: "El contenido de texto del archivo",
+	addFileButton: "Añadir recurso",
+	adding: "Añadiendo...",
+	uploading: "Subiendo...",
+	fileAdded: "Recurso añadido",
+	fileUploaded: "Recurso subido",
+	fileSaved: "Recurso guardado",
+	fileDeleted: "Recurso eliminado",
+	failedToSaveFile: "No se pudo guardar el recurso",
+	failedToUploadFile: "No se pudo subir el recurso",
+	failedToDeleteFile: "No se pudo eliminar el recurso",
+	detailsTab: "General",
+	filesTab: "Recursos",
+	newFile: "Nuevo recurso",
+	newFileDialogTitle: "Nuevo recurso",
+	editFileDialogTitle: "Editar recurso",
+	deleteFileDialogTitle: "Eliminar recurso",
+	deleteFileConfirmation: "¿Seguro que quieres eliminar {name}? Esta acción no se puede deshacer.",
+	chooseFile: "Elegir archivo",
+	upload: "Subir",
+	download: "Descargar",
+	resourcesItemLabel: "recursos"
 };
 var clawSandboxHelpers$1 = {
 	unknown: "Desconocido",
@@ -75947,7 +76137,7 @@ var safetyTabLabels$1 = {
 };
 var screenshareTabLabels$1 = {
 	header: {
-		title: "Pantalla compartida",
+		title: "Pantalla",
 		description: "Cómo se comporta tu agente cuando un usuario comparte su pantalla durante una llamada de voz."
 	},
 	capability: {
@@ -77882,6 +78072,19 @@ var profileApplicationsQuestionsEditor$1 = {
 	collapseSection: "Contraer sección",
 	expandSection: "Expandir sección"
 };
+var slashSkillPicker$1 = {
+	listLabel: "Habilidades del agente",
+	resultsAnnouncement: "{count} habilidades disponibles. Usa las flechas para navegar y Enter para seleccionar.",
+	loading: "Cargando..."
+};
+var skillsTabLabels$1 = {
+	header: {
+		title: "Habilidades",
+		description: "Guías reutilizables que puedes adjuntar a este agente: cada una es un conjunto de instrucciones para una tarea. En el chat, escribe / para usar una."
+	},
+	notBaseAgent: "Las habilidades solo están disponibles para los agentes base.",
+	loading: "Cargando..."
+};
 var es = {
 	accessTabAddAccess: accessTabAddAccess$1,
 	accessTabLabels: accessTabLabels$1,
@@ -78133,7 +78336,9 @@ var es = {
 	placementExam: placementExam$1,
 	applyApplyWizard: applyApplyWizard$1,
 	profileApplicationsTab: profileApplicationsTab$1,
-	profileApplicationsQuestionsEditor: profileApplicationsQuestionsEditor$1
+	profileApplicationsQuestionsEditor: profileApplicationsQuestionsEditor$1,
+	slashSkillPicker: slashSkillPicker$1,
+	skillsTabLabels: skillsTabLabels$1
 };
 
 var accessTabAddAccess = {
@@ -79643,6 +79848,9 @@ var chatInputFormInsideButtons = {
 	studyMode: "学习模式",
 	deepResearch: "深度研究",
 	memory: "记忆",
+	cowork: "Cowork",
+	coworkNeedsBackend: "启用大型本地模型或登录工作区即可使用 Cowork。",
+	coworkModelTooSmall: "您的本地模型太小，无法用于 Cowork。请在“本地模型”中选择至少 14GB 的模型。",
 	moreOptions: "更多选项"
 };
 var chatInputFormMemoryMenu = {
@@ -79800,7 +80008,57 @@ var clawSandboxAgentSkills = {
 	fieldVersionPlaceholder: "例如：1.0.0",
 	fieldDescription: "描述",
 	fieldDescriptionPlaceholder: "例如：在网络上搜索信息",
-	fieldInstruction: "指令"
+	fieldInstruction: "指令",
+	sessionNote: "在此添加或移除的技能仅对新的聊天会话生效。技能指令的修改会立即生效，包括正在进行的对话。",
+	effectiveHeading: "此智能体的技能",
+	catalogHeading: "可用技能",
+	noEffectiveSkills: "此智能体尚未启用任何技能。请从下方的可用技能中添加。",
+	addToAgent: "添加",
+	addToAgentLabel: "将 {name} 添加到此智能体",
+	removeFromAgent: "从智能体中移除",
+	skillAdded: "已添加 {name}",
+	skillRemoved: "已移除 {name}",
+	featuredBadge: "精选",
+	nativeBadge: "原生",
+	privateBadge: "仅此智能体",
+	fieldCategory: "分类",
+	fieldCategoryPlaceholder: "例如 web、代码、数据",
+	privateToAgent: "仅此智能体",
+	privateToAgentHint: "私有技能仅对此智能体可用，并优先于具有相同 slug 的平台技能。",
+	instructionHint: "使用该技能时智能体遵循的操作指南。修改会立即生效，包括正在进行的对话。",
+	filesHint: "智能体在使用此技能时可参考的可选资源。参考资料和脚本是文本文件；资产是上传的文件。",
+	filesAfterCreateHint: "创建技能后即可附加资源（通过“编辑”重新打开）。",
+	noFiles: "尚未附加任何资源。",
+	loadingFiles: "正在加载资源...",
+	fileTypeLabel: "类型",
+	fileTypeReference: "参考资料",
+	fileTypeScript: "脚本",
+	fileTypeAsset: "资源",
+	fileNameLabel: "文件名",
+	fileNamePlaceholder: "例如 rubric.md",
+	fileContentLabel: "内容",
+	fileContentPlaceholder: "文件的文本内容",
+	addFileButton: "添加资源",
+	adding: "添加中...",
+	uploading: "上传中...",
+	fileAdded: "资源已添加",
+	fileUploaded: "资源已上传",
+	fileSaved: "资源已保存",
+	fileDeleted: "资源已删除",
+	failedToSaveFile: "保存资源失败",
+	failedToUploadFile: "上传资源失败",
+	failedToDeleteFile: "删除资源失败",
+	detailsTab: "常规",
+	filesTab: "资源",
+	newFile: "新建资源",
+	newFileDialogTitle: "新建资源",
+	editFileDialogTitle: "编辑资源",
+	deleteFileDialogTitle: "删除资源",
+	deleteFileConfirmation: "确定要删除 {name} 吗？此操作无法撤销。",
+	chooseFile: "选择文件",
+	upload: "上传",
+	download: "下载",
+	resourcesItemLabel: "资源"
 };
 var clawSandboxHelpers = {
 	unknown: "未知",
@@ -82065,7 +82323,7 @@ var safetyTabLabels = {
 };
 var screenshareTabLabels = {
 	header: {
-		title: "屏幕共享",
+		title: "屏幕",
 		description: "当用户在语音通话中共享屏幕时，您的智能体的表现方式。"
 	},
 	capability: {
@@ -84000,6 +84258,19 @@ var profileApplicationsQuestionsEditor = {
 	collapseSection: "折叠板块",
 	expandSection: "展开板块"
 };
+var slashSkillPicker = {
+	listLabel: "智能体技能",
+	resultsAnnouncement: "{count} 个技能可用。使用方向键浏览，按 Enter 选择。",
+	loading: "加载中..."
+};
+var skillsTabLabels = {
+	header: {
+		title: "技能",
+		description: "可附加到此智能体的可复用操作指南——每个技能都是完成一项任务的指令集。在聊天中输入 / 即可使用。"
+	},
+	notBaseAgent: "技能仅适用于基础智能体。",
+	loading: "加载中..."
+};
 var zh = {
 	accessTabAddAccess: accessTabAddAccess,
 	accessTabLabels: accessTabLabels,
@@ -84251,7 +84522,9 @@ var zh = {
 	placementExam: placementExam,
 	applyApplyWizard: applyApplyWizard,
 	profileApplicationsTab: profileApplicationsTab,
-	profileApplicationsQuestionsEditor: profileApplicationsQuestionsEditor
+	profileApplicationsQuestionsEditor: profileApplicationsQuestionsEditor,
+	slashSkillPicker: slashSkillPicker,
+	skillsTabLabels: skillsTabLabels
 };
 
 /**
@@ -90417,173 +90690,6 @@ var Indicator$2 = ProgressIndicator;
 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] = createContextScope$1(ROOT_NAME, [
-  createDialogScope
-]);
-var useDialogScope = createDialogScope();
-var AlertDialog$1 = (props) => {
-  const { __scopeAlertDialog, ...alertDialogProps } = props;
-  const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });
-};
-AlertDialog$1.displayName = ROOT_NAME;
-var TRIGGER_NAME$3 = "AlertDialogTrigger";
-var AlertDialogTrigger = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...triggerProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });
-  }
-);
-AlertDialogTrigger.displayName = TRIGGER_NAME$3;
-var PORTAL_NAME$3 = "AlertDialogPortal";
-var AlertDialogPortal$1 = (props) => {
-  const { __scopeAlertDialog, ...portalProps } = props;
-  const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });
-};
-AlertDialogPortal$1.displayName = PORTAL_NAME$3;
-var OVERLAY_NAME = "AlertDialogOverlay";
-var AlertDialogOverlay$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...overlayProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
-  }
-);
-AlertDialogOverlay$1.displayName = OVERLAY_NAME;
-var CONTENT_NAME$4 = "AlertDialogContent";
-var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME$4);
-var Slottable = createSlottable("AlertDialogContent");
-var AlertDialogContent$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, children, ...contentProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    const contentRef = React.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
-    const cancelRef = React.useRef(null);
-    return /* @__PURE__ */ jsx(
-      DialogPrimitive.WarningProvider,
-      {
-        contentName: CONTENT_NAME$4,
-        titleName: TITLE_NAME,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(
-          DialogPrimitive.Content,
-          {
-            role: "alertdialog",
-            ...dialogScope,
-            ...contentProps,
-            ref: composedRefs,
-            onOpenAutoFocus: composeEventHandlers$2(contentProps.onOpenAutoFocus, (event) => {
-              event.preventDefault();
-              cancelRef.current?.focus({ preventScroll: true });
-            }),
-            onPointerDownOutside: (event) => event.preventDefault(),
-            onInteractOutside: (event) => event.preventDefault(),
-            children: [
-              /* @__PURE__ */ jsx(Slottable, { children }),
-              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })
-            ]
-          }
-        ) })
-      }
-    );
-  }
-);
-AlertDialogContent$1.displayName = CONTENT_NAME$4;
-var TITLE_NAME = "AlertDialogTitle";
-var AlertDialogTitle$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...titleProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });
-  }
-);
-AlertDialogTitle$1.displayName = TITLE_NAME;
-var DESCRIPTION_NAME = "AlertDialogDescription";
-var AlertDialogDescription$1 = React.forwardRef((props, forwardedRef) => {
-  const { __scopeAlertDialog, ...descriptionProps } = props;
-  const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
-});
-AlertDialogDescription$1.displayName = DESCRIPTION_NAME;
-var ACTION_NAME = "AlertDialogAction";
-var AlertDialogAction$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...actionProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });
-  }
-);
-AlertDialogAction$1.displayName = ACTION_NAME;
-var CANCEL_NAME = "AlertDialogCancel";
-var AlertDialogCancel$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...cancelProps } = props;
-    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    const ref = useComposedRefs$1(forwardedRef, cancelRef);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });
-  }
-);
-AlertDialogCancel$1.displayName = CANCEL_NAME;
-var DescriptionWarning = ({ contentRef }) => {
-  const MESSAGE = `\`${CONTENT_NAME$4}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${CONTENT_NAME$4}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME$4}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  React.useEffect(() => {
-    const hasDescription = document.getElementById(
-      contentRef.current?.getAttribute("aria-describedby")
-    );
-    if (!hasDescription) console.warn(MESSAGE);
-  }, [MESSAGE, contentRef]);
-  return null;
-};
-var Root2$3 = AlertDialog$1;
-var Portal2$1 = AlertDialogPortal$1;
-var Overlay2 = AlertDialogOverlay$1;
-var Content2$3 = AlertDialogContent$1;
-var Action = AlertDialogAction$1;
-var Cancel = AlertDialogCancel$1;
-var Title2 = AlertDialogTitle$1;
-var Description2 = AlertDialogDescription$1;
-
-const AlertDialog = Root2$3;
-const AlertDialogPortal = Portal2$1;
-const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay2, { className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', className), ...props, ref: ref })));
-AlertDialogOverlay.displayName = Overlay2.displayName;
-const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (jsxs(AlertDialogPortal, { children: [jsx(AlertDialogOverlay, {}), jsx(Content2$3, { ref: ref, className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg', className), ...props })] })));
-AlertDialogContent.displayName = Content2$3.displayName;
-const AlertDialogHeader = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
-AlertDialogHeader.displayName = 'AlertDialogHeader';
-const AlertDialogFooter = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
-AlertDialogFooter.displayName = 'AlertDialogFooter';
-const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (jsx(Title2, { ref: ref, className: cn('text-lg font-semibold', className), ...props })));
-AlertDialogTitle.displayName = Title2.displayName;
-const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (jsx(Description2, { ref: ref, className: cn('text-muted-foreground text-sm', className), ...props })));
-AlertDialogDescription.displayName = Description2.displayName;
-const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (jsx(Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
-AlertDialogAction.displayName = Action.displayName;
-const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (jsx(Cancel, { ref: ref, className: cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
-AlertDialogCancel.displayName = Cancel.displayName;
-
 const LOCAL_LLM_ENABLED_KEY = 'ibl_local_llm_enabled';
 const LOCAL_LLM_MODEL_KEY = 'ibl_local_llm_model';
 const LOCAL_LLM_TOOL_SUPPORT_KEY = 'ibl_local_llm_tool_support';
@@ -90619,8 +90725,8 @@ const LOCAL_MODELS = [
     },
     { 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).
+    // Larger models. Sizes use "GB" so they parse for the Cowork size gate
+    // (only models above the configured gate can use Cowork).
     {
         name: 'Qwen 3.6',
         provider: 'Alibaba',
@@ -90644,34 +90750,6 @@ const LOCAL_MODELS = [
         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,
@@ -90693,54 +90771,19 @@ function parseModelSizeBytes(size) {
         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;
-    // Unknown memory (capacity 0) → don't warn; the download simply proceeds
-    // rather than blocking on incomplete data.
-    if (capacity <= 0)
-        return false;
-    return modelBytes > capacity * MODEL_SIZE_WARN_FRACTION;
-}
 /**
- * Default minimum model size (GB) that can use the System Control Manager
+ * Default minimum model size (GB) that can use the Cowork
  * (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).
+ * manager is gated to models above this size.
  */
-const DEFAULT_SYSTEM_CONTROL_REQUIRED_SIZE_GB = 12;
+const DEFAULT_COWORK_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
+ * {@link DEFAULT_COWORK_REQUIRED_SIZE_GB}). Unknown ids or unparseable
  * sizes return false (gated off).
  */
-function modelSupportsSystemControl(modelId, gb = DEFAULT_SYSTEM_CONTROL_REQUIRED_SIZE_GB) {
+function modelSupportsCowork(modelId, gb = DEFAULT_COWORK_REQUIRED_SIZE_GB) {
     if (!modelId)
         return false;
     const model = LOCAL_MODELS.find((m) => m.id === modelId);
@@ -90752,12 +90795,12 @@ function modelSupportsSystemControl(modelId, gb = DEFAULT_SYSTEM_CONTROL_REQUIRE
     return bytes > gb * 1024 ** 3;
 }
 /**
- * The smallest catalog model that can use the System Control Manager (size
+ * The smallest catalog model that can use the Cowork (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));
+function smallestCoworkModel(gb = DEFAULT_COWORK_REQUIRED_SIZE_GB) {
+    const usable = LOCAL_MODELS.filter((m) => modelSupportsCowork(m.id, gb));
     if (usable.length === 0)
         return null;
     return usable.reduce((smallest, m) => {
@@ -90818,41 +90861,21 @@ function setLocalLLMToolSupport(toolSupport) {
         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;
+function LocalLLMTab({ isAvailable, state, ollamaStatus, isUsingFoundry = false, foundryModels = [], selectedFoundryModel = null, foundryStatus, onInstallOllama, onStopManager, onInstallFoundry, onCheckStatus, onSelectFoundryModel, }) {
+    var _a, _b, _c, _d, _e;
     const t = useT();
-    // 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 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.
+    // and starts the manager; turning it off stops it. Only the manager status
+    // card is shown here (whenever the toggle is on or mid-install) — the per-model
+    // list lives in Agent settings → LLM tab, where local models are picked and
+    // downloaded alongside cloud models.
     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;
@@ -90966,62 +90989,6 @@ function LocalLLMTab({ isAvailable, state, ollamaStatus, systemMemory, isUsingFo
             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);
-    };
-    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".
@@ -91035,54 +91002,16 @@ function LocalLLMTab({ isAvailable, state, ollamaStatus, systemMemory, isUsingFo
     const switchDisabled = isUsingFoundry
         ? !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: t('localLlmLocalLlmTab.enableLocalLlm') }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('localLlmLocalLlmTab.moreInfoAriaLabel'), 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: t('localLlmLocalLlmTab.tooltipWorkOffline') }), (foundryStatus === null || foundryStatus === void 0 ? void 0 : foundryStatus.is_supported) && (jsx("p", { className: "text-xs text-gray-300", children: t('localLlmLocalLlmTab.tooltipFoundrySupported') }))] }) })] }) })] }), 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": t('localLlmLocalLlmTab.startingModelManagerAriaLabel') })), jsx(Switch, { checked: switchChecked, onCheckedChange: handleToggle, disabled: switchDisabled, "aria-label": t('localLlmLocalLlmTab.switchAriaLabel', {
-                                            state: switchChecked
-                                                ? t('localLlmLocalLlmTab.switchStateEnabled')
-                                                : t('localLlmLocalLlmTab.switchStateDisabled'),
-                                        }), 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: t('localLlmLocalLlmTab.preferredBadge') })] }) }), 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: t('localLlmLocalLlmTab.settingUpOfflineAi') }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: t('localLlmLocalLlmTab.foundryInstallDescription') })] })] }), 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 || t('localLlmLocalLlmTab.preparingDownload') })] }), 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 || t('localLlmLocalLlmTab.downloadFailed') })] }), 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" }), t('localLlmLocalLlmTab.tryAgain')] }) })] })) : (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: t('localLlmLocalLlmTab.startingDownload') })] }) })), jsxs("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: [jsx("p", { className: "font-medium mb-1", children: t('localLlmLocalLlmTab.downloadSize') }), jsx("p", { children: t('localLlmLocalLlmTab.oneTimeSetup') })] })] }) })) : /* 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: t('localLlmLocalLlmTab.noteLabel') }), ' ', t('localLlmLocalLlmTab.foundryAlternativeNote')] })] }) })), 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: t('localLlmLocalLlmTab.modelManagerName') }), jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: t('localLlmLocalLlmTab.modelManagerDescription') })] })] }), 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" }), t('localLlmLocalLlmTab.running')] }), jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", "aria-label": t('localLlmLocalLlmTab.refreshManagerStatusAriaLabel'), 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" }), t('localLlmLocalLlmTab.starting')] }), jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", "aria-label": t('localLlmLocalLlmTab.refreshManagerStatusAriaLabel'), 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: t('localLlmLocalLlmTab.tableHeaderUse') }), jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: t('localLlmLocalLlmTab.tableHeaderModel') }), jsx("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: t('localLlmLocalLlmTab.tableHeaderStatus') }), jsx("th", { className: "px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider", children: t('localLlmLocalLlmTab.tableHeaderAction') })] }) }), 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": t('localLlmLocalLlmTab.useModelForChatAriaLabel', {
-                                                                        name: model.name,
-                                                                    }), title: isInstalled
-                                                                        ? undefined
-                                                                        : t('localLlmLocalLlmTab.downloadToChatTitle'), 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" }), t('localLlmLocalLlmTab.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" }), t('localLlmLocalLlmTab.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" }), t('localLlmLocalLlmTab.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" }), t('localLlmLocalLlmTab.error')] }), state.error && (jsx("p", { className: "text-xs text-red-600 dark:text-red-400 max-w-[200px]", children: state.error }))] })) : rowCancelled ? (jsxs("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 rounded-full", children: [jsx(X$1, { className: "h-3 w-3" }), t('localLlmLocalLlmTab.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: t('localLlmLocalLlmTab.notDownloaded') })) }) }), jsx("td", { className: "px-6 py-4 text-right", children: jsxs("div", { className: "flex items-center justify-end gap-2", children: [rowDownloading && (jsxs(Button$1, { onClick: onCancelDownload, variant: "outline", size: "sm", children: [jsx(X$1, { className: "h-4 w-4 mr-2" }), t('localLlmLocalLlmTab.cancel')] })), canDownload && (jsxs(Button$1, { onClick: () => handleDownloadModel(model.id), size: "sm", variant: "outline", children: [jsx(Download, { className: "h-4 w-4 mr-2" }), t('localLlmLocalLlmTab.download')] })), rowError && (jsx(Button$1, { onClick: onResetState, variant: "ghost", size: "sm", children: t('localLlmLocalLlmTab.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: [t('localLlmLocalLlmTab.chattingWith'), ' ', 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: t('localLlmLocalLlmTab.noModelSelectedHint') })) })] }))] })) : (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: t('localLlmLocalLlmTab.offlineAiReady') }), 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" }), t('localLlmLocalLlmTab.preferredBadge')] })] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: t('localLlmLocalLlmTab.foundryReadyDescription') })] })] }) }), 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: t('localLlmLocalLlmTab.selectModelLabel') }), 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: t('localLlmLocalLlmTab.selectModelPlaceholder') }) }), 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: t('localLlmLocalLlmTab.notDownloaded') })), 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: t('localLlmLocalLlmTab.downloaded') }))] })] }) }, model.id))) })] }), jsxs("div", { className: "flex flex-col gap-1", children: [jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t('localLlmLocalLlmTab.modelsAvailable', { count: foundryModels.length }) }), 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: [t('localLlmLocalLlmTab.usingModelPrefix'), ' ', ((_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" })] })] }) })] }));
+    return (jsx("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: t('localLlmLocalLlmTab.enableLocalLlm') }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('localLlmLocalLlmTab.moreInfoAriaLabel'), 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: t('localLlmLocalLlmTab.tooltipWorkOffline') }), (foundryStatus === null || foundryStatus === void 0 ? void 0 : foundryStatus.is_supported) && (jsx("p", { className: "text-xs text-gray-300", children: t('localLlmLocalLlmTab.tooltipFoundrySupported') }))] }) })] }) })] }), 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": t('localLlmLocalLlmTab.startingModelManagerAriaLabel') })), jsx(Switch, { checked: switchChecked, onCheckedChange: handleToggle, disabled: switchDisabled, "aria-label": t('localLlmLocalLlmTab.switchAriaLabel', {
+                                        state: switchChecked
+                                            ? t('localLlmLocalLlmTab.switchStateEnabled')
+                                            : t('localLlmLocalLlmTab.switchStateDisabled'),
+                                    }), 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: t('localLlmLocalLlmTab.preferredBadge') })] }) }), 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: t('localLlmLocalLlmTab.settingUpOfflineAi') }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: t('localLlmLocalLlmTab.foundryInstallDescription') })] })] }), 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 || t('localLlmLocalLlmTab.preparingDownload') })] }), 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 || t('localLlmLocalLlmTab.downloadFailed') })] }), 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" }), t('localLlmLocalLlmTab.tryAgain')] }) })] })) : (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: t('localLlmLocalLlmTab.startingDownload') })] }) })), jsxs("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: [jsx("p", { className: "font-medium mb-1", children: t('localLlmLocalLlmTab.downloadSize') }), jsx("p", { children: t('localLlmLocalLlmTab.oneTimeSetup') })] })] }) })) : /* 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: t('localLlmLocalLlmTab.noteLabel') }), ' ', t('localLlmLocalLlmTab.foundryAlternativeNote')] })] }) })), 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: t('localLlmLocalLlmTab.modelManagerName') }), jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: t('localLlmLocalLlmTab.modelManagerDescription') })] })] }), 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" }), t('localLlmLocalLlmTab.running')] }), jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", "aria-label": t('localLlmLocalLlmTab.refreshManagerStatusAriaLabel'), 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" }), t('localLlmLocalLlmTab.starting')] }), jsx(Button$1, { onClick: onCheckStatus, variant: "ghost", size: "sm", "aria-label": t('localLlmLocalLlmTab.refreshManagerStatusAriaLabel'), 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" }) }))] }))] })) : (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: t('localLlmLocalLlmTab.offlineAiReady') }), 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" }), t('localLlmLocalLlmTab.preferredBadge')] })] }), jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: t('localLlmLocalLlmTab.foundryReadyDescription') })] })] }) }), 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: t('localLlmLocalLlmTab.selectModelLabel') }), 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: t('localLlmLocalLlmTab.selectModelPlaceholder') }) }), 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: t('localLlmLocalLlmTab.notDownloaded') })), 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: t('localLlmLocalLlmTab.downloaded') }))] })] }) }, model.id))) })] }), jsxs("div", { className: "flex flex-col gap-1", children: [jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t('localLlmLocalLlmTab.modelsAvailable', { count: foundryModels.length }) }), 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: [t('localLlmLocalLlmTab.usingModelPrefix'), ' ', ((_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))) }))] }))] }) }))] }) }));
 }
 
 function LocalModelsContent(props) {
@@ -91093,195 +91022,6 @@ function LocalModelsContent(props) {
     return (jsxs("div", { className: "rounded-lg px-6 py-5 border border-gray-200 dark:border-gray-700", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "Local Models" }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": "More info about Local Models", className: "hidden sm:block", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium max-w-xs text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: "Manage on-device AI models for offline use." }) })] }) })] }), jsx("button", { type: "button", onClick: () => setIsCollapsed((previous) => !previous), className: "p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1", "aria-label": isCollapsed ? 'Expand Local Models' : 'Collapse Local Models', children: isCollapsed ? (jsx(ChevronDown, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) : (jsx(ChevronUp, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) })] }), !isCollapsed && (jsx("div", { className: "mt-4", children: jsx(LocalLLMTab, { ...props }) }))] }));
 }
 
-const SYSTEM_CONTROL_ENABLED_KEY = 'ibl_system_control_enabled';
-/**
- * Whether the Computer Assistant is enabled, read from localStorage. This is a
- * user preference (mirrors {@link isLocalLLMEnabled}); it reflects the toggle the
- * user last chose, independent of whether the helper is installed yet.
- */
-function isSystemControlEnabled() {
-    if (typeof window === 'undefined')
-        return false;
-    return localStorage.getItem(SYSTEM_CONTROL_ENABLED_KEY) === 'true';
-}
-/**
- * Persist the Computer Assistant enabled preference to localStorage.
- */
-function setSystemControlEnabled(enabled) {
-    if (typeof window === 'undefined')
-        return;
-    localStorage.setItem(SYSTEM_CONTROL_ENABLED_KEY, String(enabled));
-}
-/** Green "done" pill. */
-function DonePill({ children }) {
-    return (jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-800 dark:bg-green-900/30 dark:text-green-300", children: [jsx(Check, { className: "h-3 w-3" }), children] }));
-}
-/** Blue "in progress" pill. */
-function WorkingPill({ children }) {
-    return (jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-800 dark:bg-blue-900/30 dark:text-blue-300", children: [jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }), children] }));
-}
-/** A single numbered step row. */
-function Step$2({ number, done, title, description, action, }) {
-    return (jsxs("div", { className: "flex items-start justify-between gap-3", children: [jsxs("div", { className: "flex items-start gap-3", children: [jsx("span", { className: `flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full text-xs font-semibold ${done
-                            ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300'
-                            : 'bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-400'}`, "aria-hidden": "true", children: done ? jsx(Check, { className: "h-3.5 w-3.5" }) : number }), jsxs("div", { children: [jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: title }), jsx("div", { className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400", children: description })] })] }), jsx("div", { className: "flex-shrink-0", children: action })] }));
-}
-/**
- * Body of the "Computer Assistant" card: a plain-language on/off with two simple
- * steps — set up, then allow control — so non-technical users can follow along.
- * Mirrors the Local Models tab so the two cards behave the same.
- */
-function SystemControlTab({ isAvailable, state, status, requiredSizeGb = DEFAULT_SYSTEM_CONTROL_REQUIRED_SIZE_GB, ollamaStatus, systemMemory, accessibilityPermission, onInstall, onStop, onCheckStatus, onResetState, onRequestAccessibilityPermission, onDownloadModel, }) {
-    const isInstalling = state.status === 'installing' || (status === null || status === void 0 ? void 0 : status.installing) === true;
-    // User preference — independent of whether the helper is installed. Always
-    // operable so the user can turn it off again.
-    const [isEnabled, setIsEnabled] = useState(() => isSystemControlEnabled());
-    // The currently-selected local model (persisted by the Local Models card).
-    // Polled so a selection change in the sibling card is reflected here without a
-    // remount. The assistant only works well with larger models, so it's gated to
-    // a selected model above the size threshold.
-    const [selectedModel, setSelectedModel] = useState(() => getLocalLLMModel());
-    // Whether "Local Models" is turned on. The assistant runs on a local model, so
-    // it's gated off until Local Models is enabled. Polled alongside the model so a
-    // toggle in the sibling card is reflected without a remount.
-    const [localModelsEnabled, setLocalModelsEnabled] = useState(() => isLocalLLMEnabled());
-    useEffect(() => {
-        const id = setInterval(() => {
-            setSelectedModel(getLocalLLMModel());
-            setLocalModelsEnabled(isLocalLLMEnabled());
-        }, 1500);
-        return () => clearInterval(id);
-    }, []);
-    const localModelsOff = !localModelsEnabled;
-    const modelTooSmall = !modelSupportsSystemControl(selectedModel, requiredSizeGb);
-    // "Upgrade" target: the smallest catalog model that clears the size gate.
-    const upgradeTarget = smallestSystemControlModel(requiredSizeGb);
-    // Set while an upgrade is downloading a model, before we auto-enable.
-    const [pendingEnableModelId, setPendingEnableModelId] = useState(null);
-    // Model awaiting a RAM/VRAM "may be too large" confirmation before download.
-    const [pendingCapacityModel, setPendingCapacityModel] = useState(null);
-    const isUpgrading = pendingEnableModelId !== null;
-    const managerRunning = (status === null || status === void 0 ? void 0 : status.running) === true;
-    // Steps are shown whenever the toggle is on (or mid-setup), so the user always
-    // gets feedback for their choice.
-    const managerEnabled = isEnabled || isInstalling;
-    // Permission is known (macOS + plugin wired) and granted.
-    const permissionKnown = typeof accessibilityPermission === 'boolean';
-    const permissionGranted = accessibilityPermission === true;
-    const allSet = managerRunning && (!permissionKnown || permissionGranted);
-    // Keep the app-facing preference flag in sync with the toggle.
-    useEffect(() => {
-        setSystemControlEnabled(isEnabled);
-    }, [isEnabled]);
-    // While enabled but not yet running, keep polling so the step flips to "Ready"
-    // as soon as the host reports the helper is up.
-    useEffect(() => {
-        if (!isEnabled || managerRunning)
-            return;
-        const id = setInterval(() => onCheckStatus(), 2500);
-        return () => clearInterval(id);
-    }, [isEnabled, managerRunning, onCheckStatus]);
-    // While permission isn't granted yet, keep re-checking (the grant happens in
-    // System Settings) so the step flips to "Allowed" on its own.
-    useEffect(() => {
-        if (accessibilityPermission !== false)
-            return;
-        const id = setInterval(() => onCheckStatus(), 2500);
-        return () => clearInterval(id);
-    }, [accessibilityPermission, onCheckStatus]);
-    // After an upgrade kicks off a download, turn the assistant on once the model
-    // finishes downloading (it shows up in the installed list).
-    useEffect(() => {
-        if (!pendingEnableModelId)
-            return;
-        if (isModelInstalled(pendingEnableModelId, ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed_models)) {
-            setPendingEnableModelId(null);
-            setIsEnabled(true);
-            onInstall();
-        }
-    }, [pendingEnableModelId, ollamaStatus, onInstall]);
-    if (!isAvailable) {
-        return (jsx("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "The Computer Assistant is only available in the desktop app." }));
-    }
-    const handleToggle = (checked) => {
-        // Guard: needs Local Models on and a large-enough model.
-        if (checked && (localModelsOff || modelTooSmall))
-            return;
-        setIsEnabled(checked);
-        if (checked) {
-            if (!isInstalling)
-                onInstall();
-        }
-        else {
-            onStop === null || onStop === void 0 ? void 0 : onStop();
-        }
-    };
-    // Upgrade = switch to the smallest usable model: select it, then (if it isn't
-    // already downloaded) download it and auto-enable the assistant once it's
-    // ready. The RAM/VRAM check is preserved via the confirm below.
-    const runUpgrade = (model) => {
-        setLocalLLMModel(model.id);
-        setLocalLLMToolSupport(model.tool_support);
-        setLocalLLMEnabled(true);
-        setSelectedModel(model.id); // recompute the size gate immediately
-        if (isModelInstalled(model.id, ollamaStatus === null || ollamaStatus === void 0 ? void 0 : ollamaStatus.installed_models)) {
-            // Already downloaded → enable now.
-            setIsEnabled(true);
-            if (!isInstalling)
-                onInstall();
-        }
-        else {
-            // Not downloaded → download, then auto-enable when it lands (effect above).
-            setPendingEnableModelId(model.id);
-            onDownloadModel === null || onDownloadModel === void 0 ? void 0 : onDownloadModel(model.id);
-        }
-    };
-    const handleUpgrade = () => {
-        if (!upgradeTarget)
-            return;
-        // Keep the RAM/VRAM check: confirm before pulling a model that may not fit.
-        if (modelExceedsCapacity(upgradeTarget, systemMemory)) {
-            setPendingCapacityModel(upgradeTarget);
-            return;
-        }
-        runUpgrade(upgradeTarget);
-    };
-    const switchChecked = isEnabled;
-    const switchDisabled = isInstalling ||
-        state.status === 'checking' ||
-        ((localModelsOff || modelTooSmall) && !isEnabled);
-    return (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-4 rounded-lg border px-6 py-4", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { children: [jsx("div", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: "Let your assistant control this computer" }), jsx("div", { className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400", children: "It can click, type, and open apps to do tasks for you. You stay in control and can turn this off anytime." })] }), jsxs("div", { className: "flex flex-shrink-0 items-center gap-2", children: [isInstalling && (jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500", "aria-label": "Setting up" })), jsx(Switch, { checked: switchChecked, onCheckedChange: handleToggle, disabled: switchDisabled, "aria-label": "Let your assistant control this computer", className: "cursor-pointer data-[state=checked]:bg-blue-500" })] })] }), localModelsOff && (jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 dark:border-amber-900/40 dark:bg-amber-900/10", children: [jsx(Info$3, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-amber-600", "aria-hidden": "true" }), jsx("p", { className: "text-xs text-amber-800 dark:text-amber-300", children: "Turn on \u201CLocal Models\u201D above first \u2014 the Computer Assistant uses a local AI model to do its work." })] })), !localModelsOff && modelTooSmall && (jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 dark:border-amber-900/40 dark:bg-amber-900/10", children: [jsx(Info$3, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-amber-600", "aria-hidden": "true" }), jsxs("div", { className: "flex-1", children: [jsxs("p", { className: "text-xs text-amber-800 dark:text-amber-300", children: ["Your current AI model is too small for this.", ' ', upgradeTarget && onDownloadModel
-                                        ? `Upgrade to ${upgradeTarget.name} (${upgradeTarget.size}) to use it.`
-                                        : 'Pick a larger one under “Local Models” above, then come back.'] }), upgradeTarget && onDownloadModel && (jsx(Button$1, { onClick: handleUpgrade, size: "sm", className: "mt-2", disabled: isUpgrading, "aria-label": `Upgrade to ${upgradeTarget.name}`, children: isUpgrading ? (jsxs(Fragment$1, { children: [jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), "Upgrading\u2026"] })) : (jsxs(Fragment$1, { children: [jsx(CircleArrowUp, { className: "mr-2 h-4 w-4" }), "Upgrade to ", upgradeTarget.name] })) }))] })] })), isUpgrading && !modelTooSmall && (jsxs("div", { className: "flex items-start gap-2 rounded-lg border px-4 py-3", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsx(LoaderCircle, { className: "mt-0.5 h-4 w-4 flex-shrink-0 animate-spin text-blue-500", "aria-hidden": "true" }), jsx("p", { className: "text-xs text-gray-600 dark:text-gray-300", children: "Downloading your new model\u2026 it\u2019ll turn on automatically when it\u2019s ready. You can watch progress under \u201CLocal Models\u201D above." })] })), managerEnabled && (jsxs("div", { className: "space-y-4 rounded-lg border px-6 py-5", style: { borderColor: 'oklch(.922 0 0)' }, children: [allSet ? (jsxs("div", { className: "flex items-start gap-2", children: [jsx(Check, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-green-600", "aria-hidden": "true" }), jsx("p", { className: "text-sm text-gray-700 dark:text-gray-300", children: "You\u2019re all set \u2014 your assistant can now help out on this computer." })] })) : (jsx("div", { className: "text-xs font-medium uppercase tracking-wide text-gray-400", children: "A couple of quick steps" })), jsx(Step$2, { number: 1, done: managerRunning, title: "Set up your assistant", description: "A quick, one-time setup so it can work on this computer.", action: managerRunning ? (jsx(DonePill, { children: "Ready" })) : (jsx(WorkingPill, { children: isInstalling ? 'Setting up…' : 'Starting…' })) }), (state.status === 'installing' || state.status === 'checking') && state.progress > 0 && (jsx(Progress, { value: state.progress, className: "h-1.5" })), permissionKnown && (jsx(Step$2, { number: 2, done: permissionGranted, title: "Allow it to control the computer", description: "Your Mac will ask you to confirm. This lets your assistant move the mouse and type for you.", action: permissionGranted ? (jsx(DonePill, { children: "Allowed" })) : onRequestAccessibilityPermission ? (jsx(Button$1, { onClick: onRequestAccessibilityPermission, size: "sm", "aria-label": "Allow your assistant to control the computer", children: "Allow" })) : (jsx("span", { className: "inline-flex items-center rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-800 dark:bg-amber-900/30 dark:text-amber-300", children: "Needed" })) }))] })), state.status === 'error' && (jsxs("div", { className: "rounded-lg border border-red-200 bg-red-50 px-4 py-3 dark:border-red-900/40 dark:bg-red-900/10", children: [jsxs("div", { className: "flex items-center gap-2 text-sm text-red-700 dark:text-red-300", children: [jsx(CircleX, { className: "h-4 w-4 flex-shrink-0" }), jsx("span", { children: "Something went wrong while setting up. Please try again." })] }), jsxs(Button$1, { onClick: () => {
-                            onResetState();
-                            onInstall();
-                        }, size: "sm", variant: "outline", className: "mt-3", children: [jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), "Try again"] })] })), jsx(AlertDialog, { open: pendingCapacityModel !== null, onOpenChange: (open) => {
-                    if (!open)
-                        setPendingCapacityModel(null);
-                }, children: jsxs(AlertDialogContent, { children: [jsxs(AlertDialogHeader, { children: [jsx(AlertDialogTitle, { children: "This model may be large for your computer" }), jsxs(AlertDialogDescription, { children: [pendingCapacityModel === null || pendingCapacityModel === void 0 ? void 0 : pendingCapacityModel.name, " (", pendingCapacityModel === null || pendingCapacityModel === void 0 ? void 0 : pendingCapacityModel.size, ") may be more than your computer\u2019s memory can handle, so it could run slowly or fail to load. Download and use it anyway?"] })] }), jsxs(AlertDialogFooter, { children: [jsx(AlertDialogCancel, { children: "Cancel" }), jsx(AlertDialogAction, { onClick: () => {
-                                        const model = pendingCapacityModel;
-                                        setPendingCapacityModel(null);
-                                        if (model)
-                                            runUpgrade(model);
-                                    }, children: "Download anyway" })] })] }) })] }));
-}
-
-/**
- * Collapsible "System Control" card for the UserProfile → Advanced section.
- * Mirrors {@link LocalModelsContent}: a purely presentational, titled,
- * collapsible container whose body is the {@link SystemControlTab}. Availability
- * and handlers are threaded in (see UserProfileDropdown, which falls back to
- * {@link useGhostOs} when the host doesn't supply them). Renders nothing outside
- * the desktop app.
- */
-function SystemControlContent(props) {
-    const [isCollapsed, setIsCollapsed] = useState(true);
-    if (!props.isAvailable) {
-        return null;
-    }
-    return (jsxs("div", { className: "rounded-lg px-6 py-5 border border-gray-200 dark:border-gray-700", style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { className: "flex items-center gap-3", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: "Computer Assistant" }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": "More info about the Computer Assistant", className: "hidden sm:block", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium max-w-xs text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: "Let your assistant do things on your computer \u2014 click, type, and open apps. You stay in control and can turn it off anytime." }) })] }) })] }), jsx("button", { type: "button", onClick: () => setIsCollapsed((previous) => !previous), className: "p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-1", "aria-label": isCollapsed ? 'Expand Computer Assistant' : 'Collapse Computer Assistant', children: isCollapsed ? (jsx(ChevronDown, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) : (jsx(ChevronUp, { className: "h-5 w-5 text-gray-400", "aria-hidden": "true" })) })] }), !isCollapsed && (jsx("div", { className: "mt-4", children: jsx(SystemControlTab, { ...props }) }))] }));
-}
-
 // src/primitive.tsx
 var NODES = [
   "a",
@@ -141863,6 +141603,26 @@ function ChatPrivacyTab({ org, username }) {
                 }) })] }));
 }
 
+const COWORK_ENABLED_KEY = 'ibl_cowork_enabled';
+/**
+ * Whether Cowork is enabled, read from localStorage. This is a user preference
+ * (mirrors isLocalLLMEnabled); it reflects the toggle the user last chose,
+ * independent of whether the assistant is installed yet.
+ */
+function isCoworkEnabled() {
+    if (typeof window === 'undefined')
+        return false;
+    return localStorage.getItem(COWORK_ENABLED_KEY) === 'true';
+}
+/**
+ * Persist the Cowork enabled preference to localStorage.
+ */
+function setCoworkEnabled(enabled) {
+    if (typeof window === 'undefined')
+        return;
+    localStorage.setItem(COWORK_ENABLED_KEY, String(enabled));
+}
+
 const renderLucideIcon = (Icon) => function RenderedIcon(props) {
     return jsx(Icon, { ...props });
 };
@@ -141889,7 +141649,7 @@ const TAB_DESC_PREVIEW_KEYS = {
     memory: 'descMemoryPreview',
     privacy: 'descPrivacyPreview',
 };
-function Profile({ tenant, username, tenants, onClose, customization = {}, isAdmin = false, targetTab = 'basic', onAccountDeleted, enableMemoryTab = false, localLLMProps, systemControlProps, currentSPA = '', }) {
+function Profile({ tenant, username, tenants, onClose, customization = {}, isAdmin = false, targetTab = 'basic', onAccountDeleted, enableMemoryTab = false, localLLMProps, currentSPA = '', }) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const t = useT();
     const { data: memsearchStatus, isError: isMemsearchStatusError } = useGetMemsearchStatusQuery({ org: tenant, userId: username }, { skip: !enableMemoryTab });
@@ -141966,9 +141726,8 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
             ]
             : []),
     ];
-    // 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;
+    // Add Advanced tab only when in Tauri app (Local Models is provided and available)
+    const isAdvancedAvailable = (localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.isAvailable) === true;
     const TABS = isAdvancedAvailable
         ? [
             ...baseTabs,
@@ -142134,7 +141893,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: t('profileIndex.placeholderX'), value: field.state.value, onChange: (e) => handleSocialLinkChange(e.target.value, field.handleChange, X_URL_PREFIX), disabled: socialForm.state.isSubmitting || isReadOnly })] }), 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' && (jsxs(Tabs, { value: educationSubTab, onValueChange: setEducationSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "education", children: t('profileIndex.tabEducation') }), jsx(TabsTrigger, { value: "credentials", children: t('gradebookGradebookTab.typeCredentials') }), jsx(TabsTrigger, { value: "skills", children: t('gradebookGradebookTab.typeSkills') })] }), headerAddButton] }), jsx(TabsContent, { value: "education", children: jsx(EducationTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "credentials", children: jsx(CredentialsList, { org: tenant, username: username }) }), jsx(TabsContent, { value: "skills", children: jsx(SkillsList, { org: tenant, username: username }) })] })), activeTab === 'gradebook' && jsx(GradebookTab, { org: tenant, username: username }), activeTab === 'experience' && (jsxs(Tabs, { value: experienceSubTab, onValueChange: setExperienceSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "experience", children: t('profileIndex.tabExperience') }), jsx(TabsTrigger, { value: "resume", children: t('profileIndex.tabResume') })] }), headerAddButton] }), jsx(TabsContent, { value: "experience", children: jsx(ExperienceTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "resume", children: 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 }), !isReadOnly && activeTab === 'security' && (jsx(Security, { app: currentSPA || '', email: (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '', platformKey: tenant, 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 }))] }))] }), !isReadOnly && ['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: t('profileIndex.buttonCancel') }), jsx(Button$1, { onClick: () => {
+                                                })] })] }) })), activeTab === 'education' && (jsxs(Tabs, { value: educationSubTab, onValueChange: setEducationSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "education", children: t('profileIndex.tabEducation') }), jsx(TabsTrigger, { value: "credentials", children: t('gradebookGradebookTab.typeCredentials') }), jsx(TabsTrigger, { value: "skills", children: t('gradebookGradebookTab.typeSkills') })] }), headerAddButton] }), jsx(TabsContent, { value: "education", children: jsx(EducationTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "credentials", children: jsx(CredentialsList, { org: tenant, username: username }) }), jsx(TabsContent, { value: "skills", children: jsx(SkillsList, { org: tenant, username: username }) })] })), activeTab === 'gradebook' && jsx(GradebookTab, { org: tenant, username: username }), activeTab === 'experience' && (jsxs(Tabs, { value: experienceSubTab, onValueChange: setExperienceSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "experience", children: t('profileIndex.tabExperience') }), jsx(TabsTrigger, { value: "resume", children: t('profileIndex.tabResume') })] }), headerAddButton] }), jsx(TabsContent, { value: "experience", children: jsx(ExperienceTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "resume", children: 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 }), !isReadOnly && activeTab === 'security' && (jsx(Security, { app: currentSPA || '', email: (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '', platformKey: tenant, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && localLLMProps && (jsx("div", { className: "space-y-6", children: 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 }) }))] }), !isReadOnly && ['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: t('profileIndex.buttonCancel') }), jsx(Button$1, { onClick: () => {
                                         if (activeTab === 'basic') {
                                             basicForm.handleSubmit();
                                         }
@@ -143613,11 +143372,11 @@ var PopoverAnchor$1 = React.forwardRef(
   }
 );
 PopoverAnchor$1.displayName = ANCHOR_NAME$1;
-var TRIGGER_NAME$2 = "PopoverTrigger";
+var TRIGGER_NAME$3 = "PopoverTrigger";
 var PopoverTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...triggerProps } = props;
-    const context = usePopoverContext(TRIGGER_NAME$2, __scopePopover);
+    const context = usePopoverContext(TRIGGER_NAME$3, __scopePopover);
     const popperScope = usePopperScope$1(__scopePopover);
     const composedTriggerRef = useComposedRefs$1(forwardedRef, context.triggerRef);
     const trigger = /* @__PURE__ */ jsx(
@@ -143636,31 +143395,31 @@ var PopoverTrigger$1 = React.forwardRef(
     return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(Anchor$1, { asChild: true, ...popperScope, children: trigger });
   }
 );
-PopoverTrigger$1.displayName = TRIGGER_NAME$2;
-var PORTAL_NAME$2 = "PopoverPortal";
-var [PortalProvider$1, usePortalContext$1] = createPopoverContext(PORTAL_NAME$2, {
+PopoverTrigger$1.displayName = TRIGGER_NAME$3;
+var PORTAL_NAME$3 = "PopoverPortal";
+var [PortalProvider$1, usePortalContext$1] = createPopoverContext(PORTAL_NAME$3, {
   forceMount: void 0
 });
 var PopoverPortal = (props) => {
   const { __scopePopover, forceMount, children, container } = props;
-  const context = usePopoverContext(PORTAL_NAME$2, __scopePopover);
+  const context = usePopoverContext(PORTAL_NAME$3, __scopePopover);
   return /* @__PURE__ */ jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container, children }) }) });
 };
-PopoverPortal.displayName = PORTAL_NAME$2;
-var CONTENT_NAME$3 = "PopoverContent";
+PopoverPortal.displayName = PORTAL_NAME$3;
+var CONTENT_NAME$4 = "PopoverContent";
 var PopoverContent$1 = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext$1(CONTENT_NAME$3, props.__scopePopover);
+    const portalContext = usePortalContext$1(CONTENT_NAME$4, props.__scopePopover);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
-    const context = usePopoverContext(CONTENT_NAME$3, props.__scopePopover);
+    const context = usePopoverContext(CONTENT_NAME$4, props.__scopePopover);
     return /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
   }
 );
-PopoverContent$1.displayName = CONTENT_NAME$3;
+PopoverContent$1.displayName = CONTENT_NAME$4;
 var Slot$1 = createSlot$1("PopoverContent.RemoveScroll");
 var PopoverContentModal = React.forwardRef(
   (props, forwardedRef) => {
-    const context = usePopoverContext(CONTENT_NAME$3, props.__scopePopover);
+    const context = usePopoverContext(CONTENT_NAME$4, props.__scopePopover);
     const contentRef = React.useRef(null);
     const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
     const isRightClickOutsideRef = React.useRef(false);
@@ -143700,7 +143459,7 @@ var PopoverContentModal = React.forwardRef(
 );
 var PopoverContentNonModal = React.forwardRef(
   (props, forwardedRef) => {
-    const context = usePopoverContext(CONTENT_NAME$3, props.__scopePopover);
+    const context = usePopoverContext(CONTENT_NAME$4, props.__scopePopover);
     const hasInteractedOutsideRef = React.useRef(false);
     const hasPointerDownOutsideRef = React.useRef(false);
     return /* @__PURE__ */ jsx(
@@ -143752,7 +143511,7 @@ var PopoverContentImpl = React.forwardRef(
       onInteractOutside,
       ...contentProps
     } = props;
-    const context = usePopoverContext(CONTENT_NAME$3, __scopePopover);
+    const context = usePopoverContext(CONTENT_NAME$4, __scopePopover);
     const popperScope = usePopperScope$1(__scopePopover);
     useFocusGuards();
     return /* @__PURE__ */ jsx(
@@ -143830,26 +143589,26 @@ PopoverArrow.displayName = ARROW_NAME$2;
 function getState$2(open) {
   return open ? "open" : "closed";
 }
-var Root2$2 = Popover$1;
+var Root2$3 = Popover$1;
 var Anchor2$1 = PopoverAnchor$1;
 var Trigger$1 = PopoverTrigger$1;
 var Portal$1 = PopoverPortal;
-var Content2$2 = PopoverContent$1;
+var Content2$3 = PopoverContent$1;
 
-const Popover = Root2$2;
+const Popover = Root2$3;
 const PopoverTrigger = Trigger$1;
 const PopoverAnchor = Anchor2$1;
 const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, portalled = true, container, ...props }, ref) => {
     var _a;
     const portalContainer = useFloatingPortalContainer();
     const resolvedContainer = (_a = container !== null && container !== void 0 ? container : portalContainer) !== null && _a !== void 0 ? _a : undefined;
-    const content = (jsx(Content2$2, { ref: ref, "data-iblai-dialog-interaction-layer": true, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }));
+    const content = (jsx(Content2$3, { ref: ref, "data-iblai-dialog-interaction-layer": true, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }));
     if (!portalled) {
         return content;
     }
     return jsx(Portal$1, { container: resolvedContainer, children: content });
 });
-PopoverContent.displayName = Content2$2.displayName;
+PopoverContent.displayName = Content2$3.displayName;
 
 function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false, }) {
     const t = useT();
@@ -145731,11 +145490,11 @@ var Collapsible$1 = React.forwardRef(
   }
 );
 Collapsible$1.displayName = COLLAPSIBLE_NAME;
-var TRIGGER_NAME$1 = "CollapsibleTrigger";
+var TRIGGER_NAME$2 = "CollapsibleTrigger";
 var CollapsibleTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeCollapsible, ...triggerProps } = props;
-    const context = useCollapsibleContext(TRIGGER_NAME$1, __scopeCollapsible);
+    const context = useCollapsibleContext(TRIGGER_NAME$2, __scopeCollapsible);
     return /* @__PURE__ */ jsx(
       Primitive$3.button,
       {
@@ -145752,19 +145511,19 @@ var CollapsibleTrigger$1 = React.forwardRef(
     );
   }
 );
-CollapsibleTrigger$1.displayName = TRIGGER_NAME$1;
-var CONTENT_NAME$2 = "CollapsibleContent";
+CollapsibleTrigger$1.displayName = TRIGGER_NAME$2;
+var CONTENT_NAME$3 = "CollapsibleContent";
 var CollapsibleContent$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { forceMount, ...contentProps } = props;
-    const context = useCollapsibleContext(CONTENT_NAME$2, props.__scopeCollapsible);
+    const context = useCollapsibleContext(CONTENT_NAME$3, props.__scopeCollapsible);
     return /* @__PURE__ */ jsx(Presence$3, { present: forceMount || context.open, children: ({ present }) => /* @__PURE__ */ jsx(CollapsibleContentImpl, { ...contentProps, ref: forwardedRef, present }) });
   }
 );
-CollapsibleContent$1.displayName = CONTENT_NAME$2;
+CollapsibleContent$1.displayName = CONTENT_NAME$3;
 var CollapsibleContentImpl = React.forwardRef((props, forwardedRef) => {
   const { __scopeCollapsible, present, children, ...contentProps } = props;
-  const context = useCollapsibleContext(CONTENT_NAME$2, __scopeCollapsible);
+  const context = useCollapsibleContext(CONTENT_NAME$3, __scopeCollapsible);
   const [isPresent, setIsPresent] = React.useState(present);
   const ref = React.useRef(null);
   const composedRefs = useComposedRefs$1(forwardedRef, ref);
@@ -169048,7 +168807,7 @@ var joinTextblockForward = () => ({ state, dispatch }) => {
 };
 
 // src/utilities/isMacOS.ts
-function isMacOS() {
+function isMacOS$1() {
   return typeof navigator !== "undefined" ? /Mac/.test(navigator.platform) : false;
 }
 
@@ -169074,7 +168833,7 @@ function normalizeKeyName(name) {
     } else if (/^s(hift)?$/i.test(mod)) {
       shift = true;
     } else if (/^mod$/i.test(mod)) {
-      if (isiOS() || isMacOS()) {
+      if (isiOS() || isMacOS$1()) {
         meta = true;
       } else {
         ctrl = true;
@@ -172051,7 +171810,7 @@ var Keymap = Extension.create({
       "Ctrl-a": () => this.editor.commands.selectTextblockStart(),
       "Ctrl-e": () => this.editor.commands.selectTextblockEnd()
     };
-    if (isiOS() || isMacOS()) {
+    if (isiOS() || isMacOS$1()) {
       return macKeymap;
     }
     return pcKeymap;
@@ -182089,30 +181848,30 @@ var MenuAnchor = React.forwardRef(
   }
 );
 MenuAnchor.displayName = ANCHOR_NAME;
-var PORTAL_NAME$1 = "MenuPortal";
-var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME$1, {
+var PORTAL_NAME$2 = "MenuPortal";
+var [PortalProvider, usePortalContext] = createMenuContext(PORTAL_NAME$2, {
   forceMount: void 0
 });
 var MenuPortal = (props) => {
   const { __scopeMenu, forceMount, children, container } = props;
-  const context = useMenuContext(PORTAL_NAME$1, __scopeMenu);
+  const context = useMenuContext(PORTAL_NAME$2, __scopeMenu);
   return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$6, { asChild: true, container, children }) }) });
 };
-MenuPortal.displayName = PORTAL_NAME$1;
-var CONTENT_NAME$1 = "MenuContent";
-var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$1);
+MenuPortal.displayName = PORTAL_NAME$2;
+var CONTENT_NAME$2 = "MenuContent";
+var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$2);
 var MenuContent = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext(CONTENT_NAME$1, props.__scopeMenu);
+    const portalContext = usePortalContext(CONTENT_NAME$2, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...contentProps } = props;
-    const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
-    const rootContext = useMenuRootContext(CONTENT_NAME$1, props.__scopeMenu);
+    const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
+    const rootContext = useMenuRootContext(CONTENT_NAME$2, props.__scopeMenu);
     return /* @__PURE__ */ jsx(Collection$1.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsx(Presence$2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Collection$1.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
   }
 );
 var MenuRootContentModal = React.forwardRef(
   (props, forwardedRef) => {
-    const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
+    const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
     const ref = React.useRef(null);
     const composedRefs = useComposedRefs$1(forwardedRef, ref);
     React.useEffect(() => {
@@ -182138,7 +181897,7 @@ var MenuRootContentModal = React.forwardRef(
   }
 );
 var MenuRootContentNonModal = React.forwardRef((props, forwardedRef) => {
-  const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
+  const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
   return /* @__PURE__ */ jsx(
     MenuContentImpl,
     {
@@ -182170,8 +181929,8 @@ var MenuContentImpl = React.forwardRef(
       disableOutsideScroll,
       ...contentProps
     } = props;
-    const context = useMenuContext(CONTENT_NAME$1, __scopeMenu);
-    const rootContext = useMenuRootContext(CONTENT_NAME$1, __scopeMenu);
+    const context = useMenuContext(CONTENT_NAME$2, __scopeMenu);
+    const rootContext = useMenuRootContext(CONTENT_NAME$2, __scopeMenu);
     const popperScope = usePopperScope(__scopeMenu);
     const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeMenu);
     const getItems = useCollection$1(__scopeMenu);
@@ -182334,7 +182093,7 @@ var MenuContentImpl = React.forwardRef(
     );
   }
 );
-MenuContent.displayName = CONTENT_NAME$1;
+MenuContent.displayName = CONTENT_NAME$2;
 var GROUP_NAME$2 = "MenuGroup";
 var MenuGroup = React.forwardRef(
   (props, forwardedRef) => {
@@ -182708,10 +182467,10 @@ MenuSubTrigger.displayName = SUB_TRIGGER_NAME$1;
 var SUB_CONTENT_NAME$1 = "MenuSubContent";
 var MenuSubContent = React.forwardRef(
   (props, forwardedRef) => {
-    const portalContext = usePortalContext(CONTENT_NAME$1, props.__scopeMenu);
+    const portalContext = usePortalContext(CONTENT_NAME$2, props.__scopeMenu);
     const { forceMount = portalContext.forceMount, ...subContentProps } = props;
-    const context = useMenuContext(CONTENT_NAME$1, props.__scopeMenu);
-    const rootContext = useMenuRootContext(CONTENT_NAME$1, props.__scopeMenu);
+    const context = useMenuContext(CONTENT_NAME$2, props.__scopeMenu);
+    const rootContext = useMenuRootContext(CONTENT_NAME$2, props.__scopeMenu);
     const subContext = useMenuSubContext(SUB_CONTENT_NAME$1, props.__scopeMenu);
     const ref = React.useRef(null);
     const composedRefs = useComposedRefs$1(forwardedRef, ref);
@@ -182809,7 +182568,7 @@ function whenMouse(handler) {
 var Root3 = Menu;
 var Anchor2 = MenuAnchor;
 var Portal = MenuPortal;
-var Content2$1 = MenuContent;
+var Content2$2 = MenuContent;
 var Group = MenuGroup;
 var Label = MenuLabel;
 var Item2$2 = MenuItem;
@@ -182863,11 +182622,11 @@ var DropdownMenu$1 = (props) => {
   );
 };
 DropdownMenu$1.displayName = DROPDOWN_MENU_NAME;
-var TRIGGER_NAME = "DropdownMenuTrigger";
+var TRIGGER_NAME$1 = "DropdownMenuTrigger";
 var DropdownMenuTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
-    const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu);
+    const context = useDropdownMenuContext(TRIGGER_NAME$1, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     return /* @__PURE__ */ jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx(
       Primitive$4.button,
@@ -182898,23 +182657,23 @@ var DropdownMenuTrigger$1 = React.forwardRef(
     ) });
   }
 );
-DropdownMenuTrigger$1.displayName = TRIGGER_NAME;
-var PORTAL_NAME = "DropdownMenuPortal";
+DropdownMenuTrigger$1.displayName = TRIGGER_NAME$1;
+var PORTAL_NAME$1 = "DropdownMenuPortal";
 var DropdownMenuPortal$1 = (props) => {
   const { __scopeDropdownMenu, ...portalProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsx(Portal, { ...menuScope, ...portalProps });
 };
-DropdownMenuPortal$1.displayName = PORTAL_NAME;
-var CONTENT_NAME = "DropdownMenuContent";
+DropdownMenuPortal$1.displayName = PORTAL_NAME$1;
+var CONTENT_NAME$1 = "DropdownMenuContent";
 var DropdownMenuContent$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...contentProps } = props;
-    const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu);
+    const context = useDropdownMenuContext(CONTENT_NAME$1, __scopeDropdownMenu);
     const menuScope = useMenuScope(__scopeDropdownMenu);
     const hasInteractedOutsideRef = React.useRef(false);
     return /* @__PURE__ */ jsx(
-      Content2$1,
+      Content2$2,
       {
         id: context.contentId,
         "aria-labelledby": context.triggerId,
@@ -182947,7 +182706,7 @@ var DropdownMenuContent$1 = React.forwardRef(
     );
   }
 );
-DropdownMenuContent$1.displayName = CONTENT_NAME;
+DropdownMenuContent$1.displayName = CONTENT_NAME$1;
 var GROUP_NAME$1 = "DropdownMenuGroup";
 var DropdownMenuGroup$1 = React.forwardRef(
   (props, forwardedRef) => {
@@ -183061,10 +182820,10 @@ var DropdownMenuSubContent$1 = React.forwardRef((props, forwardedRef) => {
   );
 });
 DropdownMenuSubContent$1.displayName = SUB_CONTENT_NAME;
-var Root2$1 = DropdownMenu$1;
+var Root2$2 = DropdownMenu$1;
 var Trigger = DropdownMenuTrigger$1;
-var Portal2 = DropdownMenuPortal$1;
-var Content2 = DropdownMenuContent$1;
+var Portal2$1 = DropdownMenuPortal$1;
+var Content2$1 = DropdownMenuContent$1;
 var Group2 = DropdownMenuGroup$1;
 var Label2 = DropdownMenuLabel$1;
 var Item2$1 = DropdownMenuItem$1;
@@ -183078,17 +182837,17 @@ var SubTrigger2 = DropdownMenuSubTrigger$1;
 var SubContent2 = DropdownMenuSubContent$1;
 
 function DropdownMenu({ ...props }) {
-    return jsx(Root2$1, { "data-slot": "dropdown-menu", ...props });
+    return jsx(Root2$2, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({ ...props }) {
-    return jsx(Portal2, { "data-slot": "dropdown-menu-portal", ...props });
+    return jsx(Portal2$1, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({ ...props }) {
     return jsx(Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
     const portalContainer = useFloatingPortalContainer();
-    return (jsx(Portal2, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsx(Content2, { "data-slot": "dropdown-menu-content", "data-iblai-dialog-interaction-layer": true, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', className), ...props }) }));
+    return (jsx(Portal2$1, { container: portalContainer !== null && portalContainer !== void 0 ? portalContainer : undefined, children: jsx(Content2$1, { "data-slot": "dropdown-menu-content", "data-iblai-dialog-interaction-layer": true, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', className), ...props }) }));
 }
 function DropdownMenuGroup({ ...props }) {
     return jsx(Group2, { "data-slot": "dropdown-menu-group", ...props });
@@ -183930,12 +183689,12 @@ var RadioGroupIndicator = React.forwardRef(
   }
 );
 RadioGroupIndicator.displayName = INDICATOR_NAME2;
-var Root2 = RadioGroup$1;
+var Root2$1 = RadioGroup$1;
 var Item2 = RadioGroupItem$1;
 var Indicator = RadioGroupIndicator;
 
 function RadioGroup({ className, ...props }) {
-    return (jsx(Root2, { "data-slot": "radio-group", className: cn('grid gap-3', className), ...props }));
+    return (jsx(Root2$1, { "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" }) }) }));
@@ -185471,6 +185230,173 @@ function NotificationDisplay({ org, userId, isAdmin = false, selectedNotificatio
                 } }), jsx(Dialog, { open: isMobileModalOpen, onOpenChange: setIsMobileModalOpen, children: jsx(DialogContent, { className: "max-h-[85vh] overflow-y-auto max-w-[95vw]", children: selectedNotification && (jsxs(Fragment$1, { children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { className: "text-xl font-semibold text-gray-900 pr-6", children: selectedNotification.title }), jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-500 pt-2", children: [jsx(Clock, { className: "h-4 w-4", "aria-hidden": "true" }), jsx("time", { dateTime: selectedNotification.timestamp.toISOString(), children: format$1(selectedNotification.timestamp, "MMMM d, yyyy 'at' h:mm a") })] })] }), jsx("div", { className: "prose prose-sm max-w-none text-gray-700 mt-4", dangerouslySetInnerHTML: { __html: sanitizeHtml(selectedNotification.body) }, "aria-labelledby": "mobile-notification-title" })] })) }) })] }));
 }
 
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function createSlottable(ownerName) {
+  const Slottable2 = ({ children }) => {
+    return /* @__PURE__ */ jsx(Fragment$1, { children });
+  };
+  Slottable2.displayName = `${ownerName}.Slottable`;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
+  return Slottable2;
+}
+
+var ROOT_NAME = "AlertDialog";
+var [createAlertDialogContext] = createContextScope$1(ROOT_NAME, [
+  createDialogScope
+]);
+var useDialogScope = createDialogScope();
+var AlertDialog$1 = (props) => {
+  const { __scopeAlertDialog, ...alertDialogProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });
+};
+AlertDialog$1.displayName = ROOT_NAME;
+var TRIGGER_NAME = "AlertDialogTrigger";
+var AlertDialogTrigger = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...triggerProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });
+  }
+);
+AlertDialogTrigger.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "AlertDialogPortal";
+var AlertDialogPortal$1 = (props) => {
+  const { __scopeAlertDialog, ...portalProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });
+};
+AlertDialogPortal$1.displayName = PORTAL_NAME;
+var OVERLAY_NAME = "AlertDialogOverlay";
+var AlertDialogOverlay$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...overlayProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
+  }
+);
+AlertDialogOverlay$1.displayName = OVERLAY_NAME;
+var CONTENT_NAME = "AlertDialogContent";
+var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);
+var Slottable = createSlottable("AlertDialogContent");
+var AlertDialogContent$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, children, ...contentProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const contentRef = React.useRef(null);
+    const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
+    const cancelRef = React.useRef(null);
+    return /* @__PURE__ */ jsx(
+      DialogPrimitive.WarningProvider,
+      {
+        contentName: CONTENT_NAME,
+        titleName: TITLE_NAME,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(
+          DialogPrimitive.Content,
+          {
+            role: "alertdialog",
+            ...dialogScope,
+            ...contentProps,
+            ref: composedRefs,
+            onOpenAutoFocus: composeEventHandlers$2(contentProps.onOpenAutoFocus, (event) => {
+              event.preventDefault();
+              cancelRef.current?.focus({ preventScroll: true });
+            }),
+            onPointerDownOutside: (event) => event.preventDefault(),
+            onInteractOutside: (event) => event.preventDefault(),
+            children: [
+              /* @__PURE__ */ jsx(Slottable, { children }),
+              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+AlertDialogContent$1.displayName = CONTENT_NAME;
+var TITLE_NAME = "AlertDialogTitle";
+var AlertDialogTitle$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...titleProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });
+  }
+);
+AlertDialogTitle$1.displayName = TITLE_NAME;
+var DESCRIPTION_NAME = "AlertDialogDescription";
+var AlertDialogDescription$1 = React.forwardRef((props, forwardedRef) => {
+  const { __scopeAlertDialog, ...descriptionProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
+});
+AlertDialogDescription$1.displayName = DESCRIPTION_NAME;
+var ACTION_NAME = "AlertDialogAction";
+var AlertDialogAction$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...actionProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });
+  }
+);
+AlertDialogAction$1.displayName = ACTION_NAME;
+var CANCEL_NAME = "AlertDialogCancel";
+var AlertDialogCancel$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...cancelProps } = props;
+    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const ref = useComposedRefs$1(forwardedRef, cancelRef);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });
+  }
+);
+AlertDialogCancel$1.displayName = CANCEL_NAME;
+var DescriptionWarning = ({ contentRef }) => {
+  const MESSAGE = `\`${CONTENT_NAME}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${CONTENT_NAME}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  React.useEffect(() => {
+    const hasDescription = document.getElementById(
+      contentRef.current?.getAttribute("aria-describedby")
+    );
+    if (!hasDescription) console.warn(MESSAGE);
+  }, [MESSAGE, contentRef]);
+  return null;
+};
+var Root2 = AlertDialog$1;
+var Portal2 = AlertDialogPortal$1;
+var Overlay2 = AlertDialogOverlay$1;
+var Content2 = AlertDialogContent$1;
+var Action = AlertDialogAction$1;
+var Cancel = AlertDialogCancel$1;
+var Title2 = AlertDialogTitle$1;
+var Description2 = AlertDialogDescription$1;
+
+const AlertDialog = Root2;
+const AlertDialogPortal = Portal2;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay2, { className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', className), ...props, ref: ref })));
+AlertDialogOverlay.displayName = Overlay2.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (jsxs(AlertDialogPortal, { children: [jsx(AlertDialogOverlay, {}), jsx(Content2, { ref: ref, className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg', className), ...props })] })));
+AlertDialogContent.displayName = Content2.displayName;
+const AlertDialogHeader = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+const AlertDialogFooter = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
+AlertDialogFooter.displayName = 'AlertDialogFooter';
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (jsx(Title2, { ref: ref, className: cn('text-lg font-semibold', className), ...props })));
+AlertDialogTitle.displayName = Title2.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (jsx(Description2, { ref: ref, className: cn('text-muted-foreground text-sm', className), ...props })));
+AlertDialogDescription.displayName = Description2.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (jsx(Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
+AlertDialogAction.displayName = Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (jsx(Cancel, { ref: ref, className: cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
+AlertDialogCancel.displayName = Cancel.displayName;
+
 /**
  * **Private mode** toggle for the platform nav-bar. A single pill that
  * collapses to an icon-only chip when off, and expands with a cool
@@ -227424,27 +227350,192 @@ function AgentConfigPrompts({ platformKey, mentorUniqueId }) {
                 }) }), editingField && (jsx(EditFieldModal, { isOpen: !!editingField, onClose: () => setEditingField(null), label: editingField.label, value: editingField.value, onSave: handleSaveField, isSaving: isUpdating }))] }));
 }
 
+/** Page size for the resources list inside the Edit Skill dialog. */
+const RESOURCES_PAGE_SIZE = 20;
+const EMPTY_RESOURCE_FORM = {
+    file_type: 'reference',
+    filename: '',
+    content: '',
+};
+/**
+ * File attachments for a skill (agent-skill-resources). `reference`/`script`
+ * files are text (filename + content); `asset` files are binary uploads.
+ * Rendered as the Files tab of the Edit Skill dialog: a list with row
+ * actions, a New File popup for add/edit, and a delete confirmation.
+ */
+function SkillResourcesSection({ platformKey, skillId }) {
+    var _a, _b, _c;
+    const t = useT();
+    const [page, setPage] = useState(1);
+    const { data: resourcePage, isLoading } = useGetAgentSkillResourcesQuery({
+        org: platformKey,
+        skill: skillId,
+        limit: RESOURCES_PAGE_SIZE,
+        offset: (page - 1) * RESOURCES_PAGE_SIZE,
+    });
+    const resources = (_a = resourcePage === null || resourcePage === void 0 ? void 0 : resourcePage.results) !== null && _a !== void 0 ? _a : [];
+    const totalCount = (_b = resourcePage === null || resourcePage === void 0 ? void 0 : resourcePage.count) !== null && _b !== void 0 ? _b : 0;
+    const totalPages = Math.max(1, Math.ceil(totalCount / RESOURCES_PAGE_SIZE));
+    // Deleting the last item of the last page leaves the page out of range —
+    // snap back to the new last page.
+    useEffect(() => {
+        if (page > totalPages)
+            setPage(totalPages);
+    }, [page, totalPages]);
+    const [createResource, { isLoading: isCreating }] = useCreateAgentSkillResourceMutation();
+    const [updateResource, { isLoading: isUpdating }] = useUpdateAgentSkillResourceMutation();
+    const [uploadAsset, { isLoading: isUploading }] = useUploadAgentSkillResourceAssetMutation();
+    const [deleteResource, { isLoading: isDeleting }] = useDeleteAgentSkillResourceMutation();
+    const [showFileDialog, setShowFileDialog] = useState(false);
+    const [editingResource, setEditingResource] = useState(null);
+    const [deletingResource, setDeletingResource] = useState(null);
+    const [form, setForm] = useState(EMPTY_RESOURCE_FORM);
+    const [assetFile, setAssetFile] = useState(null);
+    const fileInputRef = useRef(null);
+    const isSaving = isCreating || isUpdating || isUploading;
+    const isAssetForm = form.file_type === 'asset' && !editingResource;
+    const canSubmitFile = isAssetForm ? !!assetFile : !!form.filename && !!form.content;
+    const typeLabel = (fileType) => {
+        switch (fileType) {
+            case 'script':
+                return t('clawSandboxAgentSkills.fileTypeScript');
+            case 'asset':
+                return t('clawSandboxAgentSkills.fileTypeAsset');
+            default:
+                return t('clawSandboxAgentSkills.fileTypeReference');
+        }
+    };
+    const openNewFileDialog = () => {
+        setForm(EMPTY_RESOURCE_FORM);
+        setAssetFile(null);
+        setEditingResource(null);
+        setShowFileDialog(true);
+    };
+    const openEditFileDialog = (resource) => {
+        var _a, _b;
+        setForm({
+            file_type: (_a = resource.file_type) !== null && _a !== void 0 ? _a : 'reference',
+            filename: resource.filename,
+            content: (_b = resource.content) !== null && _b !== void 0 ? _b : '',
+        });
+        setAssetFile(null);
+        setEditingResource(resource);
+        setShowFileDialog(true);
+    };
+    const closeFileDialog = () => {
+        setShowFileDialog(false);
+        setEditingResource(null);
+        setForm(EMPTY_RESOURCE_FORM);
+        setAssetFile(null);
+    };
+    const handleSubmitFile = async () => {
+        try {
+            if (editingResource) {
+                await updateResource({
+                    org: platformKey,
+                    id: editingResource.id,
+                    filename: form.filename,
+                    content: form.content,
+                }).unwrap();
+                toast.success(t('clawSandboxAgentSkills.fileSaved'));
+            }
+            else if (isAssetForm) {
+                if (!assetFile)
+                    return;
+                await uploadAsset({
+                    org: platformKey,
+                    skill: skillId,
+                    file: assetFile,
+                    filename: assetFile.name,
+                }).unwrap();
+                toast.success(t('clawSandboxAgentSkills.fileUploaded'));
+            }
+            else {
+                await createResource({
+                    org: platformKey,
+                    skill: skillId,
+                    file_type: form.file_type,
+                    filename: form.filename,
+                    content: form.content,
+                }).unwrap();
+                toast.success(t('clawSandboxAgentSkills.fileAdded'));
+            }
+            closeFileDialog();
+        }
+        catch (_a) {
+            toast.error(t(isAssetForm
+                ? 'clawSandboxAgentSkills.failedToUploadFile'
+                : 'clawSandboxAgentSkills.failedToSaveFile'));
+        }
+    };
+    const handleDeleteFile = async () => {
+        if (!deletingResource)
+            return;
+        try {
+            await deleteResource({ org: platformKey, id: deletingResource.id }).unwrap();
+            toast.success(t('clawSandboxAgentSkills.fileDeleted'));
+            setDeletingResource(null);
+        }
+        catch (_a) {
+            toast.error(t('clawSandboxAgentSkills.failedToDeleteFile'));
+        }
+    };
+    const submitLabel = () => {
+        if (editingResource) {
+            return isUpdating ? t('clawSandboxAgentSkills.saving') : t('clawSandboxAgentSkills.save');
+        }
+        if (isAssetForm) {
+            return isUploading
+                ? t('clawSandboxAgentSkills.uploading')
+                : t('clawSandboxAgentSkills.upload');
+        }
+        return isCreating ? t('clawSandboxAgentSkills.adding') : t('clawSandboxAgentSkills.addFileButton');
+    };
+    return (jsxs("div", { className: "space-y-4", "data-testid": "skill-resources-section", children: [jsxs("div", { className: "flex items-start justify-between gap-4", children: [jsx("p", { className: "text-xs text-gray-500", children: t('clawSandboxAgentSkills.filesHint') }), jsxs(Button$1, { onClick: openNewFileDialog, size: "sm", className: "shrink-0 cursor-pointer bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Plus, { className: "h-4 w-4" }), t('clawSandboxAgentSkills.newFile')] })] }), isLoading ? (jsxs("div", { className: "flex items-center gap-2 p-4", role: "status", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.loadingFiles') })] })) : resources.length === 0 ? (jsx("div", { className: "flex items-center justify-center rounded-lg border p-6", children: jsx("p", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.noFiles') }) })) : (jsxs("div", { className: "space-y-3", children: [resources.map((resource) => (jsxs("div", { className: "flex items-center justify-between gap-4 rounded-lg border p-4", children: [jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [jsx(Paperclip, { className: "h-4 w-4 shrink-0 text-gray-400" }), jsx("span", { className: "truncate text-sm font-medium text-gray-700", children: resource.filename }), jsx("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[0.625rem] text-gray-500", children: typeLabel(resource.file_type) })] }), jsx(FloatingPortalContainerContext.Provider, { value: null, children: jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "sm", "aria-label": t('clawSandboxAgentSkills.skillActions', {
+                                                    name: resource.filename,
+                                                }), children: jsx(Ellipsis, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", className: "z-[110]", children: [resource.file_type === 'asset' && resource.file && (jsx(DropdownMenuItem, { asChild: true, className: "cursor-pointer", children: jsxs("a", { href: resource.file, target: "_blank", rel: "noreferrer", download: true, children: [jsx(Download, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.download')] }) })), resource.file_type !== 'asset' && (jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => openEditFileDialog(resource), children: [jsx(Pen, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.edit')] })), jsxs(DropdownMenuItem, { variant: "destructive", className: "cursor-pointer", onClick: () => setDeletingResource(resource), children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.delete')] })] })] }) })] }, resource.id))), jsx(AdvancedPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, totalCount: totalCount, itemsPerPage: RESOURCES_PAGE_SIZE, itemLabel: t('clawSandboxAgentSkills.resourcesItemLabel') })] })), jsxs(OverlayModal, { open: showFileDialog, onClose: closeFileDialog, title: t(editingResource
+                    ? 'clawSandboxAgentSkills.editFileDialogTitle'
+                    : 'clawSandboxAgentSkills.newFileDialogTitle'), className: "max-w-lg", children: [jsxs("div", { className: "mt-4 grid gap-4", children: [!editingResource && (jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "resource-type", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fileTypeLabel') }), jsxs(Select$1, { value: form.file_type, onValueChange: (value) => setForm({ ...form, file_type: value }), children: [jsx(SelectTrigger, { id: "resource-type", className: "w-full", children: jsx(SelectValue, {}) }), jsxs(SelectContent, { children: [jsx(SelectItem, { value: "reference", children: t('clawSandboxAgentSkills.fileTypeReference') }), jsx(SelectItem, { value: "script", children: t('clawSandboxAgentSkills.fileTypeScript') }), jsx(SelectItem, { value: "asset", children: t('clawSandboxAgentSkills.fileTypeAsset') })] })] })] })), isAssetForm ? (jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "resource-file", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fileNameLabel') }), jsx("input", { ref: fileInputRef, id: "resource-file", type: "file", className: "hidden", onChange: (e) => { var _a, _b; return setAssetFile((_b = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null); }, "data-testid": "resource-file-input" }), jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Button$1, { variant: "outline", size: "sm", onClick: () => { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, children: [jsx(Paperclip, { className: "h-4 w-4" }), t('clawSandboxAgentSkills.chooseFile')] }), assetFile && (jsx("span", { className: "truncate text-sm text-gray-600", children: assetFile.name }))] })] })) : (jsxs(Fragment$1, { children: [jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "resource-filename", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fileNameLabel') }), jsx(Input, { id: "resource-filename", name: "resource-filename", value: form.filename, onChange: (e) => setForm({ ...form, filename: e.target.value }), placeholder: t('clawSandboxAgentSkills.fileNamePlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "resource-content", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fileContentLabel') }), jsx(Textarea, { id: "resource-content", name: "resource-content", value: form.content, onChange: (e) => setForm({ ...form, content: e.target.value }), placeholder: t('clawSandboxAgentSkills.fileContentPlaceholder'), rows: 6 })] })] }))] }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { variant: "outline", onClick: closeFileDialog, children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleSubmitFile, disabled: isSaving || !canSubmitFile, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: submitLabel() })] })] }), jsxs(OverlayModal, { open: !!deletingResource, onClose: () => setDeletingResource(null), title: t('clawSandboxAgentSkills.deleteFileDialogTitle'), className: "max-w-md", children: [jsx("p", { className: "mt-2 text-sm text-gray-600", children: t('clawSandboxAgentSkills.deleteFileConfirmation', {
+                            name: (_c = deletingResource === null || deletingResource === void 0 ? void 0 : deletingResource.filename) !== null && _c !== void 0 ? _c : '',
+                        }) }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { variant: "outline", onClick: () => setDeletingResource(null), children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleDeleteFile, disabled: isDeleting, className: "bg-red-600 text-white hover:bg-red-700", children: isDeleting
+                                    ? t('clawSandboxAgentSkills.deleting')
+                                    : t('clawSandboxAgentSkills.delete') })] })] })] }));
+}
+
 const EMPTY_SKILL_FORM = {
     name: '',
     slug: '',
     description: '',
     version: '1.0.0',
+    category: '',
     instruction: '',
+    privateToAgent: false,
 };
+// The builder resolves the effective skill set client-side, which needs the
+// complete catalog and assignment lists. Request one explicit large page so
+// the result is deterministic even if the backend later configures a default
+// page size (the list endpoints unwrap paginated envelopes to `results`).
+const FULL_LIST_LIMIT = 1000;
 function AgentSkills({ platformKey, mentorUniqueId }) {
     var _a;
     const t = useT();
     // Skills are managed independently of the sandbox connection — org-level
     // skills and the mentor's assignments both resolve without a wired Claw
     // instance, so we always fetch and let admins add/assign skills freely.
+    // Always fetch — the backend enforces read access; RBAC here only gates
+    // the write affordances (a partial permissions map must not blank the UI).
     const { data: availableSkills, isLoading: isLoadingSkills } = useGetAgentSkillsQuery({
         org: platformKey,
+        limit: FULL_LIST_LIMIT,
+        offset: 0,
     });
     const { data: assignments, isLoading: isLoadingAssignments } = useGetMentorSkillAssignmentsQuery({
         org: platformKey,
         mentorUniqueId,
+        limit: FULL_LIST_LIMIT,
+        offset: 0,
     });
-    // Assignment mutations (toggle on mentor)
+    // Assignment mutations (attach/detach/toggle on the agent)
     const [createAssignment, { isLoading: isCreatingAssignment }] = useCreateMentorSkillAssignmentMutation();
     const [updateAssignment, { isLoading: isUpdatingAssignment }] = useUpdateMentorSkillAssignmentMutation();
     const [deleteAssignment, { isLoading: isDeletingAssignment }] = useDeleteMentorSkillAssignmentMutation();
@@ -227457,59 +227548,95 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
     const [deletingSkill, setDeletingSkill] = useState(null);
     const [form, setForm] = useState(EMPTY_SKILL_FORM);
     const isLoading = isLoadingSkills || isLoadingAssignments;
-    const isTogglingMentorSkill = isCreatingAssignment || isUpdatingAssignment || isDeletingAssignment;
-    const skills = (availableSkills !== null && availableSkills !== void 0 ? availableSkills : []).filter((s) => s.enabled);
-    // Skill assignments are now keyed by skill UUID (the new stable identifier).
-    const assignmentsBySkillUniqueId = new Map((assignments !== null && assignments !== void 0 ? assignments : []).map((a) => [a.skill, a]));
+    const isMutatingAgentSkill = isCreatingAssignment || isUpdatingAssignment || isDeletingAssignment || isUpdatingSkill;
+    const allSkills = availableSkills !== null && availableSkills !== void 0 ? availableSkills : [];
+    const effectiveSkills = resolveEffectiveAgentSkills(allSkills, assignments !== null && assignments !== void 0 ? assignments : [], mentorUniqueId);
+    const effectiveUniqueIds = new Set(effectiveSkills.map((s) => s.unique_id));
+    const effectiveSlugs = new Set(effectiveSkills.map((s) => s.slug));
+    // Catalog skills this agent could still attach: enabled, platform-wide
+    // (never another agent's private skills), and not already effective. A
+    // skill whose slug is already effective (e.g. shadowed by a private skill)
+    // would dedupe away after attaching — don't offer an Add that does nothing.
+    const attachableSkills = allSkills.filter((skill) => skill.enabled &&
+        !skill.mentor &&
+        !effectiveUniqueIds.has(skill.unique_id) &&
+        !effectiveSlugs.has(skill.slug));
+    // Featured skills from the `main` platform are read-only for tenants — the
+    // API 404s writes against them, so hide the edit/delete affordances.
+    const isSkillEditable = (skill) => {
+        if (!skill)
+            return false;
+        return skill.platform_key ? skill.platform_key === platformKey : !skill.is_featured;
+    };
     const resetForm = () => setForm(EMPTY_SKILL_FORM);
-    const handleToggle = async (skill, shouldEnable) => {
-        const existing = assignmentsBySkillUniqueId.get(skill.unique_id);
+    const handleToggleEffective = async (effective, shouldEnable) => {
         try {
-            if (shouldEnable) {
-                if (existing) {
-                    await updateAssignment({
-                        org: platformKey,
-                        mentorUniqueId,
-                        assignmentPk: existing.id,
-                        enabled: true,
-                    }).unwrap();
-                }
-                else {
-                    await createAssignment({
-                        org: platformKey,
-                        mentorUniqueId,
-                        skill: skill.unique_id,
-                        enabled: true,
-                    }).unwrap();
-                }
-                toast.success(t('clawSandboxAgentSkills.skillEnabled', { name: skill.name }));
+            if (effective.origin === 'private' && effective.skill) {
+                await updateSkill({
+                    org: platformKey,
+                    id: effective.skill.id,
+                    enabled: shouldEnable,
+                }).unwrap();
             }
-            else {
-                if (!existing)
-                    return;
-                await deleteAssignment({
+            else if (effective.assignmentId !== undefined) {
+                await updateAssignment({
                     org: platformKey,
                     mentorUniqueId,
-                    assignmentPk: existing.id,
+                    assignmentPk: effective.assignmentId,
+                    enabled: shouldEnable,
                 }).unwrap();
-                toast.success(t('clawSandboxAgentSkills.skillDisabled', { name: skill.name }));
             }
+            toast.success(t(shouldEnable
+                ? 'clawSandboxAgentSkills.skillEnabled'
+                : 'clawSandboxAgentSkills.skillDisabled', { name: effective.name }));
+        }
+        catch (_a) {
+            toast.error(t('clawSandboxAgentSkills.failedToUpdateSkill', { name: effective.name }));
+        }
+    };
+    const handleAttach = async (skill) => {
+        try {
+            await createAssignment({
+                org: platformKey,
+                mentorUniqueId,
+                skill: skill.unique_id,
+                enabled: true,
+            }).unwrap();
+            toast.success(t('clawSandboxAgentSkills.skillAdded', { name: skill.name }));
         }
         catch (_a) {
             toast.error(t('clawSandboxAgentSkills.failedToUpdateSkill', { name: skill.name }));
         }
     };
+    const handleDetach = async (effective) => {
+        if (effective.assignmentId === undefined)
+            return;
+        try {
+            await deleteAssignment({
+                org: platformKey,
+                mentorUniqueId,
+                assignmentPk: effective.assignmentId,
+            }).unwrap();
+            toast.success(t('clawSandboxAgentSkills.skillRemoved', { name: effective.name }));
+        }
+        catch (_a) {
+            toast.error(t('clawSandboxAgentSkills.failedToUpdateSkill', { name: effective.name }));
+        }
+    };
     const openNewSkillDialog = () => {
         resetForm();
         setShowNewDialog(true);
     };
     const openEditSkillDialog = (skill) => {
+        var _a;
         setForm({
             name: skill.name,
             slug: skill.slug,
             description: skill.description,
             version: skill.version,
+            category: (_a = skill.category) !== null && _a !== void 0 ? _a : '',
             instruction: skill.instruction,
+            privateToAgent: skill.mentor === mentorUniqueId,
         });
         setEditingSkill(skill);
     };
@@ -227530,6 +227657,8 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
                 slug: form.slug,
                 description: form.description,
                 version: form.version || '1.0.0',
+                ...(form.category && { category: form.category }),
+                ...(form.privateToAgent && { mentor: mentorUniqueId }),
                 instruction: form.instruction,
                 enabled: true,
             }).unwrap();
@@ -227555,6 +227684,7 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
                 slug: form.slug,
                 description: form.description,
                 version: form.version,
+                category: form.category,
                 instruction: form.instruction,
             }).unwrap();
             toast.success(t('clawSandboxAgentSkills.skillUpdated'));
@@ -227576,32 +227706,169 @@ function AgentSkills({ platformKey, mentorUniqueId }) {
             toast.error(t('clawSandboxAgentSkills.failedToDeleteSkill'));
         }
     };
+    const renderBadges = (skill, effective) => {
+        var _a, _b, _c;
+        const category = (_a = effective === null || effective === void 0 ? void 0 : effective.category) !== null && _a !== void 0 ? _a : skill === null || skill === void 0 ? void 0 : skill.category;
+        const skillType = (_b = effective === null || effective === void 0 ? void 0 : effective.skill_type) !== null && _b !== void 0 ? _b : skill === null || skill === void 0 ? void 0 : skill.skill_type;
+        const isFeatured = (_c = effective === null || effective === void 0 ? void 0 : effective.is_featured) !== null && _c !== void 0 ? _c : skill === null || skill === void 0 ? void 0 : skill.is_featured;
+        return (jsxs("span", { className: "flex flex-wrap items-center gap-1", children: [category && (jsx("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[0.625rem] text-gray-500", children: category })), skillType === 'native' && (jsx("span", { className: "rounded-full bg-purple-50 px-2 py-0.5 text-[0.625rem] text-purple-600", children: t('clawSandboxAgentSkills.nativeBadge') })), isFeatured && (jsx("span", { className: "rounded-full bg-amber-50 px-2 py-0.5 text-[0.625rem] text-amber-600", children: t('clawSandboxAgentSkills.featuredBadge') })), (effective === null || effective === void 0 ? void 0 : effective.origin) === 'private' && (jsx("span", { className: "rounded-full bg-blue-50 px-2 py-0.5 text-[0.625rem] text-blue-600", children: t('clawSandboxAgentSkills.privateBadge') }))] }));
+    };
+    const renderSkillMenu = (skill, effective) => {
+        var _a, _b;
+        const editable = isSkillEditable(skill);
+        const showEdit = editable;
+        const showDelete = editable;
+        const detachable = (effective === null || effective === void 0 ? void 0 : effective.origin) === 'assignment';
+        if (!showEdit && !showDelete && !detachable)
+            return null;
+        const name = (_b = (_a = effective === null || effective === void 0 ? void 0 : effective.name) !== null && _a !== void 0 ? _a : skill === null || skill === void 0 ? void 0 : skill.name) !== null && _b !== void 0 ? _b : '';
+        return (jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "sm", "aria-label": t('clawSandboxAgentSkills.skillActions', { name }), children: jsx(Ellipsis, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", children: [detachable && (jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => effective && handleDetach(effective), children: [jsx(CircleMinus$1, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.removeFromAgent')] })), showEdit && skill && (jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => openEditSkillDialog(skill), children: [jsx(Pen, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.edit')] })), showDelete && skill && (jsxs(DropdownMenuItem, { variant: "destructive", className: "cursor-pointer", onClick: () => setDeletingSkill(skill), children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.delete')] }))] })] }));
+    };
     if (isLoading) {
         return (jsxs("div", { className: "flex items-center gap-2 p-4", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.loadingSkills') })] }));
     }
-    return (jsxs("div", { className: "space-y-4", "data-testid": "agent-skills-content", children: [jsx("div", { className: "flex items-center justify-end", children: jsxs(Button$1, { onClick: openNewSkillDialog, size: "sm", className: "cursor-pointer bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Plus, { className: "h-4 w-4" }), t('clawSandboxAgentSkills.newSkill')] }) }), skills.length === 0 ? (jsx("div", { className: "flex items-center justify-center rounded-lg border p-6", children: jsx("p", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.noSkillsAvailable') }) })) : (jsx("div", { className: "space-y-6", children: skills.map((skill) => {
-                    var _a;
-                    const assignment = assignmentsBySkillUniqueId.get(skill.unique_id);
-                    const isEnabled = (_a = assignment === null || assignment === void 0 ? void 0 : assignment.enabled) !== null && _a !== void 0 ? _a : false;
-                    return (jsxs("div", { className: "flex items-center justify-between rounded-lg border p-6", children: [jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [jsx("span", { className: "text-sm font-medium text-gray-700", children: skill.name }), skill.description && (jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('clawSandboxAgentSkills.moreInfoAbout', {
-                                                        name: skill.name,
-                                                    }), children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: skill.description }) })] }) })), jsxs("span", { className: "hidden sm:inline text-xs text-gray-400", children: ["v", skill.version] })] }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Switch, { checked: isEnabled, onCheckedChange: (checked) => handleToggle(skill, checked), disabled: isTogglingMentorSkill, className: "cursor-pointer data-[state=checked]:bg-blue-500", "aria-label": t(isEnabled
-                                            ? 'clawSandboxAgentSkills.skillEnabledLabel'
-                                            : 'clawSandboxAgentSkills.skillDisabledLabel', { name: skill.name }) }), jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "sm", "aria-label": t('clawSandboxAgentSkills.skillActions', {
-                                                        name: skill.name,
-                                                    }), children: jsx(Ellipsis, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", children: [jsxs(DropdownMenuItem, { className: "cursor-pointer", onClick: () => openEditSkillDialog(skill), children: [jsx(Pen, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.edit')] }), jsxs(DropdownMenuItem, { variant: "destructive", className: "cursor-pointer", onClick: () => setDeletingSkill(skill), children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), t('clawSandboxAgentSkills.delete')] })] })] })] })] }, skill.id));
-                }) })), jsxs(OverlayModal, { open: showNewDialog, onClose: closeAllDialogs, title: t('clawSandboxAgentSkills.newSkillDialogTitle'), className: "max-w-2xl", children: [jsx(SkillForm, { form: form, onChange: setForm }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { variant: "outline", onClick: closeAllDialogs, children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleCreateSkill, disabled: isCreatingSkill || !form.name || !form.slug, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isCreatingSkill
-                                    ? t('clawSandboxAgentSkills.creating')
-                                    : t('clawSandboxAgentSkills.create') })] })] }), jsxs(OverlayModal, { open: !!editingSkill, onClose: closeAllDialogs, title: t('clawSandboxAgentSkills.editSkillDialogTitle'), className: "max-w-2xl", children: [jsx(SkillForm, { form: form, onChange: setForm }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { variant: "outline", onClick: closeAllDialogs, children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleUpdateSkill, disabled: isUpdatingSkill || !form.name || !form.slug, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isUpdatingSkill
-                                    ? t('clawSandboxAgentSkills.saving')
-                                    : t('clawSandboxAgentSkills.save') })] })] }), jsxs(OverlayModal, { open: !!deletingSkill, onClose: () => setDeletingSkill(null), title: t('clawSandboxAgentSkills.deleteSkillDialogTitle'), className: "max-w-md", children: [jsx("p", { className: "mt-2 text-sm text-gray-600", children: t('clawSandboxAgentSkills.deleteConfirmation', { name: (_a = deletingSkill === null || deletingSkill === void 0 ? void 0 : deletingSkill.name) !== null && _a !== void 0 ? _a : '' }) }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { variant: "outline", onClick: () => setDeletingSkill(null), children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleDeleteSkill, disabled: isDeletingSkill, className: "bg-red-600 text-white hover:bg-red-700", children: isDeletingSkill
+    return (jsxs("div", { className: "space-y-4", "data-testid": "agent-skills-content", children: [jsxs("div", { className: "flex items-start justify-between gap-4", children: [jsxs("p", { className: "flex items-start gap-2 text-xs text-gray-500", children: [jsx(Info$3, { className: "mt-0.5 h-4 w-4 shrink-0 text-gray-400" }), jsx("span", { children: t('clawSandboxAgentSkills.sessionNote') })] }), jsxs(Button$1, { onClick: openNewSkillDialog, size: "sm", className: "shrink-0 cursor-pointer bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Plus, { className: "h-4 w-4" }), t('clawSandboxAgentSkills.newSkill')] })] }), jsxs("div", { className: "space-y-2", children: [jsx("h3", { className: "text-sm font-semibold text-gray-700", children: t('clawSandboxAgentSkills.effectiveHeading') }), effectiveSkills.length === 0 ? (jsx("div", { className: "flex items-center justify-center rounded-lg border p-6", children: jsx("p", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.noEffectiveSkills') }) })) : (jsx("div", { className: "space-y-3", children: effectiveSkills.map((effective) => {
+                            var _a;
+                            return (jsxs("div", { className: "flex items-center justify-between gap-4 rounded-lg border p-4", children: [jsxs("div", { className: "min-w-0 space-y-1", children: [jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-gray-700", children: effective.name }), ((_a = effective.skill) === null || _a === void 0 ? void 0 : _a.version) && (jsxs("span", { className: "hidden text-xs text-gray-400 sm:inline", children: ["v", effective.skill.version] })), renderBadges(effective.skill, effective)] }), effective.description && (jsx("p", { className: "line-clamp-2 text-xs text-gray-500", children: effective.description }))] }), jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [jsx(Switch, { checked: effective.enabled, onCheckedChange: (checked) => handleToggleEffective(effective, checked), disabled: isMutatingAgentSkill, className: "cursor-pointer data-[state=checked]:bg-blue-500", "aria-label": t(effective.enabled
+                                                    ? 'clawSandboxAgentSkills.skillEnabledLabel'
+                                                    : 'clawSandboxAgentSkills.skillDisabledLabel', { name: effective.name }) }), renderSkillMenu(effective.skill, effective)] })] }, effective.unique_id));
+                        }) }))] }), jsxs("div", { className: "space-y-2", children: [jsx("h3", { className: "text-sm font-semibold text-gray-700", children: t('clawSandboxAgentSkills.catalogHeading') }), attachableSkills.length === 0 ? (jsx("div", { className: "flex items-center justify-center rounded-lg border p-6", children: jsx("p", { className: "text-sm text-gray-500", children: t('clawSandboxAgentSkills.noSkillsAvailable') }) })) : (jsx("div", { className: "space-y-3", children: attachableSkills.map((skill) => (jsxs("div", { className: "flex items-center justify-between gap-4 rounded-lg border p-4", children: [jsxs("div", { className: "min-w-0 space-y-1", children: [jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-gray-700", children: skill.name }), jsxs("span", { className: "hidden text-xs text-gray-400 sm:inline", children: ["v", skill.version] }), renderBadges(skill)] }), skill.description && (jsx("p", { className: "line-clamp-2 text-xs text-gray-500", children: skill.description }))] }), jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "cursor-pointer", disabled: isMutatingAgentSkill, onClick: () => handleAttach(skill), "aria-label": t('clawSandboxAgentSkills.addToAgentLabel', { name: skill.name }), children: [jsx(Plus, { className: "h-4 w-4" }), t('clawSandboxAgentSkills.addToAgent')] }), renderSkillMenu(skill)] })] }, skill.id))) }))] }), jsx(OverlayModal, { open: showNewDialog, onClose: closeAllDialogs, title: t('clawSandboxAgentSkills.newSkillDialogTitle'), className: "max-w-2xl", children: jsxs("div", { className: "flex h-[min(75dvh,46rem)] flex-col", children: [jsxs("div", { className: "flex-1 space-y-4 overflow-y-auto pb-4 pr-1", children: [jsx(SkillForm, { form: form, onChange: setForm, showPrivateToggle: true }), jsx("p", { className: "text-xs text-gray-500", children: t('clawSandboxAgentSkills.filesAfterCreateHint') })] }), jsxs("div", { className: "flex justify-end gap-2 border-t pt-4", children: [jsx(Button$1, { variant: "outline", onClick: closeAllDialogs, children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleCreateSkill, disabled: isCreatingSkill || !form.name || !form.slug, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isCreatingSkill
+                                        ? t('clawSandboxAgentSkills.creating')
+                                        : t('clawSandboxAgentSkills.create') })] })] }) }), jsx(OverlayModal, { open: !!editingSkill, onClose: closeAllDialogs, title: t('clawSandboxAgentSkills.editSkillDialogTitle'), className: "max-w-2xl", children: jsxs(Tabs, { defaultValue: "details", className: "w-full", children: [jsxs(TabsList, { "aria-label": t('clawSandboxAgentSkills.editSkillDialogTitle'), "data-testid": "skill-dialog-tabs", children: [jsx(TabsTrigger, { value: "details", "data-testid": "skill-dialog-tab-details", children: t('clawSandboxAgentSkills.detailsTab') }), jsx(TabsTrigger, { value: "files", "data-testid": "skill-dialog-tab-files", children: t('clawSandboxAgentSkills.filesTab') })] }), jsx(TabsContent, { value: "details", children: jsxs("div", { className: "flex h-[min(75dvh,46rem)] flex-col", children: [jsx("div", { className: "flex-1 space-y-4 overflow-y-auto pb-4 pr-1", children: jsx(SkillForm, { form: form, onChange: setForm }) }), jsxs("div", { className: "flex justify-end gap-2 border-t pt-4", children: [jsx(Button$1, { variant: "outline", onClick: closeAllDialogs, children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleUpdateSkill, disabled: isUpdatingSkill || !form.name || !form.slug, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isUpdatingSkill
+                                                    ? t('clawSandboxAgentSkills.saving')
+                                                    : t('clawSandboxAgentSkills.save') })] })] }) }), jsx(TabsContent, { value: "files", children: jsx("div", { className: "flex h-[min(75dvh,46rem)] flex-col", children: jsx("div", { className: "flex-1 space-y-4 overflow-y-auto pb-4 pr-1", children: editingSkill && (jsx(SkillResourcesSection, { platformKey: platformKey, skillId: editingSkill.id })) }) }) })] }) }), jsxs(OverlayModal, { open: !!deletingSkill, onClose: () => setDeletingSkill(null), title: t('clawSandboxAgentSkills.deleteSkillDialogTitle'), className: "max-w-md", children: [jsx("p", { className: "mt-2 text-sm text-gray-600", children: t('clawSandboxAgentSkills.deleteConfirmation', { name: (_a = deletingSkill === null || deletingSkill === void 0 ? void 0 : deletingSkill.name) !== null && _a !== void 0 ? _a : '' }) }), jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [jsx(Button$1, { variant: "outline", onClick: () => setDeletingSkill(null), children: t('clawSandboxAgentSkills.cancel') }), jsx(Button$1, { onClick: handleDeleteSkill, disabled: isDeletingSkill, className: "bg-red-600 text-white hover:bg-red-700", children: isDeletingSkill
                                     ? t('clawSandboxAgentSkills.deleting')
                                     : t('clawSandboxAgentSkills.delete') })] })] })] }));
 }
 // ── Shared Skill Form ────────────────────────────────────────────────────────
-function SkillForm({ form, onChange, }) {
+function SkillForm({ form, onChange, showPrivateToggle = false, }) {
     const t = useT();
-    return (jsxs("div", { className: "mt-4 grid gap-4", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "skill-name", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldName') }), jsx(Input, { id: "skill-name", name: "skill-name", value: form.name, onChange: (e) => onChange({ ...form, name: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldNamePlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "skill-slug", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldSlug') }), jsx(Input, { id: "skill-slug", name: "skill-slug", value: form.slug, onChange: (e) => onChange({ ...form, slug: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldSlugPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "skill-version", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldVersion') }), jsx(Input, { id: "skill-version", name: "skill-version", value: form.version, onChange: (e) => onChange({ ...form, version: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldVersionPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "skill-description", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldDescription') }), jsx(Input, { id: "skill-description", name: "skill-description", value: form.description, onChange: (e) => onChange({ ...form, description: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldDescriptionPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2 overflow-hidden", children: [jsx(Label$2, { htmlFor: "skill-instruction", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldInstruction') }), jsx(RichTextEditor, { value: form.instruction, onChange: (value) => onChange({ ...form, instruction: value }) })] })] }));
+    return (jsxs("div", { className: "mt-4 grid gap-4", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "skill-name", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldName') }), jsx(Input, { id: "skill-name", name: "skill-name", value: form.name, onChange: (e) => onChange({ ...form, name: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldNamePlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "skill-slug", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldSlug') }), jsx(Input, { id: "skill-slug", name: "skill-slug", value: form.slug, onChange: (e) => onChange({ ...form, slug: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldSlugPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "skill-version", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldVersion') }), jsx(Input, { id: "skill-version", name: "skill-version", value: form.version, onChange: (e) => onChange({ ...form, version: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldVersionPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "skill-category", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldCategory') }), jsx(Input, { id: "skill-category", name: "skill-category", value: form.category, onChange: (e) => onChange({ ...form, category: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldCategoryPlaceholder'), className: "py-6" })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label$2, { htmlFor: "skill-description", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldDescription') }), jsx(Input, { id: "skill-description", name: "skill-description", value: form.description, onChange: (e) => onChange({ ...form, description: e.target.value }), placeholder: t('clawSandboxAgentSkills.fieldDescriptionPlaceholder'), className: "py-6" })] }), showPrivateToggle && (jsxs("div", { className: "flex items-center justify-between rounded-lg border p-4", children: [jsxs("div", { className: "space-y-1", children: [jsx(Label$2, { htmlFor: "skill-private", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.privateToAgent') }), jsx("p", { className: "text-xs text-gray-500", children: t('clawSandboxAgentSkills.privateToAgentHint') })] }), jsx(Switch, { id: "skill-private", checked: form.privateToAgent, onCheckedChange: (checked) => onChange({ ...form, privateToAgent: checked }), className: "cursor-pointer data-[state=checked]:bg-blue-500" })] })), jsxs("div", { className: "space-y-2 overflow-hidden", children: [jsx(Label$2, { htmlFor: "skill-instruction", className: "text-sm font-medium text-[#646464]", children: t('clawSandboxAgentSkills.fieldInstruction') }), jsx("p", { className: "text-xs text-gray-500", children: t('clawSandboxAgentSkills.instructionHint') }), jsx(RichTextEditor, { value: form.instruction, onChange: (value) => onChange({ ...form, instruction: value }) })] })] }));
+}
+
+/** Distance (px) from the list bottom at which the next page is requested. */
+const LOAD_MORE_THRESHOLD_PX = 48;
+/**
+ * Listbox half of the chat `/` skill combobox. The composer textarea owns
+ * focus and keyboard handling (see `useSlashSkillPicker`); options here are
+ * referenced via `aria-activedescendant` and selected on click. Scrolling
+ * near the bottom lazily loads the next page of skills.
+ */
+function SlashSkillPicker({ skills, activeIndex, listboxId, onSelect, onActiveIndexChange, isLoading = false, isFetchingMore = false, hasMore = false, onLoadMore, }) {
+    const t = useT();
+    const listRef = useRef(null);
+    // Keep the active option scrolled into view during arrow-key browsing.
+    useEffect(() => {
+        var _a;
+        const option = (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.children[activeIndex];
+        option === null || option === void 0 ? void 0 : option.scrollIntoView({ block: 'nearest' });
+    }, [activeIndex]);
+    if (skills.length === 0 && !isLoading)
+        return null;
+    const handleScroll = (event) => {
+        if (!hasMore || isFetchingMore || !onLoadMore)
+            return;
+        const el = event.currentTarget;
+        if (el.scrollTop + el.clientHeight >= el.scrollHeight - LOAD_MORE_THRESHOLD_PX) {
+            onLoadMore();
+        }
+    };
+    return (jsxs("div", { className: "absolute right-0 bottom-full left-0 z-50 mb-2", children: [jsx("div", { "aria-live": "polite", className: "sr-only", children: isLoading
+                    ? t('slashSkillPicker.loading')
+                    : t('slashSkillPicker.resultsAnnouncement', { count: skills.length }) }), isLoading ? (jsxs("div", { role: "status", className: "flex items-center gap-2 rounded-xl border border-gray-200 bg-white px-3 py-3 shadow-lg", "data-testid": "slash-skill-picker-loading", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-sm text-gray-500", children: t('slashSkillPicker.loading') })] })) : (jsxs("ul", { ref: listRef, id: listboxId, role: "listbox", "aria-label": t('slashSkillPicker.listLabel'), onScroll: handleScroll, className: "max-h-64 overflow-y-auto rounded-xl border border-gray-200 bg-white p-1 shadow-lg", "data-testid": "slash-skill-picker", children: [skills.map((skill, index) => (jsxs("li", { id: `${listboxId}-option-${index}`, role: "option", "aria-selected": index === activeIndex, className: cn('flex cursor-pointer flex-col gap-0.5 rounded-lg px-3 py-2', index === activeIndex ? 'bg-blue-50' : 'hover:bg-gray-50'), onMouseEnter: () => onActiveIndexChange(index), 
+                        // onMouseDown so selection wins over the textarea losing focus.
+                        onMouseDown: (e) => {
+                            e.preventDefault();
+                            onSelect(skill);
+                        }, children: [jsxs("span", { className: "flex items-baseline gap-2", children: [jsx("span", { className: "text-sm font-medium text-gray-800", children: skill.name }), jsxs("span", { className: "text-xs text-gray-400", children: ["/", skill.slug] }), skill.category && (jsx("span", { className: "ml-auto rounded-full bg-gray-100 px-2 py-0.5 text-[0.625rem] text-gray-500", children: skill.category }))] }), skill.description && (jsx("span", { className: "line-clamp-2 text-xs text-gray-500", children: skill.description }))] }, skill.unique_id))), isFetchingMore && (jsxs("li", { role: "presentation", className: "flex items-center gap-2 px-3 py-2", "data-testid": "slash-skill-picker-loading-more", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin text-blue-500" }), jsx("span", { className: "text-xs text-gray-500", children: t('slashSkillPicker.loading') })] }))] }))] }));
+}
+
+/** Matches a composer value that is a single `/`-prefixed token (no whitespace). */
+const SLASH_TOKEN_RE = /^\/\S*$/;
+/** Whether the composer text is a `/` skill token (single word, leading slash). */
+function isSlashCommandToken(value) {
+    return SLASH_TOKEN_RE.test(value);
+}
+/**
+ * State machine for the chat `/` skill picker. Opens while the composer holds
+ * a single `/`-prefixed token and at least one enabled skill matches; `Esc`
+ * dismisses until the token is cleared, so plain text starting with `/` is
+ * never blocked.
+ */
+function useSlashSkillPicker({ inputValue, setInputValue, skills, isLoading = false, }) {
+    const listboxId = useId$2();
+    const [dismissed, setDismissed] = useState(false);
+    const [activeIndex, setActiveIndex] = useState(0);
+    const isSlashToken = SLASH_TOKEN_RE.test(inputValue);
+    const query = isSlashToken ? inputValue.slice(1) : '';
+    const filteredSkills = useMemo(() => (isSlashToken ? filterSlashSkills(skills, query) : []), [isSlashToken, skills, query]);
+    // Loading keeps the picker open (with a loading row) so the user knows
+    // something is coming; once loaded, zero matches closes it.
+    const open = isSlashToken && !dismissed && (filteredSkills.length > 0 || isLoading);
+    // Re-arm the picker once the slash token is gone (text sent or cleared).
+    useEffect(() => {
+        if (!isSlashToken && dismissed)
+            setDismissed(false);
+    }, [isSlashToken, dismissed]);
+    // Keep the active option valid as the query narrows the list.
+    const filteredLength = filteredSkills.length;
+    const previousLength = useRef(filteredLength);
+    useEffect(() => {
+        if (previousLength.current !== filteredLength) {
+            previousLength.current = filteredLength;
+            setActiveIndex(0);
+        }
+    }, [filteredLength]);
+    const selectSkill = (skill) => {
+        setInputValue(`/${skill.slug} `);
+        setActiveIndex(0);
+    };
+    const handleKeyDown = (event) => {
+        if (!open)
+            return false;
+        switch (event.key) {
+            case 'ArrowDown':
+                if (!filteredSkills.length)
+                    return false;
+                event.preventDefault();
+                setActiveIndex((index) => (index + 1) % filteredSkills.length);
+                return true;
+            case 'ArrowUp':
+                if (!filteredSkills.length)
+                    return false;
+                event.preventDefault();
+                setActiveIndex((index) => (index - 1 + filteredSkills.length) % filteredSkills.length);
+                return true;
+            case 'Enter':
+                if (event.shiftKey || !filteredSkills.length)
+                    return false;
+                event.preventDefault();
+                selectSkill(filteredSkills[activeIndex]);
+                return true;
+            case 'Tab':
+                if (!filteredSkills.length)
+                    return false;
+                event.preventDefault();
+                selectSkill(filteredSkills[activeIndex]);
+                return true;
+            case 'Escape':
+                event.preventDefault();
+                setDismissed(true);
+                return true;
+            default:
+                return false;
+        }
+    };
+    return {
+        open,
+        filteredSkills,
+        activeIndex,
+        setActiveIndex,
+        listboxId,
+        activeOptionId: open && filteredSkills.length > 0 ? `${listboxId}-option-${activeIndex}` : undefined,
+        selectSkill,
+        handleKeyDown,
+    };
 }
 
 /**
@@ -229066,7 +229333,7 @@ const CSS_CLASS_NAMES = {
         STOP_STREAMING_BUTTON: 'chat-stop-streaming-button',
     }};
 
-const AutoResizeTextarea = ({ allowEmptySubmit = false, value, onChange, onSubmit, disabled = false, placeholder = '', sessionId = null, isPreviewMode = false, textAreaRows = 3, className = '', style = {}, allowAnonymousAccess = false, embedMode = false, ...props }) => {
+const AutoResizeTextarea = ({ allowEmptySubmit = false, value, onChange, onSubmit, onComposerKeyDown, disabled = false, placeholder = '', sessionId = null, isPreviewMode = false, textAreaRows = 3, className = '', style = {}, allowAnonymousAccess = false, embedMode = false, ...props }) => {
     const textareaRef = useRef(null);
     const [isResizing, setIsResizing] = useState(false);
     const numberOfMessages = useSelector(selectNumberOfActiveChatMessages);
@@ -229114,6 +229381,8 @@ const AutoResizeTextarea = ({ allowEmptySubmit = false, value, onChange, onSubmi
     const handleKeyDown = (e) => {
         if (isPreviewMode && !allowAnonymousAccess)
             return;
+        if (onComposerKeyDown === null || onComposerKeyDown === void 0 ? void 0 : onComposerKeyDown(e))
+            return;
         if (e.key === 'Enter' && !e.shiftKey) {
             e.preventDefault();
             if (value.trim() || allowEmptySubmit) {
@@ -229388,8 +229657,53 @@ function MemoryButton({ mentorId, tenantKey, username }) {
                             } }))] }) }), jsx(PopoverContent, { className: "w-96 rounded-lg border border-gray-200 bg-white p-0 shadow-xl", children: jsx(MemoryMenu, { onClose: () => setIsOpen(false), mentorId: mentorId, tenantKey: tenantKey, username: username }) })] }));
 }
 
+// Cowork is macOS-only in prod; the env flag bypasses the OS check so the
+// toggle can be exercised on Linux/Windows desktop builds during testing.
+const isMacOS = () => {
+    if (typeof navigator === 'undefined')
+        return false;
+    return /mac/i.test(navigator.userAgent || '');
+};
+const allowNonMacOSCowork = () => process.env.NEXT_PUBLIC_ALLOW_NON_MACOS_COMPUTER_USE_TOGGLE === 'true';
+// 14GB floor per spec; modelSupportsCowork gates size > gb, so a model of
+// exactly 14GB is also off (no 14.0GB model in the catalog). Only the local-model
+// backend needs this; the remote AI has no size requirement.
+const COWORK_MIN_MODEL_GB = 14;
 const InsideButtons = ({ activeOptions, onOptionClick, deepResearch, studyMode, artifactsEnabled, containerWidth, disabled = false, onOpenPromptGallery, embedMode = false, promptsIsEnabled = false, memoryEnabled = false, mentorId, tenantKey, username, }) => {
     const t = useT();
+    // Cowork = the Tauri GhostOS assistant. GhostOS runs the tools on-device;
+    // the "brain" is EITHER a large local model (Local Models / Ollama) OR the
+    // remote AI (DM OpenAI-compatible endpoint), whichever is set up. useGhostOs
+    // handles install/stop; the localStorage pref (isCoworkEnabled) is read
+    // by the chat hook to route the turn. Reads the pref on mount.
+    // Local state is `coworkOn` so it doesn't shadow the imported setCoworkEnabled.
+    const ghostOs = useGhostOs();
+    const [coworkOn, setCoworkOn] = useState(isCoworkEnabled);
+    const toggleCowork = () => {
+        const next = !coworkOn;
+        // Guard only when turning on. Cowork runs on either a large local model
+        // or the remote AI — allow enabling when either backend is ready (the local
+        // model + Cowork combo still works). The chatbox has no inline notice
+        // space, so remind via toast. (RBAC is enforced separately: this button is
+        // `disabled` when the user lacks the mentor `#chat` permission — see
+        // chat-input-form's isChatDisabledByRbac.)
+        if (next) {
+            const localReady = isLocalLLMEnabled() &&
+                modelSupportsCowork(getLocalLLMModel(), COWORK_MIN_MODEL_GB);
+            if (!localReady && !hasRemoteAiConfig()) {
+                toast.warning(isLocalLLMEnabled()
+                    ? t('chatInputFormInsideButtons.coworkModelTooSmall')
+                    : t('chatInputFormInsideButtons.coworkNeedsBackend'));
+                return;
+            }
+        }
+        setCoworkOn(next);
+        setCoworkEnabled(next);
+        if (next)
+            ghostOs.install();
+        else
+            ghostOs.stop();
+    };
     const allInsideButtons = [
         {
             name: 'Canvas',
@@ -229433,6 +229747,14 @@ const InsideButtons = ({ activeOptions, onOptionClick, deepResearch, studyMode,
             action: /* istanbul ignore next */ () => onOptionClick(TOOLS.MEMORY),
             isEnabled: memoryEnabled && !embedMode && !!username,
         },
+        {
+            name: 'Cowork',
+            label: t('chatInputFormInsideButtons.cowork'),
+            icon: jsx(Monitor, { className: "h-4 w-4" }),
+            isActive: coworkOn,
+            action: toggleCowork,
+            isEnabled: ghostOs.isAvailable && (isMacOS() || allowNonMacOSCowork()),
+        },
     ].filter((item) => item.isEnabled);
     // Get visible inside buttons based on screen size
     // Active buttons are always visible, inactive ones are hidden based on available width
@@ -229950,7 +230272,7 @@ function SubmitMessageButton({ isPreviewMode, allowAnonymousAccess, isUploading,
 const PromptGalleryModal$1 = dynamic(() => Promise.resolve().then(function () { return promptGalleryModal; }).then((mod) => mod.PromptGalleryModal), {
     ssr: false,
 });
-function ChatInputForm({ onSubmit, onScreenSharingClick, isScreenSharingModalOpen, onPhoneCallClick, sessionId, stopGenerating, mentorId, tenantKey, isPublicRoute, userIsStudent, username, isPreviewMode, enableWebBrowsing, isStreaming, updateSessionTools, setSessionTools, activeTools, screenSharing, deepResearch, studyMode, imageGeneration, codeInterpreter, promptsIsEnabled, googleSlidesIsEnabled, googleDocumentIsEnabled, artifactsEnabled, compactMode = false, chatAreaMaxWidth, isConnecting = false, stopStreamingButtonRef, }) {
+function ChatInputForm({ onSubmit, onScreenSharingClick, isScreenSharingModalOpen, onPhoneCallClick, sessionId, stopGenerating, mentorId, tenantKey, isPublicRoute, userIsStudent, username, isPreviewMode, enableWebBrowsing, isStreaming, updateSessionTools, setSessionTools, activeTools, screenSharing, deepResearch, studyMode, imageGeneration, codeInterpreter, promptsIsEnabled, googleSlidesIsEnabled, googleDocumentIsEnabled, artifactsEnabled, compactMode = false, chatAreaMaxWidth, isConnecting = false, stopStreamingButtonRef, slashSkills, slashSkillsLoading = false, }) {
     var _a, _b, _c, _d, _e;
     const t = useT();
     const dispatch = useDispatch();
@@ -230004,6 +230326,15 @@ function ChatInputForm({ onSubmit, onScreenSharingClick, isScreenSharingModalOpe
     const setInputValue = (input) => {
         dispatch(chatInputSliceActions.setTextareaInput(input));
     };
+    // `/` skill picker — active only when the host supplies the agent's
+    // effective skills (or reports them loading). No fetching happens here.
+    const effectiveSlashSkills = slashSkills !== null && slashSkills !== void 0 ? slashSkills : [];
+    const slashPicker = useSlashSkillPicker({
+        inputValue,
+        setInputValue,
+        skills: effectiveSlashSkills,
+        isLoading: slashSkillsLoading,
+    });
     const handleSelectPrompt = (promptText) => {
         setInputValue(promptText);
         setIsPromptGalleryOpen(false);
@@ -230068,9 +230399,18 @@ function ChatInputForm({ onSubmit, onScreenSharingClick, isScreenSharingModalOpe
         }
         return persistentChatInputLabel ? '' : t('chatInputForm.askAnything');
     };
-    return (jsxs(Fragment$1, { children: [isTabletOrMobile && !isPreviewMode && !embedMode && !compactMode && (jsx("div", { className: "mx-auto flex w-full justify-end pt-4 pl-4", style: chatAreaMaxWidth ? { maxWidth: `${chatAreaMaxWidth}px` } : undefined, children: jsx(RetrievedDocumentsButton, { sessionId: sessionId }) })), ((_c = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.data) === null || _c === void 0 ? void 0 : _c.disclaimer) && !compactMode && (jsx("div", { className: "mx-auto mt-1 w-full pb-1", style: chatAreaMaxWidth ? { maxWidth: `${chatAreaMaxWidth}px` } : undefined, children: jsx("p", { id: "chat-input-disclaimer", className: "text-center text-[0.625rem] text-gray-500 italic", children: (_d = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.data) === null || _d === void 0 ? void 0 : _d.disclaimer }) })), jsxs("form", { ref: containerRef, onSubmit: handleSubmit, className: cn('mx-auto mt-4 w-full pb-2', CSS_CLASS_NAMES.CHAT.TEXTAREA), style: chatAreaMaxWidth ? { maxWidth: `${chatAreaMaxWidth}px` } : undefined, children: [jsxs("div", { className: "relative overflow-hidden rounded-2xl border border-gray-200 bg-[#fbfbfb] pb-3 shadow-xs", children: [jsx(FileAttachmentsList, { attachedFiles: attachedFiles, onRemoveFile: handleRemoveFile, onRetryFile: retryUpload }), fileAddedNotification && (jsxs("div", { className: "animate-in slide-in-from-bottom-5 absolute top-0 right-0 left-0 -mt-10 flex items-center gap-2 rounded-md bg-blue-50 p-2 text-xs text-blue-600 duration-300", children: [jsx(FileText, { className: "h-3 w-3" }), jsx("span", { className: "truncate", children: fileAddedNotification })] })), jsxs("div", { className: "grid", children: [jsx("label", { id: "chat-input-label", htmlFor: "chat-input-textarea", className: cn(persistentChatInputLabel
+    return (jsxs(Fragment$1, { children: [isTabletOrMobile && !isPreviewMode && !embedMode && !compactMode && (jsx("div", { className: "mx-auto flex w-full justify-end pt-4 pl-4", style: chatAreaMaxWidth ? { maxWidth: `${chatAreaMaxWidth}px` } : undefined, children: jsx(RetrievedDocumentsButton, { sessionId: sessionId }) })), ((_c = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.data) === null || _c === void 0 ? void 0 : _c.disclaimer) && !compactMode && (jsx("div", { className: "mx-auto mt-1 w-full pb-1", style: chatAreaMaxWidth ? { maxWidth: `${chatAreaMaxWidth}px` } : undefined, children: jsx("p", { id: "chat-input-disclaimer", className: "text-center text-[0.625rem] text-gray-500 italic", children: (_d = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.data) === null || _d === void 0 ? void 0 : _d.disclaimer }) })), jsxs("form", { ref: containerRef, onSubmit: handleSubmit, className: cn('relative mx-auto mt-4 w-full pb-2', CSS_CLASS_NAMES.CHAT.TEXTAREA), style: chatAreaMaxWidth ? { maxWidth: `${chatAreaMaxWidth}px` } : undefined, children: [slashPicker.open && (jsx(SlashSkillPicker, { skills: slashPicker.filteredSkills, activeIndex: slashPicker.activeIndex, listboxId: slashPicker.listboxId, onSelect: slashPicker.selectSkill, onActiveIndexChange: slashPicker.setActiveIndex, isLoading: slashSkillsLoading })), jsxs("div", { className: "relative overflow-hidden rounded-2xl border border-gray-200 bg-[#fbfbfb] pb-3 shadow-xs", children: [jsx(FileAttachmentsList, { attachedFiles: attachedFiles, onRemoveFile: handleRemoveFile, onRetryFile: retryUpload }), fileAddedNotification && (jsxs("div", { className: "animate-in slide-in-from-bottom-5 absolute top-0 right-0 left-0 -mt-10 flex items-center gap-2 rounded-md bg-blue-50 p-2 text-xs text-blue-600 duration-300", children: [jsx(FileText, { className: "h-3 w-3" }), jsx("span", { className: "truncate", children: fileAddedNotification })] })), jsxs("div", { className: "grid", children: [jsx("label", { id: "chat-input-label", htmlFor: "chat-input-textarea", className: cn(persistentChatInputLabel
                                             ? 'block px-[18.5px] pt-3 text-xs font-medium text-gray-600'
-                                            : 'sr-only'), children: t('chatInputForm.askAnything') }), jsx(AutoResizeTextarea, { id: "chat-input-textarea", "aria-labelledby": "chat-input-label", "aria-describedby": ((_e = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.data) === null || _e === void 0 ? void 0 : _e.disclaimer) ? 'chat-input-disclaimer' : undefined, value: inputValue, onChange: handleInputChange, onSubmit: handleSubmit, sessionId: sessionId, isPreviewMode: isPreviewMode, textAreaRows: textAreaRows, placeholder: isChatDisabledByRbac ? t('chatInputForm.noChatPermission') : textAreaPlaceholder(), disabled: isChatDisabledByRbac || hasUploadingFiles, allowEmptySubmit: attachedFiles.length > 0, allowAnonymousAccess: isMentorViewableByAnyone || showingSharedChat || !!userIsVisiting, embedMode: embedMode }), jsxs("div", { className: "flex items-center gap-2 px-2", children: [visibleToLoggedInUsersOnly && !compactMode && (jsx(UploadMenu, { onFileInputTrigger: () => executeWithTrialCheck(triggerFileInput), disabled: isChatDisabledByRbac || !sessionId, mentorId: mentorId, tenantKey: tenantKey, isPublicRoute: isPublicRoute })), visibleToLoggedInUsersOnly && !compactMode && (jsx(InsideButtons, { containerWidth: containerWidth, activeOptions: activeTools, onOptionClick: updateSessionTools, deepResearch: deepResearch, artifactsEnabled: artifactsEnabled, disabled: isChatDisabledByRbac, onOpenPromptGallery: openPromptGallery, embedMode: embedMode, promptsIsEnabled: promptsIsEnabled, studyMode: studyMode, memoryEnabled: mentorSettings.data.memoryEnabled, mentorId: mentorId, tenantKey: tenantKey, username: username })), jsxs("div", { className: "ml-auto flex", children: [visibleToLoggedInUsersOnly && !compactMode && (jsx(ScreenSharingButton, { onClick: onScreenSharingClick, isScreenSharingModalOpen: isScreenSharingModalOpen, screenSharing: screenSharing, isPreviewMode: isPreviewMode, disabled: isChatDisabledByRbac })), visibleToLoggedInUsersOnly && !compactMode && (jsx(VoiceChatButton, { isPreviewMode: isPreviewMode, handleMicrophoneBtnClick: () => executeWithTrialCheck(handleMicrophoneBtnClick), processing: processing, recording: recording, disabled: isChatDisabledByRbac, mentorId: mentorId, tenantKey: tenantKey, isPublicRoute: isPublicRoute })), visibleToLoggedInUsersOnly && !compactMode && (jsx(VoiceCallButton, { isPreviewMode: isPreviewMode, onClick: () => executeWithTrialCheck(onPhoneCallClick), disabled: isChatDisabledByRbac, mentorId: mentorId, tenantKey: tenantKey, isPublicRoute: isPublicRoute })), isStreaming ? (jsx(StopStreamingButton, { ref: stopStreamingButtonRef, stopGenerating: stopGenerating })) : (jsx(SubmitMessageButton, { isPreviewMode: isPreviewMode, allowAnonymousAccess: isMentorViewableByAnyone, isUploading: hasUploadingFiles, disabled: isChatDisabledByRbac || !sessionId, isConnecting: isConnecting }))] })] })] }), jsx("input", { type: "file", ref: fileUploadInputRef, className: "hidden", onChange: handleFileInputChange, accept: fileUploadCapabilities.allSupportedTypes.length > 0
+                                            : 'sr-only'), children: t('chatInputForm.askAnything') }), jsx(AutoResizeTextarea, { id: "chat-input-textarea", "aria-labelledby": "chat-input-label", "aria-describedby": ((_e = mentorSettings === null || mentorSettings === void 0 ? void 0 : mentorSettings.data) === null || _e === void 0 ? void 0 : _e.disclaimer) ? 'chat-input-disclaimer' : undefined, ...((effectiveSlashSkills.length > 0 || slashPicker.open) && {
+                                            role: 'combobox',
+                                            'aria-expanded': slashPicker.open,
+                                            'aria-haspopup': 'listbox',
+                                            'aria-controls': slashPicker.open && slashPicker.filteredSkills.length > 0
+                                                ? slashPicker.listboxId
+                                                : undefined,
+                                            'aria-activedescendant': slashPicker.activeOptionId,
+                                            'aria-autocomplete': 'list',
+                                        }), value: inputValue, onChange: handleInputChange, onSubmit: handleSubmit, onComposerKeyDown: slashPicker.handleKeyDown, sessionId: sessionId, isPreviewMode: isPreviewMode, textAreaRows: textAreaRows, placeholder: isChatDisabledByRbac ? t('chatInputForm.noChatPermission') : textAreaPlaceholder(), disabled: isChatDisabledByRbac || hasUploadingFiles, allowEmptySubmit: attachedFiles.length > 0, allowAnonymousAccess: isMentorViewableByAnyone || showingSharedChat || !!userIsVisiting, embedMode: embedMode }), jsxs("div", { className: "flex items-center gap-2 px-2", children: [visibleToLoggedInUsersOnly && !compactMode && (jsx(UploadMenu, { onFileInputTrigger: () => executeWithTrialCheck(triggerFileInput), disabled: isChatDisabledByRbac || !sessionId, mentorId: mentorId, tenantKey: tenantKey, isPublicRoute: isPublicRoute })), visibleToLoggedInUsersOnly && !compactMode && (jsx(InsideButtons, { containerWidth: containerWidth, activeOptions: activeTools, onOptionClick: updateSessionTools, deepResearch: deepResearch, artifactsEnabled: artifactsEnabled, disabled: isChatDisabledByRbac, onOpenPromptGallery: openPromptGallery, embedMode: embedMode, promptsIsEnabled: promptsIsEnabled, studyMode: studyMode, memoryEnabled: mentorSettings.data.memoryEnabled, mentorId: mentorId, tenantKey: tenantKey, username: username })), jsxs("div", { className: "ml-auto flex", children: [visibleToLoggedInUsersOnly && !compactMode && (jsx(ScreenSharingButton, { onClick: onScreenSharingClick, isScreenSharingModalOpen: isScreenSharingModalOpen, screenSharing: screenSharing, isPreviewMode: isPreviewMode, disabled: isChatDisabledByRbac })), visibleToLoggedInUsersOnly && !compactMode && (jsx(VoiceChatButton, { isPreviewMode: isPreviewMode, handleMicrophoneBtnClick: () => executeWithTrialCheck(handleMicrophoneBtnClick), processing: processing, recording: recording, disabled: isChatDisabledByRbac, mentorId: mentorId, tenantKey: tenantKey, isPublicRoute: isPublicRoute })), visibleToLoggedInUsersOnly && !compactMode && (jsx(VoiceCallButton, { isPreviewMode: isPreviewMode, onClick: () => executeWithTrialCheck(onPhoneCallClick), disabled: isChatDisabledByRbac, mentorId: mentorId, tenantKey: tenantKey, isPublicRoute: isPublicRoute })), isStreaming ? (jsx(StopStreamingButton, { ref: stopStreamingButtonRef, stopGenerating: stopGenerating })) : (jsx(SubmitMessageButton, { isPreviewMode: isPreviewMode, allowAnonymousAccess: isMentorViewableByAnyone, isUploading: hasUploadingFiles, disabled: isChatDisabledByRbac || !sessionId, isConnecting: isConnecting }))] })] })] }), jsx("input", { type: "file", ref: fileUploadInputRef, className: "hidden", onChange: handleFileInputChange, accept: fileUploadCapabilities.allSupportedTypes.length > 0
                                     ? fileUploadCapabilities.allSupportedTypes.join(',')
                                     : MENTOR_CHAT_DOCUMENTS_EXTENSIONS.join(','), multiple: true, disabled: isChatDisabledByRbac || !sessionId })] }), visibleToLoggedInUsersOnly && !compactMode && (jsx("div", { className: "flex w-full justify-center", children: jsx(OutsideButtons, { activeOptions: activeTools, onOptionClick: updateSessionTools, setSessionTools: setSessionTools, onCrossClick: updateSessionTools, containerWidth: containerWidth, enableWebBrowsing: enableWebBrowsing, imageGeneration: imageGeneration, codeInterpreter: codeInterpreter, googleSlidesIsEnabled: googleSlidesIsEnabled, googleDocumentIsEnabled: googleDocumentIsEnabled, tenantKey: tenantKey, userId: username, disabled: isChatDisabledByRbac }) }))] }), isPromptGalleryOpen && (jsx(PromptGalleryModal$1, { isOpen: isPromptGalleryOpen, onClose: () => setIsPromptGalleryOpen(false), onSelectPrompt: handleSelectPrompt, mentorId: mentorId, tenantKey: tenantKey, userIsStudent: userIsStudent })), isFreeTrialModalOpen && FreeTrialDialog && (jsx(FreeTrialDialog, { isOpen: isFreeTrialModalOpen, onClose: closeFreeTrialModal }))] }));
 }
@@ -234207,5 +234547,5 @@ var trainOrDeleteModal = /*#__PURE__*/Object.freeze({
     TrainOrDeleteModal: TrainOrDeleteModal
 });
 
-export { ACCESS_COURSE_LABEL, AccessTimeHeatmap, AccessiblePaginate, AddMentorToProjectModal, AddSkillDialog, Admin, AdvancedTab, AgentConfigPrompts, AgentSkills, AlertsTab, AnalyticsAuditLogStats, AnalyticsCourseDetail, AnalyticsCourses, AnalyticsFinancialStats, AnalyticsLayout, AnalyticsMonetizationStats, AnalyticsOverview, AnalyticsProgramDetail, AnalyticsPrograms, AnalyticsReportDownload, AnalyticsReports, AnalyticsSettingsProvider, AnalyticsTopicsStats, AnalyticsTranscriptsStats, AnalyticsUsersStats, AppleRestrictionModal, ApplyWizard, BUY_NOW_LABEL, BillingTab, CATALOGS, CREATE_AGENT_LABELS, CategorizedDropdownMenu, ChartCardWrapper, ChartFiltersProvider, ChartLoading, ChatContext, ChatPrivacyToggle, ChatProvider, CompanyDialog, ConnectorManagementDialog, CopyButtonIcon, CourseAccessGuard, CourseCardSkeleton, CourseContentLoading, CourseOutline, CourseOutlineContext, CourseOutlineDrawer, CreateAgentForm, CreateAgentModal, CreateProjectModal, CreateWorkflowModal, CredentialBox, CredentialMiniBoxSkeleton, CredentialsList, CreditBalance, CustomDateRangePicker, CustomTooltip, DEFAULT_LOCALE, DEFAULT_SYSTEM_CONTROL_REQUIRED_SIZE_GB, DefaultEmptyBox, DeleteProjectModal, DeleteWorkflowModal, DiscoverContentCard, DiscoverFacetsFilter, DiscoverFilterDrawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENROLL_NOW_COURSE_STARTING_SOON_LABEL, ENROLL_NOW_LABEL, EditAlertDialog, EducationBox, EducationDialog, EducationTab, EdxIframeContext, EmptyStats, ExperienceBox, ExperienceDialog, ExperienceTab, FacetFilterContext, Footer, GHOST_OS_REPO_URL, GHOST_OS_TAURI_COMMANDS, GHOST_OS_TAURI_EVENTS, GradebookTab, GroupsFilterDropdown, INVITATION_ONLY_LABEL, InstitutionDialog, IntegrationsTab, InviteUserContent, InviteUserDialog, InvitedUsersDialog, LOCAL_MODELS, Loader, LocalLLMTab, LocalModelsContent, LoginButton, MACOS_PERMISSIONS_COMMANDS, Markdown, MinimumMentorAlert, MonetizationTab, NotificationDisplay, NotificationDropdown, ONBOARDING_SECTORS, OnboardingShell, OnboardingWizard, PaywallModal, PlacementExam, PlacementExamsDropdown, PlatformNavbar, PlatformNavbarSearch, Profile, ProfileTimeChart, ProgressDots, ProjectActionButtons, ProjectFilesModal, ProjectInstructionsModal, ProjectLandingPage, ProjectMentorsList, ProjectsPage, REQUEST_ACCESS_COURSE_STARTING_SOON_LABEL, REQUEST_ACCESS_LABEL, RenameProjectModal, ResumeBox, ResumeTab, RichTextEditor, SUPPORTED_LOCALES, SandboxConfig, SearchableMultiSelect, SendNotificationDialog, SignupButton, SkeletonActivityStatBox, SkeletonAddSkillsLoading, SkeletonCreatePathwaySearchList, SkeletonDiscoverFilterBox, SkeletonEducationBox, SkeletonMultiplier, SkeletonPathwayBox, SkeletonProfileInfoCard, SkeletonSkillBox, SkillBox, SkillDetailModal, SkillLeaderboardChart, SkillsBox, SkillsList, Spinner, StatCard, StepHeader, SystemControlContent, SystemControlTab, TAURI_COMMANDS, TAURI_EVENTS, TenantSwitcher, TimeFilter, TimeTrackingProvider, TimedExam, ToolDialogs, TopBanner, UpgradePackageModal, UserAvatar, Version, WebContainersI18nProvider, WorkflowSidebar, addBookmarksTab, availablePlacementExams, findLastResumeBlock, findSequentialParent, flattenVerticalBlocks, getCatalog, getFirstAvailableUnit, getLocalLLMModel, getLocalLLMToolSupport, getNextUnitIframe, getOrg, getParentBlockById, getParentsInfosFromSublessonId, getPreviousUnitIframe, getRandomCourseImage, getSectorById, getTenant, getUnitToIframe, getUserId, getUserName, inBrowserPrint, inIframe, initialGhostOsInstallState, initialModelDownloadState, isLocalLLMEnabled, isPlatformNavbarCreditBalanceVisible, isSystemControlEnabled, isTauriApp, isValidLocale, components as markdownComponents, modelSupportsSystemControl, onboardingPrimaryButtonClass, onboardingSecondaryButtonClass, resolveCreateAgentLabels, sanitizeCss, setLocalLLMEnabled, setLocalLLMModel, setLocalLLMToolSupport, setSystemControlEnabled, smallestSystemControlModel, useAnalyticsSettings, useAuditLog, useCatalogSearch, useChartFilters, useChatPrivacy, useChatState, useCourseDetail, useCourseMetadata, useCourses, useDiscover, useEdxIframe, useFinancial, useGhostOs, useIframeMessageHandler, useLocalStorage, useModelDownload, useMonetization, useOverview, useProfileActivityStats, useProfileCredentials, useProfilePathways, useProfilePrograms, useProfileSkills, useProfileTimeSpent, usePrograms, useReports, useT, useTauri, useTimeTracking, useTopics, useTranscripts, useUserCourses, useUserMetadata, useUsers, useWebContainersI18n, useWebContainersLocale };
+export { ACCESS_COURSE_LABEL, AccessTimeHeatmap, AccessiblePaginate, AddMentorToProjectModal, AddSkillDialog, Admin, AdvancedTab, AgentConfigPrompts, AgentSkills, AlertsTab, AnalyticsAuditLogStats, AnalyticsCourseDetail, AnalyticsCourses, AnalyticsFinancialStats, AnalyticsLayout, AnalyticsMonetizationStats, AnalyticsOverview, AnalyticsProgramDetail, AnalyticsPrograms, AnalyticsReportDownload, AnalyticsReports, AnalyticsSettingsProvider, AnalyticsTopicsStats, AnalyticsTranscriptsStats, AnalyticsUsersStats, AppleRestrictionModal, ApplyWizard, BUY_NOW_LABEL, BillingTab, CATALOGS, CREATE_AGENT_LABELS, CategorizedDropdownMenu, ChartCardWrapper, ChartFiltersProvider, ChartLoading, ChatContext, ChatPrivacyToggle, ChatProvider, CompanyDialog, ConnectorManagementDialog, CopyButtonIcon, CourseAccessGuard, CourseCardSkeleton, CourseContentLoading, CourseOutline, CourseOutlineContext, CourseOutlineDrawer, CreateAgentForm, CreateAgentModal, CreateProjectModal, CreateWorkflowModal, CredentialBox, CredentialMiniBoxSkeleton, CredentialsList, CreditBalance, CustomDateRangePicker, CustomTooltip, DEFAULT_COWORK_REQUIRED_SIZE_GB, DEFAULT_LOCALE, DefaultEmptyBox, DeleteProjectModal, DeleteWorkflowModal, DiscoverContentCard, DiscoverFacetsFilter, DiscoverFilterDrawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ENROLL_NOW_COURSE_STARTING_SOON_LABEL, ENROLL_NOW_LABEL, EditAlertDialog, EducationBox, EducationDialog, EducationTab, EdxIframeContext, EmptyStats, ExperienceBox, ExperienceDialog, ExperienceTab, FacetFilterContext, Footer, GHOST_OS_REPO_URL, GHOST_OS_TAURI_COMMANDS, GHOST_OS_TAURI_EVENTS, GradebookTab, GroupsFilterDropdown, INVITATION_ONLY_LABEL, InstitutionDialog, IntegrationsTab, InviteUserContent, InviteUserDialog, InvitedUsersDialog, LOCAL_MODELS, Loader, LocalLLMTab, LocalModelsContent, LoginButton, MACOS_PERMISSIONS_COMMANDS, Markdown, MinimumMentorAlert, MonetizationTab, NotificationDisplay, NotificationDropdown, ONBOARDING_SECTORS, OnboardingShell, OnboardingWizard, PaywallModal, PlacementExam, PlacementExamsDropdown, PlatformNavbar, PlatformNavbarSearch, Profile, ProfileTimeChart, ProgressDots, ProjectActionButtons, ProjectFilesModal, ProjectInstructionsModal, ProjectLandingPage, ProjectMentorsList, ProjectsPage, REQUEST_ACCESS_COURSE_STARTING_SOON_LABEL, REQUEST_ACCESS_LABEL, RenameProjectModal, ResumeBox, ResumeTab, RichTextEditor, SUPPORTED_LOCALES, SandboxConfig, SearchableMultiSelect, SendNotificationDialog, SignupButton, SkeletonActivityStatBox, SkeletonAddSkillsLoading, SkeletonCreatePathwaySearchList, SkeletonDiscoverFilterBox, SkeletonEducationBox, SkeletonMultiplier, SkeletonPathwayBox, SkeletonProfileInfoCard, SkeletonSkillBox, SkillBox, SkillDetailModal, SkillLeaderboardChart, SkillsBox, SkillsList, SlashSkillPicker, Spinner, StatCard, StepHeader, TAURI_COMMANDS, TAURI_EVENTS, TenantSwitcher, TimeFilter, TimeTrackingProvider, TimedExam, ToolDialogs, TopBanner, UpgradePackageModal, UserAvatar, Version, WebContainersI18nProvider, WorkflowSidebar, addBookmarksTab, availablePlacementExams, findLastResumeBlock, findSequentialParent, flattenVerticalBlocks, getCatalog, getFirstAvailableUnit, getLocalLLMModel, getLocalLLMToolSupport, getNextUnitIframe, getOrg, getParentBlockById, getParentsInfosFromSublessonId, getPreviousUnitIframe, getRandomCourseImage, getSectorById, getTenant, getUnitToIframe, getUserId, getUserName, inBrowserPrint, inIframe, initialGhostOsInstallState, initialModelDownloadState, isCoworkEnabled, isLocalLLMEnabled, isPlatformNavbarCreditBalanceVisible, isSlashCommandToken, isTauriApp, isValidLocale, components as markdownComponents, modelSupportsCowork, onboardingPrimaryButtonClass, onboardingSecondaryButtonClass, resolveCreateAgentLabels, sanitizeCss, setCoworkEnabled, setLocalLLMEnabled, setLocalLLMModel, setLocalLLMToolSupport, smallestCoworkModel, useAnalyticsSettings, useAuditLog, useCatalogSearch, useChartFilters, useChatPrivacy, useChatState, useCourseDetail, useCourseMetadata, useCourses, useDiscover, useEdxIframe, useFinancial, useGhostOs, useIframeMessageHandler, useLocalStorage, useModelDownload, useMonetization, useOverview, useProfileActivityStats, useProfileCredentials, useProfilePathways, useProfilePrograms, useProfileSkills, useProfileTimeSpent, usePrograms, useReports, useSlashSkillPicker, useT, useTauri, useTimeTracking, useTopics, useTranscripts, useUserCourses, useUserMetadata, useUsers, useWebContainersI18n, useWebContainersLocale };
 //# sourceMappingURL=index.esm.js.map