@iblai/iblai-js 2.2.8 → 2.2.10

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { useState, useEffect, forwardRef, createElement as createElement$3, useLayoutEffect, createContext, useContext, useMemo, useCallback, useReducer, useRef, useImperativeHandle, isValidElement, Children, PureComponent, cloneElement, Component as Component$1, useId as useId$2, useDebugValue, lazy, Suspense } from 'react';
+import React__default, { useState, useEffect, forwardRef, createElement as createElement$3, useLayoutEffect, createContext, useContext, useMemo, useReducer, useRef, useImperativeHandle, useCallback, isValidElement, Children, PureComponent, cloneElement, Component as Component$1, useId as useId$2, useDebugValue, lazy, Suspense } from 'react';
 import * as dataLayer from '@iblai/data-layer';
-import { useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, 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, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useGetVectorDocumentsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetConnectedServiceAuthUrlQuery, useStarMentorMutation, useUnstarMentorMutation, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorSettingsQuery, useEditMentorMutation, useUploadLightLogoMutation, useUploadDarkLogoMutation, useUpdatePlatformInfoMutation, LOGO_ENDPOINTS, useCreateEvalDatasetMutation, useAddEvalDatasetItemsMutation, useUploadEvalDatasetCsvMutation, useDeleteEvalDatasetItemMutation, useListEvalDatasetItemsQuery, evalTotalPages, useListEvalDatasetsQuery, useGetUserProjectsQuery, useCreateSessionIdMutation, useGetMentorCategoriesQuery, useGetTenantChatPrivacyConfigQuery as useGetTenantChatPrivacyConfigQuery$1, useGetCallConfigurationsQuery, useCreateCallConfigurationMutation, useUpdateCallConfigurationMutation, chatPrivacyApiSlice, useDeleteMentorMutation, useForkMentorMutation, useGetToolsQuery, useLazyGetMCPServersQuery, useOauthFindMutation, useLazyStartOAuthFlowQuery, useCreateMCPServerMutation, usePartialUpdateMCPServerMutation, useCreateMCPServerConnectionMutation, usePatchMCPServerConnectionMutation, useGetConnectedServicesQuery, useGetMCPServersQuery, useGetMCPServerConnectionsQuery, useUpdateMCPServerMutation, useDeleteMCPServerMutation, useEditMentorJsonMutation, useDisconnectServiceMutation, useGetPromptCategoriesQuery, PRIVACY_ACTIONS, PRIVACY_ENTITY_TYPES, useGetVoicesQuery, useGetVoiceQuery, useGetMentorGraderConfigurationQuery, useListGraderCriteriaQuery, useCreateMentorGraderConfigurationMutation, useUpdateMentorGraderConfigurationMutation, useCreateGraderCriterionMutation, useUpdateGraderCriterionMutation, useDeleteGraderCriterionMutation, useGetMentorPublicSettingsQuery, useGetChatHistoryFilterQuery, useGetChatHistoryQuery, useGetMentorSummariesQuery, useGetConversationMemoriesQuery, useGetSupportTicketsQuery, useGetSupportTicketMessagesQuery, useCreateSupportTicketMessageMutation, usePatchSupportTicketMutation, useCloseSupportTicketMutation, useCreateLtiMentorMutation, useUpdateLtiMentorMutation, useGetLtiMentorsQuery, useCreateLtiKeyMutation, useUpdateLtiKeyMutation, useDeleteLtiKeyMutation, useGetLtiKeysQuery, useCreateLtiToolMutation, useUpdateLtiToolMutation, useGetLtiToolsQuery, useGetPlatformInfoQuery, useCreatePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useCreateRedirectTokenMutation, useGetShareableLinkQuery, useCreateShareableLinkMutation, useUpdateShareableLinkMutation, useCreateDisclaimerMutation, useUpdateDisclaimerMutation, useGetDisclaimersQuery, useUpdateRbacMentorAccessMutation, useGetRbacMentorAccessListQuery, useStartEvalRunMutation, useEvaluateEvalRunMutation, useGetEvalRunQuery, useDeleteEvalScoreMutation, useListEvalRunJudgesQuery, useCreateEvalScoreMutation, useDeleteEvalRunMutation, useExportEvalRunMutation, useListEvalRunsQuery, useLazyGetEvalRunQuery, evaluationsApiSlice, EVALUATIONS_TAGS, useGetPersonnalizedMentorsQuery, useCreateCallCredentialsMutation, useGetGuidedPromptsQuery, useUpdateChatSessionSharedMutation, useUpdateMessageFeedbackMutation, useLazyGetPromptsSearchQuery, useLazyGetGuidedPromptsQuery, useGetPublicMentorsQuery, useGetPeriodicAgentsQuery, useGetPeriodicAgentLogsListQuery, useCreatePeriodicAgentMutation, useDeletePeriodicAgentMutation, useDeletePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation, useCreateMemoryCategoryMutation, useUpdateMemoryCategoryMutation, useDeleteMemoryCategoryMutation, useUpdateArtifactMutation, useLazyGetArtifactVersionQuery, useLazyListArtifactVersionsQuery, useSetCurrentVersionMutation, useListArtifactVersionsQuery, useLazyGetArtifactQuery, useLazyListArtifactsQuery, useEditSessionMutation } from '@iblai/data-layer';
-import { getInitials, useTenantMetadata, WithPermissions, useStripeUpgrade, openExternalUrl, CHAT_AREA_SIZE, isAlphaNumeric32, checkRbacPermission, selectNumberOfActiveChatMessages, useUsername, selectStreaming, isLoggedIn, TOOLS, isSafariBrowser, useShowAttachment, useShowVoiceCall, useShowVoiceRecorder, useMentorSettings, selectShowingSharedChat, selectRbacPermissions, useShowFreeTrialDialog, useEmbedMode, chatInputSliceSelectors, useResponsive, useAccessingPublicRoute, useVisitingTenant, useModelFileUploadCapabilities, useChatFileUpload, useVoiceChat, selectAttachedFiles, MENTOR_CHAT_DOCUMENTS_EXTENSIONS, removeFile, chatInputSliceActions, chatActions, WithFormPermissions, useTenantContext, TimeTracker, advancedTabsProperties, defaultSessionIds, pickWritableFields, ANONYMOUS_USERNAME as ANONYMOUS_USERNAME$3, redirectToAuthSpaJoinTenant, selectActiveTab, useAxdToken, useWelcomeMessage, markdownToPlainText, useCachedSessionId, use402ErrorCheck, selectTokenEnabled, selectToken, useServiceWorker, useUserAgreement, useAdvancedChat, sendMessageToParentWebsite, useMentorTools, useFileDragDrop, eventBus, RemoteEvents, selectEnableChatActionsPopup, advancedTabs, isInIframe, getAuthSpaJoinUrl, addMessage, clearFiles, MENTOR_VISIBILITY } from '@iblai/web-utils';
+import { 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, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useGetAgentSkillResourcesQuery, useCreateAgentSkillResourceMutation, useUpdateAgentSkillResourceMutation, useUploadAgentSkillResourceAssetMutation, useDeleteAgentSkillResourceMutation, useGetAgentSkillsQuery, useGetMentorSkillAssignmentsQuery, useCreateMentorSkillAssignmentMutation, useUpdateMentorSkillAssignmentMutation, useDeleteMentorSkillAssignmentMutation, useCreateAgentSkillMutation, useUpdateAgentSkillMutation, useDeleteAgentSkillMutation, resolveEffectiveAgentSkills, filterSlashSkills, useUpdateUserProjectMutation, useGetTrainingDocumentsQuery, useGetVectorDocumentsQuery, useGetMentorMemoriesListQuery, useGetMemoryCategoriesAdminQuery, useDeleteMentorMemoryMutation, useUpdateMentorMemoryMutation, useCreateMentorMemoryMutation, useLazyGetConnectedServiceAuthUrlQuery, useStarMentorMutation, useUnstarMentorMutation, useCreateUserProjectMutation, useDeleteUserProjectMutation, useGetUserProjectDetailsQuery, useEditTrainingDocumentMutation, useAddTrainingDocumentMutation, useLazyGetCredentialsQuery, useGetMentorSettingsQuery, useEditMentorMutation, useUploadLightLogoMutation, useUploadDarkLogoMutation, useUpdatePlatformInfoMutation, LOGO_ENDPOINTS, useCreateEvalDatasetMutation, useAddEvalDatasetItemsMutation, useUploadEvalDatasetCsvMutation, useDeleteEvalDatasetItemMutation, useListEvalDatasetItemsQuery, evalTotalPages, useListEvalDatasetsQuery, useGetUserProjectsQuery, useCreateSessionIdMutation, useGetMentorCategoriesQuery, useGetTenantChatPrivacyConfigQuery as useGetTenantChatPrivacyConfigQuery$1, useGetCallConfigurationsQuery, useCreateCallConfigurationMutation, useUpdateCallConfigurationMutation, chatPrivacyApiSlice, useDeleteMentorMutation, useForkMentorMutation, useGetToolsQuery, useLazyGetMCPServersQuery, useOauthFindMutation, useLazyStartOAuthFlowQuery, useCreateMCPServerMutation, usePartialUpdateMCPServerMutation, useCreateMCPServerConnectionMutation, usePatchMCPServerConnectionMutation, useGetConnectedServicesQuery, useGetMCPServersQuery, useGetMCPServerConnectionsQuery, useUpdateMCPServerMutation, useDeleteMCPServerMutation, useEditMentorJsonMutation, useDisconnectServiceMutation, useGetPromptCategoriesQuery, PRIVACY_ACTIONS, PRIVACY_ENTITY_TYPES, useGetVoicesQuery, useGetVoiceQuery, isBaseAgentMentor, useGetMentorGraderConfigurationQuery, useListGraderCriteriaQuery, useCreateMentorGraderConfigurationMutation, useUpdateMentorGraderConfigurationMutation, useCreateGraderCriterionMutation, useUpdateGraderCriterionMutation, useDeleteGraderCriterionMutation, useGetMentorPublicSettingsQuery, useGetChatHistoryFilterQuery, useGetChatHistoryQuery, useGetMentorSummariesQuery, useGetConversationMemoriesQuery, useGetSupportTicketsQuery, useGetSupportTicketMessagesQuery, useCreateSupportTicketMessageMutation, usePatchSupportTicketMutation, useCloseSupportTicketMutation, useCreateLtiMentorMutation, useUpdateLtiMentorMutation, useGetLtiMentorsQuery, useCreateLtiKeyMutation, useUpdateLtiKeyMutation, useDeleteLtiKeyMutation, useGetLtiKeysQuery, useCreateLtiToolMutation, useUpdateLtiToolMutation, useGetLtiToolsQuery, useGetPlatformInfoQuery, useCreatePromptMutation, useGetPromptsSearchQuery, useUpdatePromptMutation, useCreateRedirectTokenMutation, useGetShareableLinkQuery, useCreateShareableLinkMutation, useUpdateShareableLinkMutation, useCreateDisclaimerMutation, useUpdateDisclaimerMutation, useGetDisclaimersQuery, useUpdateRbacMentorAccessMutation, useGetRbacMentorAccessListQuery, useStartEvalRunMutation, useEvaluateEvalRunMutation, useGetEvalRunQuery, useDeleteEvalScoreMutation, useListEvalRunJudgesQuery, useCreateEvalScoreMutation, useDeleteEvalRunMutation, useExportEvalRunMutation, useListEvalRunsQuery, useLazyGetEvalRunQuery, evaluationsApiSlice, EVALUATIONS_TAGS, useGetPersonnalizedMentorsQuery, useCreateCallCredentialsMutation, useGetGuidedPromptsQuery, useUpdateChatSessionSharedMutation, useUpdateMessageFeedbackMutation, useLazyGetPromptsSearchQuery, useLazyGetGuidedPromptsQuery, useGetPublicMentorsQuery, useGetPeriodicAgentsQuery, useGetPeriodicAgentLogsListQuery, useCreatePeriodicAgentMutation, useDeletePeriodicAgentMutation, useDeletePromptMutation, useDeleteTrainingDocumentMutation, useGetTrainingDocumentRetrainScheduleQuery, useCreateTrainingDocumentRetrainScheduleMutation, useCreateMemoryCategoryMutation, useUpdateMemoryCategoryMutation, useDeleteMemoryCategoryMutation, useUpdateArtifactMutation, useLazyGetArtifactVersionQuery, useLazyListArtifactVersionsQuery, useSetCurrentVersionMutation, useListArtifactVersionsQuery, useLazyGetArtifactQuery, useLazyListArtifactsQuery, useEditSessionMutation } from '@iblai/data-layer';
+import { getInitials, useTenantMetadata, WithPermissions, useStripeUpgrade, openExternalUrl, CHAT_AREA_SIZE, isAlphaNumeric32, checkRbacPermission, 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, removeFile, chatInputSliceActions, chatActions, WithFormPermissions, useTenantContext, TimeTracker, advancedTabsProperties, defaultSessionIds, pickWritableFields, ANONYMOUS_USERNAME as ANONYMOUS_USERNAME$3, redirectToAuthSpaJoinTenant, selectActiveTab, useAxdToken, useWelcomeMessage, markdownToPlainText, useCachedSessionId, use402ErrorCheck, selectTokenEnabled, selectToken, useServiceWorker, useUserAgreement, useAdvancedChat, sendMessageToParentWebsite, useMentorTools, useFileDragDrop, eventBus, RemoteEvents, selectEnableChatActionsPopup, advancedTabs, isInIframe, getAuthSpaJoinUrl, addMessage, clearFiles, MENTOR_VISIBILITY } from '@iblai/web-utils';
 import { useDispatch, useSelector } from 'react-redux';
 import { toast } from 'sonner';
 import { useSearchParams, useParams, useRouter, usePathname } from 'next/navigation';
@@ -98069,118 +98069,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",
@@ -98334,6 +98222,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 = {
@@ -98491,7 +98382,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",
@@ -100756,7 +100697,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: {
@@ -102395,6 +102336,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"
@@ -102691,6 +102645,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,
@@ -102745,7 +102811,6 @@ var en = {
 	careerEducationDialog: careerEducationDialog$3,
 	careerEducationTab: careerEducationTab$3,
 	gradebookGradebookTab: gradebookGradebookTab$3,
-	graderTabLabels: graderTabLabels$3,
 	careerExperienceDialog: careerExperienceDialog$3,
 	careerExperienceTab: careerExperienceTab$3,
 	careerInstitutionDialog: careerInstitutionDialog$3,
@@ -102939,10 +103004,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 = {
@@ -104452,6 +104520,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 = {
@@ -104609,7 +104680,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",
@@ -106874,7 +106995,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: {
@@ -108809,6 +108930,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,
@@ -109060,7 +109194,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 = {
@@ -110570,6 +110706,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 = {
@@ -110727,7 +110866,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",
@@ -112992,7 +113181,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: {
@@ -114927,6 +115116,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,
@@ -115178,7 +115380,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 = {
@@ -116688,6 +116892,9 @@ var chatInputFormInsideButtons = {
 	studyMode: "学习模式",
 	deepResearch: "深度研究",
 	memory: "记忆",
+	cowork: "Cowork",
+	coworkNeedsBackend: "启用大型本地模型或登录工作区即可使用 Cowork。",
+	coworkModelTooSmall: "您的本地模型太小，无法用于 Cowork。请在“本地模型”中选择至少 14GB 的模型。",
 	moreOptions: "更多选项"
 };
 var chatInputFormMemoryMenu = {
@@ -116845,7 +117052,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: "未知",
@@ -119110,7 +119367,7 @@ var safetyTabLabels = {
 };
 var screenshareTabLabels = {
 	header: {
-		title: "屏幕共享",
+		title: "屏幕",
 		description: "当用户在语音通话中共享屏幕时，您的智能体的表现方式。"
 	},
 	capability: {
@@ -121045,6 +121302,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,
@@ -121296,7 +121566,9 @@ var zh = {
 	placementExam: placementExam,
 	applyApplyWizard: applyApplyWizard,
 	profileApplicationsTab: profileApplicationsTab,
-	profileApplicationsQuestionsEditor: profileApplicationsQuestionsEditor
+	profileApplicationsQuestionsEditor: profileApplicationsQuestionsEditor,
+	slashSkillPicker: slashSkillPicker,
+	skillsTabLabels: skillsTabLabels
 };
 
 /**
@@ -127458,344 +127730,8 @@ var Indicator$2 = ProgressIndicator;
 const Progress = React.forwardRef(({ className, value, ...props }, ref) => (jsx(Root$9, { 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$9.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$2 = "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$2;
-var OVERLAY_NAME = "AlertDialogOverlay";
-var AlertDialogOverlay$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...overlayProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
-  }
-);
-AlertDialogOverlay$1.displayName = OVERLAY_NAME;
-var CONTENT_NAME$4 = "AlertDialogContent";
-var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME$4);
-var Slottable = createSlottable("AlertDialogContent");
-var AlertDialogContent$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, children, ...contentProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    const contentRef = React.useRef(null);
-    const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
-    const cancelRef = React.useRef(null);
-    return /* @__PURE__ */ jsx(
-      DialogPrimitive.WarningProvider,
-      {
-        contentName: CONTENT_NAME$4,
-        titleName: TITLE_NAME,
-        docsSlug: "alert-dialog",
-        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(
-          DialogPrimitive.Content,
-          {
-            role: "alertdialog",
-            ...dialogScope,
-            ...contentProps,
-            ref: composedRefs,
-            onOpenAutoFocus: composeEventHandlers$2(contentProps.onOpenAutoFocus, (event) => {
-              event.preventDefault();
-              cancelRef.current?.focus({ preventScroll: true });
-            }),
-            onPointerDownOutside: (event) => event.preventDefault(),
-            onInteractOutside: (event) => event.preventDefault(),
-            children: [
-              /* @__PURE__ */ jsx(Slottable, { children }),
-              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })
-            ]
-          }
-        ) })
-      }
-    );
-  }
-);
-AlertDialogContent$1.displayName = CONTENT_NAME$4;
-var TITLE_NAME = "AlertDialogTitle";
-var AlertDialogTitle$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...titleProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });
-  }
-);
-AlertDialogTitle$1.displayName = TITLE_NAME;
-var DESCRIPTION_NAME = "AlertDialogDescription";
-var AlertDialogDescription$1 = React.forwardRef((props, forwardedRef) => {
-  const { __scopeAlertDialog, ...descriptionProps } = props;
-  const dialogScope = useDialogScope(__scopeAlertDialog);
-  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
-});
-AlertDialogDescription$1.displayName = DESCRIPTION_NAME;
-var ACTION_NAME = "AlertDialogAction";
-var AlertDialogAction$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...actionProps } = props;
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });
-  }
-);
-AlertDialogAction$1.displayName = ACTION_NAME;
-var CANCEL_NAME = "AlertDialogCancel";
-var AlertDialogCancel$1 = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeAlertDialog, ...cancelProps } = props;
-    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
-    const dialogScope = useDialogScope(__scopeAlertDialog);
-    const ref = useComposedRefs$1(forwardedRef, cancelRef);
-    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });
-  }
-);
-AlertDialogCancel$1.displayName = CANCEL_NAME;
-var DescriptionWarning = ({ contentRef }) => {
-  const MESSAGE = `\`${CONTENT_NAME$4}\` requires a description for the component to be accessible for screen reader users.
-
-You can add a description to the \`${CONTENT_NAME$4}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
-
-Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME$4}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
-  React.useEffect(() => {
-    const hasDescription = document.getElementById(
-      contentRef.current?.getAttribute("aria-describedby")
-    );
-    if (!hasDescription) console.warn(MESSAGE);
-  }, [MESSAGE, contentRef]);
-  return null;
-};
-var Root2$4 = AlertDialog$1;
-var Portal2 = AlertDialogPortal$1;
-var Overlay2 = AlertDialogOverlay$1;
-var Content2$2 = AlertDialogContent$1;
-var Action = AlertDialogAction$1;
-var Cancel = AlertDialogCancel$1;
-var Title2 = AlertDialogTitle$1;
-var Description2 = AlertDialogDescription$1;
-
-const AlertDialog = Root2$4;
-const AlertDialogPortal = Portal2;
-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$2, { 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$2.displayName;
-const AlertDialogHeader = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
-AlertDialogHeader.displayName = 'AlertDialogHeader';
-const AlertDialogFooter = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
-AlertDialogFooter.displayName = 'AlertDialogFooter';
-const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (jsx(Title2, { ref: ref, className: cn('text-lg font-semibold', className), ...props })));
-AlertDialogTitle.displayName = Title2.displayName;
-const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (jsx(Description2, { ref: ref, className: cn('text-muted-foreground text-sm', className), ...props })));
-AlertDialogDescription.displayName = Description2.displayName;
-const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (jsx(Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
-AlertDialogAction.displayName = Action.displayName;
-const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (jsx(Cancel, { ref: ref, className: cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
-AlertDialogCancel.displayName = Cancel.displayName;
-
-// Tauri types for model download functionality
-/**
- * Initial state for model download
- */
-const initialModelDownloadState = {
-    status: 'idle',
-    progress: 0,
-    message: '',
-    logs: [],
-    lastUpdated: new Date().toISOString(),
-};
-/**
- * Check if the app is running inside Tauri
- * In Tauri 2.0, the global is __TAURI_INTERNALS__ (with withGlobalTauri: true)
- * We also check for __TAURI__ for backwards compatibility
- */
-const isTauriApp$1 = () => {
-    if (typeof window === 'undefined')
-        return false;
-    return '__TAURI_INTERNALS__' in window || '__TAURI__' in window;
-};
-/**
- * Tauri event names
- */
-const TAURI_EVENTS = {
-    DOWNLOAD_PROGRESS: 'model:download-progress',
-    INSTALLATION_LOG: 'model:installation-log',
-    DISK_SPACE_ERROR: 'model:disk-space-error',
-    OLLAMA_STATUS: 'model:ollama-status',
-};
-/**
- * Tauri command names
- */
-const TAURI_COMMANDS = {
-    INSTALL_OLLAMA: 'install_ollama',
-    STOP_OLLAMA: 'stop_ollama',
-    CHECK_OLLAMA_STATUS: 'check_ollama_status',
-    CHECK_DISK_SPACE: 'check_disk_space_for_model',
-    GET_SYSTEM_MEMORY: 'get_system_memory',
-    DOWNLOAD_MODEL: 'download_model',
-    CANCEL_DOWNLOAD: 'cancel_model_download',
-    CHECK_NETWORK_STATUS: 'check_network_status',
-    GET_OS_TYPE: 'get_os_type',
-    CHECK_FOUNDRY_STATUS: 'check_foundry_local_status',
-    START_FOUNDRY_SERVICE: 'start_foundry_local_service',
-    LOAD_FOUNDRY_MODEL: 'load_foundry_local_model',
-    SET_SELECTED_FOUNDRY_MODEL: 'set_selected_foundry_model',
-    GET_SELECTED_FOUNDRY_MODEL: 'get_selected_foundry_model',
-    INSTALL_FOUNDRY: 'install_foundry',
-    DOWNLOAD_FOUNDRY_MODEL: 'download_foundry_model_cmd',
-    GET_RECOMMENDED_FOUNDRY_MODELS: 'get_recommended_foundry_models',
-    LOG_STDOUT: 'log_stdout',
-};
-/**
- * Initial state for the System Control install flow.
- */
-const initialGhostOsInstallState = {
-    status: 'idle',
-    progress: 0,
-    message: '',
-    logs: [],
-    lastUpdated: new Date().toISOString(),
-};
-/**
- * Tauri event names emitted by the host during GhostOS install/setup.
- */
-const GHOST_OS_TAURI_EVENTS = {
-    INSTALL_PROGRESS: 'ghost-os:install-progress',
-    INSTALLATION_LOG: 'ghost-os:installation-log',
-    STATUS: 'ghost-os:status',
-};
-/**
- * Tauri command names the host implements for GhostOS install/setup. The web
- * layer invokes these; the native side performs the clone + setup.
- */
-const GHOST_OS_TAURI_COMMANDS = {
-    /** Install and set up GhostOS (clone repo + run setup). */
-    INSTALL_GHOST_OS: 'install_ghost_os',
-    /** Stop the running GhostOS manager. */
-    STOP_GHOST_OS: 'stop_ghost_os',
-    /** Report current {@link GhostOsStatus}. */
-    CHECK_GHOST_OS_STATUS: 'check_ghost_os_status',
-};
-/**
- * Tauri command strings exposed by `tauri-plugin-macos-permissions`
- * (https://github.com/ayangweb/tauri-plugin-macos-permissions). GhostOS needs
- * macOS Accessibility permission to control the device, so the System Control
- * card surfaces it. These are invoked directly via `useTauri().invoke(...)` —
- * no extra npm dependency. The host must register the plugin in its Tauri app
- * (`tauri_plugin_macos_permissions::init()`). Each `CHECK_*` returns a boolean;
- * each `REQUEST_*` prompts / opens the relevant System Settings pane.
- */
-const MACOS_PERMISSIONS_COMMANDS = {
-    CHECK_ACCESSIBILITY: 'plugin:macos-permissions|check_accessibility_permission',
-    REQUEST_ACCESSIBILITY: 'plugin:macos-permissions|request_accessibility_permission',
-    CHECK_SCREEN_RECORDING: 'plugin:macos-permissions|check_screen_recording_permission',
-    REQUEST_SCREEN_RECORDING: 'plugin:macos-permissions|request_screen_recording_permission',
-    CHECK_INPUT_MONITORING: 'plugin:macos-permissions|check_input_monitoring_permission',
-    REQUEST_INPUT_MONITORING: 'plugin:macos-permissions|request_input_monitoring_permission',
-    CHECK_FULL_DISK_ACCESS: 'plugin:macos-permissions|check_full_disk_access_permission',
-    REQUEST_FULL_DISK_ACCESS: 'plugin:macos-permissions|request_full_disk_access_permission',
-};
-
-/**
- * Dynamically import Tauri APIs to avoid SSR issues
- */
-const getTauriAPIs = async () => {
-    try {
-        const { invoke } = await import('@tauri-apps/api/core');
-        const { listen } = await import('@tauri-apps/api/event');
-        return { invoke, listen };
-    }
-    catch (error) {
-        console.error('Failed to load Tauri APIs:', error);
-        return null;
-    }
-};
-/**
- * Hook to access Tauri APIs with SSR safety
- *
- * @returns Object with isAvailable flag and Tauri invoke/listen functions
- */
-function useTauri() {
-    const [isAvailable, setIsAvailable] = useState(false);
-    const [apis, setApis] = useState(null);
-    useEffect(() => {
-        // Check if we're in a Tauri environment
-        const inTauri = isTauriApp$1();
-        if (inTauri) {
-            getTauriAPIs().then((result) => {
-                setApis(result);
-                setIsAvailable(!!result);
-            });
-        }
-    }, []);
-    /**
-     * Invoke a Tauri command
-     */
-    const invoke = useCallback(async (command, args) => {
-        if (!(apis === null || apis === void 0 ? void 0 : apis.invoke)) {
-            throw new Error('Tauri is not available');
-        }
-        return apis.invoke(command, args);
-    }, [apis]);
-    /**
-     * Listen to a Tauri event
-     * Returns an unlisten function that should be called on cleanup
-     */
-    const listen = useCallback(async (event, handler) => {
-        // The synchronous global (`__TAURI_INTERNALS__`) exposes `invoke` but
-        // frequently NOT `event.listen`, so `apis.listen` can be undefined even
-        // though Tauri is fully available. Fall back to the real event API via
-        // dynamic import so download progress/completion events are actually
-        // delivered — otherwise the UI never leaves the "downloading" state.
-        let listenFn = apis === null || apis === void 0 ? void 0 : apis.listen;
-        if (!listenFn) {
-            const { listen: importedListen } = await import('@tauri-apps/api/event');
-            listenFn = importedListen;
-        }
-        return listenFn(event, (e) => handler(e.payload));
-    }, [apis]);
-    return {
-        isAvailable,
-        invoke,
-        listen,
-    };
-}
-
 const LOCAL_LLM_ENABLED_KEY = 'ibl_local_llm_enabled';
 const LOCAL_LLM_MODEL_KEY = 'ibl_local_llm_model';
-const LOCAL_LLM_TOOL_SUPPORT_KEY = 'ibl_local_llm_tool_support';
 /**
  * Curated catalog of small, on-device-friendly models from the Ollama library
  * (https://ollama.com/library). The model manager itself (Ollama) is not a
@@ -127828,8 +127764,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',
@@ -127853,34 +127789,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,
@@ -127902,54 +127810,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);
@@ -127960,22 +127833,6 @@ function modelSupportsSystemControl(modelId, gb = DEFAULT_SYSTEM_CONTROL_REQUIRE
         return false;
     return bytes > gb * 1024 ** 3;
 }
-/**
- * The smallest catalog model that can use the System Control Manager (size
- * exceeds `gb`), or null if none qualify. Used by the "Upgrade" action to pick
- * the lightest capable model. Ties / unparseable sizes sort last.
- */
-function smallestSystemControlModel(gb = DEFAULT_SYSTEM_CONTROL_REQUIRED_SIZE_GB) {
-    const usable = LOCAL_MODELS.filter((m) => modelSupportsSystemControl(m.id, gb));
-    if (usable.length === 0)
-        return null;
-    return usable.reduce((smallest, m) => {
-        var _a, _b;
-        const a = (_a = parseModelSizeBytes(m.size)) !== null && _a !== void 0 ? _a : Infinity;
-        const b = (_b = parseModelSizeBytes(smallest.size)) !== null && _b !== void 0 ? _b : Infinity;
-        return a < b ? m : smallest;
-    });
-}
 /**
  * Check if local LLM is enabled from localStorage
  */
@@ -128000,57 +127857,21 @@ function getLocalLLMModel() {
         return null;
     return localStorage.getItem(LOCAL_LLM_MODEL_KEY);
 }
-/**
- * Set the model the user has chosen to chat with (Ollama pull id).
- */
-function setLocalLLMModel(modelId) {
-    if (typeof window === 'undefined')
-        return;
-    localStorage.setItem(LOCAL_LLM_MODEL_KEY, modelId);
-}
-/**
- * Persist whether the selected model supports tools (set when a model is chosen).
- */
-function setLocalLLMToolSupport(toolSupport) {
-    if (typeof window === 'undefined')
-        return;
-    localStorage.setItem(LOCAL_LLM_TOOL_SUPPORT_KEY, String(toolSupport));
-}
-function LocalLLMTab({ isAvailable, state, ollamaStatus, systemMemory, isUsingFoundry = false, foundryModels = [], selectedFoundryModel = null, foundryStatus, onStartDownload, onCancelDownload, onInstallOllama, onStopManager, onInstallFoundry, onCheckStatus, onResetState, onSelectFoundryModel, }) {
-    var _a, _b, _c, _d, _e, _f, _g;
+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;
@@ -128164,62 +127985,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".
@@ -128233,54 +127998,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$2, { 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$2, { 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) {
@@ -128291,195 +128018,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",
@@ -176503,6 +176041,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 });
 };
@@ -176529,7 +176087,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 });
@@ -176606,9 +176164,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,
@@ -176774,7 +176331,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();
                                         }
@@ -178253,11 +177810,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(
@@ -178276,31 +177833,31 @@ var PopoverTrigger$1 = React.forwardRef(
     return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(Anchor$3, { asChild: true, ...popperScope, children: trigger });
   }
 );
-PopoverTrigger$1.displayName = TRIGGER_NAME$2;
-var PORTAL_NAME$1 = "PopoverPortal";
-var [PortalProvider$1, usePortalContext$1] = createPopoverContext(PORTAL_NAME$1, {
+PopoverTrigger$1.displayName = TRIGGER_NAME$3;
+var PORTAL_NAME$2 = "PopoverPortal";
+var [PortalProvider$1, usePortalContext$1] = createPopoverContext(PORTAL_NAME$2, {
   forceMount: void 0
 });
 var PopoverPortal = (props) => {
   const { __scopePopover, forceMount, children, container } = props;
-  const context = usePopoverContext(PORTAL_NAME$1, __scopePopover);
+  const context = usePopoverContext(PORTAL_NAME$2, __scopePopover);
   return /* @__PURE__ */ jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx(Presence$3, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(Portal$7, { asChild: true, container, children }) }) });
 };
-PopoverPortal.displayName = PORTAL_NAME$1;
-var CONTENT_NAME$3 = "PopoverContent";
+PopoverPortal.displayName = PORTAL_NAME$2;
+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$3, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
   }
 );
-PopoverContent$1.displayName = CONTENT_NAME$3;
+PopoverContent$1.displayName = CONTENT_NAME$4;
 var Slot = 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);
@@ -178340,7 +177897,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(
@@ -178392,7 +177949,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(
@@ -178470,26 +178027,26 @@ PopoverArrow.displayName = ARROW_NAME$2;
 function getState$2(open) {
   return open ? "open" : "closed";
 }
-var Root2$3 = Popover$1;
+var Root2$4 = Popover$1;
 var Anchor2 = PopoverAnchor$1;
 var Trigger$1 = PopoverTrigger$1;
 var Portal$1 = PopoverPortal;
-var Content2$1 = PopoverContent$1;
+var Content2$2 = PopoverContent$1;
 
-const Popover = Root2$3;
+const Popover = Root2$4;
 const PopoverTrigger = Trigger$1;
 const PopoverAnchor = Anchor2;
 const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, portalled = true, container, ...props }, ref) => {
     var _a;
     const portalContainer = useFloatingPortalContainer();
     const resolvedContainer = (_a = container !== null && container !== void 0 ? container : portalContainer) !== null && _a !== void 0 ? _a : undefined;
-    const content = (jsx(Content2$1, { ref: ref, "data-iblai-dialog-interaction-layer": true, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }));
+    const content = (jsx(Content2$2, { ref: ref, "data-iblai-dialog-interaction-layer": true, align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none', className), ...props }));
     if (!portalled) {
         return content;
     }
     return jsx(Portal$1, { container: resolvedContainer, children: content });
 });
-PopoverContent.displayName = Content2$1.displayName;
+PopoverContent.displayName = Content2$2.displayName;
 
 function UsersTab({ tenant, onInviteClick, currentSpa, showGradebookTab = false, }) {
     const t = useT();
@@ -180371,11 +179928,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$2.button,
       {
@@ -180392,19 +179949,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$2, { 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);
@@ -203640,7 +203197,7 @@ var joinTextblockForward = () => ({ state, dispatch }) => {
 };
 
 // src/utilities/isMacOS.ts
-function isMacOS() {
+function isMacOS$1() {
   return typeof navigator !== "undefined" ? /Mac/.test(navigator.platform) : false;
 }
 
@@ -203666,7 +203223,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;
@@ -206643,7 +206200,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;
@@ -217172,17 +216729,184 @@ var RadioGroupIndicator = React.forwardRef(
   }
 );
 RadioGroupIndicator.displayName = INDICATOR_NAME2;
-var Root2$2 = RadioGroup$1;
+var Root2$3 = RadioGroup$1;
 var Item2 = RadioGroupItem$1;
 var Indicator = RadioGroupIndicator;
 
 function RadioGroup({ className, ...props }) {
-    return (jsx(Root2$2, { "data-slot": "radio-group", className: cn('grid gap-3', className), ...props }));
+    return (jsx(Root2$3, { "data-slot": "radio-group", className: cn('grid gap-3', className), ...props }));
 }
 function RadioGroupItem({ className, ...props }) {
     return (jsx(Item2, { "data-slot": "radio-group-item", className: cn('border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: jsx(Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: jsx(Circle, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) }) }));
 }
 
+var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function createSlottable(ownerName) {
+  const Slottable2 = ({ children }) => {
+    return /* @__PURE__ */ jsx(Fragment$1, { children });
+  };
+  Slottable2.displayName = `${ownerName}.Slottable`;
+  Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
+  return Slottable2;
+}
+
+var ROOT_NAME = "AlertDialog";
+var [createAlertDialogContext] = 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$1 = "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$1;
+var PORTAL_NAME$1 = "AlertDialogPortal";
+var AlertDialogPortal$1 = (props) => {
+  const { __scopeAlertDialog, ...portalProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });
+};
+AlertDialogPortal$1.displayName = PORTAL_NAME$1;
+var OVERLAY_NAME = "AlertDialogOverlay";
+var AlertDialogOverlay$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...overlayProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });
+  }
+);
+AlertDialogOverlay$1.displayName = OVERLAY_NAME;
+var CONTENT_NAME$2 = "AlertDialogContent";
+var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME$2);
+var Slottable = createSlottable("AlertDialogContent");
+var AlertDialogContent$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, children, ...contentProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const contentRef = React.useRef(null);
+    const composedRefs = useComposedRefs$1(forwardedRef, contentRef);
+    const cancelRef = React.useRef(null);
+    return /* @__PURE__ */ jsx(
+      DialogPrimitive.WarningProvider,
+      {
+        contentName: CONTENT_NAME$2,
+        titleName: TITLE_NAME,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(
+          DialogPrimitive.Content,
+          {
+            role: "alertdialog",
+            ...dialogScope,
+            ...contentProps,
+            ref: composedRefs,
+            onOpenAutoFocus: composeEventHandlers$2(contentProps.onOpenAutoFocus, (event) => {
+              event.preventDefault();
+              cancelRef.current?.focus({ preventScroll: true });
+            }),
+            onPointerDownOutside: (event) => event.preventDefault(),
+            onInteractOutside: (event) => event.preventDefault(),
+            children: [
+              /* @__PURE__ */ jsx(Slottable, { children }),
+              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+AlertDialogContent$1.displayName = CONTENT_NAME$2;
+var TITLE_NAME = "AlertDialogTitle";
+var AlertDialogTitle$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...titleProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });
+  }
+);
+AlertDialogTitle$1.displayName = TITLE_NAME;
+var DESCRIPTION_NAME = "AlertDialogDescription";
+var AlertDialogDescription$1 = React.forwardRef((props, forwardedRef) => {
+  const { __scopeAlertDialog, ...descriptionProps } = props;
+  const dialogScope = useDialogScope(__scopeAlertDialog);
+  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });
+});
+AlertDialogDescription$1.displayName = DESCRIPTION_NAME;
+var ACTION_NAME = "AlertDialogAction";
+var AlertDialogAction$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...actionProps } = props;
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });
+  }
+);
+AlertDialogAction$1.displayName = ACTION_NAME;
+var CANCEL_NAME = "AlertDialogCancel";
+var AlertDialogCancel$1 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAlertDialog, ...cancelProps } = props;
+    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
+    const dialogScope = useDialogScope(__scopeAlertDialog);
+    const ref = useComposedRefs$1(forwardedRef, cancelRef);
+    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });
+  }
+);
+AlertDialogCancel$1.displayName = CANCEL_NAME;
+var DescriptionWarning = ({ contentRef }) => {
+  const MESSAGE = `\`${CONTENT_NAME$2}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${CONTENT_NAME$2}\` by passing a \`${DESCRIPTION_NAME}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME$2}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  React.useEffect(() => {
+    const hasDescription = document.getElementById(
+      contentRef.current?.getAttribute("aria-describedby")
+    );
+    if (!hasDescription) console.warn(MESSAGE);
+  }, [MESSAGE, contentRef]);
+  return null;
+};
+var Root2$2 = AlertDialog$1;
+var Portal2 = AlertDialogPortal$1;
+var Overlay2 = AlertDialogOverlay$1;
+var Content2$1 = AlertDialogContent$1;
+var Action = AlertDialogAction$1;
+var Cancel = AlertDialogCancel$1;
+var Title2 = AlertDialogTitle$1;
+var Description2 = AlertDialogDescription$1;
+
+const AlertDialog = Root2$2;
+const AlertDialogPortal = Portal2;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (jsx(Overlay2, { className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', className), ...props, ref: ref })));
+AlertDialogOverlay.displayName = Overlay2.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (jsxs(AlertDialogPortal, { children: [jsx(AlertDialogOverlay, {}), jsx(Content2$1, { ref: ref, className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg', className), ...props })] })));
+AlertDialogContent.displayName = Content2$1.displayName;
+const AlertDialogHeader = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+const AlertDialogFooter = ({ className, ...props }) => (jsx("div", { className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className), ...props }));
+AlertDialogFooter.displayName = 'AlertDialogFooter';
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (jsx(Title2, { ref: ref, className: cn('text-lg font-semibold', className), ...props })));
+AlertDialogTitle.displayName = Title2.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (jsx(Description2, { ref: ref, className: cn('text-muted-foreground text-sm', className), ...props })));
+AlertDialogDescription.displayName = Description2.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (jsx(Action, { ref: ref, className: cn(buttonVariants(), className), ...props })));
+AlertDialogAction.displayName = Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (jsx(Cancel, { ref: ref, className: cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className), ...props })));
+AlertDialogCancel.displayName = Cancel.displayName;
+
 const THEMES = { light: '', dark: '.dark' };
 const ChartContext = React.createContext(null);
 function useChart() {
@@ -252992,6 +252716,543 @@ function getLLMProviderDetails(llmProvider, llmName) {
     }
 }
 
+function OverlayModal({ open, onClose, title, description, className, children, }) {
+    const t = useT();
+    const [mounted, setMounted] = useState(false);
+    const [dialogPanel, setDialogPanel] = useState(null);
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    const handleOpenChange = (nextOpen) => {
+        if (!nextOpen)
+            onClose();
+    };
+    if (!mounted || typeof document === 'undefined') {
+        return null;
+    }
+    // Nested Radix Dialog on document.body: viewport-fixed overlay + its own scroll lock,
+    // independent of any parent modal. Requires the app to resolve the same
+    // `@radix-ui/react-dialog` instance as this package (peer dependency + Rollup external).
+    return (jsx(DialogPrimitive.Root, { open: open, onOpenChange: handleOpenChange, modal: true, children: jsxs(DialogPrimitive.Portal, { container: document.body, children: [jsx(DialogPrimitive.Overlay, { "data-iblai-dialog-interaction-layer": true, className: cn('pointer-events-auto fixed inset-0 z-[100] bg-black/60', 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0') }), jsx(DialogPrimitive.Content, { ref: setDialogPanel, "data-iblai-dialog-interaction-layer": true, ...(!description ? { 'aria-describedby': undefined } : {}), className: cn('pointer-events-auto fixed left-[50%] top-[50%] z-[100] grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200', 'max-h-[min(90dvh,calc(100dvh-2rem))] max-w-[calc(100vw-2rem)] overflow-y-auto overscroll-contain rounded-lg p-6 sm:rounded-lg', 'pt-[max(1.5rem,env(safe-area-inset-top))] pb-[max(1.5rem,env(safe-area-inset-bottom))]', 'pl-[max(1.5rem,env(safe-area-inset-left))] pr-[max(1.5rem,env(safe-area-inset-right))]', '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%]', 'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', className), children: jsxs(FloatingPortalContainerContext.Provider, { value: dialogPanel, children: [jsx(DialogPrimitive.Close, { type: "button", className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", "aria-label": t('clawSandboxOverlayModal.close'), children: jsx(X$2, { className: "h-4 w-4" }) }), jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex flex-col space-y-1.5 pr-8 text-center sm:text-left", children: [jsx(DialogPrimitive.Title, { className: "text-lg font-semibold leading-none tracking-tight", children: title }), description ? (jsx(DialogPrimitive.Description, { className: "text-sm text-muted-foreground", children: description })) : null] }), children] })] }) })] }) }));
+}
+
+/** 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$1, { 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$1, { 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$1, { 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$1, { 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 (attach/detach/toggle on the agent)
+    const [createAssignment, { isLoading: isCreatingAssignment }] = useCreateMentorSkillAssignmentMutation();
+    const [updateAssignment, { isLoading: isUpdatingAssignment }] = useUpdateMentorSkillAssignmentMutation();
+    const [deleteAssignment, { isLoading: isDeletingAssignment }] = useDeleteMentorSkillAssignmentMutation();
+    // Skill CRUD mutations (platform-level)
+    const [createSkill, { isLoading: isCreatingSkill }] = useCreateAgentSkillMutation();
+    const [updateSkill, { isLoading: isUpdatingSkill }] = useUpdateAgentSkillMutation();
+    const [deleteSkill, { isLoading: isDeletingSkill }] = useDeleteAgentSkillMutation();
+    const [showNewDialog, setShowNewDialog] = useState(false);
+    const [editingSkill, setEditingSkill] = useState(null);
+    const [deletingSkill, setDeletingSkill] = useState(null);
+    const [form, setForm] = useState(EMPTY_SKILL_FORM);
+    const isLoading = isLoadingSkills || isLoadingAssignments;
+    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 handleToggleEffective = async (effective, shouldEnable) => {
+        try {
+            if (effective.origin === 'private' && effective.skill) {
+                await updateSkill({
+                    org: platformKey,
+                    id: effective.skill.id,
+                    enabled: shouldEnable,
+                }).unwrap();
+            }
+            else if (effective.assignmentId !== undefined) {
+                await updateAssignment({
+                    org: platformKey,
+                    mentorUniqueId,
+                    assignmentPk: effective.assignmentId,
+                    enabled: shouldEnable,
+                }).unwrap();
+            }
+            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);
+    };
+    const closeAllDialogs = () => {
+        setShowNewDialog(false);
+        setEditingSkill(null);
+        resetForm();
+    };
+    const handleCreateSkill = async () => {
+        if (!form.name || !form.slug) {
+            toast.error(t('clawSandboxAgentSkills.nameAndSlugRequired'));
+            return;
+        }
+        try {
+            await createSkill({
+                org: platformKey,
+                name: form.name,
+                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();
+            toast.success(t('clawSandboxAgentSkills.skillCreated'));
+            closeAllDialogs();
+        }
+        catch (_a) {
+            toast.error(t('clawSandboxAgentSkills.failedToCreateSkill'));
+        }
+    };
+    const handleUpdateSkill = async () => {
+        if (!editingSkill)
+            return;
+        if (!form.name || !form.slug) {
+            toast.error(t('clawSandboxAgentSkills.nameAndSlugRequired'));
+            return;
+        }
+        try {
+            await updateSkill({
+                org: platformKey,
+                id: editingSkill.id,
+                name: form.name,
+                slug: form.slug,
+                description: form.description,
+                version: form.version,
+                category: form.category,
+                instruction: form.instruction,
+            }).unwrap();
+            toast.success(t('clawSandboxAgentSkills.skillUpdated'));
+            closeAllDialogs();
+        }
+        catch (_a) {
+            toast.error(t('clawSandboxAgentSkills.failedToUpdateSkillGeneric'));
+        }
+    };
+    const handleDeleteSkill = async () => {
+        if (!deletingSkill)
+            return;
+        try {
+            await deleteSkill({ org: platformKey, id: deletingSkill.id }).unwrap();
+            toast.success(t('clawSandboxAgentSkills.skillDeleted'));
+            setDeletingSkill(null);
+        }
+        catch (_a) {
+            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: [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, showPrivateToggle = false, }) {
+    const t = useT();
+    return (jsxs("div", { className: "mt-4 grid gap-4", children: [jsxs("div", { className: "space-y-2", children: [jsx(Label$1, { 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$1, { 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$1, { 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$1, { 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$1, { 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$1, { 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$1, { 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*$/;
+/**
+ * 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,
+    };
+}
+
 function c$3(e,u,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),v=useRef(),m=useRef(),d=useRef(e),g=useRef(true);d.current=e;var p="undefined"!=typeof window,w=!u&&0!==u&&p;if("function"!=typeof e)throw new TypeError("Expected a function");u=+u||0;var s=!!(c=c||{}).leading,x=!("trailing"in c)||!!c.trailing,h="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;useEffect(function(){return g.current=true,function(){g.current=false;}},[]);var A=useMemo(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!g.current)return  false;var n=r-a.current;return !a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f);}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null;},A.isPending=function(){return !!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i$8(r,n){return r===n}function a$3(n,t,a){var o=i$8,f=useRef(n),l=useState({})[1],v=c$3(useCallback(function(r){f.current=r,l({});},[l]),t,a),m=useRef(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}
 
 lazy(() => Promise.resolve().then(function () { return createProjectModal; }).then((mod) => ({
@@ -253699,7 +253960,7 @@ const CSS_CLASS_NAMES = {
     },
 };
 
-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);
@@ -253747,6 +254008,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) {
@@ -254021,8 +254284,501 @@ 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 }) })] }));
 }
 
+// Tauri types for model download functionality
+/**
+ * Initial state for model download
+ */
+const initialModelDownloadState = {
+    status: 'idle',
+    progress: 0,
+    message: '',
+    logs: [],
+    lastUpdated: new Date().toISOString(),
+};
+/**
+ * Check if the app is running inside Tauri
+ * In Tauri 2.0, the global is __TAURI_INTERNALS__ (with withGlobalTauri: true)
+ * We also check for __TAURI__ for backwards compatibility
+ */
+const isTauriApp$1 = () => {
+    if (typeof window === 'undefined')
+        return false;
+    return '__TAURI_INTERNALS__' in window || '__TAURI__' in window;
+};
+/**
+ * Tauri event names
+ */
+const TAURI_EVENTS = {
+    DOWNLOAD_PROGRESS: 'model:download-progress',
+    INSTALLATION_LOG: 'model:installation-log',
+    DISK_SPACE_ERROR: 'model:disk-space-error',
+    OLLAMA_STATUS: 'model:ollama-status',
+};
+/**
+ * Tauri command names
+ */
+const TAURI_COMMANDS = {
+    INSTALL_OLLAMA: 'install_ollama',
+    STOP_OLLAMA: 'stop_ollama',
+    CHECK_OLLAMA_STATUS: 'check_ollama_status',
+    CHECK_DISK_SPACE: 'check_disk_space_for_model',
+    GET_SYSTEM_MEMORY: 'get_system_memory',
+    DOWNLOAD_MODEL: 'download_model',
+    CANCEL_DOWNLOAD: 'cancel_model_download',
+    CHECK_NETWORK_STATUS: 'check_network_status',
+    GET_OS_TYPE: 'get_os_type',
+    CHECK_FOUNDRY_STATUS: 'check_foundry_local_status',
+    START_FOUNDRY_SERVICE: 'start_foundry_local_service',
+    LOAD_FOUNDRY_MODEL: 'load_foundry_local_model',
+    SET_SELECTED_FOUNDRY_MODEL: 'set_selected_foundry_model',
+    GET_SELECTED_FOUNDRY_MODEL: 'get_selected_foundry_model',
+    INSTALL_FOUNDRY: 'install_foundry',
+    DOWNLOAD_FOUNDRY_MODEL: 'download_foundry_model_cmd',
+    GET_RECOMMENDED_FOUNDRY_MODELS: 'get_recommended_foundry_models',
+    LOG_STDOUT: 'log_stdout',
+};
+/**
+ * Initial state for the Cowork install flow.
+ */
+const initialGhostOsInstallState = {
+    status: 'idle',
+    progress: 0,
+    message: '',
+    logs: [],
+    lastUpdated: new Date().toISOString(),
+};
+/**
+ * Tauri event names emitted by the host during GhostOS install/setup.
+ */
+const GHOST_OS_TAURI_EVENTS = {
+    INSTALL_PROGRESS: 'ghost-os:install-progress',
+    INSTALLATION_LOG: 'ghost-os:installation-log',
+    STATUS: 'ghost-os:status',
+};
+/**
+ * Tauri command names the host implements for GhostOS install/setup. The web
+ * layer invokes these; the native side performs the clone + setup.
+ */
+const GHOST_OS_TAURI_COMMANDS = {
+    /** Install and set up GhostOS (clone repo + run setup). */
+    INSTALL_GHOST_OS: 'install_ghost_os',
+    /** Stop the running GhostOS manager. */
+    STOP_GHOST_OS: 'stop_ghost_os',
+    /** Report current {@link GhostOsStatus}. */
+    CHECK_GHOST_OS_STATUS: 'check_ghost_os_status',
+};
+/**
+ * Tauri command strings exposed by `tauri-plugin-macos-permissions`
+ * (https://github.com/ayangweb/tauri-plugin-macos-permissions). GhostOS needs
+ * macOS Accessibility permission to control the device, so the 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;
+ * each `REQUEST_*` prompts / opens the relevant System Settings pane.
+ */
+const MACOS_PERMISSIONS_COMMANDS = {
+    CHECK_ACCESSIBILITY: 'plugin:macos-permissions|check_accessibility_permission',
+    REQUEST_ACCESSIBILITY: 'plugin:macos-permissions|request_accessibility_permission',
+    CHECK_SCREEN_RECORDING: 'plugin:macos-permissions|check_screen_recording_permission',
+    REQUEST_SCREEN_RECORDING: 'plugin:macos-permissions|request_screen_recording_permission',
+    CHECK_INPUT_MONITORING: 'plugin:macos-permissions|check_input_monitoring_permission',
+    REQUEST_INPUT_MONITORING: 'plugin:macos-permissions|request_input_monitoring_permission',
+    CHECK_FULL_DISK_ACCESS: 'plugin:macos-permissions|check_full_disk_access_permission',
+    REQUEST_FULL_DISK_ACCESS: 'plugin:macos-permissions|request_full_disk_access_permission',
+};
+
+/**
+ * Dynamically import Tauri APIs to avoid SSR issues
+ */
+const getTauriAPIs = async () => {
+    try {
+        const { invoke } = await import('@tauri-apps/api/core');
+        const { listen } = await import('@tauri-apps/api/event');
+        return { invoke, listen };
+    }
+    catch (error) {
+        console.error('Failed to load Tauri APIs:', error);
+        return null;
+    }
+};
+/**
+ * Hook to access Tauri APIs with SSR safety
+ *
+ * @returns Object with isAvailable flag and Tauri invoke/listen functions
+ */
+function useTauri() {
+    const [isAvailable, setIsAvailable] = useState(false);
+    const [apis, setApis] = useState(null);
+    useEffect(() => {
+        // Check if we're in a Tauri environment
+        const inTauri = isTauriApp$1();
+        if (inTauri) {
+            getTauriAPIs().then((result) => {
+                setApis(result);
+                setIsAvailable(!!result);
+            });
+        }
+    }, []);
+    /**
+     * Invoke a Tauri command
+     */
+    const invoke = useCallback(async (command, args) => {
+        if (!(apis === null || apis === void 0 ? void 0 : apis.invoke)) {
+            throw new Error('Tauri is not available');
+        }
+        return apis.invoke(command, args);
+    }, [apis]);
+    /**
+     * Listen to a Tauri event
+     * Returns an unlisten function that should be called on cleanup
+     */
+    const listen = useCallback(async (event, handler) => {
+        // The synchronous global (`__TAURI_INTERNALS__`) exposes `invoke` but
+        // frequently NOT `event.listen`, so `apis.listen` can be undefined even
+        // though Tauri is fully available. Fall back to the real event API via
+        // dynamic import so download progress/completion events are actually
+        // delivered — otherwise the UI never leaves the "downloading" state.
+        let listenFn = apis === null || apis === void 0 ? void 0 : apis.listen;
+        if (!listenFn) {
+            const { listen: importedListen } = await import('@tauri-apps/api/event');
+            listenFn = importedListen;
+        }
+        return listenFn(event, (e) => handler(e.payload));
+    }, [apis]);
+    return {
+        isAvailable,
+        invoke,
+        listen,
+    };
+}
+
+const IS_SERVER = typeof window === 'undefined';
+/**
+ * A simplified useLocalStorage hook for persisting state to localStorage
+ * with SSR safety.
+ */
+function useLocalStorage(key, initialValue) {
+    // Get the initial value
+    const getInitialValue = useCallback(() => {
+        const initial = initialValue instanceof Function ? initialValue() : initialValue;
+        if (IS_SERVER) {
+            return initial;
+        }
+        try {
+            const item = window.localStorage.getItem(key);
+            if (item === null) {
+                return initial;
+            }
+            return JSON.parse(item);
+        }
+        catch (error) {
+            console.warn(`Error reading localStorage key "${key}":`, error);
+            return initial;
+        }
+    }, [key, initialValue]);
+    const [storedValue, setStoredValue] = useState(getInitialValue);
+    // Update stored value when key changes
+    useEffect(() => {
+        setStoredValue(getInitialValue());
+    }, [key, getInitialValue]);
+    // Persist to localStorage
+    const setValue = useCallback((value) => {
+        if (IS_SERVER) {
+            console.warn(`Tried setting localStorage key "${key}" even though environment is not a client`);
+            return;
+        }
+        try {
+            const valueToStore = value instanceof Function ? value(storedValue) : value;
+            setStoredValue(valueToStore);
+            window.localStorage.setItem(key, JSON.stringify(valueToStore));
+        }
+        catch (error) {
+            console.warn(`Error setting localStorage key "${key}":`, error);
+        }
+    }, [key, storedValue]);
+    // Remove from localStorage
+    const removeValue = useCallback(() => {
+        if (IS_SERVER) {
+            console.warn(`Tried removing localStorage key "${key}" even though environment is not a client`);
+            return;
+        }
+        try {
+            const initial = initialValue instanceof Function ? initialValue() : initialValue;
+            window.localStorage.removeItem(key);
+            setStoredValue(initial);
+        }
+        catch (error) {
+            console.warn(`Error removing localStorage key "${key}":`, error);
+        }
+    }, [key, initialValue]);
+    return [storedValue, setValue, removeValue];
+}
+
+const LOCAL_STORAGE_KEY$1 = 'ghost_os_install_state';
+/**
+ * Manage installing & setting up GhostOS (https://github.com/ghostwright/ghost-os)
+ * via the Tauri host. This is the self-contained backing hook for the System
+ * Control card and deliberately mirrors `useModelDownload`:
+ *
+ * - checks GhostOS install/run status through the host
+ * - installs/sets up GhostOS with real-time progress + logs
+ * - persists state across app restarts
+ *
+ * Outside the desktop (Tauri) app every action is a no-op and `isAvailable` is
+ * false, so the card hides itself.
+ */
+function useGhostOs() {
+    const { isAvailable, invoke, listen } = useTauri();
+    const [state, setState] = useLocalStorage(LOCAL_STORAGE_KEY$1, initialGhostOsInstallState);
+    const [status, setStatus] = useState(null);
+    // macOS Accessibility permission, which GhostOS needs to control the device.
+    // null = unknown/not-yet-checked or unsupported (non-macOS / plugin absent).
+    const [accessibilityPermission, setAccessibilityPermission] = useState(null);
+    const unlistenRefs = useRef([]);
+    const hasCheckedStatus = useRef(false);
+    /**
+     * Refresh the macOS Accessibility permission via tauri-plugin-macos-permissions.
+     * Independent of the GhostOS status check so a missing host command for one
+     * doesn't suppress the other. Stays null where unsupported.
+     */
+    const refreshAccessibilityPermission = useCallback(async () => {
+        if (!isAvailable)
+            return;
+        try {
+            const granted = await invoke(MACOS_PERMISSIONS_COMMANDS.CHECK_ACCESSIBILITY);
+            setAccessibilityPermission(granted);
+        }
+        catch (error) {
+            // Plugin not registered or non-macOS host — leave permission unknown.
+            console.warn('[useGhostOs] Accessibility permission check unavailable:', error);
+            setAccessibilityPermission(null);
+        }
+    }, [isAvailable, invoke]);
+    /**
+     * Open the Accessibility pane / prompt so the user can grant permission, then
+     * re-check (the grant happens in System Settings, so we refresh after).
+     */
+    const requestAccessibilityPermission = useCallback(async () => {
+        if (!isAvailable)
+            return;
+        try {
+            await invoke(MACOS_PERMISSIONS_COMMANDS.REQUEST_ACCESSIBILITY);
+        }
+        catch (error) {
+            console.error('[useGhostOs] Failed to request accessibility permission:', error);
+        }
+        await refreshAccessibilityPermission();
+    }, [isAvailable, invoke, refreshAccessibilityPermission]);
+    const addLog = useCallback((log) => {
+        setState((prev) => ({
+            ...prev,
+            logs: [...prev.logs.slice(-99), log],
+            lastUpdated: new Date().toISOString(),
+        }));
+    }, [setState]);
+    /**
+     * Query GhostOS status from the host.
+     */
+    const checkStatus = useCallback(async () => {
+        if (!isAvailable)
+            return;
+        // Refresh the accessibility permission alongside install status (independent).
+        refreshAccessibilityPermission();
+        try {
+            setState((prev) => ({ ...prev, status: 'checking' }));
+            const result = await invoke(GHOST_OS_TAURI_COMMANDS.CHECK_GHOST_OS_STATUS);
+            setStatus(result);
+            setState((prev) => ({
+                ...prev,
+                status: result.installed ? 'completed' : 'idle',
+                progress: result.installed ? 100 : prev.progress,
+                lastUpdated: new Date().toISOString(),
+            }));
+        }
+        catch (error) {
+            console.error('[useGhostOs] Failed to check status:', error);
+            setState((prev) => ({ ...prev, status: 'idle' }));
+        }
+    }, [isAvailable, invoke, setState, refreshAccessibilityPermission]);
+    /**
+     * Install and set up GhostOS. The host clones the repo + runs setup and emits
+     * progress/log/status events along the way.
+     */
+    const install = useCallback(async () => {
+        if (!isAvailable)
+            return;
+        try {
+            setState((prev) => ({
+                ...prev,
+                status: 'installing',
+                progress: 0,
+                message: 'Setting up your assistant…',
+                error: undefined,
+                logs: [],
+            }));
+            addLog({
+                timestamp: new Date().toISOString(),
+                level: 'info',
+                message: 'Starting setup…',
+            });
+            const result = await invoke(GHOST_OS_TAURI_COMMANDS.INSTALL_GHOST_OS);
+            addLog({
+                timestamp: new Date().toISOString(),
+                level: 'info',
+                message: typeof result === 'string' && result ? result : 'Setup complete',
+            });
+            setState((prev) => ({
+                ...prev,
+                status: 'completed',
+                progress: 100,
+                message: 'Your assistant is ready',
+                lastUpdated: new Date().toISOString(),
+            }));
+            await checkStatus();
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : String(error);
+            setState((prev) => ({
+                ...prev,
+                status: 'error',
+                error: message,
+                message: 'Setup didn’t finish',
+                lastUpdated: new Date().toISOString(),
+            }));
+            addLog({
+                timestamp: new Date().toISOString(),
+                level: 'error',
+                message: `Install failed: ${message}`,
+            });
+        }
+    }, [isAvailable, invoke, addLog, checkStatus, setState]);
+    /**
+     * Stop the running GhostOS manager.
+     */
+    const stop = useCallback(async () => {
+        if (!isAvailable)
+            return;
+        try {
+            await invoke(GHOST_OS_TAURI_COMMANDS.STOP_GHOST_OS);
+            await checkStatus();
+        }
+        catch (error) {
+            console.error('[useGhostOs] Failed to stop GhostOS:', error);
+        }
+    }, [isAvailable, invoke, checkStatus]);
+    /**
+     * Reset the install state (for retrying after an error).
+     */
+    const resetState = useCallback(() => {
+        setState(initialGhostOsInstallState);
+    }, [setState]);
+    // Wire up host event listeners (progress / logs / status).
+    useEffect(() => {
+        if (!isAvailable)
+            return;
+        const setupListeners = async () => {
+            try {
+                const unlistenProgress = await listen(GHOST_OS_TAURI_EVENTS.INSTALL_PROGRESS, (payload) => {
+                    const nextStatus = payload.status === 'completed'
+                        ? 'completed'
+                        : payload.status === 'cancelled'
+                            ? 'cancelled'
+                            : payload.status === 'error'
+                                ? 'error'
+                                : 'installing';
+                    setState((prev) => ({
+                        ...prev,
+                        status: nextStatus,
+                        progress: payload.percentage,
+                        message: payload.message,
+                        lastUpdated: new Date().toISOString(),
+                    }));
+                });
+                unlistenRefs.current.push(unlistenProgress);
+                const unlistenLogs = await listen(GHOST_OS_TAURI_EVENTS.INSTALLATION_LOG, addLog);
+                unlistenRefs.current.push(unlistenLogs);
+                const unlistenStatus = await listen(GHOST_OS_TAURI_EVENTS.STATUS, setStatus);
+                unlistenRefs.current.push(unlistenStatus);
+            }
+            catch (error) {
+                console.error('[useGhostOs] Failed to setup event listeners:', error);
+            }
+        };
+        setupListeners();
+        return () => {
+            unlistenRefs.current.forEach((unlisten) => unlisten());
+            unlistenRefs.current = [];
+        };
+    }, [isAvailable, listen, setState, addLog]);
+    // Check status once on mount (in the desktop app).
+    useEffect(() => {
+        if (!isAvailable || hasCheckedStatus.current)
+            return;
+        hasCheckedStatus.current = true;
+        checkStatus();
+    }, [isAvailable, checkStatus]);
+    // Only expose the feature as available inside the desktop (Tauri) app.
+    const finalIsAvailable = isAvailable && isTauriApp$1();
+    return {
+        isAvailable: finalIsAvailable,
+        state,
+        status,
+        accessibilityPermission,
+        install,
+        stop,
+        checkStatus,
+        resetState,
+        requestAccessibilityPermission,
+    };
+}
+
+// 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',
@@ -254066,6 +254822,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
@@ -254583,7 +255347,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();
@@ -254637,6 +255401,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);
@@ -254701,9 +255474,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 }))] }));
 }
@@ -257344,7 +258126,7 @@ function Account({ tenant, tenants = [], username, onInviteClick, email, mainPla
                         }, children: [jsxs("div", { className: "lg:hidden mb-6", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_d = (_c = TABS.find((t) => t.id === activeTab)) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : activeTab }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'basic' && t('profileAccount.descBasic'), activeTab === 'social' && t('profileAccount.descSocial'), activeTab === 'security' && t('profileAccount.descSecurity'), activeTab === 'management' && t('profileAccount.descManagement'), activeTab === 'organization' && t('profileAccount.descOrganization'), activeTab === 'monetization' && t('profileAccount.descMonetization'), activeTab === 'datasets' && t('profileAccount.descBenchmarks'), activeTab === 'advanced' && t('profileAccount.descAdvanced')] })] }), activeTab === 'management' && hasManagementPermissions && (jsx(Admin, { authSpaUrl: authURL, onInviteClick: onInviteClick, tenant: tenant, currentSpa: currentSPA, hasUserTabPermission: hasUserTabPermission, hasGroupsTabPermission: hasGroupsTabPermission, hasPoliciesTabPermission: hasPoliciesTabPermission, hasRolesTabPermission: hasRolesTabPermission, hasTeamsTabPermission: hasTeamsTabPermission, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, hasAlertsTabPermission: hasAlertsTabPermission, rbacPermissions: rbacPermissions, enableRbac: enableRbac, showGradebookTab: showGradebookTab })), activeTab === 'organization' && (jsx(OrganizationTab, { platformKey: tenant, tenant: tenants.find((ten) => ten.key === tenant), onTenantUpdate: onTenantUpdate, setOrganizationLogoFromOutside: setOrganizationLogo, defaultSupportPhone: defaultSupportPhone, enableSupportPhone: enableSupportPhone })), activeTab === 'integrations' && (jsx(IntegrationsTab, { tenantKey: tenant, username: username })), activeTab === 'billing' && (jsx(BillingTab, { tenant: tenant, userActiveApp: userActiveApp, username: username, currentUserEmail: email, mainPlatformKey: mainPlatformKey })), activeTab === 'monetization' && (jsx(MonetizationTab, { platformKey: tenant, authURL: authURL })), activeTab === 'datasets' && showBenchmarks && (jsx(BenchmarksTab, { tenantKey: tenant, username: username })), activeTab === 'advanced' && (jsx(AdvancedTab, { platformKey: tenant, currentSPA: currentSPA, username: username, authURL: authURL, currentPlatformBaseDomain: currentPlatformBaseDomain }))] })] }), jsx(ToastProvider, {})] }));
 }
 
-function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, showMentorAIDisplayCheckbox = false, showLeaderboardDisplayCheckbox = false, showGradebookTab = false, showUsernameField = false, showPlatformName = false, useGravatarPicFallback = true, enableCatalogInvite = false, targetTab = 'basic', currentPlan = '', currentSPA = '', userActiveApp = null, authURL, tenants = [], onTenantUpdate, currentPlatformBaseDomain = '', rbacPermissions = {}, enableRbac = false, onLoadGroupPermissions, onTabChange, defaultSupportPhone = '', onBillingTabRequest, onAccountDeleted, enableMemoryTab = false, showBenchmarks = false, localLLMProps, systemControlProps, enableSupportPhone, }) {
+function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, showMentorAIDisplayCheckbox = false, showLeaderboardDisplayCheckbox = false, showGradebookTab = false, showUsernameField = false, showPlatformName = false, useGravatarPicFallback = true, enableCatalogInvite = false, targetTab = 'basic', currentPlan = '', currentSPA = '', userActiveApp = null, authURL, tenants = [], onTenantUpdate, currentPlatformBaseDomain = '', rbacPermissions = {}, enableRbac = false, onLoadGroupPermissions, onTabChange, defaultSupportPhone = '', onBillingTabRequest, onAccountDeleted, enableMemoryTab = false, showBenchmarks = false, localLLMProps, enableSupportPhone, }) {
     const t = useT();
     console.log('[UserProfileModal] localLLMProps received:', {
         isAvailable: localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.isAvailable,
@@ -257410,7 +258192,7 @@ function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, sho
                             showPlatformName: showPlatformName,
                             useGravatarPicFallback: useGravatarPicFallback,
                             showGradebookTab: showGradebookTab,
-                        }, isAdmin: params.isAdmin, targetTab: targetTab, onClose: onClose, onAccountDeleted: onAccountDeleted, enableMemoryTab: enableMemoryTab, localLLMProps: localLLMProps, systemControlProps: systemControlProps })), [
+                        }, isAdmin: params.isAdmin, targetTab: targetTab, onClose: onClose, onAccountDeleted: onAccountDeleted, enableMemoryTab: enableMemoryTab, localLLMProps: localLLMProps })), [
                         'organization',
                         'management',
                         'integrations',
@@ -257420,69 +258202,7 @@ function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, sho
                     ].includes(targetTab) && (jsxs(Fragment$1, { children: [jsx(Account, { onInviteClick: () => setIsInviteUserDialogOpen(true), tenant: params.tenantKey, tenants: tenants, username: getUserName$1(), email: email, mainPlatformKey: mainPlatformKey, showUsernameField: showUsernameField, showPlatformName: showPlatformName, useGravatarPicFallback: useGravatarPicFallback, onClose: onClose, isAdmin: params.isAdmin, targetTab: targetTab, currentPlan: currentPlan, currentSPA: currentSPA, userActiveApp: userActiveApp, authURL: authURL, onTenantUpdate: onTenantUpdate, currentPlatformBaseDomain: currentPlatformBaseDomain, rbacPermissions: rbacPermissions, enableRbac: enableRbac, onLoadGroupPermissions: onLoadGroupPermissions, onTabChange: onTabChange, defaultSupportPhone: defaultSupportPhone, showBenchmarks: showBenchmarks, enableSupportPhone: enableSupportPhone, showGradebookTab: showGradebookTab }), isInviteUserDialogOpen && (jsx(InviteUserDialog, { tenant: params.tenantKey, onClose: () => setIsInviteUserDialogOpen(false), isOpen: isInviteUserDialogOpen, enableCatalogInvite: enableCatalogInvite, hasManageUsersPermission: hasManageUsersPermission })), isInvitedUsersDialogOpen && (jsx(InvitedUsersDialog, { onClose: () => setIsInvitedUsersDialogOpen(false), tenant: params.tenantKey }))] }))] }) }) }));
 }
 
-const IS_SERVER = typeof window === 'undefined';
-/**
- * A simplified useLocalStorage hook for persisting state to localStorage
- * with SSR safety.
- */
-function useLocalStorage(key, initialValue) {
-    // Get the initial value
-    const getInitialValue = useCallback(() => {
-        const initial = initialValue instanceof Function ? initialValue() : initialValue;
-        if (IS_SERVER) {
-            return initial;
-        }
-        try {
-            const item = window.localStorage.getItem(key);
-            if (item === null) {
-                return initial;
-            }
-            return JSON.parse(item);
-        }
-        catch (error) {
-            console.warn(`Error reading localStorage key "${key}":`, error);
-            return initial;
-        }
-    }, [key, initialValue]);
-    const [storedValue, setStoredValue] = useState(getInitialValue);
-    // Update stored value when key changes
-    useEffect(() => {
-        setStoredValue(getInitialValue());
-    }, [key, getInitialValue]);
-    // Persist to localStorage
-    const setValue = useCallback((value) => {
-        if (IS_SERVER) {
-            console.warn(`Tried setting localStorage key "${key}" even though environment is not a client`);
-            return;
-        }
-        try {
-            const valueToStore = value instanceof Function ? value(storedValue) : value;
-            setStoredValue(valueToStore);
-            window.localStorage.setItem(key, JSON.stringify(valueToStore));
-        }
-        catch (error) {
-            console.warn(`Error setting localStorage key "${key}":`, error);
-        }
-    }, [key, storedValue]);
-    // Remove from localStorage
-    const removeValue = useCallback(() => {
-        if (IS_SERVER) {
-            console.warn(`Tried removing localStorage key "${key}" even though environment is not a client`);
-            return;
-        }
-        try {
-            const initial = initialValue instanceof Function ? initialValue() : initialValue;
-            window.localStorage.removeItem(key);
-            setStoredValue(initial);
-        }
-        catch (error) {
-            console.warn(`Error removing localStorage key "${key}":`, error);
-        }
-    }, [key, initialValue]);
-    return [storedValue, setValue, removeValue];
-}
-
-const LOCAL_STORAGE_KEY$1 = 'model_download_state';
+const LOCAL_STORAGE_KEY = 'model_download_state';
 const FIRST_LAUNCH_DISMISSED_KEY = 'model_download_prompt_dismissed';
 // Manager/download status is authoritative from Tauri, never the persisted
 // snapshot. This flips true the first time any hook instance mounts in a page
@@ -257502,7 +258222,7 @@ let didResetPersistedState = false;
  */
 function useModelDownload() {
     const { isAvailable, invoke, listen } = useTauri();
-    const [state, setState] = useLocalStorage(LOCAL_STORAGE_KEY$1, initialModelDownloadState);
+    const [state, setState] = useLocalStorage(LOCAL_STORAGE_KEY, initialModelDownloadState);
     const [ollamaStatus, setOllamaStatus] = useState(null);
     const [systemMemory, setSystemMemory] = useState(null);
     const [isFirstLaunchDismissed, setIsFirstLaunchDismissed] = useLocalStorage(FIRST_LAUNCH_DISMISSED_KEY, false);
@@ -257930,224 +258650,6 @@ function useModelDownload() {
     };
 }
 
-const LOCAL_STORAGE_KEY = 'ghost_os_install_state';
-/**
- * Manage installing & setting up GhostOS (https://github.com/ghostwright/ghost-os)
- * via the Tauri host. This is the self-contained backing hook for the System
- * Control card and deliberately mirrors `useModelDownload`:
- *
- * - checks GhostOS install/run status through the host
- * - installs/sets up GhostOS with real-time progress + logs
- * - persists state across app restarts
- *
- * Outside the desktop (Tauri) app every action is a no-op and `isAvailable` is
- * false, so the card hides itself.
- */
-function useGhostOs() {
-    const { isAvailable, invoke, listen } = useTauri();
-    const [state, setState] = useLocalStorage(LOCAL_STORAGE_KEY, initialGhostOsInstallState);
-    const [status, setStatus] = useState(null);
-    // macOS Accessibility permission, which GhostOS needs to control the device.
-    // null = unknown/not-yet-checked or unsupported (non-macOS / plugin absent).
-    const [accessibilityPermission, setAccessibilityPermission] = useState(null);
-    const unlistenRefs = useRef([]);
-    const hasCheckedStatus = useRef(false);
-    /**
-     * Refresh the macOS Accessibility permission via tauri-plugin-macos-permissions.
-     * Independent of the GhostOS status check so a missing host command for one
-     * doesn't suppress the other. Stays null where unsupported.
-     */
-    const refreshAccessibilityPermission = useCallback(async () => {
-        if (!isAvailable)
-            return;
-        try {
-            const granted = await invoke(MACOS_PERMISSIONS_COMMANDS.CHECK_ACCESSIBILITY);
-            setAccessibilityPermission(granted);
-        }
-        catch (error) {
-            // Plugin not registered or non-macOS host — leave permission unknown.
-            console.warn('[useGhostOs] Accessibility permission check unavailable:', error);
-            setAccessibilityPermission(null);
-        }
-    }, [isAvailable, invoke]);
-    /**
-     * Open the Accessibility pane / prompt so the user can grant permission, then
-     * re-check (the grant happens in System Settings, so we refresh after).
-     */
-    const requestAccessibilityPermission = useCallback(async () => {
-        if (!isAvailable)
-            return;
-        try {
-            await invoke(MACOS_PERMISSIONS_COMMANDS.REQUEST_ACCESSIBILITY);
-        }
-        catch (error) {
-            console.error('[useGhostOs] Failed to request accessibility permission:', error);
-        }
-        await refreshAccessibilityPermission();
-    }, [isAvailable, invoke, refreshAccessibilityPermission]);
-    const addLog = useCallback((log) => {
-        setState((prev) => ({
-            ...prev,
-            logs: [...prev.logs.slice(-99), log],
-            lastUpdated: new Date().toISOString(),
-        }));
-    }, [setState]);
-    /**
-     * Query GhostOS status from the host.
-     */
-    const checkStatus = useCallback(async () => {
-        if (!isAvailable)
-            return;
-        // Refresh the accessibility permission alongside install status (independent).
-        refreshAccessibilityPermission();
-        try {
-            setState((prev) => ({ ...prev, status: 'checking' }));
-            const result = await invoke(GHOST_OS_TAURI_COMMANDS.CHECK_GHOST_OS_STATUS);
-            setStatus(result);
-            setState((prev) => ({
-                ...prev,
-                status: result.installed ? 'completed' : 'idle',
-                progress: result.installed ? 100 : prev.progress,
-                lastUpdated: new Date().toISOString(),
-            }));
-        }
-        catch (error) {
-            console.error('[useGhostOs] Failed to check status:', error);
-            setState((prev) => ({ ...prev, status: 'idle' }));
-        }
-    }, [isAvailable, invoke, setState, refreshAccessibilityPermission]);
-    /**
-     * Install and set up GhostOS. The host clones the repo + runs setup and emits
-     * progress/log/status events along the way.
-     */
-    const install = useCallback(async () => {
-        if (!isAvailable)
-            return;
-        try {
-            setState((prev) => ({
-                ...prev,
-                status: 'installing',
-                progress: 0,
-                message: 'Setting up your assistant…',
-                error: undefined,
-                logs: [],
-            }));
-            addLog({
-                timestamp: new Date().toISOString(),
-                level: 'info',
-                message: 'Starting setup…',
-            });
-            const result = await invoke(GHOST_OS_TAURI_COMMANDS.INSTALL_GHOST_OS);
-            addLog({
-                timestamp: new Date().toISOString(),
-                level: 'info',
-                message: typeof result === 'string' && result ? result : 'Setup complete',
-            });
-            setState((prev) => ({
-                ...prev,
-                status: 'completed',
-                progress: 100,
-                message: 'Your assistant is ready',
-                lastUpdated: new Date().toISOString(),
-            }));
-            await checkStatus();
-        }
-        catch (error) {
-            const message = error instanceof Error ? error.message : String(error);
-            setState((prev) => ({
-                ...prev,
-                status: 'error',
-                error: message,
-                message: 'Setup didn’t finish',
-                lastUpdated: new Date().toISOString(),
-            }));
-            addLog({
-                timestamp: new Date().toISOString(),
-                level: 'error',
-                message: `Install failed: ${message}`,
-            });
-        }
-    }, [isAvailable, invoke, addLog, checkStatus, setState]);
-    /**
-     * Stop the running GhostOS manager.
-     */
-    const stop = useCallback(async () => {
-        if (!isAvailable)
-            return;
-        try {
-            await invoke(GHOST_OS_TAURI_COMMANDS.STOP_GHOST_OS);
-            await checkStatus();
-        }
-        catch (error) {
-            console.error('[useGhostOs] Failed to stop GhostOS:', error);
-        }
-    }, [isAvailable, invoke, checkStatus]);
-    /**
-     * Reset the install state (for retrying after an error).
-     */
-    const resetState = useCallback(() => {
-        setState(initialGhostOsInstallState);
-    }, [setState]);
-    // Wire up host event listeners (progress / logs / status).
-    useEffect(() => {
-        if (!isAvailable)
-            return;
-        const setupListeners = async () => {
-            try {
-                const unlistenProgress = await listen(GHOST_OS_TAURI_EVENTS.INSTALL_PROGRESS, (payload) => {
-                    const nextStatus = payload.status === 'completed'
-                        ? 'completed'
-                        : payload.status === 'cancelled'
-                            ? 'cancelled'
-                            : payload.status === 'error'
-                                ? 'error'
-                                : 'installing';
-                    setState((prev) => ({
-                        ...prev,
-                        status: nextStatus,
-                        progress: payload.percentage,
-                        message: payload.message,
-                        lastUpdated: new Date().toISOString(),
-                    }));
-                });
-                unlistenRefs.current.push(unlistenProgress);
-                const unlistenLogs = await listen(GHOST_OS_TAURI_EVENTS.INSTALLATION_LOG, addLog);
-                unlistenRefs.current.push(unlistenLogs);
-                const unlistenStatus = await listen(GHOST_OS_TAURI_EVENTS.STATUS, setStatus);
-                unlistenRefs.current.push(unlistenStatus);
-            }
-            catch (error) {
-                console.error('[useGhostOs] Failed to setup event listeners:', error);
-            }
-        };
-        setupListeners();
-        return () => {
-            unlistenRefs.current.forEach((unlisten) => unlisten());
-            unlistenRefs.current = [];
-        };
-    }, [isAvailable, listen, setState, addLog]);
-    // Check status once on mount (in the desktop app).
-    useEffect(() => {
-        if (!isAvailable || hasCheckedStatus.current)
-            return;
-        hasCheckedStatus.current = true;
-        checkStatus();
-    }, [isAvailable, checkStatus]);
-    // Only expose the feature as available inside the desktop (Tauri) app.
-    const finalIsAvailable = isAvailable && isTauriApp$1();
-    return {
-        isAvailable: finalIsAvailable,
-        state,
-        status,
-        accessibilityPermission,
-        install,
-        stop,
-        checkStatus,
-        resetState,
-        requestAccessibilityPermission,
-    };
-}
-
 function UserProfileDropdown({ email, mainPlatformKey, 
 // User data
 username, userIsAdmin = false, userIsStudent = false, userIsVisiting = false, 
@@ -258171,11 +258673,9 @@ metadata, metadataLoaded = false,
 currentSPA = '', showMentorAIDisplayCheckbox = false, showLeaderboardDisplayCheckbox = false, showGradebookTab = false, showUsernameField = false, showPlatformName = false, enableCatalogInvite = false, authURL, onTenantUpdate, currentPlatformBaseDomain = '', rbacPermissions = {}, enableRbac = false, onLoadGroupPermissions, defaultSupportPhone = '', enableSupportPhone, 
 // Local LLM props
 localLLMProps, 
-// System Control props
-systemControlProps, 
 // Controlled modal state
 isModalOpen, onModalOpenChange, defaultActiveTab, onAccountDeleted, enableMemoryTab, showBenchmarks = false, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const t = useT();
     // Use hooks to fetch user metadata
     const { data: userMetadata } = useGetUserMetadataQuery({
@@ -258203,17 +258703,6 @@ isModalOpen, onModalOpenChange, defaultActiveTab, onAccountDeleted, enableMemory
     const selectedFoundryModel = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.selectedFoundryModel;
     const foundryStatus = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.foundryStatus;
     const onSelectFoundryModel = localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.onSelectFoundryModel;
-    // System Control (GhostOS) state from props (if provided) or from hook (fallback)
-    const ghostOsData = useGhostOs();
-    const isSystemControlAvailable = (_l = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.isAvailable) !== null && _l !== void 0 ? _l : ghostOsData.isAvailable;
-    const systemControlState = (_m = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.state) !== null && _m !== void 0 ? _m : ghostOsData.state;
-    const systemControlStatus = (_o = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.status) !== null && _o !== void 0 ? _o : ghostOsData.status;
-    const accessibilityPermission = (_p = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.accessibilityPermission) !== null && _p !== void 0 ? _p : ghostOsData.accessibilityPermission;
-    const installGhostOs = (_q = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.onInstall) !== null && _q !== void 0 ? _q : ghostOsData.install;
-    const stopGhostOs = (_r = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.onStop) !== null && _r !== void 0 ? _r : ghostOsData.stop;
-    const checkGhostOsStatus = (_s = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.onCheckStatus) !== null && _s !== void 0 ? _s : ghostOsData.checkStatus;
-    const resetGhostOsState = (_t = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.onResetState) !== null && _t !== void 0 ? _t : ghostOsData.resetState;
-    const requestAccessibilityPermission = (_u = systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.onRequestAccessibilityPermission) !== null && _u !== void 0 ? _u : ghostOsData.requestAccessibilityPermission;
     // Support controlled modal state
     const [internalIsUserProfileOpen, setInternalIsUserProfileOpen] = useState(false);
     const isUserProfileOpen = isModalOpen !== null && isModalOpen !== void 0 ? isModalOpen : internalIsUserProfileOpen;
@@ -258390,23 +258879,6 @@ isModalOpen, onModalOpenChange, defaultActiveTab, onAccountDeleted, enableMemory
                 onResetState: resetState,
                 onSelectFoundryModel,
             },
-            systemControlProps: {
-                isAvailable: isSystemControlAvailable,
-                state: systemControlState,
-                status: systemControlStatus,
-                requiredSizeGb: systemControlProps === null || systemControlProps === void 0 ? void 0 : systemControlProps.requiredSizeGb,
-                // Local-model status/memory + downloader, so the "Upgrade" action can
-                // check what's installed, keep the RAM/VRAM check, and pull a model.
-                ollamaStatus,
-                systemMemory,
-                accessibilityPermission,
-                onInstall: installGhostOs,
-                onStop: stopGhostOs,
-                onCheckStatus: checkGhostOsStatus,
-                onResetState: resetGhostOsState,
-                onRequestAccessibilityPermission: requestAccessibilityPermission,
-                onDownloadModel: startDownload,
-            },
             onAccountDeleted,
             enableMemoryTab,
             showBenchmarks,
@@ -267188,7 +267660,9 @@ function PromptCard$1({ label, placeholder, value, disabled, renderContent, onEd
 
 const AGENT_SCREENSHARE_TAB_LABELS = {
     header: {
-        title: 'Screen Share',
+        // Title is deliberately just "Screen" — the description below carries the
+        // screen-sharing wording.
+        title: 'Screen',
         description: 'How your agent behaves when a user shares their screen during a voice call.',
     },
     capability: {
@@ -267408,6 +267882,86 @@ function AgentScreenShareTab({ labels: labelsOverride, renderPromptContent, tena
                                 } }) }))] })) })] }));
 }
 
+const AGENT_SKILLS_TAB_LABELS = {
+    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...',
+};
+function buildSkillsTabLabels(t) {
+    return {
+        header: {
+            title: t('skillsTabLabels.header.title'),
+            description: t('skillsTabLabels.header.description'),
+        },
+        notBaseAgent: t('skillsTabLabels.notBaseAgent'),
+        loading: t('skillsTabLabels.loading'),
+    };
+}
+function resolveSkillsTabLabels(override, t) {
+    const base = t ? buildSkillsTabLabels(t) : AGENT_SKILLS_TAB_LABELS;
+    if (!override)
+        return base;
+    return deepMerge(base, override);
+}
+
+/**
+ * Best-effort slug extraction from the `template_mentor` field, whose shape
+ * is untyped on the settings serializer (string slug or nested object).
+ */
+function templateMentorSlug(template) {
+    if (typeof template === 'string')
+        return template;
+    if (template && typeof template === 'object') {
+        const record = template;
+        for (const key of ['slug', 'mentor_slug', 'template_slug']) {
+            if (typeof record[key] === 'string')
+                return record[key];
+        }
+    }
+    return undefined;
+}
+/**
+ * The Skills section of the agent configuration modal. Resolves the agent's
+ * UUID from mentor settings and renders the AgentSkills manager (effective
+ * skills + attachable catalog). Skills only apply to Base Agents — when the
+ * settings identify another agent type, an informational note renders
+ * instead. Hosts should also hide the tab for non-Base-Agents when they can.
+ */
+function AgentSkillsTab({ labels: labelsOverride, tenantKey: tenantKeyProp, mentorId: mentorIdProp, username: usernameProp, userIsStudent: userIsStudentProp, }) {
+    var _a, _b, _c, _d, _e;
+    const t = useT();
+    const labels = React__default.useMemo(() => resolveSkillsTabLabels(labelsOverride, t), [labelsOverride, t]);
+    const ctx = useAgentSettingsOptional();
+    const tenantKey = (_a = tenantKeyProp !== null && tenantKeyProp !== void 0 ? tenantKeyProp : ctx === null || ctx === void 0 ? void 0 : ctx.tenantKey) !== null && _a !== void 0 ? _a : '';
+    const mentorId = (_b = mentorIdProp !== null && mentorIdProp !== void 0 ? mentorIdProp : ctx === null || ctx === void 0 ? void 0 : ctx.mentorId) !== null && _b !== void 0 ? _b : '';
+    const username = (_c = usernameProp !== null && usernameProp !== void 0 ? usernameProp : ctx === null || ctx === void 0 ? void 0 : ctx.username) !== null && _c !== void 0 ? _c : '';
+    // Agent Skills are admin-only: render nothing for learners even if a host
+    // registers the tab or deep-links to it. Prop overrides context.
+    const userIsStudent = (_d = userIsStudentProp !== null && userIsStudentProp !== void 0 ? userIsStudentProp : ctx === null || ctx === void 0 ? void 0 : ctx.userIsStudent) !== null && _d !== void 0 ? _d : false;
+    const { data: mentorSettings, isLoading: isSettingsLoading } = useGetMentorSettingsQuery({
+        mentor: mentorId,
+        org: tenantKey,
+    }, { skip: !username || !mentorId || !tenantKey || userIsStudent });
+    const settings = mentorSettings;
+    const mentorUniqueId = (_e = settings === null || settings === void 0 ? void 0 : settings.mentor_unique_id) !== null && _e !== void 0 ? _e : '';
+    const templateSlug = templateMentorSlug(settings === null || settings === void 0 ? void 0 : settings.template_mentor);
+    // Only block when the template positively identifies a non-Base-Agent type;
+    // with no template evidence (custom mentors carry their own slug), render
+    // the manager and let the backend enforce.
+    const knownNotBaseAgent = !!settings &&
+        templateSlug !== undefined &&
+        !isBaseAgentMentor({ mentorSlug: settings.mentor_slug, templateMentorSlug: templateSlug });
+    if (userIsStudent)
+        return null;
+    return (jsxs(Fragment$1, { children: [jsx("div", { className: "hidden h-[73px] flex-shrink-0 items-center border-b border-gray-200 bg-white p-4 lg:block", children: jsxs("div", { children: [jsx("h3", { className: "mb-1 text-base font-medium text-gray-900", children: labels.header.title }), jsx("p", { className: "text-xs text-gray-700", children: labels.header.description })] }) }), jsx("div", { className: "flex-1 space-y-4 p-3", style: {
+                    overflowY: 'auto',
+                    overflowX: 'hidden',
+                }, children: isSettingsLoading || !mentorUniqueId ? (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: labels.loading })] })) : knownNotBaseAgent ? (jsx("div", { className: "flex items-center justify-center rounded-lg border p-6", children: jsx("p", { className: "text-sm text-gray-500", children: labels.notBaseAgent }) })) : (jsx(AgentSkills, { platformKey: tenantKey, mentorUniqueId: mentorUniqueId })) })] }));
+}
+
 const AGENT_GRADER_TAB_LABELS = {
     header: {
         title: 'Grader',
@@ -269491,7 +270045,7 @@ function AgentLinksSection({ identity, labels, }) {
                                                             event.stopPropagation();
                                                             setEditingLink(link);
                                                         }, children: jsx(Pencil, { className: "h-4 w-4" }) }) })] }, link.id));
-                                    }) })] }) }), isFetching && (jsx("p", { className: "px-3 py-2 text-xs text-gray-400", children: labels.common.refreshing }))] })), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: busy || isFetching }), showCreate && (jsx(AgentLinkModal, { isOpen: showCreate, onClose: () => setShowCreate(false), platformKey: platformKey, mentorId: mentorId, mentorUniqueId: mentorUniqueId, username: username, isLtiAccessible: isLtiAccessible, labels: labels })), editingLink && (jsx(AgentLinkModal, { isOpen: Boolean(editingLink), onClose: () => setEditingLink(null), platformKey: platformKey, mentorId: mentorId, mentorUniqueId: mentorUniqueId, username: username, isLtiAccessible: isLtiAccessible, link: editingLink, labels: labels }))] }));
+                                    }) })] }) }), isFetching && (jsx("p", { className: "px-3 py-2 text-xs text-gray-400", children: labels.common.refreshing }))] })), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: busy }), showCreate && (jsx(AgentLinkModal, { isOpen: showCreate, onClose: () => setShowCreate(false), platformKey: platformKey, mentorId: mentorId, mentorUniqueId: mentorUniqueId, username: username, isLtiAccessible: isLtiAccessible, labels: labels })), editingLink && (jsx(AgentLinkModal, { isOpen: Boolean(editingLink), onClose: () => setEditingLink(null), platformKey: platformKey, mentorId: mentorId, mentorUniqueId: mentorUniqueId, username: username, isLtiAccessible: isLtiAccessible, link: editingLink, labels: labels }))] }));
 }
 
 function KeyCreateModal({ isOpen, onClose, platformKey, labels }) {
@@ -269588,7 +270142,7 @@ function KeysSection({ identity, labels }) {
     const keys = React__default.useMemo(() => toArray(keysData), [keysData]);
     const totalPages = getTotalPages(keysData);
     const busy = !isReady || isLoading;
-    return (jsxs("div", { className: "space-y-4", "data-testid": "lti-keys-section", children: [jsxs("div", { className: "flex flex-col items-start justify-between gap-3 sm:flex-row sm:items-center", children: [jsx("p", { className: "text-xs text-gray-600", children: labels.keys.description }), jsxs(Button$1, { onClick: () => setShowCreate(true), size: "sm", "data-testid": "lti-key-create-button", className: "cursor-pointer whitespace-nowrap bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Plus, { className: "h-4 w-4" }), labels.keys.createButton] })] }), busy ? (jsx("div", { className: "flex w-full items-center justify-center py-10", children: jsx(Spinner, {}) })) : keys.length === 0 ? (jsxs("div", { className: "flex flex-col items-center justify-center gap-3 rounded-md border border-dashed border-gray-200 py-12 text-center", "data-testid": "lti-keys-empty", children: [jsx(KeyRound, { className: "h-8 w-8 text-gray-300", "aria-hidden": "true" }), jsx("p", { className: "text-sm text-[#646464]", children: labels.keys.empty })] })) : (jsxs("div", { className: "overflow-hidden rounded-md border", children: [jsx("div", { className: "overflow-x-auto", children: jsxs(Table$1, { className: "min-w-full", children: [jsx(TableHeader$1, { children: jsxs(TableRow$1, { className: "bg-muted/50 border-b", children: [jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.common.nameColumn }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.keys.publicKeyColumn }), jsx(TableHead, { className: "p-3 text-right text-sm whitespace-nowrap text-[#646464]", children: labels.common.actionsColumn })] }) }), jsx(TableBody, { children: keys.map((key) => (jsxs(TableRow$1, { "data-testid": "lti-key-row", className: "border-b last:border-0 hover:bg-muted/40", children: [jsx(TableCell$1, { className: "p-3 text-sm font-medium text-gray-900", children: key.name }), jsx(TableCell$1, { className: "p-3 font-mono text-xs text-[#646464]", children: truncateMiddle(key.public_key, 40) }), jsx(TableCell$1, { className: "p-3 text-right", children: jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { type: "button", variant: "ghost", size: "icon", "aria-label": labels.keys.actionsAria(key.name), children: jsx(EllipsisVertical, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", children: [jsxs(DropdownMenuItem, { onClick: () => setSelectedKey(key), children: [jsx(Pencil, { className: "mr-2 h-4 w-4" }), labels.common.edit] }), jsxs(DropdownMenuItem, { className: "text-red-600 focus:text-red-700", onClick: () => setKeyToDelete(key), children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), labels.common.delete] })] })] }) })] }, key.id))) })] }) }), isFetching && (jsx("p", { className: "px-3 py-2 text-xs text-gray-400", children: labels.common.refreshing }))] })), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: busy || isFetching }), showCreate && (jsx(KeyCreateModal, { isOpen: showCreate, onClose: () => setShowCreate(false), platformKey: platformKey, labels: labels })), selectedKey && (jsx(KeyDetailModal, { isOpen: Boolean(selectedKey), onClose: () => setSelectedKey(null), platformKey: platformKey, ltiKey: selectedKey, labels: labels })), keyToDelete && (jsx(KeyDeleteModal, { isOpen: Boolean(keyToDelete), onClose: () => setKeyToDelete(null), platformKey: platformKey, ltiKey: keyToDelete, labels: labels }))] }));
+    return (jsxs("div", { className: "space-y-4", "data-testid": "lti-keys-section", children: [jsxs("div", { className: "flex flex-col items-start justify-between gap-3 sm:flex-row sm:items-center", children: [jsx("p", { className: "text-xs text-gray-600", children: labels.keys.description }), jsxs(Button$1, { onClick: () => setShowCreate(true), size: "sm", "data-testid": "lti-key-create-button", className: "cursor-pointer whitespace-nowrap bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Plus, { className: "h-4 w-4" }), labels.keys.createButton] })] }), busy ? (jsx("div", { className: "flex w-full items-center justify-center py-10", children: jsx(Spinner, {}) })) : keys.length === 0 ? (jsxs("div", { className: "flex flex-col items-center justify-center gap-3 rounded-md border border-dashed border-gray-200 py-12 text-center", "data-testid": "lti-keys-empty", children: [jsx(KeyRound, { className: "h-8 w-8 text-gray-300", "aria-hidden": "true" }), jsx("p", { className: "text-sm text-[#646464]", children: labels.keys.empty })] })) : (jsxs("div", { className: "overflow-hidden rounded-md border", children: [jsx("div", { className: "overflow-x-auto", children: jsxs(Table$1, { className: "min-w-full", children: [jsx(TableHeader$1, { children: jsxs(TableRow$1, { className: "bg-muted/50 border-b", children: [jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.common.nameColumn }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.keys.publicKeyColumn }), jsx(TableHead, { className: "p-3 text-right text-sm whitespace-nowrap text-[#646464]", children: labels.common.actionsColumn })] }) }), jsx(TableBody, { children: keys.map((key) => (jsxs(TableRow$1, { "data-testid": "lti-key-row", className: "border-b last:border-0 hover:bg-muted/40", children: [jsx(TableCell$1, { className: "p-3 text-sm font-medium text-gray-900", children: key.name }), jsx(TableCell$1, { className: "p-3 font-mono text-xs text-[#646464]", children: truncateMiddle(key.public_key, 40) }), jsx(TableCell$1, { className: "p-3 text-right", children: jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { type: "button", variant: "ghost", size: "icon", "aria-label": labels.keys.actionsAria(key.name), children: jsx(EllipsisVertical, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", children: [jsxs(DropdownMenuItem, { onClick: () => setSelectedKey(key), children: [jsx(Pencil, { className: "mr-2 h-4 w-4" }), labels.common.edit] }), jsxs(DropdownMenuItem, { className: "text-red-600 focus:text-red-700", onClick: () => setKeyToDelete(key), children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), labels.common.delete] })] })] }) })] }, key.id))) })] }) }), isFetching && (jsx("p", { className: "px-3 py-2 text-xs text-gray-400", children: labels.common.refreshing }))] })), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: busy }), showCreate && (jsx(KeyCreateModal, { isOpen: showCreate, onClose: () => setShowCreate(false), platformKey: platformKey, labels: labels })), selectedKey && (jsx(KeyDetailModal, { isOpen: Boolean(selectedKey), onClose: () => setSelectedKey(null), platformKey: platformKey, ltiKey: selectedKey, labels: labels })), keyToDelete && (jsx(KeyDeleteModal, { isOpen: Boolean(keyToDelete), onClose: () => setKeyToDelete(null), platformKey: platformKey, ltiKey: keyToDelete, labels: labels }))] }));
 }
 
 function FieldError({ field, }) {
@@ -269727,7 +270281,7 @@ function ToolsSection({ identity, labels }) {
     return (jsxs("div", { className: "space-y-4", "data-testid": "lti-tools-section", children: [jsxs("div", { className: "flex flex-col items-start justify-between gap-3 sm:flex-row sm:items-center", children: [jsx("p", { className: "text-xs text-gray-600", children: labels.tools.description }), jsxs(Button$1, { onClick: () => setShowCreate(true), size: "sm", "data-testid": "lti-tool-create-button", className: "cursor-pointer whitespace-nowrap bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: [jsx(Plus, { className: "h-4 w-4" }), labels.tools.createButton] })] }), busy ? (jsx("div", { className: "flex w-full items-center justify-center py-10", children: jsx(Spinner, {}) })) : !tools || tools.length === 0 ? (jsxs("div", { className: "flex flex-col items-center justify-center gap-3 rounded-md border border-dashed border-gray-200 py-12 text-center", "data-testid": "lti-tools-empty", children: [jsx(Wrench, { className: "h-8 w-8 text-gray-300", "aria-hidden": "true" }), jsx("p", { className: "text-sm text-[#646464]", children: labels.tools.empty })] })) : (jsxs("div", { className: "overflow-hidden rounded-md border", children: [jsx("div", { className: "overflow-x-auto", children: jsxs(Table$1, { className: "min-w-full", children: [jsx(TableHeader$1, { children: jsxs(TableRow$1, { className: "bg-muted/50 border-b", children: [jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.common.nameColumn }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.tools.issuerColumn }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: labels.tools.clientIdColumn }), jsx(TableHead, { className: "p-3 text-right text-sm whitespace-nowrap text-[#646464]", children: labels.common.actionsColumn })] }) }), jsx(TableBody, { children: tools.map((tool) => (jsxs(TableRow$1, { "data-testid": "lti-tool-row", className: "cursor-pointer border-b last:border-0 hover:bg-muted/40", onClick: () => setEditingTool(tool), children: [jsx(TableCell$1, { className: "p-3 text-sm font-medium text-gray-900", children: tool.title }), jsx(TableCell$1, { className: "max-w-[260px] truncate p-3 text-sm text-[#646464]", children: tool.issuer }), jsx(TableCell$1, { className: "max-w-[200px] truncate p-3 text-sm text-[#646464]", children: tool.client_id }), jsx(TableCell$1, { className: "p-3 text-right", children: jsx(Button$1, { type: "button", variant: "outline", size: "icon", "aria-label": labels.tools.editAria(tool.title), onClick: (event) => {
                                                         event.stopPropagation();
                                                         setEditingTool(tool);
-                                                    }, children: jsx(Pencil, { className: "h-4 w-4" }) }) })] }, tool.id))) })] }) }), isFetching && (jsx("p", { className: "px-3 py-2 text-xs text-gray-400", children: labels.common.refreshing }))] })), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: busy || isFetching }), showCreate && (jsx(ToolModal, { isOpen: showCreate, onClose: () => setShowCreate(false), platformKey: platformKey, labels: labels })), editingTool && (jsx(ToolModal, { isOpen: Boolean(editingTool), onClose: () => setEditingTool(null), platformKey: platformKey, tool: editingTool, labels: labels }))] }));
+                                                    }, children: jsx(Pencil, { className: "h-4 w-4" }) }) })] }, tool.id))) })] }) }), isFetching && (jsx("p", { className: "px-3 py-2 text-xs text-gray-400", children: labels.common.refreshing }))] })), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: busy }), showCreate && (jsx(ToolModal, { isOpen: showCreate, onClose: () => setShowCreate(false), platformKey: platformKey, labels: labels })), editingTool && (jsx(ToolModal, { isOpen: Boolean(editingTool), onClose: () => setEditingTool(null), platformKey: platformKey, tool: editingTool, labels: labels }))] }));
 }
 
 function ToolEndpointsSection({ identity, labels, }) {
@@ -273376,7 +273930,15 @@ function StatusBadge({ status }) {
                 : 'bg-gray-100 text-gray-600';
     return (jsx("span", { className: cn('inline-flex rounded-full px-2 py-0.5 text-xs font-medium', color), children: upper !== null && upper !== void 0 ? upper : '—' }));
 }
-function AgentEvaluationTab({ getLLMProviderDetails, labels: labelsOverride, PaginationComponent, }) {
+function AgentEvaluationTab({ userIsStudent: userIsStudentProp, ...props }) {
+    var _a;
+    const ctx = useAgentSettings();
+    const userIsStudent = (_a = userIsStudentProp !== null && userIsStudentProp !== void 0 ? userIsStudentProp : ctx.userIsStudent) !== null && _a !== void 0 ? _a : false;
+    if (userIsStudent)
+        return null;
+    return jsx(AgentEvaluationTabContent, { ...props });
+}
+function AgentEvaluationTabContent({ getLLMProviderDetails, labels: labelsOverride, PaginationComponent, }) {
     var _a, _b;
     const { tenantKey, mentorId, username } = useAgentSettings();
     const dispatch = useDispatch();
@@ -277517,7 +278079,7 @@ const CODE_FILE_EXTENSIONS = new Set([
     'css',
     'sh',
 ]);
-function Chat({ mode = 'default', isPreviewMode = false, hasBorder = true, isInCanvasView = false, config, redirectToAuthSpa, username, userTenants, visitingTenant, axdToken, mentorId, tenantKey, userIsStudent, isPublicRoute, showConversationStarters = false, showExploreMentors = false, projectId, }) {
+function Chat({ mode = 'default', isPreviewMode = false, hasBorder = true, isInCanvasView = false, config, redirectToAuthSpa, username, userTenants, visitingTenant, axdToken, mentorId, tenantKey, userIsStudent, isPublicRoute, showConversationStarters = false, showExploreMentors = false, projectId, slashSkills, slashSkillsLoading = false, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
     const t = useT();
     const { metadata } = useTenantContext();
@@ -278546,7 +279108,7 @@ function Chat({ mode = 'default', isPreviewMode = false, hasBorder = true, isInC
                                                 !(messages.length > 0 &&
                                                     ((_g = messages[messages.length - 1]) === null || _g === void 0 ? void 0 : _g.role) === 'assistant' &&
                                                     ((_h = messages[messages.length - 1]) === null || _h === void 0 ? void 0 : _h.artifactVersions) &&
-                                                    ((_l = (_k = (_j = messages[messages.length - 1]) === null || _j === void 0 ? void 0 : _j.artifactVersions) === null || _k === void 0 ? void 0 : _k.length) !== null && _l !== void 0 ? _l : 0) > 0) && jsx(LoadingMessage, { mentorName: mentorName, profileImage: profileImage }), !showingSharedChat && guidedPrompts] }) }) }), jsx("div", { className: "flex-shrink-0 overflow-y-auto border-t border-gray-200 bg-white p-3 [scrollbar-gutter:stable]", children: jsx(ChatInputForm, { mentorId: mentorId, userIsStudent: userIsStudent, isPublicRoute: isPublicRoute, sessionId: sessionId, onSubmit: handleSubmit, stopGenerating: stopGenerating, onScreenSharingClick: () => {
+                                                    ((_l = (_k = (_j = messages[messages.length - 1]) === null || _j === void 0 ? void 0 : _j.artifactVersions) === null || _k === void 0 ? void 0 : _k.length) !== null && _l !== void 0 ? _l : 0) > 0) && jsx(LoadingMessage, { mentorName: mentorName, profileImage: profileImage }), !showingSharedChat && guidedPrompts] }) }) }), jsx("div", { className: "flex-shrink-0 overflow-y-auto border-t border-gray-200 bg-white p-3 [scrollbar-gutter:stable]", children: jsx(ChatInputForm, { mentorId: mentorId, userIsStudent: userIsStudent, isPublicRoute: isPublicRoute, slashSkills: slashSkills, slashSkillsLoading: slashSkillsLoading, sessionId: sessionId, onSubmit: handleSubmit, stopGenerating: stopGenerating, onScreenSharingClick: () => {
                                         var _a;
                                         if (enableChatPopupActions && isInIframe()) {
                                             sendMessageToParentWebsite({
@@ -278578,7 +279140,7 @@ function Chat({ mode = 'default', isPreviewMode = false, hasBorder = true, isInC
                             height: '100%',
                         }, children: [jsx(CanvasView$1, { canvasTitle: canvasState.title, canvasContent: canvasState.content, canvasType: canvasState.type, artifactId: canvasState.artifactId, org: canvasState.org, userId: canvasState.userId, fileExtension: canvasState.fileExtension, metadata: canvasState.metadata, sessionId: sessionId, tenantKey: tenantKey, refreshTrigger: canvasRefreshTrigger, sendMessage: (text, options) => {
                                     sendMessage(activeTab, text, options);
-                                }, onClose: handleCloseCanvas }, `${(_m = canvasState.artifactId) !== null && _m !== void 0 ? _m : 'canvas'}-${canvasRefreshTrigger}`), jsx("div", { className: "flex-shrink-0 border-t border-gray-200 bg-white p-3 md:hidden", children: jsx(ChatInputForm, { mentorId: mentorId, userIsStudent: userIsStudent, isPublicRoute: isPublicRoute, sessionId: sessionId, onSubmit: handleSubmit, stopGenerating: stopGenerating, onScreenSharingClick: () => {
+                                }, onClose: handleCloseCanvas }, `${(_m = canvasState.artifactId) !== null && _m !== void 0 ? _m : 'canvas'}-${canvasRefreshTrigger}`), jsx("div", { className: "flex-shrink-0 border-t border-gray-200 bg-white p-3 md:hidden", children: jsx(ChatInputForm, { mentorId: mentorId, userIsStudent: userIsStudent, isPublicRoute: isPublicRoute, slashSkills: slashSkills, slashSkillsLoading: slashSkillsLoading, sessionId: sessionId, onSubmit: handleSubmit, stopGenerating: stopGenerating, onScreenSharingClick: () => {
                                         var _a;
                                         if (enableChatPopupActions && isInIframe()) {
                                             sendMessageToParentWebsite({
@@ -278625,7 +279187,7 @@ function Chat({ mode = 'default', isPreviewMode = false, hasBorder = true, isInC
                 (isAdvancedMode ||
                     isEmbeddedMode ||
                     (messages.length > 0 &&
-                        (messages[0].role === 'assistant' ? messages.slice(1) : messages).length > 0)) && (jsx("div", { className: "flex-shrink-0 overflow-y-auto pb-3.5 [scrollbar-gutter:stable]", children: jsx(ChatInputForm, { mentorId: mentorId, userIsStudent: userIsStudent, isPublicRoute: isPublicRoute, sessionId: (_u = cachedSessionId === null || cachedSessionId === void 0 ? void 0 : cachedSessionId[mentorId]) !== null && _u !== void 0 ? _u : sessionId, onSubmit: handleSubmit, stopGenerating: stopGenerating, onScreenSharingClick: () => {
+                        (messages[0].role === 'assistant' ? messages.slice(1) : messages).length > 0)) && (jsx("div", { className: "flex-shrink-0 overflow-y-auto pb-3.5 [scrollbar-gutter:stable]", children: jsx(ChatInputForm, { mentorId: mentorId, userIsStudent: userIsStudent, isPublicRoute: isPublicRoute, slashSkills: slashSkills, slashSkillsLoading: slashSkillsLoading, sessionId: (_u = cachedSessionId === null || cachedSessionId === void 0 ? void 0 : cachedSessionId[mentorId]) !== null && _u !== void 0 ? _u : sessionId, onSubmit: handleSubmit, stopGenerating: stopGenerating, onScreenSharingClick: () => {
                         var _a;
                         if (enableChatPopupActions && isInIframe()) {
                             sendMessageToParentWebsite({
@@ -329934,5 +330496,5 @@ var index_es = /*#__PURE__*/Object.freeze({
     vectorsRatio: vectorsRatio
 });
 
-export { AGENT_ACCESS_TAB_LABELS, AGENT_ANALYTICS_TAB_LABELS, AGENT_API_TAB_LABELS, AGENT_DATASETS_TAB_LABELS, AGENT_DISCLAIMERS_TAB_LABELS, AGENT_EMBED_TAB_LABELS, AGENT_EVALUATION_TAB_LABELS, AGENT_GRADER_TAB_LABELS, AGENT_HISTORY_TAB_LABELS, AGENT_HUMAN_SUPPORT_TAB_LABELS, AGENT_LLM_TAB_LABELS, AGENT_LTI_TAB_LABELS, AGENT_MEMORY_TAB_LABELS, AGENT_PICKER_LABELS, AGENT_PRIVACY_TAB_LABELS, AGENT_PROMPTS_TAB_LABELS, AGENT_SAFETY_TAB_LABELS, AGENT_SCREENSHARE_TAB_LABELS, AGENT_SEARCH_LABELS, AGENT_SETTINGS_TAB_LABELS, AGENT_TASKS_TAB_LABELS, AGENT_TOOLS_TAB_LABELS, AGENT_VOICE_TAB_LABELS, Account, AgentAccessTab, AgentAnalyticsTab, AgentApiTab, AgentCard, AgentDatasetsTab, AgentDisclaimersTab, AgentEmbedTab, AgentEmptyState, AgentEvaluationTab, AgentGraderTab, AgentHistoryTab, AgentHumanSupportTab, AgentLLMTab, AgentLtiTab, AgentMemoryTab, AgentPrivacyTab, AgentPromptsTab, AgentSafetyTab, AgentScreenShareTab, AgentSearch, AgentSearchFilters, AgentSearchInput, AgentSettingsProvider, AgentSettingsTab, AgentTasksTab, AgentToolsTab, AgentVoiceTab, AppSidebar, CATALOGS, Chat, ClientErrorPage, ConversationStarters$1 as ConversationStarters, CopyButton, CopyMentorModal, CourseBox, CourseContentLayout, CourseContentTabPage, CreatePathwayModal, CredentialDetailModal, CredentialMiniBox, DEFAULT_ANALYTICS_HUB_TABS, DEFAULT_LOCALE, DeleteMentorModal, EMPTY_PROGRAM_SETTINGS_FORM, EdxIframe, ErrorPage, GRADING_TOOL_NAME, GreetingMethod, McpTab, MediaBox, MentorSelectionGrid, NavBar, OrganizationTab, PLATFORM_SIDEBAR_FLYOUT_ITEM_COLOR, PLATFORM_SIDEBAR_FLYOUT_TITLE_COLOR, PLATFORM_SIDEBAR_NAV_ACTIVE_BG_OPEN, PLATFORM_SIDEBAR_NAV_MUTED, PathwayDetailModal, PlatformAccountSheet, PlatformSidebar, PlatformSidebarCollapsedLabelFlyout, PlatformSidebarCollapsedNavFlyout, PlatformSidebarFooter, PlatformSidebarNavDivider, PlatformSidebarNavSection, PlatformSidebarSubNavItem, ProfileInfoCards, ProfileTabs, ProgramDetailModal, ProjectsSidebarDropdown, SUPPORTED_LOCALES, SidebarInset, SidebarProvider, SidebarTrigger, SsoLogin, StarButton, UserProfileDropdown, UserProfileModal, WebContainersI18nProvider, formatDateString, getCatalog, getLLMProviderDetails, initializeLocalStorageWithObject, isValidLocale, resolveAgentPickerLabels, resolveAgentSearchLabels, resolveSettingsTabLabels, useAgentSearch, useAgentSearchWithPagination, useAgentSettings, useAgentStar, useGetChatDetails, usePlatformSidebarFooterActions, usePlatformSidebarNavCallback, useSidebar, useT, useTimeTracker, useWebContainersI18n, useWebContainersLocale };
+export { AGENT_ACCESS_TAB_LABELS, AGENT_ANALYTICS_TAB_LABELS, AGENT_API_TAB_LABELS, AGENT_DATASETS_TAB_LABELS, AGENT_DISCLAIMERS_TAB_LABELS, AGENT_EMBED_TAB_LABELS, AGENT_EVALUATION_TAB_LABELS, AGENT_GRADER_TAB_LABELS, AGENT_HISTORY_TAB_LABELS, AGENT_HUMAN_SUPPORT_TAB_LABELS, AGENT_LLM_TAB_LABELS, AGENT_LTI_TAB_LABELS, AGENT_MEMORY_TAB_LABELS, AGENT_PICKER_LABELS, AGENT_PRIVACY_TAB_LABELS, AGENT_PROMPTS_TAB_LABELS, AGENT_SAFETY_TAB_LABELS, AGENT_SCREENSHARE_TAB_LABELS, AGENT_SEARCH_LABELS, AGENT_SETTINGS_TAB_LABELS, AGENT_SKILLS_TAB_LABELS, AGENT_TASKS_TAB_LABELS, AGENT_TOOLS_TAB_LABELS, AGENT_VOICE_TAB_LABELS, Account, AgentAccessTab, AgentAnalyticsTab, AgentApiTab, AgentCard, AgentDatasetsTab, AgentDisclaimersTab, AgentEmbedTab, AgentEmptyState, AgentEvaluationTab, AgentGraderTab, AgentHistoryTab, AgentHumanSupportTab, AgentLLMTab, AgentLtiTab, AgentMemoryTab, AgentPrivacyTab, AgentPromptsTab, AgentSafetyTab, AgentScreenShareTab, AgentSearch, AgentSearchFilters, AgentSearchInput, AgentSettingsProvider, AgentSettingsTab, AgentSkillsTab, AgentTasksTab, AgentToolsTab, AgentVoiceTab, AppSidebar, CATALOGS, Chat, ClientErrorPage, ConversationStarters$1 as ConversationStarters, CopyButton, CopyMentorModal, CourseBox, CourseContentLayout, CourseContentTabPage, CreatePathwayModal, CredentialDetailModal, CredentialMiniBox, DEFAULT_ANALYTICS_HUB_TABS, DEFAULT_LOCALE, DeleteMentorModal, EMPTY_PROGRAM_SETTINGS_FORM, EdxIframe, ErrorPage, GRADING_TOOL_NAME, GreetingMethod, McpTab, MediaBox, MentorSelectionGrid, NavBar, OrganizationTab, PLATFORM_SIDEBAR_FLYOUT_ITEM_COLOR, PLATFORM_SIDEBAR_FLYOUT_TITLE_COLOR, PLATFORM_SIDEBAR_NAV_ACTIVE_BG_OPEN, PLATFORM_SIDEBAR_NAV_MUTED, PathwayDetailModal, PlatformAccountSheet, PlatformSidebar, PlatformSidebarCollapsedLabelFlyout, PlatformSidebarCollapsedNavFlyout, PlatformSidebarFooter, PlatformSidebarNavDivider, PlatformSidebarNavSection, PlatformSidebarSubNavItem, ProfileInfoCards, ProfileTabs, ProgramDetailModal, ProjectsSidebarDropdown, SUPPORTED_LOCALES, SidebarInset, SidebarProvider, SidebarTrigger, SsoLogin, StarButton, UserProfileDropdown, UserProfileModal, WebContainersI18nProvider, formatDateString, getCatalog, getLLMProviderDetails, initializeLocalStorageWithObject, isValidLocale, resolveAgentPickerLabels, resolveAgentSearchLabels, resolveSettingsTabLabels, useAgentSearch, useAgentSearchWithPagination, useAgentSettings, useAgentStar, useGetChatDetails, usePlatformSidebarFooterActions, usePlatformSidebarNavCallback, useSidebar, useT, useTimeTracker, useWebContainersI18n, useWebContainersLocale };
 //# sourceMappingURL=index.esm.js.map