npm - @mastra/playground-ui - Versions diffs - 61.0.0-alpha.6 → 61.0.0 - Mend

@mastra/playground-ui 61.0.0-alpha.6 → 61.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1062) hide show

package/dist/domains/workflows/workflow/workflow-trigger.es.js CHANGED Viewed

@@ -15,7 +15,7 @@ import { WorkflowTriggerForm } from './workflow-trigger-form.es.js';
 import { InitialWorkflowHeader } from './workflow-trigger-header.es.js';
 import { S as ScrollArea } from '../../../scroll-area-CfoN8Hpp.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
-import { T as Txt } from '../../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { useLocalStorageState } from '../../../hooks/use-local-storage-state.es.js';
 import { t as toast } from '../../../toast-c5kCpyWt.js';
@@ -112,7 +112,7 @@ function WorkflowTrigger({
     observeWorkflowStream({ workflowId, runId: paramsRunId });
   }, [paramsRunId, observeWorkflowStream, workflowId]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx(ScrollArea, { className: "h-[calc(100vh-126px)] px-4 pt-2 pb-4 text-caption", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    return /* @__PURE__ */ jsx(ScrollArea, { className: "h-[calc(100vh-126px)] px-4 pt-2 pb-4", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-10" }),
       /* @__PURE__ */ jsx(Skeleton, { className: "h-10" })
     ] }) });

package/dist/domains/workflows/workflow/workflow-trigger.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"workflow-trigger.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-trigger.tsx"],"sourcesContent":["import type { WorkflowRunStatus } from '@mastra/core/workflows';\nimport { Loader2 } from 'lucide-react';\nimport { useState, useEffect, useContext, useRef } from 'react';\nimport type { ReactNode } from 'react';\nimport { z } from 'zod/v4';\nimport type { WorkflowRunContextType } from '../context/workflow-run-context';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { getRunResourceId, isWorkflowRunFinished } from '../utils';\nimport { useSuspendedSteps, useWorkflowSchemas } from './use-workflow-trigger';\nimport { WorkflowCancelButton } from './workflow-cancel-button';\nimport { WorkflowDebugModeSwitch } from './workflow-debug-mode-switch';\nimport { WorkflowDebugStepControls } from './workflow-debug-step-controls';\nimport { WorkflowRunData } from './workflow-run-data';\nimport { WorkflowRunError } from './workflow-run-error';\nimport { RunWorkflowHeader } from './workflow-run-header';\nimport { WorkflowTriggerForm } from './workflow-trigger-form';\nimport type { WorkflowTriggerFormProps } from './workflow-trigger-form';\nimport { InitialWorkflowHeader } from './workflow-trigger-header';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useLocalStorageState } from '@/hooks/use-local-storage-state';\nimport { toast } from '@/utils/toast';\n\nexport type WorkflowTriggerProps = Pick<\n WorkflowRunContextType,\n \| 'workflowId'\n \| 'workflow'\n \| 'isLoading'\n \| 'createWorkflowRun'\n \| 'streamWorkflow'\n \| 'resumeWorkflow'\n \| 'isStreamingWorkflow'\n \| 'isCancellingWorkflowRun'\n \| 'cancelWorkflowRun'\n> & {\n paramsRunId?: string;\n paramsRunStatus?: WorkflowRunStatus;\n observeWorkflowStream?: (params: { workflowId: string; runId: string }) => void;\n requestContext: Record<string, any>;\n runActionsSlot?: (ctx: WorkflowRunActionsContext) => ReactNode;\n canExecute: boolean;\n};\n\nexport interface WorkflowRunActionsContext {\n resourceId: string;\n setResourceId: (resourceId: string) => void;\n}\n\nexport function WorkflowTrigger({\n workflowId,\n paramsRunId,\n paramsRunStatus,\n workflow,\n isLoading,\n createWorkflowRun,\n streamWorkflow,\n observeWorkflowStream,\n isStreamingWorkflow,\n isCancellingWorkflowRun,\n cancelWorkflowRun,\n requestContext,\n runActionsSlot,\n canExecute: canExecuteWorkflow,\n}: WorkflowTriggerProps) {\n const {\n result,\n setResult,\n payload,\n setPayload,\n setRunId: setContextRunId,\n runId: contextRunId,\n runSnapshot,\n workflowError,\n } = useContext(WorkflowRunContext);\n\n const [isStarting, setIsStarting] = useState(false);\n const pendingStart = useRef<AbortController \| null>(null);\n const observedParamRun = useRef<string \| null>(null);\n const [cancelResponse, setCancelResponse] = useState<{ runId: string; message: string }>();\n const [resourceId, setResourceId] = useLocalStorageState({\n initialKey: `workflow-run-resource-id:${workflowId}`,\n defaultValue: '',\n schema: z.string(),\n });\n\n const activeRunId = paramsRunId \|\| contextRunId;\n const currentCancellation = cancelResponse?.runId === activeRunId ? cancelResponse : undefined;\n const streamResultToUse = activeRunId ? result : null;\n const suspendedSteps = useSuspendedSteps(streamResultToUse, activeRunId);\n const { zodSchemaToUse, hasStateSchema } = useWorkflowSchemas(workflow);\n\n const hasFinished = isWorkflowRunFinished(streamResultToUse?.status);\n\n const isPausedDebug = streamResultToUse?.status === 'paused';\n\n useEffect(() => () => pendingStart.current?.abort(), []);\n\n const handleExecuteWorkflow = async (data: Parameters<WorkflowTriggerFormProps['onExecute']>[0]) => {\n if (!workflow \|\| isStarting) return;\n pendingStart.current?.abort();\n const request = new AbortController();\n pendingStart.current = request;\n setIsStarting(true);\n try {\n setCancelResponse(undefined);\n setResult(null);\n\n const trimmedResourceId = resourceId.trim() \|\| undefined;\n const run = await createWorkflowRun({ workflowId, resourceId: trimmedResourceId });\n if (request.signal.aborted) return;\n\n setContextRunId(run.runId);\n setIsStarting(false);\n\n const { initialState, inputData: dataInputData } = data ?? {};\n const inputData = hasStateSchema ? dataInputData : data;\n\n await streamWorkflow({\n workflowId,\n runId: run.runId,\n inputData,\n initialState,\n requestContext,\n resourceId: trimmedResourceId,\n });\n } catch (error) {\n if (!request.signal.aborted) toast.error(error instanceof Error ? error.message : 'Error executing workflow');\n } finally {\n if (!request.signal.aborted) setIsStarting(false);\n }\n };\n\n const handleCancelWorkflowRun = async () => {\n if (!activeRunId) return;\n const resultWithoutStream = result?.status === 'paused' \|\| result?.status === 'suspended' ? result : undefined;\n try {\n const response = await cancelWorkflowRun({ workflowId, runId: activeRunId });\n setCancelResponse({ ...response, runId: activeRunId });\n if (resultWithoutStream) setResult({ ...resultWithoutStream, status: 'canceled' });\n } catch {\n toast.error('Error cancelling workflow run');\n }\n };\n\n useEffect(() => {\n if (!paramsRunId \|\| !observeWorkflowStream) return;\n // Observing twice releases the stream reader and resets the run back to its snapshot.\n const paramRun = `${workflowId}:${paramsRunId}`;\n if (observedParamRun.current === paramRun) return;\n observedParamRun.current = paramRun;\n observeWorkflowStream({ workflowId, runId: paramsRunId });\n }, [paramsRunId, observeWorkflowStream, workflowId]);\n\n if (isLoading) {\n return (\n <ScrollArea className=\"h-[calc(100vh-126px)] px-4 pt-2 pb-4 text-caption\">\n <div className=\"space-y-4\">\n <Skeleton className=\"h-10\" />\n <Skeleton className=\"h-10\" />\n </div>\n </ScrollArea>\n );\n }\n\n if (!workflow) return null;\n\n const isSuspendedSteps = suspendedSteps.length > 0;\n const showsCancelButton = streamResultToUse?.status === 'running' \|\| streamResultToUse?.status === 'suspended';\n\n const isViewingRun = !!activeRunId;\n const runStatus = streamResultToUse?.status ?? paramsRunStatus ?? (isStreamingWorkflow ? 'running' : 'pending');\n const cancelAction = (\n <WorkflowCancelButton\n status={streamResultToUse?.status}\n cancelMessage={currentCancellation?.message ?? null}\n isCancelling={isCancellingWorkflowRun}\n onCancel={handleCancelWorkflowRun}\n disabled={!canExecuteWorkflow}\n />\n );\n const headingSlot = isViewingRun ? (\n <RunWorkflowHeader\n runId={activeRunId}\n status={runStatus}\n result={streamResultToUse}\n timestamp={runSnapshot?.timestamp}\n resourceId={getRunResourceId(runSnapshot)}\n />\n ) : (\n <InitialWorkflowHeader workflow={workflow} workflowId={workflowId} />\n );\n\n return (\n <div className=\"pt-3\">\n <div>\n {isSuspendedSteps && isStreamingWorkflow && (\n <div className=\"-mt-5 flex items-center gap-2 border-b border-border bg-card px-5 py-2\">\n <Icon>\n <Loader2 className=\"animate-spin text-foreground\" />\n </Icon>\n <Txt>Resuming workflow</Txt>\n </div>\n )}\n\n {canExecuteWorkflow && (\n <WorkflowTriggerForm\n key={`${workflowId}:${activeRunId \|\| 'new'}`}\n zodSchema={zodSchemaToUse}\n defaultValues={payload}\n isStreaming={isStarting \|\| isStreamingWorkflow}\n onExecute={data => {\n setPayload(data);\n void handleExecuteWorkflow(data);\n }}\n isViewingRun={isViewingRun}\n isProcessorWorkflow={workflow?.isProcessorWorkflow}\n collapsible={false}\n headingSlot={headingSlot}\n leftActions={!paramsRunId ? <WorkflowDebugModeSwitch /> : undefined}\n submitButtonLabel={isStarting ? 'Starting…' : 'Run'}\n submitActions={runActionsSlot?.({ resourceId, setResourceId })}\n />\n )}\n\n {!canExecuteWorkflow && (\n <Txt variant=\"caption\" tone=\"muted\" className=\"px-5 py-2\">\n You don't have permission to execute workflows.\n </Txt>\n )}\n\n {hasFinished && streamResultToUse && (\n <WorkflowRunError result={streamResultToUse} workflowError={workflowError} className=\"mx-5 mb-4\" />\n )}\n\n {isPausedDebug && canExecuteWorkflow && (\n <div className=\"px-5 pt-3 pb-4\">\n <WorkflowDebugStepControls\n requestContext={requestContext}\n isStreaming={isStreamingWorkflow}\n disabled={isCancellingWorkflowRun \|\| !!currentCancellation}\n >\n {cancelAction}\n </WorkflowDebugStepControls>\n </div>\n )}\n\n {showsCancelButton && (\n <div data-testid=\"workflow-cancel-action\" className=\"flex justify-end px-5 pt-3 pb-4\">\n {cancelAction}\n </div>\n )}\n {streamResultToUse && <WorkflowRunData key={activeRunId} input={payload} result={streamResultToUse} />}\n </div>\n </div>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"workflow-trigger.es.js","sources":["../../../../src/domains/workflows/workflow/workflow-trigger.tsx"],"sourcesContent":["import type { WorkflowRunStatus } from '@mastra/core/workflows';\nimport { Loader2 } from 'lucide-react';\nimport { useState, useEffect, useContext, useRef } from 'react';\nimport type { ReactNode } from 'react';\nimport { z } from 'zod/v4';\nimport type { WorkflowRunContextType } from '../context/workflow-run-context';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { getRunResourceId, isWorkflowRunFinished } from '../utils';\nimport { useSuspendedSteps, useWorkflowSchemas } from './use-workflow-trigger';\nimport { WorkflowCancelButton } from './workflow-cancel-button';\nimport { WorkflowDebugModeSwitch } from './workflow-debug-mode-switch';\nimport { WorkflowDebugStepControls } from './workflow-debug-step-controls';\nimport { WorkflowRunData } from './workflow-run-data';\nimport { WorkflowRunError } from './workflow-run-error';\nimport { RunWorkflowHeader } from './workflow-run-header';\nimport { WorkflowTriggerForm } from './workflow-trigger-form';\nimport type { WorkflowTriggerFormProps } from './workflow-trigger-form';\nimport { InitialWorkflowHeader } from './workflow-trigger-header';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useLocalStorageState } from '@/hooks/use-local-storage-state';\nimport { toast } from '@/utils/toast';\n\nexport type WorkflowTriggerProps = Pick<\n WorkflowRunContextType,\n \| 'workflowId'\n \| 'workflow'\n \| 'isLoading'\n \| 'createWorkflowRun'\n \| 'streamWorkflow'\n \| 'resumeWorkflow'\n \| 'isStreamingWorkflow'\n \| 'isCancellingWorkflowRun'\n \| 'cancelWorkflowRun'\n> & {\n paramsRunId?: string;\n paramsRunStatus?: WorkflowRunStatus;\n observeWorkflowStream?: (params: { workflowId: string; runId: string }) => void;\n requestContext: Record<string, any>;\n runActionsSlot?: (ctx: WorkflowRunActionsContext) => ReactNode;\n canExecute: boolean;\n};\n\nexport interface WorkflowRunActionsContext {\n resourceId: string;\n setResourceId: (resourceId: string) => void;\n}\n\nexport function WorkflowTrigger({\n workflowId,\n paramsRunId,\n paramsRunStatus,\n workflow,\n isLoading,\n createWorkflowRun,\n streamWorkflow,\n observeWorkflowStream,\n isStreamingWorkflow,\n isCancellingWorkflowRun,\n cancelWorkflowRun,\n requestContext,\n runActionsSlot,\n canExecute: canExecuteWorkflow,\n}: WorkflowTriggerProps) {\n const {\n result,\n setResult,\n payload,\n setPayload,\n setRunId: setContextRunId,\n runId: contextRunId,\n runSnapshot,\n workflowError,\n } = useContext(WorkflowRunContext);\n\n const [isStarting, setIsStarting] = useState(false);\n const pendingStart = useRef<AbortController \| null>(null);\n const observedParamRun = useRef<string \| null>(null);\n const [cancelResponse, setCancelResponse] = useState<{ runId: string; message: string }>();\n const [resourceId, setResourceId] = useLocalStorageState({\n initialKey: `workflow-run-resource-id:${workflowId}`,\n defaultValue: '',\n schema: z.string(),\n });\n\n const activeRunId = paramsRunId \|\| contextRunId;\n const currentCancellation = cancelResponse?.runId === activeRunId ? cancelResponse : undefined;\n const streamResultToUse = activeRunId ? result : null;\n const suspendedSteps = useSuspendedSteps(streamResultToUse, activeRunId);\n const { zodSchemaToUse, hasStateSchema } = useWorkflowSchemas(workflow);\n\n const hasFinished = isWorkflowRunFinished(streamResultToUse?.status);\n\n const isPausedDebug = streamResultToUse?.status === 'paused';\n\n useEffect(() => () => pendingStart.current?.abort(), []);\n\n const handleExecuteWorkflow = async (data: Parameters<WorkflowTriggerFormProps['onExecute']>[0]) => {\n if (!workflow \|\| isStarting) return;\n pendingStart.current?.abort();\n const request = new AbortController();\n pendingStart.current = request;\n setIsStarting(true);\n try {\n setCancelResponse(undefined);\n setResult(null);\n\n const trimmedResourceId = resourceId.trim() \|\| undefined;\n const run = await createWorkflowRun({ workflowId, resourceId: trimmedResourceId });\n if (request.signal.aborted) return;\n\n setContextRunId(run.runId);\n setIsStarting(false);\n\n const { initialState, inputData: dataInputData } = data ?? {};\n const inputData = hasStateSchema ? dataInputData : data;\n\n await streamWorkflow({\n workflowId,\n runId: run.runId,\n inputData,\n initialState,\n requestContext,\n resourceId: trimmedResourceId,\n });\n } catch (error) {\n if (!request.signal.aborted) toast.error(error instanceof Error ? error.message : 'Error executing workflow');\n } finally {\n if (!request.signal.aborted) setIsStarting(false);\n }\n };\n\n const handleCancelWorkflowRun = async () => {\n if (!activeRunId) return;\n const resultWithoutStream = result?.status === 'paused' \|\| result?.status === 'suspended' ? result : undefined;\n try {\n const response = await cancelWorkflowRun({ workflowId, runId: activeRunId });\n setCancelResponse({ ...response, runId: activeRunId });\n if (resultWithoutStream) setResult({ ...resultWithoutStream, status: 'canceled' });\n } catch {\n toast.error('Error cancelling workflow run');\n }\n };\n\n useEffect(() => {\n if (!paramsRunId \|\| !observeWorkflowStream) return;\n // Observing twice releases the stream reader and resets the run back to its snapshot.\n const paramRun = `${workflowId}:${paramsRunId}`;\n if (observedParamRun.current === paramRun) return;\n observedParamRun.current = paramRun;\n observeWorkflowStream({ workflowId, runId: paramsRunId });\n }, [paramsRunId, observeWorkflowStream, workflowId]);\n\n if (isLoading) {\n return (\n <ScrollArea className=\"h-[calc(100vh-126px)] px-4 pt-2 pb-4\">\n <div className=\"space-y-4\">\n <Skeleton className=\"h-10\" />\n <Skeleton className=\"h-10\" />\n </div>\n </ScrollArea>\n );\n }\n\n if (!workflow) return null;\n\n const isSuspendedSteps = suspendedSteps.length > 0;\n const showsCancelButton = streamResultToUse?.status === 'running' \|\| streamResultToUse?.status === 'suspended';\n\n const isViewingRun = !!activeRunId;\n const runStatus = streamResultToUse?.status ?? paramsRunStatus ?? (isStreamingWorkflow ? 'running' : 'pending');\n const cancelAction = (\n <WorkflowCancelButton\n status={streamResultToUse?.status}\n cancelMessage={currentCancellation?.message ?? null}\n isCancelling={isCancellingWorkflowRun}\n onCancel={handleCancelWorkflowRun}\n disabled={!canExecuteWorkflow}\n />\n );\n const headingSlot = isViewingRun ? (\n <RunWorkflowHeader\n runId={activeRunId}\n status={runStatus}\n result={streamResultToUse}\n timestamp={runSnapshot?.timestamp}\n resourceId={getRunResourceId(runSnapshot)}\n />\n ) : (\n <InitialWorkflowHeader workflow={workflow} workflowId={workflowId} />\n );\n\n return (\n <div className=\"pt-3\">\n <div>\n {isSuspendedSteps && isStreamingWorkflow && (\n <div className=\"-mt-5 flex items-center gap-2 border-b border-border bg-card px-5 py-2\">\n <Icon>\n <Loader2 className=\"animate-spin text-foreground\" />\n </Icon>\n <Txt>Resuming workflow</Txt>\n </div>\n )}\n\n {canExecuteWorkflow && (\n <WorkflowTriggerForm\n key={`${workflowId}:${activeRunId \|\| 'new'}`}\n zodSchema={zodSchemaToUse}\n defaultValues={payload}\n isStreaming={isStarting \|\| isStreamingWorkflow}\n onExecute={data => {\n setPayload(data);\n void handleExecuteWorkflow(data);\n }}\n isViewingRun={isViewingRun}\n isProcessorWorkflow={workflow?.isProcessorWorkflow}\n collapsible={false}\n headingSlot={headingSlot}\n leftActions={!paramsRunId ? <WorkflowDebugModeSwitch /> : undefined}\n submitButtonLabel={isStarting ? 'Starting…' : 'Run'}\n submitActions={runActionsSlot?.({ resourceId, setResourceId })}\n />\n )}\n\n {!canExecuteWorkflow && (\n <Txt variant=\"caption\" tone=\"muted\" className=\"px-5 py-2\">\n You don't have permission to execute workflows.\n </Txt>\n )}\n\n {hasFinished && streamResultToUse && (\n <WorkflowRunError result={streamResultToUse} workflowError={workflowError} className=\"mx-5 mb-4\" />\n )}\n\n {isPausedDebug && canExecuteWorkflow && (\n <div className=\"px-5 pt-3 pb-4\">\n <WorkflowDebugStepControls\n requestContext={requestContext}\n isStreaming={isStreamingWorkflow}\n disabled={isCancellingWorkflowRun \|\| !!currentCancellation}\n >\n {cancelAction}\n </WorkflowDebugStepControls>\n </div>\n )}\n\n {showsCancelButton && (\n <div data-testid=\"workflow-cancel-action\" className=\"flex justify-end px-5 pt-3 pb-4\">\n {cancelAction}\n </div>\n )}\n {streamResultToUse && <WorkflowRunData key={activeRunId} input={payload} result={streamResultToUse} />}\n </div>\n </div>\n );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/workspace/components/workspace-active-file.cjs.js CHANGED Viewed

@@ -7,10 +7,10 @@ const workspace = require('@mastra/react/hooks/workspace');
 const domains_workspace_components_useWorkspaceContext = require('./use-workspace-context.cjs.js');
 const domains_workspace_components_workspaceError = require('./workspace-error.cjs.js');
 const domains_workspace_components_workspaceMarkdownPreview = require('./workspace-markdown-preview.cjs.js');
-const codeBlock = require('../../../code-block-Ipm4Kqvc.cjs');
+const codeBlock = require('../../../code-block-CxN4T0Xw.cjs');
 const highlight = require('../../../highlight-DK1dn-Fh.cjs');
 const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
-const Txt = require('../../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../../Txt-DFPibRb3.cjs');
 function WorkspaceFilePath() {
   const { activeFilePath } = domains_workspace_components_useWorkspaceContext.useWorkspaceContext();

package/dist/domains/workspace/components/workspace-active-file.es.js CHANGED Viewed

@@ -3,10 +3,10 @@ import { useWorkspaceFileContent, isImageFile, isVideoFile, videoMimeType, isMar
 import { useWorkspaceContext } from './use-workspace-context.es.js';
 import { WorkspaceError } from './workspace-error.es.js';
 import { WorkspaceMarkdownPreview } from './workspace-markdown-preview.es.js';
-import { C as CodeBlock } from '../../../code-block-BMmilLti.js';
+import { C as CodeBlock } from '../../../code-block-Cug9dlAp.js';
 import { l as languageForPath } from '../../../highlight-BmpoELR4.js';
 import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
-import { T as Txt } from '../../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
 function WorkspaceFilePath() {
   const { activeFilePath } = useWorkspaceContext();

package/dist/domains/workspace/components/workspace-add-skill-dialog.cjs.js CHANGED Viewed

@@ -10,11 +10,11 @@ const useDebounce = require('use-debounce');
 const dialog = require('../../../dialog-c2AhB8HM.cjs');
 const field = require('../../../field-BkeKcz_6.cjs');
 require('../../../field-control-aria-WzMGs0A4.cjs');
-const markdownRenderer = require('../../../markdown-renderer-BCeiKCA4.cjs');
+const markdownRenderer = require('../../../markdown-renderer-4P5RZjlT.cjs');
 const scrollArea = require('../../../scroll-area-gN-e805H.cjs');
 const searchInput = require('../../../search-input-DeeH0VrX.cjs');
 const select = require('../../../select-KV77JIvp.cjs');
-const Txt = require('../../../Txt-DNnvlrBo.cjs');
+const Txt = require('../../../Txt-DFPibRb3.cjs');
 const icons_GithubIcon = require('../../../icons/GithubIcon.cjs.js');
 const icons_SkillIcon = require('../../../icons/SkillIcon.cjs.js');
 const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
@@ -133,7 +133,7 @@ function WorkspaceAddSkillDialog({
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 w-1/2 flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-column tracking-wide text-muted-foreground uppercase", children: hasSearchResults ? "Search Results" : "Popular Skills" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "eyebrow", tone: "muted", className: "mb-2", children: hasSearchResults ? "Search Results" : "Popular Skills" }),
           /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "flex-1 rounded-lg border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
             scrollArea.ScrollAreaViewport,
             {
@@ -172,11 +172,11 @@ function WorkspaceAddSkillDialog({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-caption text-muted-foreground", children: skill.topSource })
+                        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "caption", tone: "muted", className: "truncate", children: skill.topSource })
                       ] }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1 text-caption text-muted-foreground", children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1 text-muted-foreground", children: [
                         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "size-3" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: skill.installs.toLocaleString() })
+                        /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", children: skill.installs.toLocaleString() })
                       ] })
                     ] })
                   },
@@ -187,7 +187,7 @@ function WorkspaceAddSkillDialog({
           ) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 w-1/2 flex-col", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-column tracking-wide text-muted-foreground uppercase", children: "Preview" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "eyebrow", tone: "muted", className: "mb-2", children: "Preview" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col overflow-hidden rounded-lg border border-border", children: !selectedSkill ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col items-center justify-center text-muted-foreground", children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "mb-2 size-8" }),
             /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { children: "Select a skill to preview" })
@@ -196,15 +196,17 @@ function WorkspaceAddSkillDialog({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-muted p-2", children: /* @__PURE__ */ jsxRuntime.jsx(icons_SkillIcon.SkillIcon, { className: "size-5 text-muted-foreground" }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "h3", variant: "subheading", tone: "ink", className: "truncate", children: selectedSkill.name }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex items-center gap-3 text-caption text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex items-center gap-3 text-muted-foreground", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(icons_GithubIcon.GithubIcon, { className: "size-3" }),
-                    selectedSkill.topSource
+                    /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "caption", className: "block", children: selectedSkill.topSource })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "size-3" }),
-                    selectedSkill.installs.toLocaleString(),
-                    " installs"
+                    /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { as: "span", variant: "caption", className: "block", children: [
+                      selectedSkill.installs.toLocaleString(),
+                      " installs"
+                    ] })
                   ] })
                 ] })
               ] }),
@@ -229,9 +231,12 @@ function WorkspaceAddSkillDialog({
                   href: skillsUrl,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  className: "mt-2 flex items-center gap-1 text-caption text-info-indicator hover:underline",
+                  className: "mt-2 flex items-center gap-1 text-info-indicator hover:underline",
                   children: [
-                    "View on skills.sh ",
+                    /* @__PURE__ */ jsxRuntime.jsxs(Txt.Txt, { as: "span", variant: "caption", className: "block", children: [
+                      "View on skills.sh",
+                      " "
+                    ] }),
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "size-3" })
                   ]
                 }

package/dist/domains/workspace/components/workspace-add-skill-dialog.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"workspace-add-skill-dialog.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-add-skill-dialog.tsx"],"sourcesContent":["import {\n useSearchSkillsSh,\n usePopularSkillsSh,\n useSkillPreview,\n parseSkillSource,\n} from '@mastra/react/hooks/workspace';\nimport type { SkillsShSkill } from '@mastra/react/hooks/workspace';\nimport { Download, ExternalLink, Loader2, CircleSlashIcon, Package, Check, Folder } from 'lucide-react';\nimport { useState, useCallback, useMemo } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport {\n Dialog,\n DialogAction,\n DialogBody,\n DialogCancel,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n} from '@/ds/components/Dialog';\nimport { Field, FieldLabel } from '@/ds/components/Field';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { SearchInput } from '@/ds/components/SearchInput';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { Txt } from '@/ds/components/Txt';\nimport { GithubIcon } from '@/ds/icons/GithubIcon';\nimport { SkillIcon } from '@/ds/icons/SkillIcon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface WritableMount {\n path: string;\n displayName?: string;\n icon?: string;\n provider?: string;\n name?: string;\n}\n\nexport interface AddSkillDialogProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n workspaceId: string;\n onInstall: (params: { repository: string; skillName: string; mount?: string }) => void;\n isInstalling?: boolean;\n /*\n Unique IDs of skills installed via skills.sh (format: \"owner/repo/skillName\").\n * Used for precise matching - only the exact source/skill combo shows as installed.\n /\n installedSkillIds?: string[];\n /\n Names of skills that are already installed (fallback when source info unavailable).\n * Skills matching by name only will show as installed regardless of source.\n /\n installedSkillNames?: string[];\n /\n Writable mounts available for skill installation (for CompositeFilesystem).\n * When more than one is provided, a dropdown is shown to pick the mount.\n /\n writableMounts?: WritableMount[];\n /\n Map of skill name to its installed path (for showing mount location on \"Installed\" badge).\n * Only needed when multiple mounts exist.\n /\n installedSkillPaths?: Record<string, string>;\n}\n\n/\n Generate a unique identifier for a skills.sh skill (for selection tracking).\n * Uses topSource + name since a repo can only have one skill with a given name.\n /\nfunction getSkillUniqueId(skill: SkillsShSkill): string {\n return `${skill.topSource}/${skill.name}`;\n}\n\n/\n Generate an installed skill ID from a skills.sh skill.\n * Format: \"owner/repo/skillName\" - matches what we build from workspace skills with skillsShSource.\n */\nfunction getInstalledSkillId(skill: SkillsShSkill): string \| null {\n const parsed = parseSkillSource(skill.topSource, skill.name);\n if (!parsed) return null;\n return `${parsed.owner}/${parsed.repo}/${skill.name}`;\n}\n\nexport function WorkspaceAddSkillDialog({\n open,\n onOpenChange,\n workspaceId,\n onInstall,\n isInstalling,\n installedSkillIds = [],\n installedSkillNames = [],\n writableMounts,\n installedSkillPaths,\n}: AddSkillDialogProps) {\n const [searchQuery, setSearchQuery] = useState('');\n const [selectedSkill, setSelectedSkill] = useState<SkillsShSkill \| null>(null);\n const [selectedMount, setSelectedMount] = useState<string>();\n const installMount = writableMounts?.some(mount => mount.path === selectedMount)\n ? selectedMount\n : writableMounts?.[0]?.path;\n\n const { data: popularData, isLoading: isLoadingPopular } = usePopularSkillsSh({\n workspaceId: workspaceId,\n queryOptions: { enabled: !!workspaceId },\n });\n\n const searchMutation = useSearchSkillsSh({ workspaceId: workspaceId });\n\n const parsedSource = useMemo(() => {\n if (!selectedSkill?.topSource) return null;\n return parseSkillSource(selectedSkill.topSource, selectedSkill.name);\n }, [selectedSkill]);\n\n const skillsUrl = useMemo(() => {\n if (!parsedSource \|\| !selectedSkill) return null;\n return `https://skills.sh/${parsedSource.owner}/${parsedSource.repo}/${selectedSkill.name}`;\n }, [parsedSource, selectedSkill]);\n\n const { data: previewContent, isLoading: isLoadingPreview } = useSkillPreview({\n workspaceId,\n owner: parsedSource?.owner,\n repo: parsedSource?.repo,\n skillPath: selectedSkill?.name,\n queryOptions: { enabled: !!workspaceId && !!parsedSource && !!selectedSkill },\n });\n\n const debouncedSearch = useDebouncedCallback((query: string) => {\n if (query.trim().length >= 2) {\n searchMutation.mutate(query);\n }\n }, 300);\n\n const handleSearch = useCallback(\n (query: string) => {\n setSearchQuery(query);\n debouncedSearch(query);\n },\n [debouncedSearch],\n );\n\n const displaySkills = useMemo(() => {\n if (searchQuery.trim().length >= 2) {\n return searchMutation.data?.skills ?? [];\n }\n return popularData?.skills ?? [];\n }, [searchQuery, searchMutation.data, popularData]);\n\n const isSearching = searchMutation.isPending;\n const hasSearchResults = searchQuery.trim().length >= 2;\n\n const isSelectedSkillInstalled = useMemo(() => {\n if (!selectedSkill) return false;\n\n const installedId = getInstalledSkillId(selectedSkill);\n if (installedId && installedSkillIds.includes(installedId)) {\n return true;\n }\n\n if (installedSkillNames.includes(selectedSkill.name)) {\n return true;\n }\n\n return false;\n }, [selectedSkill, installedSkillIds, installedSkillNames]);\n\n const handleInstall = useCallback(() => {\n if (!selectedSkill \|\| !parsedSource) return;\n\n onInstall({\n repository: `${parsedSource.owner}/${parsedSource.repo}`,\n skillName: selectedSkill.name,\n mount: writableMounts && writableMounts.length > 1 ? installMount : undefined,\n });\n }, [selectedSkill, parsedSource, onInstall, writableMounts, installMount]);\n\n const handleOpenChange = useCallback(\n (newOpen: boolean) => {\n if (!newOpen) {\n setSearchQuery('');\n setSelectedSkill(null);\n setSelectedMount(undefined);\n }\n onOpenChange(newOpen);\n },\n [onOpenChange],\n );\n\n return (\n <Dialog open={open} onOpenChange={handleOpenChange} pending={isInstalling}>\n <DialogContent size=\"xl\" className=\"h-[80vh]\">\n <DialogHeader>\n <DialogTitle>Add Skill</DialogTitle>\n <DialogDescription>Search and install skills from the community registry</DialogDescription>\n </DialogHeader>\n\n <DialogBody layout=\"fill\">\n <SearchInput\n label=\"Search skills\"\n placeholder=\"Search skills...\"\n value={searchQuery}\n onValueChange={handleSearch}\n />\n\n <div className=\"flex min-h-0 flex-1 gap-4\">\n <div className=\"flex min-h-0 w-1/2 flex-col\">\n <div className=\"mb-2 text-column tracking-wide text-muted-foreground uppercase\">\n {hasSearchResults ? 'Search Results' : 'Popular Skills'}\n </div>\n <ScrollArea className=\"flex-1 rounded-lg border border-border\">\n <ScrollAreaViewport\n className={\n !isLoadingPopular && !isSearching && displaySkills.length === 0\n ? 'flex flex-col [&>div]:flex [&>div]:flex-1 [&>div]:flex-col'\n : undefined\n }\n >\n {isLoadingPopular \|\| isSearching ? (\n <div className=\"flex items-center justify-center py-5\">\n <Loader2 className=\"size-6 animate-spin text-muted-foreground\" />\n </div>\n ) : displaySkills.length === 0 ? (\n <div className=\"flex flex-1 flex-col items-center-safe justify-center-safe py-5 text-muted-foreground\">\n <CircleSlashIcon className=\"mb-2 size-8\" />\n <Txt>{hasSearchResults ? 'No skills found' : 'No skills available'}</Txt>\n </div>\n ) : (\n <div className=\"space-y-1 p-2\">\n {displaySkills.map(skill => {\n const skillUniqueId = getSkillUniqueId(skill);\n const installedId = getInstalledSkillId(skill);\n const isInstalled =\n (installedId && installedSkillIds.includes(installedId)) \|\|\n installedSkillNames.includes(skill.name);\n const selectedSkillUniqueId = selectedSkill ? getSkillUniqueId(selectedSkill) : null;\n return (\n <button\n key={skillUniqueId}\n onClick={() => setSelectedSkill(skill)}\n className={cn(\n 'w-full rounded-md px-3 py-2 text-left',\n 'hover:bg-fill-subtle',\n selectedSkillUniqueId === skillUniqueId && 'border border-border-strong bg-fill-hover',\n )}\n >\n <div className=\"flex items-start justify-between gap-2\">\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-center gap-2\">\n <Txt as=\"span\" variant=\"subheading\" tone=\"ink\" className=\"truncate\">\n {skill.name}\n </Txt>\n {isInstalled && (\n <Txt\n as=\"span\"\n variant=\"meta\"\n className=\"inline-flex items-center gap-1 rounded bg-info-subtle px-1.5 py-0.5 text-info-subtle-foreground\"\n >\n <Check className=\"size-2.5\" />\n Installed\n </Txt>\n )}\n </div>\n <div className=\"truncate text-caption text-muted-foreground\">{skill.topSource}</div>\n </div>\n <div className=\"flex shrink-0 items-center gap-1 text-caption text-muted-foreground\">\n <Download className=\"size-3\" />\n <span>{skill.installs.toLocaleString()}</span>\n </div>\n </div>\n </button>\n );\n })}\n </div>\n )}\n </ScrollAreaViewport>\n </ScrollArea>\n </div>\n\n <div className=\"flex min-h-0 w-1/2 flex-col\">\n <div className=\"mb-2 text-column tracking-wide text-muted-foreground uppercase\">Preview</div>\n <div className=\"flex flex-1 flex-col overflow-hidden rounded-lg border border-border\">\n {!selectedSkill ? (\n <div className=\"flex h-full flex-col items-center justify-center text-muted-foreground\">\n <Package className=\"mb-2 size-8\" />\n <Txt>Select a skill to preview</Txt>\n </div>\n ) : (\n <>\n <div className=\"border-b border-border bg-card p-4\">\n <div className=\"flex items-start gap-3\">\n <div className=\"rounded-lg bg-muted p-2\">\n <SkillIcon className=\"size-5 text-muted-foreground\" />\n </div>\n <div className=\"min-w-0 flex-1\">\n <Txt as=\"h3\" variant=\"subheading\" tone=\"ink\" className=\"truncate\">\n {selectedSkill.name}\n </Txt>\n <div className=\"mt-1 flex items-center gap-3 text-caption text-muted-foreground\">\n <span className=\"flex items-center gap-1\">\n <GithubIcon className=\"size-3\" />\n {selectedSkill.topSource}\n </span>\n <span className=\"flex items-center gap-1\">\n <Download className=\"size-3\" />\n {selectedSkill.installs.toLocaleString()} installs\n </span>\n </div>\n </div>\n {parsedSource && (\n <a\n href={`https://github.com/${parsedSource.owner}/${parsedSource.repo}`}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(quietTextHover, controlStateColorTransition)}\n title=\"View on GitHub\"\n >\n <ExternalLink className=\"size-4\" />\n </a>\n )}\n </div>\n </div>\n\n {isLoadingPreview ? (\n <div className=\"flex flex-1 items-center justify-center\">\n <Loader2 className=\"size-6 animate-spin text-muted-foreground\" />\n </div>\n ) : previewContent ? (\n <ScrollArea className=\"flex-1\">\n <div className=\"p-4\">\n <MarkdownRenderer>{previewContent}</MarkdownRenderer>\n </div>\n </ScrollArea>\n ) : (\n <div className=\"flex flex-1 flex-col items-center justify-center text-muted-foreground\">\n <Package className=\"mb-2 size-8\" />\n <Txt>Preview unavailable</Txt>\n {skillsUrl && (\n <a\n href={skillsUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"mt-2 flex items-center gap-1 text-caption text-info-indicator hover:underline\"\n >\n View on skills.sh <ExternalLink className=\"size-3\" />\n </a>\n )}\n </div>\n )}\n </>\n )}\n </div>\n </div>\n </div>\n\n {selectedSkill && writableMounts && writableMounts.length > 1 && (\n <Field orientation=\"horizontal\" className={cn(raisedSurfaceStyle, 'gap-3 rounded-lg p-3')}>\n <Folder className=\"size-4 shrink-0 text-muted-foreground\" />\n <FieldLabel className=\"whitespace-nowrap\">Install to</FieldLabel>\n <Select value={installMount} onValueChange={setSelectedMount}>\n <SelectTrigger className=\"flex-1\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {writableMounts.map(m => {\n const name = m.displayName ?? m.name ?? m.provider ?? 'unknown';\n return (\n <SelectItem key={m.path} value={m.path}>\n {name} ({m.path})\n </SelectItem>\n );\n })}\n </SelectContent>\n </Select>\n </Field>\n )}\n </DialogBody>\n\n {selectedSkill && (\n <DialogFooter>\n {isSelectedSkillInstalled &&\n writableMounts &&\n writableMounts.length > 1 &&\n (() => {\n const skillPath = installedSkillPaths?.[selectedSkill.name];\n if (!skillPath) return null;\n const mount = writableMounts.find(m => skillPath.startsWith(m.path + '/') \|\| skillPath === m.path);\n return mount ? (\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"mr-auto\">\n Installed at {mount.path}\n </Txt>\n ) : null;\n })()}\n <DialogCancel>Cancel</DialogCancel>\n <DialogAction\n onConfirm={handleInstall}\n disabled={!parsedSource \|\| isSelectedSkillInstalled}\n data-testid=\"install-skill-button\"\n >\n {isInstalling ? 'Installing...' : isSelectedSkillInstalled ? 'Already Installed' : 'Install'}\n </DialogAction>\n </DialogFooter>\n )}\n </DialogContent>\n </Dialog>\n );\n}\n"],"names":["parseSkillSource","useState","usePopularSkillsSh","useSearchSkillsSh","useMemo","useSkillPreview","useDebouncedCallback","useCallback","jsx","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogBody","SearchInput","ScrollArea","ScrollAreaViewport","Loader2","CircleSlashIcon","Txt","cn","Check","Download","Package","Fragment","SkillIcon","GithubIcon","quietTextHover","controlStateColorTransition","ExternalLink","MarkdownRenderer","Field","raisedSurfaceStyle","Folder","FieldLabel","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","DialogFooter","DialogCancel","DialogAction"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,SAAS,iBAAiB,KAAA,EAA8B;AACtD,EAAA,OAAO,CAAA,EAAG,KAAA,CAAM,SAAS,CAAA,CAAA,EAAI,MAAM,IAAI,CAAA,CAAA;AACzC;AAMA,SAAS,oBAAoB,KAAA,EAAqC;AAChE,EAAA,MAAM,MAAA,GAASA,0BAAA,CAAiB,KAAA,CAAM,SAAA,EAAW,MAAM,IAAI,CAAA;AAC3D,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AACpB,EAAA,OAAO,CAAA,EAAG,OAAO,KAAK,CAAA,CAAA,EAAI,OAAO,IAAI,CAAA,CAAA,EAAI,MAAM,IAAI,CAAA,CAAA;AACrD;AAEO,SAAS,uBAAA,CAAwB;AAAA,EACtC,IAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAoB,EAAC;AAAA,EACrB,sBAAsB,EAAC;AAAA,EACvB,cAAA;AAAA,EACA;AACF,CAAA,EAAwB;AACtB,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIC,eAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAA+B,IAAI,CAAA;AAC7E,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,cAAA,EAAiB;AAC3D,EAAA,MAAM,YAAA,GAAe,cAAA,EAAgB,IAAA,CAAK,CAAA,KAAA,KAAS,KAAA,CAAM,IAAA,KAAS,aAAa,CAAA,GAC3E,aAAA,GACA,cAAA,GAAiB,CAAC,CAAA,EAAG,IAAA;AAEzB,EAAA,MAAM,EAAE,IAAA,EAAM,WAAA,EAAa,SAAA,EAAW,gBAAA,KAAqBC,4BAAA,CAAmB;AAAA,IAC5E,WAAA;AAAA,IACA,YAAA,EAAc,EAAE,OAAA,EAAS,CAAC,CAAC,WAAA;AAAY,GACxC,CAAA;AAED,EAAA,MAAM,cAAA,GAAiBC,2BAAA,CAAkB,EAAE,WAAA,EAA0B,CAAA;AAErE,EAAA,MAAM,YAAA,GAAeC,cAAQ,MAAM;AACjC,IAAA,IAAI,CAAC,aAAA,EAAe,SAAA,EAAW,OAAO,IAAA;AACtC,IAAA,OAAOJ,0BAAA,CAAiB,aAAA,CAAc,SAAA,EAAW,aAAA,CAAc,IAAI,CAAA;AAAA,EACrE,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,MAAM,SAAA,GAAYI,cAAQ,MAAM;AAC9B,IAAA,IAAI,CAAC,YAAA,IAAgB,CAAC,aAAA,EAAe,OAAO,IAAA;AAC5C,IAAA,OAAO,CAAA,kBAAA,EAAqB,aAAa,KAAK,CAAA,CAAA,EAAI,aAAa,IAAI,CAAA,CAAA,EAAI,cAAc,IAAI,CAAA,CAAA;AAAA,EAC3F,CAAA,EAAG,CAAC,YAAA,EAAc,aAAa,CAAC,CAAA;AAEhC,EAAA,MAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,SAAA,EAAW,gBAAA,KAAqBC,yBAAA,CAAgB;AAAA,IAC5E,WAAA;AAAA,IACA,OAAO,YAAA,EAAc,KAAA;AAAA,IACrB,MAAM,YAAA,EAAc,IAAA;AAAA,IACpB,WAAW,aAAA,EAAe,IAAA;AAAA,IAC1B,YAAA,EAAc,EAAE,OAAA,EAAS,CAAC,CAAC,WAAA,IAAe,CAAC,CAAC,YAAA,IAAgB,CAAC,CAAC,aAAA;AAAc,GAC7E,CAAA;AAED,EAAA,MAAM,eAAA,GAAkBC,gCAAA,CAAqB,CAAC,KAAA,KAAkB;AAC9D,IAAA,IAAI,KAAA,CAAM,IAAA,EAAK,CAAE,MAAA,IAAU,CAAA,EAAG;AAC5B,MAAA,cAAA,CAAe,OAAO,KAAK,CAAA;AAAA,IAC7B;AAAA,EACF,GAAG,GAAG,CAAA;AAEN,EAAA,MAAM,YAAA,GAAeC,iBAAA;AAAA,IACnB,CAAC,KAAA,KAAkB;AACjB,MAAA,cAAA,CAAe,KAAK,CAAA;AACpB,MAAA,eAAA,CAAgB,KAAK,CAAA;AAAA,IACvB,CAAA;AAAA,IACA,CAAC,eAAe;AAAA,GAClB;AAEA,EAAA,MAAM,aAAA,GAAgBH,cAAQ,MAAM;AAClC,IAAA,IAAI,WAAA,CAAY,IAAA,EAAK,CAAE,MAAA,IAAU,CAAA,EAAG;AAClC,MAAA,OAAO,cAAA,CAAe,IAAA,EAAM,MAAA,IAAU,EAAC;AAAA,IACzC;AACA,IAAA,OAAO,WAAA,EAAa,UAAU,EAAC;AAAA,EACjC,GAAG,CAAC,WAAA,EAAa,cAAA,CAAe,IAAA,EAAM,WAAW,CAAC,CAAA;AAElD,EAAA,MAAM,cAAc,cAAA,CAAe,SAAA;AACnC,EAAA,MAAM,gBAAA,GAAmB,WAAA,CAAY,IAAA,EAAK,CAAE,MAAA,IAAU,CAAA;AAEtD,EAAA,MAAM,wBAAA,GAA2BA,cAAQ,MAAM;AAC7C,IAAA,IAAI,CAAC,eAAe,OAAO,KAAA;AAE3B,IAAA,MAAM,WAAA,GAAc,oBAAoB,aAAa,CAAA;AACrD,IAAA,IAAI,WAAA,IAAe,iBAAA,CAAkB,QAAA,CAAS,WAAW,CAAA,EAAG;AAC1D,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,IAAI,mBAAA,CAAoB,QAAA,CAAS,aAAA,CAAc,IAAI,CAAA,EAAG;AACpD,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,aAAA,EAAe,iBAAA,EAAmB,mBAAmB,CAAC,CAAA;AAE1D,EAAA,MAAM,aAAA,GAAgBG,kBAAY,MAAM;AACtC,IAAA,IAAI,CAAC,aAAA,IAAiB,CAAC,YAAA,EAAc;AAErC,IAAA,SAAA,CAAU;AAAA,MACR,YAAY,CAAA,EAAG,YAAA,CAAa,KAAK,CAAA,CAAA,EAAI,aAAa,IAAI,CAAA,CAAA;AAAA,MACtD,WAAW,aAAA,CAAc,IAAA;AAAA,MACzB,KAAA,EAAO,cAAA,IAAkB,cAAA,CAAe,MAAA,GAAS,IAAI,YAAA,GAAe;AAAA,KACrE,CAAA;AAAA,EACH,GAAG,CAAC,aAAA,EAAe,cAAc,SAAA,EAAW,cAAA,EAAgB,YAAY,CAAC,CAAA;AAEzE,EAAA,MAAM,gBAAA,GAAmBA,iBAAA;AAAA,IACvB,CAAC,OAAA,KAAqB;AACpB,MAAA,IAAI,CAAC,OAAA,EAAS;AACZ,QAAA,cAAA,CAAe,EAAE,CAAA;AACjB,QAAA,gBAAA,CAAiB,IAAI,CAAA;AACrB,QAAA,gBAAA,CAAiB,MAAS,CAAA;AAAA,MAC5B;AACA,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAA,uBACEC,cAAA,CAACC,aAAA,EAAA,EAAO,IAAA,EAAY,YAAA,EAAc,gBAAA,EAAkB,OAAA,EAAS,YAAA,EAC3D,QAAA,kBAAAC,eAAA,CAACC,oBAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAAK,SAAA,EAAU,UAAA,EACjC,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAACE,mBAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAJ,cAAA,CAACK,sBAAY,QAAA,EAAA,WAAA,EAAS,CAAA;AAAA,sBACtBL,cAAA,CAACM,4BAAkB,QAAA,EAAA,uDAAA,EAAqD;AAAA,KAAA,EAC1E,CAAA;AAAA,oBAEAJ,eAAA,CAACK,iBAAA,EAAA,EAAW,MAAA,EAAO,MAAA,EACjB,QAAA,EAAA;AAAA,sBAAAP,cAAA;AAAA,QAACQ,uBAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,eAAA;AAAA,UACN,WAAA,EAAY,kBAAA;AAAA,UACZ,KAAA,EAAO,WAAA;AAAA,UACP,aAAA,EAAe;AAAA;AAAA,OACjB;AAAA,sBAEAN,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6BAAA,EACb,QAAA,EAAA;AAAA,0BAAAF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gEAAA,EACZ,QAAA,EAAA,gBAAA,GAAmB,mBAAmB,gBAAA,EACzC,CAAA;AAAA,0BACAA,cAAA,CAACS,qBAAA,EAAA,EAAW,SAAA,EAAU,wCAAA,EACpB,QAAA,kBAAAT,cAAA;AAAA,YAACU,6BAAA;AAAA,YAAA;AAAA,cACC,SAAA,EACE,CAAC,gBAAA,IAAoB,CAAC,eAAe,aAAA,CAAc,MAAA,KAAW,IAC1D,4DAAA,GACA,MAAA;AAAA,cAGL,8BAAoB,WAAA,mBACnBV,cAAA,CAAC,SAAI,SAAA,EAAU,uCAAA,EACb,yCAACW,mBAAA,EAAA,EAAQ,SAAA,EAAU,2CAAA,EAA4C,CAAA,EACjE,IACE,aAAA,CAAc,MAAA,KAAW,oBAC3BT,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,uFAAA,EACb,QAAA,EAAA;AAAA,gCAAAF,cAAA,CAACY,2BAAA,EAAA,EAAgB,WAAU,aAAA,EAAc,CAAA;AAAA,gCACzCZ,cAAA,CAACa,OAAA,EAAA,EAAK,QAAA,EAAA,gBAAA,GAAmB,iBAAA,GAAoB,qBAAA,EAAsB;AAAA,eAAA,EACrE,oBAEAb,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,eAAA,EACZ,QAAA,EAAA,aAAA,CAAc,IAAI,CAAA,KAAA,KAAS;AAC1B,gBAAA,MAAM,aAAA,GAAgB,iBAAiB,KAAK,CAAA;AAC5C,gBAAA,MAAM,WAAA,GAAc,oBAAoB,KAAK,CAAA;AAC7C,gBAAA,MAAM,WAAA,GACH,eAAe,iBAAA,CAAkB,QAAA,CAAS,WAAW,CAAA,IACtD,mBAAA,CAAoB,QAAA,CAAS,KAAA,CAAM,IAAI,CAAA;AACzC,gBAAA,MAAM,qBAAA,GAAwB,aAAA,GAAgB,gBAAA,CAAiB,aAAa,CAAA,GAAI,IAAA;AAChF,gBAAA,uBACEA,cAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBAEC,OAAA,EAAS,MAAM,gBAAA,CAAiB,KAAK,CAAA;AAAA,oBACrC,SAAA,EAAWc,WAAA;AAAA,sBACT,uCAAA;AAAA,sBACA,sBAAA;AAAA,sBACA,0BAA0B,aAAA,IAAiB;AAAA,qBAC7C;AAAA,oBAEA,QAAA,kBAAAZ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAA,EACb,QAAA,EAAA;AAAA,sCAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gBAAA,EACb,QAAA,EAAA;AAAA,wCAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0CAAAF,cAAA,CAACa,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,YAAA,EAAa,MAAK,KAAA,EAAM,SAAA,EAAU,UAAA,EACtD,QAAA,EAAA,KAAA,CAAM,IAAA,EACT,CAAA;AAAA,0BACC,WAAA,oBACCX,eAAA;AAAA,4BAACW,OAAA;AAAA,4BAAA;AAAA,8BACC,EAAA,EAAG,MAAA;AAAA,8BACH,OAAA,EAAQ,MAAA;AAAA,8BACR,SAAA,EAAU,iGAAA;AAAA,8BAEV,QAAA,EAAA;AAAA,gDAAAb,cAAA,CAACe,iBAAA,EAAA,EAAM,WAAU,UAAA,EAAW,CAAA;AAAA,gCAAE;AAAA;AAAA;AAAA;AAEhC,yBAAA,EAEJ,CAAA;AAAA,wCACAf,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EAA+C,gBAAM,SAAA,EAAU;AAAA,uBAAA,EAChF,CAAA;AAAA,sCACAE,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qEAAA,EACb,QAAA,EAAA;AAAA,wCAAAF,cAAA,CAACgB,oBAAA,EAAA,EAAS,WAAU,QAAA,EAAS,CAAA;AAAA,wCAC7BhB,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,CAAM,QAAA,CAAS,gBAAe,EAAE;AAAA,uBAAA,EACzC;AAAA,qBAAA,EACF;AAAA,mBAAA;AAAA,kBA/BK;AAAA,iBAgCP;AAAA,cAEJ,CAAC,CAAA,EACH;AAAA;AAAA,WAEJ,EACF;AAAA,SAAA,EACF,CAAA;AAAA,wBAEAE,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACb,QAAA,EAAA;AAAA,0BAAAF,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gEAAA,EAAiE,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,0BACvFA,cAAA,CAAC,SAAI,SAAA,EAAU,sEAAA,EACZ,WAAC,aAAA,mBACAE,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wEAAA,EACb,QAAA,EAAA;AAAA,4BAAAF,cAAA,CAACiB,mBAAA,EAAA,EAAQ,WAAU,aAAA,EAAc,CAAA;AAAA,4BACjCjB,cAAA,CAACa,WAAI,QAAA,EAAA,2BAAA,EAAyB;AAAA,WAAA,EAChC,oBAEAX,eAAA,CAAAgB,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAAlB,cAAA,CAAC,SAAI,SAAA,EAAU,oCAAA,EACb,QAAA,kBAAAE,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wBAAA,EACb,QAAA,EAAA;AAAA,8BAAAF,cAAA,CAAC,SAAI,SAAA,EAAU,yBAAA,EACb,yCAACmB,yBAAA,EAAA,EAAU,SAAA,EAAU,gCAA+B,CAAA,EACtD,CAAA;AAAA,8BACAjB,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,gCAAAF,cAAA,CAACa,OAAA,EAAA,EAAI,EAAA,EAAG,IAAA,EAAK,OAAA,EAAQ,YAAA,EAAa,MAAK,KAAA,EAAM,SAAA,EAAU,UAAA,EACpD,QAAA,EAAA,aAAA,CAAc,IAAA,EACjB,CAAA;AAAA,gCACAX,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iEAAA,EACb,QAAA,EAAA;AAAA,kCAAAA,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,yBAAA,EACd,QAAA,EAAA;AAAA,oCAAAF,cAAA,CAACoB,2BAAA,EAAA,EAAW,WAAU,QAAA,EAAS,CAAA;AAAA,oBAC9B,aAAA,CAAc;AAAA,mBAAA,EACjB,CAAA;AAAA,kCACAlB,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAA,EACd,QAAA,EAAA;AAAA,oCAAAF,cAAA,CAACgB,oBAAA,EAAA,EAAS,WAAU,QAAA,EAAS,CAAA;AAAA,oBAC5B,aAAA,CAAc,SAAS,cAAA,EAAe;AAAA,oBAAE;AAAA,mBAAA,EAC3C;AAAA,iBAAA,EACF;AAAA,eAAA,EACF,CAAA;AAAA,cACC,YAAA,oBACChB,cAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,MAAM,CAAA,mBAAA,EAAsB,YAAA,CAAa,KAAK,CAAA,CAAA,EAAI,aAAa,IAAI,CAAA,CAAA;AAAA,kBACnE,MAAA,EAAO,QAAA;AAAA,kBACP,GAAA,EAAI,qBAAA;AAAA,kBACJ,SAAA,EAAWc,WAAA,CAAGO,oCAAA,EAAgBC,kDAA2B,CAAA;AAAA,kBACzD,KAAA,EAAM,gBAAA;AAAA,kBAEN,QAAA,kBAAAtB,cAAA,CAACuB,wBAAA,EAAA,EAAa,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA;AACnC,aAAA,EAEJ,CAAA,EACF,CAAA;AAAA,YAEC,gBAAA,mBACCvB,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EACb,QAAA,kBAAAA,cAAA,CAACW,mBAAA,EAAA,EAAQ,SAAA,EAAU,2CAAA,EAA4C,CAAA,EACjE,CAAA,GACE,cAAA,mBACFX,cAAA,CAACS,qBAAA,EAAA,EAAW,SAAA,EAAU,QAAA,EACpB,QAAA,kBAAAT,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,KAAA,EACb,QAAA,kBAAAA,cAAA,CAACwB,iCAAA,EAAA,EAAkB,QAAA,EAAA,cAAA,EAAe,CAAA,EACpC,CAAA,EACF,CAAA,mBAEAtB,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wEAAA,EACb,QAAA,EAAA;AAAA,8BAAAF,cAAA,CAACiB,mBAAA,EAAA,EAAQ,WAAU,aAAA,EAAc,CAAA;AAAA,8BACjCjB,cAAA,CAACa,WAAI,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,cACvB,SAAA,oBACCX,eAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAM,SAAA;AAAA,kBACN,MAAA,EAAO,QAAA;AAAA,kBACP,GAAA,EAAI,qBAAA;AAAA,kBACJ,SAAA,EAAU,+EAAA;AAAA,kBACX,QAAA,EAAA;AAAA,oBAAA,oBAAA;AAAA,oCACmBF,cAAA,CAACuB,wBAAA,EAAA,EAAa,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA;AAAA;AACrD,aAAA,EAEJ;AAAA,WAAA,EAEJ,CAAA,EAEJ;AAAA,SAAA,EACF;AAAA,OAAA,EACF,CAAA;AAAA,MAEC,aAAA,IAAiB,cAAA,IAAkB,cAAA,CAAe,MAAA,GAAS,CAAA,oBAC1DrB,eAAA,CAACuB,WAAA,EAAA,EAAM,WAAA,EAAY,YAAA,EAAa,SAAA,EAAWX,WAAA,CAAGY,2CAAA,EAAoB,sBAAsB,CAAA,EACtF,QAAA,EAAA;AAAA,wBAAA1B,cAAA,CAAC2B,kBAAA,EAAA,EAAO,WAAU,uCAAA,EAAwC,CAAA;AAAA,wBAC1D3B,cAAA,CAAC4B,gBAAA,EAAA,EAAW,SAAA,EAAU,mBAAA,EAAoB,QAAA,EAAA,YAAA,EAAU,CAAA;AAAA,wBACpD1B,eAAA,CAAC2B,aAAA,EAAA,EAAO,KAAA,EAAO,YAAA,EAAc,eAAe,gBAAA,EAC1C,QAAA,EAAA;AAAA,0BAAA7B,cAAA,CAAC8B,oBAAA,EAAA,EAAc,SAAA,EAAU,QAAA,EACvB,QAAA,kBAAA9B,cAAA,CAAC+B,sBAAY,CAAA,EACf,CAAA;AAAA,0BACA/B,cAAA,CAACgC,oBAAA,EAAA,EACE,QAAA,EAAA,cAAA,CAAe,GAAA,CAAI,CAAA,CAAA,KAAK;AACvB,YAAA,MAAM,OAAO,CAAA,CAAE,WAAA,IAAe,CAAA,CAAE,IAAA,IAAQ,EAAE,QAAA,IAAY,SAAA;AACtD,YAAA,uBACE9B,eAAA,CAAC+B,iBAAA,EAAA,EAAwB,KAAA,EAAO,CAAA,CAAE,IAAA,EAC/B,QAAA,EAAA;AAAA,cAAA,IAAA;AAAA,cAAK,IAAA;AAAA,cAAG,CAAA,CAAE,IAAA;AAAA,cAAK;AAAA,aAAA,EAAA,EADD,EAAE,IAEnB,CAAA;AAAA,UAEJ,CAAC,CAAA,EACH;AAAA,SAAA,EACF;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ,CAAA;AAAA,IAEC,aAAA,oCACEC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,wBAAA,IACC,cAAA,IACA,cAAA,CAAe,MAAA,GAAS,CAAA,IAAA,CACvB,MAAM;AACL,QAAA,MAAM,SAAA,GAAY,mBAAA,GAAsB,aAAA,CAAc,IAAI,CAAA;AAC1D,QAAA,IAAI,CAAC,WAAW,OAAO,IAAA;AACvB,QAAA,MAAM,KAAA,GAAQ,cAAA,CAAe,IAAA,CAAK,CAAA,CAAA,KAAK,SAAA,CAAU,UAAA,CAAW,CAAA,CAAE,IAAA,GAAO,GAAG,CAAA,IAAK,SAAA,KAAc,CAAA,CAAE,IAAI,CAAA;AACjG,QAAA,OAAO,KAAA,mBACLhC,eAAA,CAACW,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,SAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA;AAAA,UAAA,eAAA;AAAA,UAClD,KAAA,CAAM;AAAA,SAAA,EACtB,CAAA,GACE,IAAA;AAAA,MACN,CAAA,GAAG;AAAA,sBACLb,cAAA,CAACmC,uBAAa,QAAA,EAAA,QAAA,EAAM,CAAA;AAAA,sBACpBnC,cAAA;AAAA,QAACoC,yBAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,aAAA;AAAA,UACX,QAAA,EAAU,CAAC,YAAA,IAAgB,wBAAA;AAAA,UAC3B,aAAA,EAAY,sBAAA;AAAA,UAEX,QAAA,EAAA,YAAA,GAAe,eAAA,GAAkB,wBAAA,GAA2B,mBAAA,GAAsB;AAAA;AAAA;AACrF,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"workspace-add-skill-dialog.cjs.js","sources":["../../../../src/domains/workspace/components/workspace-add-skill-dialog.tsx"],"sourcesContent":["import {\n useSearchSkillsSh,\n usePopularSkillsSh,\n useSkillPreview,\n parseSkillSource,\n} from '@mastra/react/hooks/workspace';\nimport type { SkillsShSkill } from '@mastra/react/hooks/workspace';\nimport { Download, ExternalLink, Loader2, CircleSlashIcon, Package, Check, Folder } from 'lucide-react';\nimport { useState, useCallback, useMemo } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport {\n Dialog,\n DialogAction,\n DialogBody,\n DialogCancel,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n} from '@/ds/components/Dialog';\nimport { Field, FieldLabel } from '@/ds/components/Field';\nimport { MarkdownRenderer } from '@/ds/components/MarkdownRenderer';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { SearchInput } from '@/ds/components/SearchInput';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { Txt } from '@/ds/components/Txt';\nimport { GithubIcon } from '@/ds/icons/GithubIcon';\nimport { SkillIcon } from '@/ds/icons/SkillIcon';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface WritableMount {\n path: string;\n displayName?: string;\n icon?: string;\n provider?: string;\n name?: string;\n}\n\nexport interface AddSkillDialogProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n workspaceId: string;\n onInstall: (params: { repository: string; skillName: string; mount?: string }) => void;\n isInstalling?: boolean;\n /*\n Unique IDs of skills installed via skills.sh (format: \"owner/repo/skillName\").\n * Used for precise matching - only the exact source/skill combo shows as installed.\n /\n installedSkillIds?: string[];\n /\n Names of skills that are already installed (fallback when source info unavailable).\n * Skills matching by name only will show as installed regardless of source.\n /\n installedSkillNames?: string[];\n /\n Writable mounts available for skill installation (for CompositeFilesystem).\n * When more than one is provided, a dropdown is shown to pick the mount.\n /\n writableMounts?: WritableMount[];\n /\n Map of skill name to its installed path (for showing mount location on \"Installed\" badge).\n * Only needed when multiple mounts exist.\n /\n installedSkillPaths?: Record<string, string>;\n}\n\n/\n Generate a unique identifier for a skills.sh skill (for selection tracking).\n * Uses topSource + name since a repo can only have one skill with a given name.\n /\nfunction getSkillUniqueId(skill: SkillsShSkill): string {\n return `${skill.topSource}/${skill.name}`;\n}\n\n/\n Generate an installed skill ID from a skills.sh skill.\n * Format: \"owner/repo/skillName\" - matches what we build from workspace skills with skillsShSource.\n */\nfunction getInstalledSkillId(skill: SkillsShSkill): string \| null {\n const parsed = parseSkillSource(skill.topSource, skill.name);\n if (!parsed) return null;\n return `${parsed.owner}/${parsed.repo}/${skill.name}`;\n}\n\nexport function WorkspaceAddSkillDialog({\n open,\n onOpenChange,\n workspaceId,\n onInstall,\n isInstalling,\n installedSkillIds = [],\n installedSkillNames = [],\n writableMounts,\n installedSkillPaths,\n}: AddSkillDialogProps) {\n const [searchQuery, setSearchQuery] = useState('');\n const [selectedSkill, setSelectedSkill] = useState<SkillsShSkill \| null>(null);\n const [selectedMount, setSelectedMount] = useState<string>();\n const installMount = writableMounts?.some(mount => mount.path === selectedMount)\n ? selectedMount\n : writableMounts?.[0]?.path;\n\n const { data: popularData, isLoading: isLoadingPopular } = usePopularSkillsSh({\n workspaceId: workspaceId,\n queryOptions: { enabled: !!workspaceId },\n });\n\n const searchMutation = useSearchSkillsSh({ workspaceId: workspaceId });\n\n const parsedSource = useMemo(() => {\n if (!selectedSkill?.topSource) return null;\n return parseSkillSource(selectedSkill.topSource, selectedSkill.name);\n }, [selectedSkill]);\n\n const skillsUrl = useMemo(() => {\n if (!parsedSource \|\| !selectedSkill) return null;\n return `https://skills.sh/${parsedSource.owner}/${parsedSource.repo}/${selectedSkill.name}`;\n }, [parsedSource, selectedSkill]);\n\n const { data: previewContent, isLoading: isLoadingPreview } = useSkillPreview({\n workspaceId,\n owner: parsedSource?.owner,\n repo: parsedSource?.repo,\n skillPath: selectedSkill?.name,\n queryOptions: { enabled: !!workspaceId && !!parsedSource && !!selectedSkill },\n });\n\n const debouncedSearch = useDebouncedCallback((query: string) => {\n if (query.trim().length >= 2) {\n searchMutation.mutate(query);\n }\n }, 300);\n\n const handleSearch = useCallback(\n (query: string) => {\n setSearchQuery(query);\n debouncedSearch(query);\n },\n [debouncedSearch],\n );\n\n const displaySkills = useMemo(() => {\n if (searchQuery.trim().length >= 2) {\n return searchMutation.data?.skills ?? [];\n }\n return popularData?.skills ?? [];\n }, [searchQuery, searchMutation.data, popularData]);\n\n const isSearching = searchMutation.isPending;\n const hasSearchResults = searchQuery.trim().length >= 2;\n\n const isSelectedSkillInstalled = useMemo(() => {\n if (!selectedSkill) return false;\n\n const installedId = getInstalledSkillId(selectedSkill);\n if (installedId && installedSkillIds.includes(installedId)) {\n return true;\n }\n\n if (installedSkillNames.includes(selectedSkill.name)) {\n return true;\n }\n\n return false;\n }, [selectedSkill, installedSkillIds, installedSkillNames]);\n\n const handleInstall = useCallback(() => {\n if (!selectedSkill \|\| !parsedSource) return;\n\n onInstall({\n repository: `${parsedSource.owner}/${parsedSource.repo}`,\n skillName: selectedSkill.name,\n mount: writableMounts && writableMounts.length > 1 ? installMount : undefined,\n });\n }, [selectedSkill, parsedSource, onInstall, writableMounts, installMount]);\n\n const handleOpenChange = useCallback(\n (newOpen: boolean) => {\n if (!newOpen) {\n setSearchQuery('');\n setSelectedSkill(null);\n setSelectedMount(undefined);\n }\n onOpenChange(newOpen);\n },\n [onOpenChange],\n );\n\n return (\n <Dialog open={open} onOpenChange={handleOpenChange} pending={isInstalling}>\n <DialogContent size=\"xl\" className=\"h-[80vh]\">\n <DialogHeader>\n <DialogTitle>Add Skill</DialogTitle>\n <DialogDescription>Search and install skills from the community registry</DialogDescription>\n </DialogHeader>\n\n <DialogBody layout=\"fill\">\n <SearchInput\n label=\"Search skills\"\n placeholder=\"Search skills...\"\n value={searchQuery}\n onValueChange={handleSearch}\n />\n\n <div className=\"flex min-h-0 flex-1 gap-4\">\n <div className=\"flex min-h-0 w-1/2 flex-col\">\n <Txt as=\"p\" variant=\"eyebrow\" tone=\"muted\" className=\"mb-2\">\n {hasSearchResults ? 'Search Results' : 'Popular Skills'}\n </Txt>\n <ScrollArea className=\"flex-1 rounded-lg border border-border\">\n <ScrollAreaViewport\n className={\n !isLoadingPopular && !isSearching && displaySkills.length === 0\n ? 'flex flex-col [&>div]:flex [&>div]:flex-1 [&>div]:flex-col'\n : undefined\n }\n >\n {isLoadingPopular \|\| isSearching ? (\n <div className=\"flex items-center justify-center py-5\">\n <Loader2 className=\"size-6 animate-spin text-muted-foreground\" />\n </div>\n ) : displaySkills.length === 0 ? (\n <div className=\"flex flex-1 flex-col items-center-safe justify-center-safe py-5 text-muted-foreground\">\n <CircleSlashIcon className=\"mb-2 size-8\" />\n <Txt>{hasSearchResults ? 'No skills found' : 'No skills available'}</Txt>\n </div>\n ) : (\n <div className=\"space-y-1 p-2\">\n {displaySkills.map(skill => {\n const skillUniqueId = getSkillUniqueId(skill);\n const installedId = getInstalledSkillId(skill);\n const isInstalled =\n (installedId && installedSkillIds.includes(installedId)) \|\|\n installedSkillNames.includes(skill.name);\n const selectedSkillUniqueId = selectedSkill ? getSkillUniqueId(selectedSkill) : null;\n return (\n <button\n key={skillUniqueId}\n onClick={() => setSelectedSkill(skill)}\n className={cn(\n 'w-full rounded-md px-3 py-2 text-left',\n 'hover:bg-fill-subtle',\n selectedSkillUniqueId === skillUniqueId && 'border border-border-strong bg-fill-hover',\n )}\n >\n <div className=\"flex items-start justify-between gap-2\">\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-center gap-2\">\n <Txt as=\"span\" variant=\"subheading\" tone=\"ink\" className=\"truncate\">\n {skill.name}\n </Txt>\n {isInstalled && (\n <Txt\n as=\"span\"\n variant=\"meta\"\n className=\"inline-flex items-center gap-1 rounded bg-info-subtle px-1.5 py-0.5 text-info-subtle-foreground\"\n >\n <Check className=\"size-2.5\" />\n Installed\n </Txt>\n )}\n </div>\n <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"truncate\">\n {skill.topSource}\n </Txt>\n </div>\n <div className=\"flex shrink-0 items-center gap-1 text-muted-foreground\">\n <Download className=\"size-3\" />\n <Txt as=\"span\" variant=\"caption\">\n {skill.installs.toLocaleString()}\n </Txt>\n </div>\n </div>\n </button>\n );\n })}\n </div>\n )}\n </ScrollAreaViewport>\n </ScrollArea>\n </div>\n\n <div className=\"flex min-h-0 w-1/2 flex-col\">\n <Txt as=\"p\" variant=\"eyebrow\" tone=\"muted\" className=\"mb-2\">\n Preview\n </Txt>\n <div className=\"flex flex-1 flex-col overflow-hidden rounded-lg border border-border\">\n {!selectedSkill ? (\n <div className=\"flex h-full flex-col items-center justify-center text-muted-foreground\">\n <Package className=\"mb-2 size-8\" />\n <Txt>Select a skill to preview</Txt>\n </div>\n ) : (\n <>\n <div className=\"border-b border-border bg-card p-4\">\n <div className=\"flex items-start gap-3\">\n <div className=\"rounded-lg bg-muted p-2\">\n <SkillIcon className=\"size-5 text-muted-foreground\" />\n </div>\n <div className=\"min-w-0 flex-1\">\n <Txt as=\"h3\" variant=\"subheading\" tone=\"ink\" className=\"truncate\">\n {selectedSkill.name}\n </Txt>\n <div className=\"mt-1 flex items-center gap-3 text-muted-foreground\">\n <span className=\"flex items-center gap-1\">\n <GithubIcon className=\"size-3\" />\n <Txt as=\"span\" variant=\"caption\" className=\"block\">\n {selectedSkill.topSource}\n </Txt>\n </span>\n <span className=\"flex items-center gap-1\">\n <Download className=\"size-3\" />\n <Txt as=\"span\" variant=\"caption\" className=\"block\">\n {selectedSkill.installs.toLocaleString()} installs\n </Txt>\n </span>\n </div>\n </div>\n {parsedSource && (\n <a\n href={`https://github.com/${parsedSource.owner}/${parsedSource.repo}`}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={cn(quietTextHover, controlStateColorTransition)}\n title=\"View on GitHub\"\n >\n <ExternalLink className=\"size-4\" />\n </a>\n )}\n </div>\n </div>\n\n {isLoadingPreview ? (\n <div className=\"flex flex-1 items-center justify-center\">\n <Loader2 className=\"size-6 animate-spin text-muted-foreground\" />\n </div>\n ) : previewContent ? (\n <ScrollArea className=\"flex-1\">\n <div className=\"p-4\">\n <MarkdownRenderer>{previewContent}</MarkdownRenderer>\n </div>\n </ScrollArea>\n ) : (\n <div className=\"flex flex-1 flex-col items-center justify-center text-muted-foreground\">\n <Package className=\"mb-2 size-8\" />\n <Txt>Preview unavailable</Txt>\n {skillsUrl && (\n <a\n href={skillsUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className=\"mt-2 flex items-center gap-1 text-info-indicator hover:underline\"\n >\n <Txt as=\"span\" variant=\"caption\" className=\"block\">\n View on skills.sh{' '}\n </Txt>\n <ExternalLink className=\"size-3\" />\n </a>\n )}\n </div>\n )}\n </>\n )}\n </div>\n </div>\n </div>\n\n {selectedSkill && writableMounts && writableMounts.length > 1 && (\n <Field orientation=\"horizontal\" className={cn(raisedSurfaceStyle, 'gap-3 rounded-lg p-3')}>\n <Folder className=\"size-4 shrink-0 text-muted-foreground\" />\n <FieldLabel className=\"whitespace-nowrap\">Install to</FieldLabel>\n <Select value={installMount} onValueChange={setSelectedMount}>\n <SelectTrigger className=\"flex-1\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {writableMounts.map(m => {\n const name = m.displayName ?? m.name ?? m.provider ?? 'unknown';\n return (\n <SelectItem key={m.path} value={m.path}>\n {name} ({m.path})\n </SelectItem>\n );\n })}\n </SelectContent>\n </Select>\n </Field>\n )}\n </DialogBody>\n\n {selectedSkill && (\n <DialogFooter>\n {isSelectedSkillInstalled &&\n writableMounts &&\n writableMounts.length > 1 &&\n (() => {\n const skillPath = installedSkillPaths?.[selectedSkill.name];\n if (!skillPath) return null;\n const mount = writableMounts.find(m => skillPath.startsWith(m.path + '/') \|\| skillPath === m.path);\n return mount ? (\n <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"mr-auto\">\n Installed at {mount.path}\n </Txt>\n ) : null;\n })()}\n <DialogCancel>Cancel</DialogCancel>\n <DialogAction\n onConfirm={handleInstall}\n disabled={!parsedSource \|\| isSelectedSkillInstalled}\n data-testid=\"install-skill-button\"\n >\n {isInstalling ? 'Installing...' : isSelectedSkillInstalled ? 'Already Installed' : 'Install'}\n </DialogAction>\n </DialogFooter>\n )}\n </DialogContent>\n </Dialog>\n );\n}\n"],"names":["parseSkillSource","useState","usePopularSkillsSh","useSearchSkillsSh","useMemo","useSkillPreview","useDebouncedCallback","useCallback","jsx","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogBody","SearchInput","Txt","ScrollArea","ScrollAreaViewport","Loader2","CircleSlashIcon","cn","Check","Download","Package","Fragment","SkillIcon","GithubIcon","quietTextHover","controlStateColorTransition","ExternalLink","MarkdownRenderer","Field","raisedSurfaceStyle","Folder","FieldLabel","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","DialogFooter","DialogCancel","DialogAction"],"mappings":"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"}

package/dist/domains/workspace/components/workspace-add-skill-dialog.es.js CHANGED Viewed

@@ -6,11 +6,11 @@ import { useDebouncedCallback } from 'use-debounce';
 import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, e as DialogDescription, a as DialogBody, f as DialogFooter, b as DialogCancel } from '../../../dialog-DhtPcWY-.js';
 import { F as Field, e as FieldLabel } from '../../../field-BiMIiq2Y.js';
 import '../../../field-control-aria-DB6y41tQ.js';
-import { M as MarkdownRenderer } from '../../../markdown-renderer-CKSEkKch.js';
+import { M as MarkdownRenderer } from '../../../markdown-renderer-DR6SJPyB.js';
 import { S as ScrollArea, a as ScrollAreaViewport } from '../../../scroll-area-CfoN8Hpp.js';
 import { S as SearchInput } from '../../../search-input-BV-rRDdJ.js';
 import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from '../../../select-CWxcmE3F.js';
-import { T as Txt } from '../../../Txt-C3cYJgKU.js';
+import { T as Txt } from '../../../Txt-CuuPO9Ho.js';
 import { GithubIcon } from '../../../icons/GithubIcon.es.js';
 import { SkillIcon } from '../../../icons/SkillIcon.es.js';
 import { raisedSurfaceStyle } from '../../../primitives/raised-surface.es.js';
@@ -129,7 +129,7 @@ function WorkspaceAddSkillDialog({
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 gap-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 w-1/2 flex-col", children: [
-          /* @__PURE__ */ jsx("div", { className: "mb-2 text-column tracking-wide text-muted-foreground uppercase", children: hasSearchResults ? "Search Results" : "Popular Skills" }),
+          /* @__PURE__ */ jsx(Txt, { as: "p", variant: "eyebrow", tone: "muted", className: "mb-2", children: hasSearchResults ? "Search Results" : "Popular Skills" }),
           /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 rounded-lg border border-border", children: /* @__PURE__ */ jsx(
             ScrollAreaViewport,
             {
@@ -168,11 +168,11 @@ function WorkspaceAddSkillDialog({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ jsx("div", { className: "truncate text-caption text-muted-foreground", children: skill.topSource })
+                        /* @__PURE__ */ jsx(Txt, { as: "p", variant: "caption", tone: "muted", className: "truncate", children: skill.topSource })
                       ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1 text-caption text-muted-foreground", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1 text-muted-foreground", children: [
                         /* @__PURE__ */ jsx(Download, { className: "size-3" }),
-                        /* @__PURE__ */ jsx("span", { children: skill.installs.toLocaleString() })
+                        /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", children: skill.installs.toLocaleString() })
                       ] })
                     ] })
                   },
@@ -183,7 +183,7 @@ function WorkspaceAddSkillDialog({
           ) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 w-1/2 flex-col", children: [
-          /* @__PURE__ */ jsx("div", { className: "mb-2 text-column tracking-wide text-muted-foreground uppercase", children: "Preview" }),
+          /* @__PURE__ */ jsx(Txt, { as: "p", variant: "eyebrow", tone: "muted", className: "mb-2", children: "Preview" }),
           /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col overflow-hidden rounded-lg border border-border", children: !selectedSkill ? /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center text-muted-foreground", children: [
             /* @__PURE__ */ jsx(Package, { className: "mb-2 size-8" }),
             /* @__PURE__ */ jsx(Txt, { children: "Select a skill to preview" })
@@ -192,15 +192,17 @@ function WorkspaceAddSkillDialog({
               /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-muted p-2", children: /* @__PURE__ */ jsx(SkillIcon, { className: "size-5 text-muted-foreground" }) }),
               /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ jsx(Txt, { as: "h3", variant: "subheading", tone: "ink", className: "truncate", children: selectedSkill.name }),
-                /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-3 text-caption text-muted-foreground", children: [
+                /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-3 text-muted-foreground", children: [
                   /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
                     /* @__PURE__ */ jsx(GithubIcon, { className: "size-3" }),
-                    selectedSkill.topSource
+                    /* @__PURE__ */ jsx(Txt, { as: "span", variant: "caption", className: "block", children: selectedSkill.topSource })
                   ] }),
                   /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
                     /* @__PURE__ */ jsx(Download, { className: "size-3" }),
-                    selectedSkill.installs.toLocaleString(),
-                    " installs"
+                    /* @__PURE__ */ jsxs(Txt, { as: "span", variant: "caption", className: "block", children: [
+                      selectedSkill.installs.toLocaleString(),
+                      " installs"
+                    ] })
                   ] })
                 ] })
               ] }),
@@ -225,9 +227,12 @@ function WorkspaceAddSkillDialog({
                   href: skillsUrl,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  className: "mt-2 flex items-center gap-1 text-caption text-info-indicator hover:underline",
+                  className: "mt-2 flex items-center gap-1 text-info-indicator hover:underline",
                   children: [
-                    "View on skills.sh ",
+                    /* @__PURE__ */ jsxs(Txt, { as: "span", variant: "caption", className: "block", children: [
+                      "View on skills.sh",
+                      " "
+                    ] }),
                     /* @__PURE__ */ jsx(ExternalLink, { className: "size-3" })
                   ]
                 }