npm - @mastra/playground-ui - Versions diffs - 60.0.0-alpha.8 → 60.0.0 - Mend

@mastra/playground-ui 60.0.0-alpha.8 → 60.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 (1883) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"workflow-information.es.js","sources":["../../../../src/domains/workflows/components/workflow-information.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { ContextType, ReactNode } from 'react';\nimport { useEffect, useContext, useState } from 'react';\n\nimport { useWorkflowSelectedStep } from '../context/use-workflow-selected-step';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { WorkflowRunDetail } from '../runs/workflow-run-details';\nimport { WorkflowRecentRuns } from '../runs/workflow-run-list';\nimport { WorkflowRunStatusBadge } from '../workflow/workflow-run-header';\nimport { WorkflowTrigger } from '../workflow/workflow-trigger';\nimport type { WorkflowRunActionsContext } from '../workflow/workflow-trigger';\nimport { panelSurfaceStyle, WorkflowPanelResizeHandle } from './workflow-layout';\n\nimport { useWorkflow } from '@/domains/workflows/hooks/use-workflow';\nimport { Button } from '@/ds/components/Button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { toast } from '@/utils/toast';\n\nexport interface WorkflowInformationProps {\n workflowId: string;\n initialRunId?: string;\n requestContext: Record<string, any>;\n runActionsSlot?: (ctx: WorkflowRunActionsContext) => ReactNode;\n canExecute: boolean;\n canDelete: boolean;\n}\n\ntype WorkflowActionProps = Pick<\n ContextType<typeof WorkflowRunContext>,\n \| 'createWorkflowRun'\n \| 'streamWorkflow'\n \| 'resumeWorkflow'\n \| 'isStreamingWorkflow'\n \| 'isCancellingWorkflowRun'\n \| 'cancelWorkflowRun'\n>;\n\ntype InitialWorkflowSidebarProps = WorkflowActionProps & {\n workflowId: string;\n requestContext: Record<string, any>;\n runActionsSlot?: (ctx: WorkflowRunActionsContext) => ReactNode;\n canExecute: boolean;\n workflow?: GetWorkflowResponse;\n isLoading: boolean;\n};\n\ntype RunWorkflowSidebarProps = InitialWorkflowSidebarProps & {\n runId: string;\n observeWorkflowStream?: ContextType<typeof WorkflowRunContext>['observeWorkflowStream'];\n};\n\nconst FLOATING_PANEL_SURFACE = cn(panelSurfaceStyle, 'pointer-events-auto');\n\nfunction FloatingPanel({ className, children }: { className: string; children: ReactNode }) {\n return (\n <div className={cn('relative flex min-h-0 min-w-0 flex-col', className)}>\n {children}\n <WorkflowPanelResizeHandle />\n </div>\n );\n}\n\nfunction NewWorkflowRunButton({ workflowId, onClick }: { workflowId: string; onClick: () => void }) {\n const { Link, paths } = useLinkComponent();\n\n return (\n <Button\n render={<Link href={`${paths.workflowLink(workflowId)}/graph`} />}\n\n variant=\"ghost\"\n size=\"icon-md\"\n tooltip=\"New workflow run\"\n onClick={onClick}\n >\n <Plus />\n </Button>\n );\n}\n\nfunction WorkflowInformationTopSection({\n children,\n workflowId,\n showNewRunButton,\n onNewRun,\n}: {\n children: ReactNode;\n workflowId: string;\n showNewRunButton: boolean;\n onNewRun: () => void;\n}) {\n const { result } = useContext(WorkflowRunContext);\n const [isOpen, setIsOpen] = useState(true);\n return (\n <FloatingPanel className=\"max-h-[75%] flex-initial\">\n <Collapsible\n render={<section />}\n open={isOpen}\n onOpenChange={setIsOpen}\n data-testid=\"workflow-information-top-section\"\n className={cn(FLOATING_PANEL_SURFACE, 'flex min-h-0 min-w-0 flex-col overflow-hidden')}\n >\n <div className=\"flex shrink-0 items-center gap-1 pr-2\">\n <CollapsibleTrigger className=\"flex min-w-0 flex-1 items-center gap-2 px-4 py-3 text-column text-muted-foreground\">\n <ChevronRight aria-hidden className=\"size-4 shrink-0 text-muted-foreground motion-reduce:transition-none\" />\n <span>Workflow run</span>\n {!isOpen && result?.status && <WorkflowRunStatusBadge status={result.status} />}\n </CollapsibleTrigger>\n {showNewRunButton && (\n <NewWorkflowRunButton\n workflowId={workflowId}\n onClick={() => {\n setIsOpen(true);\n onNewRun();\n }}\n />\n )}\n </div>\n <CollapsibleContent keepMounted fill className=\"flex min-h-0 flex-col\">\n <ScrollArea\n data-testid=\"workflow-information-top-scroll-area\"\n className=\"min-h-0 flex-1 border-t border-border/50\"\n viewPortClassName=\"h-full\"\n mask={{ top: false, bottom: false }}\n >\n {children}\n </ScrollArea>\n </CollapsibleContent>\n </Collapsible>\n </FloatingPanel>\n );\n}\n\nfunction InitialWorkflowSidebar(props: InitialWorkflowSidebarProps) {\n return <WorkflowTrigger {...props} />;\n}\n\nfunction RunWorkflowSidebar({ runId, observeWorkflowStream, ...props }: RunWorkflowSidebarProps) {\n return <WorkflowRunDetail {...props} runId={runId} observeWorkflowStream={observeWorkflowStream} />;\n}\n\nfunction RecentWorkflowRunsSection({\n workflowId,\n activeRunId,\n canDelete,\n}: {\n workflowId: string;\n activeRunId?: string;\n canDelete: boolean;\n}) {\n return (\n <FloatingPanel className=\"mt-auto max-h-[min(35%,280px)] shrink-0\">\n <section className={cn(FLOATING_PANEL_SURFACE, 'flex min-h-0 min-w-0 flex-col overflow-hidden')}>\n <WorkflowRecentRuns workflowId={workflowId} runId={activeRunId} canDelete={canDelete} />\n </section>\n </FloatingPanel>\n );\n}\n\nexport function WorkflowInformation({\n workflowId,\n initialRunId,\n requestContext,\n runActionsSlot,\n canExecute,\n canDelete,\n}: WorkflowInformationProps) {\n const { data: workflow, isLoading, error } = useWorkflow(workflowId, requestContext);\n\n const {\n createWorkflowRun,\n streamWorkflow,\n isStreamingWorkflow,\n observeWorkflowStream,\n resumeWorkflow,\n cancelWorkflowRun,\n isCancellingWorkflowRun,\n clearData,\n runId: contextRunId,\n } = useContext(WorkflowRunContext);\n\n const { setSelectedStepId } = useWorkflowSelectedStep();\n\n const activeRunId = initialRunId \|\| contextRunId;\n\n const actionProps = {\n workflowId,\n workflow: workflow ?? undefined,\n isLoading,\n createWorkflowRun,\n streamWorkflow,\n resumeWorkflow,\n isStreamingWorkflow,\n isCancellingWorkflowRun,\n cancelWorkflowRun,\n requestContext,\n runActionsSlot,\n canExecute,\n };\n\n useEffect(() => {\n if (error) {\n const errorMessage = error instanceof Error ? error.message : 'Failed to load workflow';\n toast.error(`Error loading workflow: ${errorMessage}`);\n }\n }, [error]);\n\n if (error) {\n return null;\n }\n\n if (!workflowId) {\n return (\n <div\n data-testid=\"workflow-information-panel\"\n className=\"workflow-information-panel pointer-events-none flex size-full min-h-0 flex-col gap-2 p-2\"\n />\n );\n }\n\n const resetToNewRun = () => {\n clearData();\n setSelectedStepId(null);\n };\n\n return (\n <div\n data-testid=\"workflow-information-panel\"\n className=\"workflow-information-panel pointer-events-none flex size-full min-h-0 flex-col gap-2 p-2\"\n >\n <WorkflowInformationTopSection\n workflowId={workflowId}\n showNewRunButton={Boolean(activeRunId)}\n onNewRun={resetToNewRun}\n >\n {initialRunId ? (\n <RunWorkflowSidebar {...actionProps} runId={initialRunId} observeWorkflowStream={observeWorkflowStream} />\n ) : (\n <InitialWorkflowSidebar {...actionProps} />\n )}\n </WorkflowInformationTopSection>\n\n <RecentWorkflowRunsSection workflowId={workflowId} activeRunId={activeRunId} canDelete={canDelete} />\n </div>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"workflow-information.es.js","sources":["../../../../src/domains/workflows/components/workflow-information.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { ContextType, ReactNode } from 'react';\nimport { useEffect, useContext, useState } from 'react';\n\nimport { useWorkflowSelectedStep } from '../context/use-workflow-selected-step';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { WorkflowRunDetail } from '../runs/workflow-run-details';\nimport { WorkflowRecentRuns } from '../runs/workflow-run-list';\nimport { WorkflowRunStatusBadge } from '../workflow/workflow-run-header';\nimport { WorkflowTrigger } from '../workflow/workflow-trigger';\nimport type { WorkflowRunActionsContext } from '../workflow/workflow-trigger';\nimport { panelSurfaceStyle, WorkflowPanelResizeHandle } from './workflow-layout';\n\nimport { useWorkflow } from '@/domains/workflows/hooks/use-workflow';\nimport { Button } from '@/ds/components/Button';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { ScrollArea, ScrollAreaViewport } from '@/ds/components/ScrollArea';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { toast } from '@/utils/toast';\n\nexport interface WorkflowInformationProps {\n workflowId: string;\n initialRunId?: string;\n requestContext: Record<string, any>;\n runActionsSlot?: (ctx: WorkflowRunActionsContext) => ReactNode;\n canExecute: boolean;\n canDelete: boolean;\n}\n\ntype WorkflowActionProps = Pick<\n ContextType<typeof WorkflowRunContext>,\n \| 'createWorkflowRun'\n \| 'streamWorkflow'\n \| 'resumeWorkflow'\n \| 'isStreamingWorkflow'\n \| 'isCancellingWorkflowRun'\n \| 'cancelWorkflowRun'\n>;\n\ntype InitialWorkflowSidebarProps = WorkflowActionProps & {\n workflowId: string;\n requestContext: Record<string, any>;\n runActionsSlot?: (ctx: WorkflowRunActionsContext) => ReactNode;\n canExecute: boolean;\n workflow?: GetWorkflowResponse;\n isLoading: boolean;\n};\n\ntype RunWorkflowSidebarProps = InitialWorkflowSidebarProps & {\n runId: string;\n observeWorkflowStream?: ContextType<typeof WorkflowRunContext>['observeWorkflowStream'];\n};\n\nconst FLOATING_PANEL_SURFACE = cn(panelSurfaceStyle, 'pointer-events-auto');\n\nfunction FloatingPanel({ className, children }: { className: string; children: ReactNode }) {\n return (\n <div className={cn('relative flex min-h-0 min-w-0 flex-col', className)}>\n {children}\n <WorkflowPanelResizeHandle />\n </div>\n );\n}\n\nfunction NewWorkflowRunButton({ workflowId, onClick }: { workflowId: string; onClick: () => void }) {\n const { Link, paths } = useLinkComponent();\n\n return (\n <Button\n render={<Link href={`${paths.workflowLink(workflowId)}/graph`} />}\n\n variant=\"ghost\"\n size=\"icon-md\"\n tooltip=\"New workflow run\"\n onClick={onClick}\n >\n <Plus />\n </Button>\n );\n}\n\nfunction WorkflowInformationTopSection({\n children,\n workflowId,\n showNewRunButton,\n onNewRun,\n}: {\n children: ReactNode;\n workflowId: string;\n showNewRunButton: boolean;\n onNewRun: () => void;\n}) {\n const { result } = useContext(WorkflowRunContext);\n const [isOpen, setIsOpen] = useState(true);\n return (\n <FloatingPanel className=\"max-h-[75%] flex-initial\">\n <Collapsible\n render={<section />}\n open={isOpen}\n onOpenChange={setIsOpen}\n data-testid=\"workflow-information-top-section\"\n className={cn(FLOATING_PANEL_SURFACE, 'flex min-h-0 min-w-0 flex-col overflow-hidden')}\n >\n <div className=\"flex shrink-0 items-center gap-1 pr-2\">\n <CollapsibleTrigger className=\"flex min-w-0 flex-1 items-center gap-2 px-4 py-3 text-column text-muted-foreground\">\n <ChevronRight aria-hidden className=\"size-4 shrink-0 text-muted-foreground motion-reduce:transition-none\" />\n <span>Workflow run</span>\n {!isOpen && result?.status && <WorkflowRunStatusBadge status={result.status} />}\n </CollapsibleTrigger>\n {showNewRunButton && (\n <NewWorkflowRunButton\n workflowId={workflowId}\n onClick={() => {\n setIsOpen(true);\n onNewRun();\n }}\n />\n )}\n </div>\n <CollapsibleContent keepMounted fill className=\"flex min-h-0 flex-col\">\n <ScrollArea\n data-testid=\"workflow-information-top-scroll-area\"\n className=\"min-h-0 flex-1 border-t border-border/50\"\n mask={{ top: false, bottom: false }}\n >\n <ScrollAreaViewport className=\"h-full\">{children}</ScrollAreaViewport>\n </ScrollArea>\n </CollapsibleContent>\n </Collapsible>\n </FloatingPanel>\n );\n}\n\nfunction InitialWorkflowSidebar(props: InitialWorkflowSidebarProps) {\n return <WorkflowTrigger {...props} />;\n}\n\nfunction RunWorkflowSidebar({ runId, observeWorkflowStream, ...props }: RunWorkflowSidebarProps) {\n return <WorkflowRunDetail {...props} runId={runId} observeWorkflowStream={observeWorkflowStream} />;\n}\n\nfunction RecentWorkflowRunsSection({\n workflowId,\n activeRunId,\n canDelete,\n}: {\n workflowId: string;\n activeRunId?: string;\n canDelete: boolean;\n}) {\n return (\n <FloatingPanel className=\"mt-auto max-h-[min(35%,280px)] shrink-0\">\n <section className={cn(FLOATING_PANEL_SURFACE, 'flex min-h-0 min-w-0 flex-col overflow-hidden')}>\n <WorkflowRecentRuns workflowId={workflowId} runId={activeRunId} canDelete={canDelete} />\n </section>\n </FloatingPanel>\n );\n}\n\nexport function WorkflowInformation({\n workflowId,\n initialRunId,\n requestContext,\n runActionsSlot,\n canExecute,\n canDelete,\n}: WorkflowInformationProps) {\n const { data: workflow, isLoading, error } = useWorkflow(workflowId, requestContext);\n\n const {\n createWorkflowRun,\n streamWorkflow,\n isStreamingWorkflow,\n observeWorkflowStream,\n resumeWorkflow,\n cancelWorkflowRun,\n isCancellingWorkflowRun,\n clearData,\n runId: contextRunId,\n } = useContext(WorkflowRunContext);\n\n const { setSelectedStepId } = useWorkflowSelectedStep();\n\n const activeRunId = initialRunId \|\| contextRunId;\n\n const actionProps = {\n workflowId,\n workflow: workflow ?? undefined,\n isLoading,\n createWorkflowRun,\n streamWorkflow,\n resumeWorkflow,\n isStreamingWorkflow,\n isCancellingWorkflowRun,\n cancelWorkflowRun,\n requestContext,\n runActionsSlot,\n canExecute,\n };\n\n useEffect(() => {\n if (error) {\n const errorMessage = error instanceof Error ? error.message : 'Failed to load workflow';\n toast.error(`Error loading workflow: ${errorMessage}`);\n }\n }, [error]);\n\n if (error) {\n return null;\n }\n\n if (!workflowId) {\n return (\n <div\n data-testid=\"workflow-information-panel\"\n className=\"workflow-information-panel pointer-events-none flex size-full min-h-0 flex-col gap-2 p-2\"\n />\n );\n }\n\n const resetToNewRun = () => {\n clearData();\n setSelectedStepId(null);\n };\n\n return (\n <div\n data-testid=\"workflow-information-panel\"\n className=\"workflow-information-panel pointer-events-none flex size-full min-h-0 flex-col gap-2 p-2\"\n >\n <WorkflowInformationTopSection\n workflowId={workflowId}\n showNewRunButton={Boolean(activeRunId)}\n onNewRun={resetToNewRun}\n >\n {initialRunId ? (\n <RunWorkflowSidebar {...actionProps} runId={initialRunId} observeWorkflowStream={observeWorkflowStream} />\n ) : (\n <InitialWorkflowSidebar {...actionProps} />\n )}\n </WorkflowInformationTopSection>\n\n <RecentWorkflowRunsSection workflowId={workflowId} activeRunId={activeRunId} canDelete={canDelete} />\n </div>\n );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/workflows/components/workflow-layout.cjs.js CHANGED Viewed

@@ -50,7 +50,7 @@ function WorkflowPanelResizeHandle() {
       onPointerDown: beginResize,
       onPointerMove: followPointer,
       onKeyDown: nudgeWithArrows,
-      children: /* @__PURE__ */ jsxRuntime.jsx(primitives_resizeHandleIndicator.ResizeHandleIndicator, { className: "group-hover/resize:opacity-100 group-focus-visible/resize:via-accent1 group-focus-visible/resize:opacity-100 group-active/resize:via-foreground/45 group-active/resize:opacity-100" })
+      children: /* @__PURE__ */ jsxRuntime.jsx(primitives_resizeHandleIndicator.ResizeHandleIndicator, { className: "group-hover/resize:opacity-100 group-focus-visible/resize:via-border-focus group-focus-visible/resize:opacity-100 group-active/resize:via-foreground/45 group-active/resize:opacity-100" })
     }
   );
 }

package/dist/domains/workflows/components/workflow-layout.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"workflow-layout.cjs.js","sources":["../../../../src/domains/workflows/components/workflow-layout.tsx"],"sourcesContent":["import { createContext, useContext, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties, KeyboardEvent, PointerEvent } from 'react';\nimport { z } from 'zod/v4';\nimport { WorkflowCanvasInsetContext } from '@/ds/components/Workflow';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { ResizeHandleIndicator } from '@/ds/primitives/resize-handle-indicator';\nimport { useIsMobile } from '@/hooks/use-is-mobile';\nimport { useLocalStorageState } from '@/hooks/use-local-storage-state';\nimport './workflow-layout.css';\n\nexport interface WorkflowLayoutProps {\n children: React.ReactNode;\n leftSlot?: React.ReactNode;\n}\n\nconst LEFT_PANEL_MIN_WIDTH = 380;\nconst LEFT_PANEL_WIDTH_STORAGE_KEY = 'workflow-canvas-left-panel-width';\nconst PANEL_GUTTER = 8;\nconst KEYBOARD_RESIZE_STEP = 16;\n\n/*\n The one surface for the workflow canvas' floating panels — information rail,\n * suspended steps, data inspector. `raisedSurfaceStyle` carries the rim, so the\n * panels never draw a border of their own; the radius belongs to the family.\n */\nexport const panelSurfaceStyle = `${raisedSurfaceStyle} rounded-studio-panel`;\n\ninterface WorkflowLayoutStyle extends CSSProperties {\n '--workflow-left-panel-width': string;\n}\n\ninterface PanelResize {\n width: number;\n resizeTo: (clientX: number) => void;\n resizeBy: (delta: number) => void;\n}\n\nconst WorkflowPanelResizeContext = createContext<PanelResize \| undefined>(undefined);\n\nfunction clampPanelWidth(candidate: number, maxWidth: number) {\n return Math.max(LEFT_PANEL_MIN_WIDTH, Math.min(candidate, maxWidth));\n}\n\nexport function WorkflowPanelResizeHandle() {\n const resize = useContext(WorkflowPanelResizeContext);\n if (!resize) return null;\n\n const beginResize = (event: PointerEvent<HTMLDivElement>) => {\n if (event.button !== 0) return;\n event.preventDefault();\n event.currentTarget.setPointerCapture(event.pointerId);\n };\n const followPointer = (event: PointerEvent<HTMLDivElement>) => {\n if (!event.currentTarget.hasPointerCapture(event.pointerId)) return;\n resize.resizeTo(event.clientX);\n };\n const nudgeWithArrows = (event: KeyboardEvent<HTMLDivElement>) => {\n if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\n event.preventDefault();\n resize.resizeBy(event.key === 'ArrowRight' ? KEYBOARD_RESIZE_STEP : -KEYBOARD_RESIZE_STEP);\n };\n\n return (\n <div\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-label=\"Resize panel\"\n aria-valuenow={resize.width}\n aria-valuemin={LEFT_PANEL_MIN_WIDTH}\n tabIndex={0}\n className=\"group/resize pointer-events-auto absolute inset-y-0 left-full flex w-2 cursor-col-resize touch-none items-center justify-center outline-hidden\"\n onPointerDown={beginResize}\n onPointerMove={followPointer}\n onKeyDown={nudgeWithArrows}\n >\n <ResizeHandleIndicator className=\"group-hover/resize:opacity-100 group-focus-visible/resize:via-~~accent1~~ group-focus-visible/resize:opacity-100 group-active/resize:via-foreground/45 group-active/resize:opacity-100\" />\n </div>\n );\n}\n\nexport const WorkflowLayout = ({ children, leftSlot }: WorkflowLayoutProps) => {\n const isDocked = useIsMobile();\n const canvasRef = useRef<HTMLDivElement>(null);\n const [storedWidth, setStoredWidth] = useLocalStorageState({\n initialKey: LEFT_PANEL_WIDTH_STORAGE_KEY,\n defaultValue: LEFT_PANEL_MIN_WIDTH,\n schema: z.number(),\n });\n const [maxWidth, setMaxWidth] = useState(Number.POSITIVE_INFINITY);\n\n useLayoutEffect(() => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n const measureHalfCanvas = () => setMaxWidth(Math.floor(canvas.getBoundingClientRect().width / 2));\n measureHalfCanvas();\n const observer = new ResizeObserver(measureHalfCanvas);\n observer.observe(canvas);\n return () => observer.disconnect();\n }, [isDocked]);\n\n if (isDocked) {\n return (\n <div className=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden\">\n <div className=\"relative min-h-45 min-w-0 flex-1 overflow-hidden\">{children}</div>\n {leftSlot && <div className=\"min-h-0 min-w-0 basis-[44%] overflow-hidden bg-background\">{leftSlot}</div>}\n </div>\n );\n }\n\n const width = clampPanelWidth(storedWidth, maxWidth);\n const resizeTo = (clientX: number) => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n setStoredWidth(clampPanelWidth(clientX - canvas.getBoundingClientRect().left, maxWidth));\n };\n const resizeBy = (delta: number) => setStoredWidth(clampPanelWidth(width + delta, maxWidth));\n\n const canvasInset = leftSlot ? width - PANEL_GUTTER : 0;\n const style: WorkflowLayoutStyle = { '--workflow-left-panel-width': `${canvasInset}px` };\n\n return (\n <div className=\"relative min-h-0 min-w-0 flex-1 overflow-hidden\" style={style}>\n <WorkflowCanvasInsetContext value={canvasInset}>\n <div ref={canvasRef} className=\"absolute inset-0 min-h-0 min-w-0 overflow-hidden\">\n {children}\n </div>\n </WorkflowCanvasInsetContext>\n\n {leftSlot && (\n <WorkflowPanelResizeContext value={{ width, resizeTo, resizeBy }}>\n <div className=\"pointer-events-none absolute inset-y-0 left-0 z-10 min-w-0\" style={{ width }}>\n {leftSlot}\n </div>\n </WorkflowPanelResizeContext>\n )}\n </div>\n );\n};\n"],"names":["raisedSurfaceStyle","createContext","useContext","jsx","ResizeHandleIndicator","useIsMobile","useRef","useLocalStorageState","z","useState","useLayoutEffect","jsxs","WorkflowCanvasInsetContext"],"mappings":";;;;;;;;;;;;;AAeA,MAAM,oBAAA,GAAuB,GAAA;AAC7B,MAAM,4BAAA,GAA+B,kCAAA;AACrC,MAAM,YAAA,GAAe,CAAA;AACrB,MAAM,oBAAA,GAAuB,EAAA;AAOtB,MAAM,iBAAA,GAAoB,GAAGA,2CAAkB,CAAA,qBAAA;AAYtD,MAAM,0BAAA,GAA6BC,oBAAuC,MAAS,CAAA;AAEnF,SAAS,eAAA,CAAgB,WAAmB,QAAA,EAAkB;AAC5D,EAAA,OAAO,KAAK,GAAA,CAAI,oBAAA,EAAsB,KAAK,GAAA,CAAI,SAAA,EAAW,QAAQ,CAAC,CAAA;AACrE;AAEO,SAAS,yBAAA,GAA4B;AAC1C,EAAA,MAAM,MAAA,GAASC,iBAAW,0BAA0B,CAAA;AACpD,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAwC;AAC3D,IAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACxB,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,KAAA,CAAM,aAAA,CAAc,iBAAA,CAAkB,KAAA,CAAM,SAAS,CAAA;AAAA,EACvD,CAAA;AACA,EAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAwC;AAC7D,IAAA,IAAI,CAAC,KAAA,CAAM,aAAA,CAAc,iBAAA,CAAkB,KAAA,CAAM,SAAS,CAAA,EAAG;AAC7D,IAAA,MAAA,CAAO,QAAA,CAAS,MAAM,OAAO,CAAA;AAAA,EAC/B,CAAA;AACA,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAyC;AAChE,IAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,WAAA,IAAe,KAAA,CAAM,QAAQ,YAAA,EAAc;AAC7D,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,MAAA,CAAO,SAAS,KAAA,CAAM,GAAA,KAAQ,YAAA,GAAe,oBAAA,GAAuB,CAAC,oBAAoB,CAAA;AAAA,EAC3F,CAAA;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,WAAA;AAAA,MACL,kBAAA,EAAiB,UAAA;AAAA,MACjB,YAAA,EAAW,cAAA;AAAA,MACX,iBAAe,MAAA,CAAO,KAAA;AAAA,MACtB,eAAA,EAAe,oBAAA;AAAA,MACf,QAAA,EAAU,CAAA;AAAA,MACV,SAAA,EAAU,gJAAA;AAAA,MACV,aAAA,EAAe,WAAA;AAAA,MACf,aAAA,EAAe,aAAA;AAAA,MACf,SAAA,EAAW,eAAA;AAAA,MAEX,QAAA,kBAAAA,cAAA,CAACC,sDAAA,EAAA,EAAsB,SAAA,EAAU,~~oLAAA~~,~~EAAqL~~;AAAA;AAAA,~~GACxN~~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"}
1	+ {"version":3,"file":"workflow-layout.cjs.js","sources":["../../../../src/domains/workflows/components/workflow-layout.tsx"],"sourcesContent":["import { createContext, useContext, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties, KeyboardEvent, PointerEvent } from 'react';\nimport { z } from 'zod/v4';\nimport { WorkflowCanvasInsetContext } from '@/ds/components/Workflow';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { ResizeHandleIndicator } from '@/ds/primitives/resize-handle-indicator';\nimport { useIsMobile } from '@/hooks/use-is-mobile';\nimport { useLocalStorageState } from '@/hooks/use-local-storage-state';\nimport './workflow-layout.css';\n\nexport interface WorkflowLayoutProps {\n children: React.ReactNode;\n leftSlot?: React.ReactNode;\n}\n\nconst LEFT_PANEL_MIN_WIDTH = 380;\nconst LEFT_PANEL_WIDTH_STORAGE_KEY = 'workflow-canvas-left-panel-width';\nconst PANEL_GUTTER = 8;\nconst KEYBOARD_RESIZE_STEP = 16;\n\n/*\n The one surface for the workflow canvas' floating panels — information rail,\n * suspended steps, data inspector. `raisedSurfaceStyle` carries the rim, so the\n * panels never draw a border of their own; the radius belongs to the family.\n */\nexport const panelSurfaceStyle = `${raisedSurfaceStyle} rounded-studio-panel`;\n\ninterface WorkflowLayoutStyle extends CSSProperties {\n '--workflow-left-panel-width': string;\n}\n\ninterface PanelResize {\n width: number;\n resizeTo: (clientX: number) => void;\n resizeBy: (delta: number) => void;\n}\n\nconst WorkflowPanelResizeContext = createContext<PanelResize \| undefined>(undefined);\n\nfunction clampPanelWidth(candidate: number, maxWidth: number) {\n return Math.max(LEFT_PANEL_MIN_WIDTH, Math.min(candidate, maxWidth));\n}\n\nexport function WorkflowPanelResizeHandle() {\n const resize = useContext(WorkflowPanelResizeContext);\n if (!resize) return null;\n\n const beginResize = (event: PointerEvent<HTMLDivElement>) => {\n if (event.button !== 0) return;\n event.preventDefault();\n event.currentTarget.setPointerCapture(event.pointerId);\n };\n const followPointer = (event: PointerEvent<HTMLDivElement>) => {\n if (!event.currentTarget.hasPointerCapture(event.pointerId)) return;\n resize.resizeTo(event.clientX);\n };\n const nudgeWithArrows = (event: KeyboardEvent<HTMLDivElement>) => {\n if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\n event.preventDefault();\n resize.resizeBy(event.key === 'ArrowRight' ? KEYBOARD_RESIZE_STEP : -KEYBOARD_RESIZE_STEP);\n };\n\n return (\n <div\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-label=\"Resize panel\"\n aria-valuenow={resize.width}\n aria-valuemin={LEFT_PANEL_MIN_WIDTH}\n tabIndex={0}\n className=\"group/resize pointer-events-auto absolute inset-y-0 left-full flex w-2 cursor-col-resize touch-none items-center justify-center outline-hidden\"\n onPointerDown={beginResize}\n onPointerMove={followPointer}\n onKeyDown={nudgeWithArrows}\n >\n <ResizeHandleIndicator className=\"group-hover/resize:opacity-100 group-focus-visible/resize:via-border-focus group-focus-visible/resize:opacity-100 group-active/resize:via-foreground/45 group-active/resize:opacity-100\" />\n </div>\n );\n}\n\nexport const WorkflowLayout = ({ children, leftSlot }: WorkflowLayoutProps) => {\n const isDocked = useIsMobile();\n const canvasRef = useRef<HTMLDivElement>(null);\n const [storedWidth, setStoredWidth] = useLocalStorageState({\n initialKey: LEFT_PANEL_WIDTH_STORAGE_KEY,\n defaultValue: LEFT_PANEL_MIN_WIDTH,\n schema: z.number(),\n });\n const [maxWidth, setMaxWidth] = useState(Number.POSITIVE_INFINITY);\n\n useLayoutEffect(() => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n const measureHalfCanvas = () => setMaxWidth(Math.floor(canvas.getBoundingClientRect().width / 2));\n measureHalfCanvas();\n const observer = new ResizeObserver(measureHalfCanvas);\n observer.observe(canvas);\n return () => observer.disconnect();\n }, [isDocked]);\n\n if (isDocked) {\n return (\n <div className=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden\">\n <div className=\"relative min-h-45 min-w-0 flex-1 overflow-hidden\">{children}</div>\n {leftSlot && <div className=\"min-h-0 min-w-0 basis-[44%] overflow-hidden bg-background\">{leftSlot}</div>}\n </div>\n );\n }\n\n const width = clampPanelWidth(storedWidth, maxWidth);\n const resizeTo = (clientX: number) => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n setStoredWidth(clampPanelWidth(clientX - canvas.getBoundingClientRect().left, maxWidth));\n };\n const resizeBy = (delta: number) => setStoredWidth(clampPanelWidth(width + delta, maxWidth));\n\n const canvasInset = leftSlot ? width - PANEL_GUTTER : 0;\n const style: WorkflowLayoutStyle = { '--workflow-left-panel-width': `${canvasInset}px` };\n\n return (\n <div className=\"relative min-h-0 min-w-0 flex-1 overflow-hidden\" style={style}>\n <WorkflowCanvasInsetContext value={canvasInset}>\n <div ref={canvasRef} className=\"absolute inset-0 min-h-0 min-w-0 overflow-hidden\">\n {children}\n </div>\n </WorkflowCanvasInsetContext>\n\n {leftSlot && (\n <WorkflowPanelResizeContext value={{ width, resizeTo, resizeBy }}>\n <div className=\"pointer-events-none absolute inset-y-0 left-0 z-10 min-w-0\" style={{ width }}>\n {leftSlot}\n </div>\n </WorkflowPanelResizeContext>\n )}\n </div>\n );\n};\n"],"names":["raisedSurfaceStyle","createContext","useContext","jsx","ResizeHandleIndicator","useIsMobile","useRef","useLocalStorageState","z","useState","useLayoutEffect","jsxs","WorkflowCanvasInsetContext"],"mappings":";;;;;;;;;;;;;AAeA,MAAM,oBAAA,GAAuB,GAAA;AAC7B,MAAM,4BAAA,GAA+B,kCAAA;AACrC,MAAM,YAAA,GAAe,CAAA;AACrB,MAAM,oBAAA,GAAuB,EAAA;AAOtB,MAAM,iBAAA,GAAoB,GAAGA,2CAAkB,CAAA,qBAAA;AAYtD,MAAM,0BAAA,GAA6BC,oBAAuC,MAAS,CAAA;AAEnF,SAAS,eAAA,CAAgB,WAAmB,QAAA,EAAkB;AAC5D,EAAA,OAAO,KAAK,GAAA,CAAI,oBAAA,EAAsB,KAAK,GAAA,CAAI,SAAA,EAAW,QAAQ,CAAC,CAAA;AACrE;AAEO,SAAS,yBAAA,GAA4B;AAC1C,EAAA,MAAM,MAAA,GAASC,iBAAW,0BAA0B,CAAA;AACpD,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAwC;AAC3D,IAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACxB,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,KAAA,CAAM,aAAA,CAAc,iBAAA,CAAkB,KAAA,CAAM,SAAS,CAAA;AAAA,EACvD,CAAA;AACA,EAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAwC;AAC7D,IAAA,IAAI,CAAC,KAAA,CAAM,aAAA,CAAc,iBAAA,CAAkB,KAAA,CAAM,SAAS,CAAA,EAAG;AAC7D,IAAA,MAAA,CAAO,QAAA,CAAS,MAAM,OAAO,CAAA;AAAA,EAC/B,CAAA;AACA,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAyC;AAChE,IAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,WAAA,IAAe,KAAA,CAAM,QAAQ,YAAA,EAAc;AAC7D,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,MAAA,CAAO,SAAS,KAAA,CAAM,GAAA,KAAQ,YAAA,GAAe,oBAAA,GAAuB,CAAC,oBAAoB,CAAA;AAAA,EAC3F,CAAA;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,WAAA;AAAA,MACL,kBAAA,EAAiB,UAAA;AAAA,MACjB,YAAA,EAAW,cAAA;AAAA,MACX,iBAAe,MAAA,CAAO,KAAA;AAAA,MACtB,eAAA,EAAe,oBAAA;AAAA,MACf,QAAA,EAAU,CAAA;AAAA,MACV,SAAA,EAAU,gJAAA;AAAA,MACV,aAAA,EAAe,WAAA;AAAA,MACf,aAAA,EAAe,aAAA;AAAA,MACf,SAAA,EAAW,eAAA;AAAA,MAEX,QAAA,kBAAAA,cAAA,CAACC,sDAAA,EAAA,EAAsB,SAAA,EAAU,yLAAA,EAA0L;AAAA;AAAA,GAC7N;AAEJ;AAEO,MAAM,cAAA,GAAiB,CAAC,EAAE,QAAA,EAAU,UAAS,KAA2B;AAC7E,EAAA,MAAM,WAAWC,6BAAA,EAAY;AAC7B,EAAA,MAAM,SAAA,GAAYC,aAAuB,IAAI,CAAA;AAC7C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIC,+CAAA,CAAqB;AAAA,IACzD,UAAA,EAAY,4BAAA;AAAA,IACZ,YAAA,EAAc,oBAAA;AAAA,IACd,MAAA,EAAQC,KAAE,MAAA;AAAO,GAClB,CAAA;AACD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIC,cAAA,CAAS,OAAO,iBAAiB,CAAA;AAEjE,EAAAC,qBAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,MAAM,iBAAA,GAAoB,MAAM,WAAA,CAAY,IAAA,CAAK,KAAA,CAAM,OAAO,qBAAA,EAAsB,CAAE,KAAA,GAAQ,CAAC,CAAC,CAAA;AAChG,IAAA,iBAAA,EAAkB;AAClB,IAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,iBAAiB,CAAA;AACrD,IAAA,QAAA,CAAS,QAAQ,MAAM,CAAA;AACvB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sDAAA,EACb,QAAA,EAAA;AAAA,sBAAAR,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kDAAA,EAAoD,QAAA,EAAS,CAAA;AAAA,MAC3E,QAAA,oBAAYA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6DAA6D,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EACpG,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,KAAA,GAAQ,eAAA,CAAgB,WAAA,EAAa,QAAQ,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,KAAoB;AACpC,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,cAAA,CAAe,gBAAgB,OAAA,GAAU,MAAA,CAAO,uBAAsB,CAAE,IAAA,EAAM,QAAQ,CAAC,CAAA;AAAA,EACzF,CAAA;AACA,EAAA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAkB,cAAA,CAAe,gBAAgB,KAAA,GAAQ,KAAA,EAAO,QAAQ,CAAC,CAAA;AAE3F,EAAA,MAAM,WAAA,GAAc,QAAA,GAAW,KAAA,GAAQ,YAAA,GAAe,CAAA;AACtD,EAAA,MAAM,KAAA,GAA6B,EAAE,6BAAA,EAA+B,CAAA,EAAG,WAAW,CAAA,EAAA,CAAA,EAAK;AAEvF,EAAA,uBACEQ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iDAAA,EAAkD,KAAA,EAC/D,QAAA,EAAA;AAAA,oBAAAR,cAAA,CAACS,8CAAA,EAAA,EAA2B,KAAA,EAAO,WAAA,EACjC,QAAA,kBAAAT,cAAA,CAAC,KAAA,EAAA,EAAI,KAAK,SAAA,EAAW,SAAA,EAAU,kDAAA,EAC5B,QAAA,EACH,CAAA,EACF,CAAA;AAAA,IAEC,4BACCA,cAAA,CAAC,0BAAA,EAAA,EAA2B,OAAO,EAAE,KAAA,EAAO,UAAU,QAAA,EAAS,EAC7D,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,4DAAA,EAA6D,KAAA,EAAO,EAAE,KAAA,EAAM,EACxF,oBACH,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;;;"}

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

@@ -46,7 +46,7 @@ function WorkflowPanelResizeHandle() {
       onPointerDown: beginResize,
       onPointerMove: followPointer,
       onKeyDown: nudgeWithArrows,
-      children: /* @__PURE__ */ jsx(ResizeHandleIndicator, { className: "group-hover/resize:opacity-100 group-focus-visible/resize:via-accent1 group-focus-visible/resize:opacity-100 group-active/resize:via-foreground/45 group-active/resize:opacity-100" })
+      children: /* @__PURE__ */ jsx(ResizeHandleIndicator, { className: "group-hover/resize:opacity-100 group-focus-visible/resize:via-border-focus group-focus-visible/resize:opacity-100 group-active/resize:via-foreground/45 group-active/resize:opacity-100" })
     }
   );
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"workflow-layout.es.js","sources":["../../../../src/domains/workflows/components/workflow-layout.tsx"],"sourcesContent":["import { createContext, useContext, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties, KeyboardEvent, PointerEvent } from 'react';\nimport { z } from 'zod/v4';\nimport { WorkflowCanvasInsetContext } from '@/ds/components/Workflow';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { ResizeHandleIndicator } from '@/ds/primitives/resize-handle-indicator';\nimport { useIsMobile } from '@/hooks/use-is-mobile';\nimport { useLocalStorageState } from '@/hooks/use-local-storage-state';\nimport './workflow-layout.css';\n\nexport interface WorkflowLayoutProps {\n children: React.ReactNode;\n leftSlot?: React.ReactNode;\n}\n\nconst LEFT_PANEL_MIN_WIDTH = 380;\nconst LEFT_PANEL_WIDTH_STORAGE_KEY = 'workflow-canvas-left-panel-width';\nconst PANEL_GUTTER = 8;\nconst KEYBOARD_RESIZE_STEP = 16;\n\n/*\n The one surface for the workflow canvas' floating panels — information rail,\n * suspended steps, data inspector. `raisedSurfaceStyle` carries the rim, so the\n * panels never draw a border of their own; the radius belongs to the family.\n */\nexport const panelSurfaceStyle = `${raisedSurfaceStyle} rounded-studio-panel`;\n\ninterface WorkflowLayoutStyle extends CSSProperties {\n '--workflow-left-panel-width': string;\n}\n\ninterface PanelResize {\n width: number;\n resizeTo: (clientX: number) => void;\n resizeBy: (delta: number) => void;\n}\n\nconst WorkflowPanelResizeContext = createContext<PanelResize \| undefined>(undefined);\n\nfunction clampPanelWidth(candidate: number, maxWidth: number) {\n return Math.max(LEFT_PANEL_MIN_WIDTH, Math.min(candidate, maxWidth));\n}\n\nexport function WorkflowPanelResizeHandle() {\n const resize = useContext(WorkflowPanelResizeContext);\n if (!resize) return null;\n\n const beginResize = (event: PointerEvent<HTMLDivElement>) => {\n if (event.button !== 0) return;\n event.preventDefault();\n event.currentTarget.setPointerCapture(event.pointerId);\n };\n const followPointer = (event: PointerEvent<HTMLDivElement>) => {\n if (!event.currentTarget.hasPointerCapture(event.pointerId)) return;\n resize.resizeTo(event.clientX);\n };\n const nudgeWithArrows = (event: KeyboardEvent<HTMLDivElement>) => {\n if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\n event.preventDefault();\n resize.resizeBy(event.key === 'ArrowRight' ? KEYBOARD_RESIZE_STEP : -KEYBOARD_RESIZE_STEP);\n };\n\n return (\n <div\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-label=\"Resize panel\"\n aria-valuenow={resize.width}\n aria-valuemin={LEFT_PANEL_MIN_WIDTH}\n tabIndex={0}\n className=\"group/resize pointer-events-auto absolute inset-y-0 left-full flex w-2 cursor-col-resize touch-none items-center justify-center outline-hidden\"\n onPointerDown={beginResize}\n onPointerMove={followPointer}\n onKeyDown={nudgeWithArrows}\n >\n <ResizeHandleIndicator className=\"group-hover/resize:opacity-100 group-focus-visible/resize:via-~~accent1~~ group-focus-visible/resize:opacity-100 group-active/resize:via-foreground/45 group-active/resize:opacity-100\" />\n </div>\n );\n}\n\nexport const WorkflowLayout = ({ children, leftSlot }: WorkflowLayoutProps) => {\n const isDocked = useIsMobile();\n const canvasRef = useRef<HTMLDivElement>(null);\n const [storedWidth, setStoredWidth] = useLocalStorageState({\n initialKey: LEFT_PANEL_WIDTH_STORAGE_KEY,\n defaultValue: LEFT_PANEL_MIN_WIDTH,\n schema: z.number(),\n });\n const [maxWidth, setMaxWidth] = useState(Number.POSITIVE_INFINITY);\n\n useLayoutEffect(() => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n const measureHalfCanvas = () => setMaxWidth(Math.floor(canvas.getBoundingClientRect().width / 2));\n measureHalfCanvas();\n const observer = new ResizeObserver(measureHalfCanvas);\n observer.observe(canvas);\n return () => observer.disconnect();\n }, [isDocked]);\n\n if (isDocked) {\n return (\n <div className=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden\">\n <div className=\"relative min-h-45 min-w-0 flex-1 overflow-hidden\">{children}</div>\n {leftSlot && <div className=\"min-h-0 min-w-0 basis-[44%] overflow-hidden bg-background\">{leftSlot}</div>}\n </div>\n );\n }\n\n const width = clampPanelWidth(storedWidth, maxWidth);\n const resizeTo = (clientX: number) => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n setStoredWidth(clampPanelWidth(clientX - canvas.getBoundingClientRect().left, maxWidth));\n };\n const resizeBy = (delta: number) => setStoredWidth(clampPanelWidth(width + delta, maxWidth));\n\n const canvasInset = leftSlot ? width - PANEL_GUTTER : 0;\n const style: WorkflowLayoutStyle = { '--workflow-left-panel-width': `${canvasInset}px` };\n\n return (\n <div className=\"relative min-h-0 min-w-0 flex-1 overflow-hidden\" style={style}>\n <WorkflowCanvasInsetContext value={canvasInset}>\n <div ref={canvasRef} className=\"absolute inset-0 min-h-0 min-w-0 overflow-hidden\">\n {children}\n </div>\n </WorkflowCanvasInsetContext>\n\n {leftSlot && (\n <WorkflowPanelResizeContext value={{ width, resizeTo, resizeBy }}>\n <div className=\"pointer-events-none absolute inset-y-0 left-0 z-10 min-w-0\" style={{ width }}>\n {leftSlot}\n </div>\n </WorkflowPanelResizeContext>\n )}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAeA,MAAM,oBAAA,GAAuB,GAAA;AAC7B,MAAM,4BAAA,GAA+B,kCAAA;AACrC,MAAM,YAAA,GAAe,CAAA;AACrB,MAAM,oBAAA,GAAuB,EAAA;AAOtB,MAAM,iBAAA,GAAoB,GAAG,kBAAkB,CAAA,qBAAA;AAYtD,MAAM,0BAAA,GAA6B,cAAuC,MAAS,CAAA;AAEnF,SAAS,eAAA,CAAgB,WAAmB,QAAA,EAAkB;AAC5D,EAAA,OAAO,KAAK,GAAA,CAAI,oBAAA,EAAsB,KAAK,GAAA,CAAI,SAAA,EAAW,QAAQ,CAAC,CAAA;AACrE;AAEO,SAAS,yBAAA,GAA4B;AAC1C,EAAA,MAAM,MAAA,GAAS,WAAW,0BAA0B,CAAA;AACpD,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAwC;AAC3D,IAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACxB,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,KAAA,CAAM,aAAA,CAAc,iBAAA,CAAkB,KAAA,CAAM,SAAS,CAAA;AAAA,EACvD,CAAA;AACA,EAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAwC;AAC7D,IAAA,IAAI,CAAC,KAAA,CAAM,aAAA,CAAc,iBAAA,CAAkB,KAAA,CAAM,SAAS,CAAA,EAAG;AAC7D,IAAA,MAAA,CAAO,QAAA,CAAS,MAAM,OAAO,CAAA;AAAA,EAC/B,CAAA;AACA,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAyC;AAChE,IAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,WAAA,IAAe,KAAA,CAAM,QAAQ,YAAA,EAAc;AAC7D,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,MAAA,CAAO,SAAS,KAAA,CAAM,GAAA,KAAQ,YAAA,GAAe,oBAAA,GAAuB,CAAC,oBAAoB,CAAA;AAAA,EAC3F,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,WAAA;AAAA,MACL,kBAAA,EAAiB,UAAA;AAAA,MACjB,YAAA,EAAW,cAAA;AAAA,MACX,iBAAe,MAAA,CAAO,KAAA;AAAA,MACtB,eAAA,EAAe,oBAAA;AAAA,MACf,QAAA,EAAU,CAAA;AAAA,MACV,SAAA,EAAU,gJAAA;AAAA,MACV,aAAA,EAAe,WAAA;AAAA,MACf,aAAA,EAAe,aAAA;AAAA,MACf,SAAA,EAAW,eAAA;AAAA,MAEX,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,SAAA,EAAU,~~oLAAA~~,~~EAAqL~~;AAAA;AAAA,~~GACxN~~;AAEJ;AAEO,MAAM,cAAA,GAAiB,CAAC,EAAE,QAAA,EAAU,UAAS,KAA2B;AAC7E,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,SAAA,GAAY,OAAuB,IAAI,CAAA;AAC7C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,oBAAA,CAAqB;AAAA,IACzD,UAAA,EAAY,4BAAA;AAAA,IACZ,YAAA,EAAc,oBAAA;AAAA,IACd,MAAA,EAAQ,EAAE,MAAA;AAAO,GAClB,CAAA;AACD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,CAAS,OAAO,iBAAiB,CAAA;AAEjE,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,MAAM,iBAAA,GAAoB,MAAM,WAAA,CAAY,IAAA,CAAK,KAAA,CAAM,OAAO,qBAAA,EAAsB,CAAE,KAAA,GAAQ,CAAC,CAAC,CAAA;AAChG,IAAA,iBAAA,EAAkB;AAClB,IAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,iBAAiB,CAAA;AACrD,IAAA,QAAA,CAAS,QAAQ,MAAM,CAAA;AACvB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kDAAA,EAAoD,QAAA,EAAS,CAAA;AAAA,MAC3E,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6DAA6D,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EACpG,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,KAAA,GAAQ,eAAA,CAAgB,WAAA,EAAa,QAAQ,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,KAAoB;AACpC,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,cAAA,CAAe,gBAAgB,OAAA,GAAU,MAAA,CAAO,uBAAsB,CAAE,IAAA,EAAM,QAAQ,CAAC,CAAA;AAAA,EACzF,CAAA;AACA,EAAA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAkB,cAAA,CAAe,gBAAgB,KAAA,GAAQ,KAAA,EAAO,QAAQ,CAAC,CAAA;AAE3F,EAAA,MAAM,WAAA,GAAc,QAAA,GAAW,KAAA,GAAQ,YAAA,GAAe,CAAA;AACtD,EAAA,MAAM,KAAA,GAA6B,EAAE,6BAAA,EAA+B,CAAA,EAAG,WAAW,CAAA,EAAA,CAAA,EAAK;AAEvF,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iDAAA,EAAkD,KAAA,EAC/D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,0BAAA,EAAA,EAA2B,KAAA,EAAO,WAAA,EACjC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAK,SAAA,EAAW,SAAA,EAAU,kDAAA,EAC5B,QAAA,EACH,CAAA,EACF,CAAA;AAAA,IAEC,4BACC,GAAA,CAAC,0BAAA,EAAA,EAA2B,OAAO,EAAE,KAAA,EAAO,UAAU,QAAA,EAAS,EAC7D,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,4DAAA,EAA6D,KAAA,EAAO,EAAE,KAAA,EAAM,EACxF,oBACH,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"workflow-layout.es.js","sources":["../../../../src/domains/workflows/components/workflow-layout.tsx"],"sourcesContent":["import { createContext, useContext, useLayoutEffect, useRef, useState } from 'react';\nimport type { CSSProperties, KeyboardEvent, PointerEvent } from 'react';\nimport { z } from 'zod/v4';\nimport { WorkflowCanvasInsetContext } from '@/ds/components/Workflow';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { ResizeHandleIndicator } from '@/ds/primitives/resize-handle-indicator';\nimport { useIsMobile } from '@/hooks/use-is-mobile';\nimport { useLocalStorageState } from '@/hooks/use-local-storage-state';\nimport './workflow-layout.css';\n\nexport interface WorkflowLayoutProps {\n children: React.ReactNode;\n leftSlot?: React.ReactNode;\n}\n\nconst LEFT_PANEL_MIN_WIDTH = 380;\nconst LEFT_PANEL_WIDTH_STORAGE_KEY = 'workflow-canvas-left-panel-width';\nconst PANEL_GUTTER = 8;\nconst KEYBOARD_RESIZE_STEP = 16;\n\n/*\n The one surface for the workflow canvas' floating panels — information rail,\n * suspended steps, data inspector. `raisedSurfaceStyle` carries the rim, so the\n * panels never draw a border of their own; the radius belongs to the family.\n */\nexport const panelSurfaceStyle = `${raisedSurfaceStyle} rounded-studio-panel`;\n\ninterface WorkflowLayoutStyle extends CSSProperties {\n '--workflow-left-panel-width': string;\n}\n\ninterface PanelResize {\n width: number;\n resizeTo: (clientX: number) => void;\n resizeBy: (delta: number) => void;\n}\n\nconst WorkflowPanelResizeContext = createContext<PanelResize \| undefined>(undefined);\n\nfunction clampPanelWidth(candidate: number, maxWidth: number) {\n return Math.max(LEFT_PANEL_MIN_WIDTH, Math.min(candidate, maxWidth));\n}\n\nexport function WorkflowPanelResizeHandle() {\n const resize = useContext(WorkflowPanelResizeContext);\n if (!resize) return null;\n\n const beginResize = (event: PointerEvent<HTMLDivElement>) => {\n if (event.button !== 0) return;\n event.preventDefault();\n event.currentTarget.setPointerCapture(event.pointerId);\n };\n const followPointer = (event: PointerEvent<HTMLDivElement>) => {\n if (!event.currentTarget.hasPointerCapture(event.pointerId)) return;\n resize.resizeTo(event.clientX);\n };\n const nudgeWithArrows = (event: KeyboardEvent<HTMLDivElement>) => {\n if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') return;\n event.preventDefault();\n resize.resizeBy(event.key === 'ArrowRight' ? KEYBOARD_RESIZE_STEP : -KEYBOARD_RESIZE_STEP);\n };\n\n return (\n <div\n role=\"separator\"\n aria-orientation=\"vertical\"\n aria-label=\"Resize panel\"\n aria-valuenow={resize.width}\n aria-valuemin={LEFT_PANEL_MIN_WIDTH}\n tabIndex={0}\n className=\"group/resize pointer-events-auto absolute inset-y-0 left-full flex w-2 cursor-col-resize touch-none items-center justify-center outline-hidden\"\n onPointerDown={beginResize}\n onPointerMove={followPointer}\n onKeyDown={nudgeWithArrows}\n >\n <ResizeHandleIndicator className=\"group-hover/resize:opacity-100 group-focus-visible/resize:via-border-focus group-focus-visible/resize:opacity-100 group-active/resize:via-foreground/45 group-active/resize:opacity-100\" />\n </div>\n );\n}\n\nexport const WorkflowLayout = ({ children, leftSlot }: WorkflowLayoutProps) => {\n const isDocked = useIsMobile();\n const canvasRef = useRef<HTMLDivElement>(null);\n const [storedWidth, setStoredWidth] = useLocalStorageState({\n initialKey: LEFT_PANEL_WIDTH_STORAGE_KEY,\n defaultValue: LEFT_PANEL_MIN_WIDTH,\n schema: z.number(),\n });\n const [maxWidth, setMaxWidth] = useState(Number.POSITIVE_INFINITY);\n\n useLayoutEffect(() => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n const measureHalfCanvas = () => setMaxWidth(Math.floor(canvas.getBoundingClientRect().width / 2));\n measureHalfCanvas();\n const observer = new ResizeObserver(measureHalfCanvas);\n observer.observe(canvas);\n return () => observer.disconnect();\n }, [isDocked]);\n\n if (isDocked) {\n return (\n <div className=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden\">\n <div className=\"relative min-h-45 min-w-0 flex-1 overflow-hidden\">{children}</div>\n {leftSlot && <div className=\"min-h-0 min-w-0 basis-[44%] overflow-hidden bg-background\">{leftSlot}</div>}\n </div>\n );\n }\n\n const width = clampPanelWidth(storedWidth, maxWidth);\n const resizeTo = (clientX: number) => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n setStoredWidth(clampPanelWidth(clientX - canvas.getBoundingClientRect().left, maxWidth));\n };\n const resizeBy = (delta: number) => setStoredWidth(clampPanelWidth(width + delta, maxWidth));\n\n const canvasInset = leftSlot ? width - PANEL_GUTTER : 0;\n const style: WorkflowLayoutStyle = { '--workflow-left-panel-width': `${canvasInset}px` };\n\n return (\n <div className=\"relative min-h-0 min-w-0 flex-1 overflow-hidden\" style={style}>\n <WorkflowCanvasInsetContext value={canvasInset}>\n <div ref={canvasRef} className=\"absolute inset-0 min-h-0 min-w-0 overflow-hidden\">\n {children}\n </div>\n </WorkflowCanvasInsetContext>\n\n {leftSlot && (\n <WorkflowPanelResizeContext value={{ width, resizeTo, resizeBy }}>\n <div className=\"pointer-events-none absolute inset-y-0 left-0 z-10 min-w-0\" style={{ width }}>\n {leftSlot}\n </div>\n </WorkflowPanelResizeContext>\n )}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAeA,MAAM,oBAAA,GAAuB,GAAA;AAC7B,MAAM,4BAAA,GAA+B,kCAAA;AACrC,MAAM,YAAA,GAAe,CAAA;AACrB,MAAM,oBAAA,GAAuB,EAAA;AAOtB,MAAM,iBAAA,GAAoB,GAAG,kBAAkB,CAAA,qBAAA;AAYtD,MAAM,0BAAA,GAA6B,cAAuC,MAAS,CAAA;AAEnF,SAAS,eAAA,CAAgB,WAAmB,QAAA,EAAkB;AAC5D,EAAA,OAAO,KAAK,GAAA,CAAI,oBAAA,EAAsB,KAAK,GAAA,CAAI,SAAA,EAAW,QAAQ,CAAC,CAAA;AACrE;AAEO,SAAS,yBAAA,GAA4B;AAC1C,EAAA,MAAM,MAAA,GAAS,WAAW,0BAA0B,CAAA;AACpD,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAwC;AAC3D,IAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACxB,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,KAAA,CAAM,aAAA,CAAc,iBAAA,CAAkB,KAAA,CAAM,SAAS,CAAA;AAAA,EACvD,CAAA;AACA,EAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAwC;AAC7D,IAAA,IAAI,CAAC,KAAA,CAAM,aAAA,CAAc,iBAAA,CAAkB,KAAA,CAAM,SAAS,CAAA,EAAG;AAC7D,IAAA,MAAA,CAAO,QAAA,CAAS,MAAM,OAAO,CAAA;AAAA,EAC/B,CAAA;AACA,EAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAyC;AAChE,IAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,WAAA,IAAe,KAAA,CAAM,QAAQ,YAAA,EAAc;AAC7D,IAAA,KAAA,CAAM,cAAA,EAAe;AACrB,IAAA,MAAA,CAAO,SAAS,KAAA,CAAM,GAAA,KAAQ,YAAA,GAAe,oBAAA,GAAuB,CAAC,oBAAoB,CAAA;AAAA,EAC3F,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,WAAA;AAAA,MACL,kBAAA,EAAiB,UAAA;AAAA,MACjB,YAAA,EAAW,cAAA;AAAA,MACX,iBAAe,MAAA,CAAO,KAAA;AAAA,MACtB,eAAA,EAAe,oBAAA;AAAA,MACf,QAAA,EAAU,CAAA;AAAA,MACV,SAAA,EAAU,gJAAA;AAAA,MACV,aAAA,EAAe,WAAA;AAAA,MACf,aAAA,EAAe,aAAA;AAAA,MACf,SAAA,EAAW,eAAA;AAAA,MAEX,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,SAAA,EAAU,yLAAA,EAA0L;AAAA;AAAA,GAC7N;AAEJ;AAEO,MAAM,cAAA,GAAiB,CAAC,EAAE,QAAA,EAAU,UAAS,KAA2B;AAC7E,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,SAAA,GAAY,OAAuB,IAAI,CAAA;AAC7C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,oBAAA,CAAqB;AAAA,IACzD,UAAA,EAAY,4BAAA;AAAA,IACZ,YAAA,EAAc,oBAAA;AAAA,IACd,MAAA,EAAQ,EAAE,MAAA;AAAO,GAClB,CAAA;AACD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,CAAS,OAAO,iBAAiB,CAAA;AAEjE,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,MAAM,iBAAA,GAAoB,MAAM,WAAA,CAAY,IAAA,CAAK,KAAA,CAAM,OAAO,qBAAA,EAAsB,CAAE,KAAA,GAAQ,CAAC,CAAC,CAAA;AAChG,IAAA,iBAAA,EAAkB;AAClB,IAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,iBAAiB,CAAA;AACrD,IAAA,QAAA,CAAS,QAAQ,MAAM,CAAA;AACvB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kDAAA,EAAoD,QAAA,EAAS,CAAA;AAAA,MAC3E,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6DAA6D,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EACpG,CAAA;AAAA,EAEJ;AAEA,EAAA,MAAM,KAAA,GAAQ,eAAA,CAAgB,WAAA,EAAa,QAAQ,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,KAAoB;AACpC,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,IAAA,IAAI,CAAC,MAAA,EAAQ;AACb,IAAA,cAAA,CAAe,gBAAgB,OAAA,GAAU,MAAA,CAAO,uBAAsB,CAAE,IAAA,EAAM,QAAQ,CAAC,CAAA;AAAA,EACzF,CAAA;AACA,EAAA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAkB,cAAA,CAAe,gBAAgB,KAAA,GAAQ,KAAA,EAAO,QAAQ,CAAC,CAAA;AAE3F,EAAA,MAAM,WAAA,GAAc,QAAA,GAAW,KAAA,GAAQ,YAAA,GAAe,CAAA;AACtD,EAAA,MAAM,KAAA,GAA6B,EAAE,6BAAA,EAA+B,CAAA,EAAG,WAAW,CAAA,EAAA,CAAA,EAAK;AAEvF,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iDAAA,EAAkD,KAAA,EAC/D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,0BAAA,EAAA,EAA2B,KAAA,EAAO,WAAA,EACjC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAK,SAAA,EAAW,SAAA,EAAU,kDAAA,EAC5B,QAAA,EACH,CAAA,EACF,CAAA;AAAA,IAEC,4BACC,GAAA,CAAC,0BAAA,EAAA,EAA2B,OAAO,EAAE,KAAA,EAAO,UAAU,QAAA,EAAS,EAC7D,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,4DAAA,EAA6D,KAAA,EAAO,EAAE,KAAA,EAAM,EACxF,oBACH,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/workflows/components/workflow-run-status-icon.cjs.js CHANGED Viewed

@@ -4,29 +4,31 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
+const domains_workflows_workflowStatusTone = require('../workflow-status-tone.cjs.js');
 const spinner = require('../../../spinner-BCpN7LL9.cjs');
 const tooltip = require('../../../tooltip-DIZ5oqjV.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 function StatusIcon({ status }) {
+  const toneText = domains_workflows_workflowStatusTone.workflowStatusToneText[domains_workflows_workflowStatusTone.workflowStatusTone(status)];
   switch (status) {
     case "running":
       return /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, {});
     case "failed":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "text-accent2" });
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: toneText });
     case "canceled":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleSlash, { className: "text-muted-foreground" });
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleSlash, { className: toneText });
     case "pending":
     case "waiting":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "text-muted-foreground" });
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: toneText });
     case "paused":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { className: "text-badge-yellow-fg" });
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { className: toneText });
     case "suspended":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CirclePause, { className: "text-accent3" });
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CirclePause, { className: toneText });
     case "success":
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "text-accent1" });
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: toneText });
     default:
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "text-muted-foreground" });
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: toneText });
   }
 }
 function WorkflowRunStatusIcon({ status }) {

package/dist/domains/workflows/components/workflow-run-status-icon.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"workflow-run-status-icon.cjs.js","sources":["../../../../src/domains/workflows/components/workflow-run-status-icon.tsx"],"sourcesContent":["import type { WorkflowRunStatus } from '@mastra/core/workflows';\nimport { Check, CirclePause, CircleSlash, Clock, Pause, X } from 'lucide-react';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\n\nexport interface WorkflowRunStatusIconProps {\n status: WorkflowRunStatus;\n}\n\nfunction StatusIcon({ status }: WorkflowRunStatusIconProps) {\n switch (status) {\n case 'running':\n return <Spinner />;\n case 'failed':\n return <X className~~=\"text-accent2\"~~ />;\n case 'canceled':\n return <CircleSlash className~~=\"text-muted-foreground\"~~ />;\n case 'pending':\n case 'waiting':\n return <Clock className~~=\"text-muted-foreground\"~~ />;\n case 'paused':\n return <Pause className~~=\"text-badge-yellow-fg\"~~ />;\n case 'suspended':\n return <CirclePause className~~=\"text-accent3\"~~ />;\n case 'success':\n return <Check className~~=\"text-accent1\"~~ />;\n default:\n return <Clock className~~=\"text-muted-foreground\"~~ />;\n }\n}\n\nexport function WorkflowRunStatusIcon({ status }: WorkflowRunStatusIconProps) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Icon aria-label={status} className=\"shrink-0\">\n <StatusIcon status={status} />\n </Icon>\n </TooltipTrigger>\n <TooltipContent>{status}</TooltipContent>\n </Tooltip>\n );\n}\n"],"names":["Spinner","jsx","X","CircleSlash","Clock","Pause","CirclePause","Check","Tooltip","TooltipTrigger","Icon","TooltipContent"],"mappings":"~~;;;;;;;;;;AAUA~~,SAAS,UAAA,CAAW,EAAE,MAAA,EAAO,EAA+B;AAC1D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,SAAA;AACH,MAAA,~~sCAAQA~~,eAAA,EAAA,EAAQ,CAAA;AAAA,IAClB,KAAK,QAAA;AACH,MAAA,uBAAOC,cAAA,CAACC,aAAA,EAAA,EAAE,SAAA,~~EAAU~~,~~cAAA~~,~~EAAe~~,CAAA;AAAA,~~IACrC~~,KAAK,UAAA;AACH,MAAA,uBAAOD,cAAA,CAACE,uBAAA,EAAA,EAAY,SAAA,~~EAAU~~,~~uBAAA~~,~~EAAwB~~,CAAA;AAAA,~~IACxD~~,KAAK,SAAA;AAAA,IACL,KAAK,SAAA;AACH,MAAA,uBAAOF,cAAA,CAACG,iBAAA,EAAA,EAAM,SAAA,~~EAAU~~,~~uBAAA~~,~~EAAwB~~,CAAA;AAAA,~~IAClD~~,KAAK,QAAA;AACH,MAAA,uBAAOH,cAAA,CAACI,iBAAA,EAAA,EAAM,SAAA,~~EAAU~~,~~sBAAA~~,~~EAAuB~~,CAAA;AAAA,~~IACjD~~,KAAK,WAAA;AACH,MAAA,uBAAOJ,cAAA,CAACK,uBAAA,EAAA,EAAY,SAAA,~~EAAU~~,~~cAAA~~,~~EAAe~~,CAAA;AAAA,~~IAC/C~~,KAAK,SAAA;AACH,MAAA,uBAAOL,cAAA,CAACM,iBAAA,EAAA,EAAM,SAAA,~~EAAU~~,~~cAAA~~,~~EAAe~~,CAAA;AAAA,~~IACzC~~;AACE,MAAA,uBAAON,cAAA,CAACG,iBAAA,EAAA,EAAM,SAAA,~~EAAU~~,~~uBAAA~~,~~EAAwB~~,CAAA;AAAA;~~AAEtD~~;AAEO,SAAS,qBAAA,CAAsB,EAAE,MAAA,EAAO,EAA+B;AAC5E,EAAA,uCACGI,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAP,cAAA,CAACQ,sBAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAAR,cAAA,CAACS,eAAA,EAAA,EAAK,YAAA,EAAY,MAAA,EAAQ,SAAA,EAAU,UAAA,EAClC,QAAA,kBAAAT,cAAA,CAAC,UAAA,EAAA,EAAW,MAAA,EAAgB,GAC9B,CAAA,EACF,CAAA;AAAA,oBACAA,cAAA,CAACU,0BAAgB,QAAA,EAAA,MAAA,EAAO;AAAA,GAAA,EAC1B,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"workflow-run-status-icon.cjs.js","sources":["../../../../src/domains/workflows/components/workflow-run-status-icon.tsx"],"sourcesContent":["import type { WorkflowRunStatus } from '@mastra/core/workflows';\nimport { Check, CirclePause, CircleSlash, Clock, Pause, X } from 'lucide-react';\nimport { workflowStatusTone, workflowStatusToneText } from '../workflow-status-tone';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\n\nexport interface WorkflowRunStatusIconProps {\n status: WorkflowRunStatus;\n}\n\nfunction StatusIcon({ status }: WorkflowRunStatusIconProps) {\n const toneText = workflowStatusToneText[workflowStatusTone(status)];\n switch (status) {\n case 'running':\n return <Spinner />;\n case 'failed':\n return <X className={toneText} />;\n case 'canceled':\n return <CircleSlash className={toneText} />;\n case 'pending':\n case 'waiting':\n return <Clock className={toneText} />;\n case 'paused':\n return <Pause className={toneText} />;\n case 'suspended':\n return <CirclePause className={toneText} />;\n case 'success':\n return <Check className={toneText} />;\n default:\n return <Clock className={toneText} />;\n }\n}\n\nexport function WorkflowRunStatusIcon({ status }: WorkflowRunStatusIconProps) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Icon aria-label={status} className=\"shrink-0\">\n <StatusIcon status={status} />\n </Icon>\n </TooltipTrigger>\n <TooltipContent>{status}</TooltipContent>\n </Tooltip>\n );\n}\n"],"names":["workflowStatusToneText","workflowStatusTone","Spinner","jsx","X","CircleSlash","Clock","Pause","CirclePause","Check","Tooltip","TooltipTrigger","Icon","TooltipContent"],"mappings":";;;;;;;;;;;AAWA,SAAS,UAAA,CAAW,EAAE,MAAA,EAAO,EAA+B;AAC1D,EAAA,MAAM,QAAA,GAAWA,2DAAA,CAAuBC,uDAAA,CAAmB,MAAM,CAAC,CAAA;AAClE,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,SAAA;AACH,MAAA,sCAAQC,eAAA,EAAA,EAAQ,CAAA;AAAA,IAClB,KAAK,QAAA;AACH,MAAA,uBAAOC,cAAA,CAACC,aAAA,EAAA,EAAE,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,IACjC,KAAK,UAAA;AACH,MAAA,uBAAOD,cAAA,CAACE,uBAAA,EAAA,EAAY,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,IAC3C,KAAK,SAAA;AAAA,IACL,KAAK,SAAA;AACH,MAAA,uBAAOF,cAAA,CAACG,iBAAA,EAAA,EAAM,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,IACrC,KAAK,QAAA;AACH,MAAA,uBAAOH,cAAA,CAACI,iBAAA,EAAA,EAAM,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,IACrC,KAAK,WAAA;AACH,MAAA,uBAAOJ,cAAA,CAACK,uBAAA,EAAA,EAAY,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,IAC3C,KAAK,SAAA;AACH,MAAA,uBAAOL,cAAA,CAACM,iBAAA,EAAA,EAAM,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,IACrC;AACE,MAAA,uBAAON,cAAA,CAACG,iBAAA,EAAA,EAAM,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA;AAEzC;AAEO,SAAS,qBAAA,CAAsB,EAAE,MAAA,EAAO,EAA+B;AAC5E,EAAA,uCACGI,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAP,cAAA,CAACQ,sBAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAAR,cAAA,CAACS,eAAA,EAAA,EAAK,YAAA,EAAY,MAAA,EAAQ,SAAA,EAAU,UAAA,EAClC,QAAA,kBAAAT,cAAA,CAAC,UAAA,EAAA,EAAW,MAAA,EAAgB,GAC9B,CAAA,EACF,CAAA;AAAA,oBACAA,cAAA,CAACU,0BAAgB,QAAA,EAAA,MAAA,EAAO;AAAA,GAAA,EAC1B,CAAA;AAEJ;;;;"}

package/dist/domains/workflows/components/workflow-run-status-icon.es.js CHANGED Viewed

@@ -1,28 +1,30 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Clock, Check, CirclePause, Pause, CircleSlash, X } from 'lucide-react';
+import { workflowStatusToneText, workflowStatusTone } from '../workflow-status-tone.es.js';
 import { S as Spinner } from '../../../spinner-ylbE0TJA.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-DsQPiynb.js';
 import { Icon } from '../../../icons/Icon.es.js';
 function StatusIcon({ status }) {
+  const toneText = workflowStatusToneText[workflowStatusTone(status)];
   switch (status) {
     case "running":
       return /* @__PURE__ */ jsx(Spinner, {});
     case "failed":
-      return /* @__PURE__ */ jsx(X, { className: "text-accent2" });
+      return /* @__PURE__ */ jsx(X, { className: toneText });
     case "canceled":
-      return /* @__PURE__ */ jsx(CircleSlash, { className: "text-muted-foreground" });
+      return /* @__PURE__ */ jsx(CircleSlash, { className: toneText });
     case "pending":
     case "waiting":
-      return /* @__PURE__ */ jsx(Clock, { className: "text-muted-foreground" });
+      return /* @__PURE__ */ jsx(Clock, { className: toneText });
     case "paused":
-      return /* @__PURE__ */ jsx(Pause, { className: "text-badge-yellow-fg" });
+      return /* @__PURE__ */ jsx(Pause, { className: toneText });
     case "suspended":
-      return /* @__PURE__ */ jsx(CirclePause, { className: "text-accent3" });
+      return /* @__PURE__ */ jsx(CirclePause, { className: toneText });
     case "success":
-      return /* @__PURE__ */ jsx(Check, { className: "text-accent1" });
+      return /* @__PURE__ */ jsx(Check, { className: toneText });
     default:
-      return /* @__PURE__ */ jsx(Clock, { className: "text-muted-foreground" });
+      return /* @__PURE__ */ jsx(Clock, { className: toneText });
   }
 }
 function WorkflowRunStatusIcon({ status }) {

package/dist/domains/workflows/components/workflow-run-status-icon.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"workflow-run-status-icon.es.js","sources":["../../../../src/domains/workflows/components/workflow-run-status-icon.tsx"],"sourcesContent":["import type { WorkflowRunStatus } from '@mastra/core/workflows';\nimport { Check, CirclePause, CircleSlash, Clock, Pause, X } from 'lucide-react';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\n\nexport interface WorkflowRunStatusIconProps {\n status: WorkflowRunStatus;\n}\n\nfunction StatusIcon({ status }: WorkflowRunStatusIconProps) {\n switch (status) {\n case 'running':\n return <Spinner />;\n case 'failed':\n return <X className~~=\"text-accent2\"~~ />;\n case 'canceled':\n return <CircleSlash className~~=\"text-muted-foreground\"~~ />;\n case 'pending':\n case 'waiting':\n return <Clock className~~=\"text-muted-foreground\"~~ />;\n case 'paused':\n return <Pause className~~=\"text-badge-yellow-fg\"~~ />;\n case 'suspended':\n return <CirclePause className~~=\"text-accent3\"~~ />;\n case 'success':\n return <Check className~~=\"text-accent1\"~~ />;\n default:\n return <Clock className~~=\"text-muted-foreground\"~~ />;\n }\n}\n\nexport function WorkflowRunStatusIcon({ status }: WorkflowRunStatusIconProps) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Icon aria-label={status} className=\"shrink-0\">\n <StatusIcon status={status} />\n </Icon>\n </TooltipTrigger>\n <TooltipContent>{status}</TooltipContent>\n </Tooltip>\n );\n}\n"],"names":[],"mappings":"~~;;;;;;AAUA~~,SAAS,UAAA,CAAW,EAAE,MAAA,EAAO,EAA+B;AAC1D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,SAAA;AACH,MAAA,2BAAQ,OAAA,EAAA,EAAQ,CAAA;AAAA,IAClB,KAAK,QAAA;AACH,MAAA,uBAAO,GAAA,CAAC,CAAA,EAAA,EAAE,SAAA,~~EAAU~~,~~cAAA~~,~~EAAe~~,CAAA;AAAA,~~IACrC~~,KAAK,UAAA;AACH,MAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,~~EAAU~~,~~uBAAA~~,~~EAAwB~~,CAAA;AAAA,~~IACxD~~,KAAK,SAAA;AAAA,IACL,KAAK,SAAA;AACH,MAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,~~EAAU~~,~~uBAAA~~,~~EAAwB~~,CAAA;AAAA,~~IAClD~~,KAAK,QAAA;AACH,MAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,~~EAAU~~,~~sBAAA~~,~~EAAuB~~,CAAA;AAAA,~~IACjD~~,KAAK,WAAA;AACH,MAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,~~EAAU~~,~~cAAA~~,~~EAAe~~,CAAA;AAAA,~~IAC/C~~,KAAK,SAAA;AACH,MAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,~~EAAU~~,~~cAAA~~,~~EAAe~~,CAAA;AAAA,~~IACzC~~;AACE,MAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,~~EAAU~~,~~uBAAA~~,~~EAAwB~~,CAAA;AAAA;~~AAEtD~~;AAEO,SAAS,qBAAA,CAAsB,EAAE,MAAA,EAAO,EAA+B;AAC5E,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,YAAA,EAAY,MAAA,EAAQ,SAAA,EAAU,UAAA,EAClC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,MAAA,EAAgB,GAC9B,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,kBAAgB,QAAA,EAAA,MAAA,EAAO;AAAA,GAAA,EAC1B,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"workflow-run-status-icon.es.js","sources":["../../../../src/domains/workflows/components/workflow-run-status-icon.tsx"],"sourcesContent":["import type { WorkflowRunStatus } from '@mastra/core/workflows';\nimport { Check, CirclePause, CircleSlash, Clock, Pause, X } from 'lucide-react';\nimport { workflowStatusTone, workflowStatusToneText } from '../workflow-status-tone';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\n\nexport interface WorkflowRunStatusIconProps {\n status: WorkflowRunStatus;\n}\n\nfunction StatusIcon({ status }: WorkflowRunStatusIconProps) {\n const toneText = workflowStatusToneText[workflowStatusTone(status)];\n switch (status) {\n case 'running':\n return <Spinner />;\n case 'failed':\n return <X className={toneText} />;\n case 'canceled':\n return <CircleSlash className={toneText} />;\n case 'pending':\n case 'waiting':\n return <Clock className={toneText} />;\n case 'paused':\n return <Pause className={toneText} />;\n case 'suspended':\n return <CirclePause className={toneText} />;\n case 'success':\n return <Check className={toneText} />;\n default:\n return <Clock className={toneText} />;\n }\n}\n\nexport function WorkflowRunStatusIcon({ status }: WorkflowRunStatusIconProps) {\n return (\n <Tooltip>\n <TooltipTrigger asChild>\n <Icon aria-label={status} className=\"shrink-0\">\n <StatusIcon status={status} />\n </Icon>\n </TooltipTrigger>\n <TooltipContent>{status}</TooltipContent>\n </Tooltip>\n );\n}\n"],"names":[],"mappings":";;;;;;;AAWA,SAAS,UAAA,CAAW,EAAE,MAAA,EAAO,EAA+B;AAC1D,EAAA,MAAM,QAAA,GAAW,sBAAA,CAAuB,kBAAA,CAAmB,MAAM,CAAC,CAAA;AAClE,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,SAAA;AACH,MAAA,2BAAQ,OAAA,EAAA,EAAQ,CAAA;AAAA,IAClB,KAAK,QAAA;AACH,MAAA,uBAAO,GAAA,CAAC,CAAA,EAAA,EAAE,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,IACjC,KAAK,UAAA;AACH,MAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,IAC3C,KAAK,SAAA;AAAA,IACL,KAAK,SAAA;AACH,MAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,IACrC,KAAK,QAAA;AACH,MAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,IACrC,KAAK,WAAA;AACH,MAAA,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,IAC3C,KAAK,SAAA;AACH,MAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA,IACrC;AACE,MAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAW,QAAA,EAAU,CAAA;AAAA;AAEzC;AAEO,SAAS,qBAAA,CAAsB,EAAE,MAAA,EAAO,EAA+B;AAC5E,EAAA,4BACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,YAAA,EAAY,MAAA,EAAQ,SAAA,EAAU,UAAA,EAClC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,MAAA,EAAgB,GAC9B,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,kBAAgB,QAAA,EAAA,MAAA,EAAO;AAAA,GAAA,EAC1B,CAAA;AAEJ;;;;"}

package/dist/domains/workflows/components/workflow-step-detail.cjs.js CHANGED Viewed

@@ -7,10 +7,10 @@ const react = require('@xyflow/react');
 const lucideReact = require('lucide-react');
 const domains_workflows_context_workflowStepDetailContext = require('../context/workflow-step-detail-context.cjs.js');
 const domains_workflows_workflow_data_workflowDataInspector = require('../workflow/data/workflow-data-inspector.cjs.js');
-const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-BsBMVYQ7.cjs');
+const domains_workflows_workflow_workflowNestedGraph = require('../../../use-workflow-graph-runtime-D0ODPlNB.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
-const workflowConditionCard = require('../../../workflow-condition-card-BMgzF6ef.cjs');
-const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-Bw7nXZzf.cjs');
+const workflowConditionCard = require('../../../workflow-condition-card-CfjhZb0m.cjs');
+const workflowCodeDialogContent = require('../../../workflow-code-dialog-content-vLneZlMd.cjs');
 const icons_WorkflowIcon = require('../../../icons/WorkflowIcon.cjs.js');
 function WorkflowStepDetailContent({ requestContext }) {

package/dist/domains/workflows/components/workflow-step-detail.es.js CHANGED Viewed

@@ -3,10 +3,10 @@ import { ReactFlowProvider } from '@xyflow/react';
 import { List, X } from 'lucide-react';
 import { useWorkflowStepDetail } from '../context/workflow-step-detail-context.es.js';
 import { WorkflowDataInspector } from '../workflow/data/workflow-data-inspector.es.js';
-import { W as WorkflowNestedGraph } from '../../../use-workflow-graph-runtime-Bb0Hogzq.js';
+import { W as WorkflowNestedGraph } from '../../../use-workflow-graph-runtime-XL5zreeR.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
-import { B as BADGE_COLORS } from '../../../workflow-condition-card-Ch_oHojN.js';
-import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-BcT4gT_3.js';
+import { B as BADGE_COLORS } from '../../../workflow-condition-card-B0Va5Amx.js';
+import { W as WorkflowCodeContent } from '../../../workflow-code-dialog-content-Iz2Omi1P.js';
 import { WorkflowIcon } from '../../../icons/WorkflowIcon.es.js';
 function WorkflowStepDetailContent({ requestContext }) {

package/dist/domains/workflows/components/workflows-list/no-workflows-info.cjs.js CHANGED Viewed

@@ -4,8 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../../../../Button-CIwF6NHM.cjs');
-const EmptyState = require('../../../../EmptyState-BOAT0jz8.cjs');
+const Button = require('../../../../Button-BnmR2HRc.cjs');
+const EmptyState = require('../../../../EmptyState-CJ5KC4Db.cjs');
 const NoWorkflowsInfo = () => /* @__PURE__ */ jsxRuntime.jsx(
   EmptyState.EmptyState,

package/dist/domains/workflows/components/workflows-list/no-workflows-info.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ExternalLinkIcon } from 'lucide-react';
-import { B as Button } from '../../../../Button-BY9qlu8K.js';
-import { E as EmptyState } from '../../../../EmptyState-CkuPLncF.js';
+import { B as Button } from '../../../../Button-C6eUqcPI.js';
+import { E as EmptyState } from '../../../../EmptyState-CynkaZd1.js';
 const NoWorkflowsInfo = () => /* @__PURE__ */ jsx(
   EmptyState,

package/dist/domains/workflows/components/workflows-list/workflows-list.cjs.js CHANGED Viewed

@@ -8,10 +8,13 @@ const React = require('react');
 const domains_workflows_components_workflowsList_workflowsSort = require('./workflows-sort.cjs.js');
 const domains_workflows_hooks_useWorkflowsRunCounts = require('../../hooks/use-workflows-run-counts.cjs.js');
 const domains_workflows_utils_nestedWorkflows = require('../../utils/nested-workflows.cjs.js');
-const Badge = require('../../../../Badge-DFNxcz-r.cjs');
-const dataList = require('../../../../data-list-DEKEzLzK.cjs');
-const dataListSkeleton = require('../../../../data-list-skeleton-xdEctGVs.cjs');
+const Badge = require('../../../../Badge-H8K5WrXg.cjs');
+const dataList = require('../../../../data-list-D8bACyyK.cjs');
+const dataListSkeleton = require('../../../../data-list-skeleton-BXPfL0s7.cjs');
 const useDataListKeyboard = require('../../../../use-data-list-keyboard-DF3tLe10.cjs');
+const tooltip = require('../../../../tooltip-DIZ5oqjV.cjs');
+const Txt = require('../../../../Txt-DPmEpNbp.cjs');
+const primitives_transitions = require('../../../../primitives/transitions.cjs.js');
 const primitives_typography = require('../../../../primitives/typography.cjs.js');
 const lib_framework = require('../../../../lib/framework.cjs.js');
 const utils_cn = require('../../../../cn-DG0X1KEP.cjs');
@@ -103,10 +106,13 @@ function WorkflowRow({
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: name }),
             wf.origin === "dynamic" ? /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: "blue", title: "Registered via the dynamic-workflows API", children: "Dynamic" }) : null,
             hasNested ? /* @__PURE__ */ jsxRuntime.jsxs(
-              "span",
+              Txt.Txt,
               {
+                as: "span",
+                variant: "body-sm",
+                tone: "muted",
                 title: `Nested workflows: ${nestedIds.join(", ")}`,
-                className: "inline-flex shrink-0 items-center gap-1 text-body-sm text-muted-foreground",
+                className: "inline-flex shrink-0 items-center gap-1",
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WorkflowIcon, { "aria-hidden": true, className: "size-3.5" }),
                   nestedIds.length
@@ -118,10 +124,10 @@ function WorkflowRow({
           /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TextCell, { className: "text-center", children: runningCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
             "span",
             {
-              className: "inline-flex items-center gap-1.5 text-positive1",
+              className: "inline-flex items-center gap-1.5 text-info-indicator",
               "aria-label": `${runningCount} run${runningCount === 1 ? "" : "s"} in progress`,
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "size-2 rounded-full bg-positive1 motion-safe:animate-pulse" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "size-2 rounded-full bg-info-indicator motion-safe:animate-pulse" }),
                 runningCount
               ]
             }
@@ -129,7 +135,7 @@ function WorkflowRow({
           /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TextCell, { className: "text-center", children: suspendedCount > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
             "span",
             {
-              className: "inline-flex items-center gap-1.5 text-warning1",
+              className: "inline-flex items-center gap-1.5 text-warning-indicator",
               "aria-label": `${suspendedCount} run${suspendedCount === 1 ? "" : "s"} awaiting input`,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PauseIcon, { "aria-hidden": true, className: "size-3.5" }),
@@ -206,21 +212,26 @@ function WorkflowsList({
     rows.map((row) => {
       const isExpanded = expandedPaths.has(row.pathKey);
       const toggle = () => toggleExpanded(row.pathKey);
-      if (row.kind === "inline") {
-        return /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList.RowWrapper, { children: [
+      if (row.kind === "unregistered") {
+        return /* @__PURE__ */ jsxRuntime.jsxs(dataList.DataList.RowStatic, { className: "gap-0 px-0", children: [
           /* @__PURE__ */ jsxRuntime.jsx(TreeToggleCell, { row, isExpanded, onToggle: toggle }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-5 col-start-2 grid grid-cols-subgrid gap-5 px-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-5 col-start-2 grid grid-cols-subgrid gap-4 px-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.NameCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
               /* @__PURE__ */ jsxRuntime.jsx(TreeConnector, { guides: row.guides, isLastChild: row.isLastChild }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: utils_truncateString.truncateString(row.stepId, 50) }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  title: "Nested workflow not registered standalone",
-                  className: "shrink-0 text-body-sm text-muted-foreground",
-                  children: "inline"
-                }
-              )
+              /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  tooltip.TooltipTrigger,
+                  {
+                    render: /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+                    role: "note",
+                    tabIndex: 0,
+                    className: utils_cn.cn("shrink-0 rounded-sm text-body-sm text-muted-foreground", primitives_transitions.focusRing),
+                    children: "not registered"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { className: "max-w-72", children: "Runs as a step of its parent workflow. Add it to the workflows of your Mastra instance to open, run, and inspect it on its own page." })
+              ] })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.DescriptionCell, { children: utils_truncateString.truncateString(row.description ?? "", 200) }),
             /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList.TextCell, { className: "text-center", children: "" }),

package/dist/domains/workflows/components/workflows-list/workflows-list.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"workflows-list.cjs.js","sources":["../../../../../src/domains/workflows/components/workflows-list/workflows-list.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { ChevronRightIcon, PauseIcon, WorkflowIcon } from 'lucide-react';\nimport { useMemo, useRef, useState } from 'react';\nimport type { SyntheticEvent } from 'react';\nimport { sortWorkflows } from './workflows-sort';\nimport type { WorkflowsSort, WorkflowsSortKey } from './workflows-sort';\nimport { useWorkflowsRunCounts } from '@/domains/workflows/hooks/use-workflows-run-counts';\nimport { flattenWorkflowTree } from '@/domains/workflows/utils/nested-workflows';\nimport type { WorkflowTreeRow } from '@/domains/workflows/utils/nested-workflows';\nimport { Badge } from '@/ds/components/Badge';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport {\n DataList as EntityList,\n DataListSkeleton as EntityListSkeleton,\n useDataListKeyboard,\n} from '@/ds/components/DataList';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { truncateString } from '@/utils/truncate-string';\n\nexport interface WorkflowsListProps {\n workflows: Record<string, GetWorkflowResponse>;\n isLoading: boolean;\n search?: string;\n sort?: WorkflowsSort;\n onSortChange?: (direction: DataListSort, key: WorkflowsSortKey) => void;\n requestContext?: Record<string, any>;\n}\n\n// Leading fixed expander column (outside the row link), then Name /\n// Description / Running / Pending input / Steps. The Name column width is\n// FIXED so tree indentation grows inside it (names truncate) — expanding\n// nested levels can never widen columns and shift the table.\nconst GRID_COLUMNS = 'auto 24rem minmax(0, 1fr) auto auto auto';\n\n/*\n Tree connector for nested rows: one vertical guide per ancestor level that\n * has more siblings below, then a ├ stub (└ for the last child) linking the\n * row to its parent. Overshooting vertical margins let the lines span the\n * full row height; the cell's overflow clipping trims the excess.\n /\nfunction TreeConnector({ guides, isLastChild }: { guides: boolean[]; isLastChild: boolean }) {\n return (\n <span aria-hidden className=\"-my-6 flex shrink-0 self-stretch\">\n {guides.map((show, index) => (\n <span key={index} className={cn('w-6', show && 'border-l border-border')} />\n ))}\n <span className=\"relative w-6\">\n <span className={cn('absolute top-0 left-0 border-l border-border', isLastChild ? 'h-1/2' : 'h-full')} />\n <span className=\"absolute top-1/2 left-0 w-3.5 border-b border-border\" />\n </span>\n </span>\n );\n}\n\n/\n Fixed-width expander cell at the start of every row. Only the button lives\n * here — OUTSIDE the row link, so the toggle is never an interactive element\n * nested inside the anchor — while the tree lines stay in the Name cell. The\n * cell's content is identical in size on every row, so expanding a deep tree\n * never widens the column and shifts the table.\n /\nfunction TreeToggleCell({\n row,\n isExpanded,\n onToggle,\n}: {\n row: WorkflowTreeRow;\n isExpanded: boolean;\n onToggle: () => void;\n}) {\n const hasToggle = row.kind === 'workflow' && row.nestedIds.length > 0;\n const workflowName = row.kind === 'workflow' ? row.workflow.name : row.stepId;\n\n return (\n <div className=\"flex items-center pl-5\">\n {hasToggle ? (\n <button\n type=\"button\"\n aria-expanded={isExpanded}\n aria-label={`${isExpanded ? 'Collapse' : 'Expand'} nested workflows of ${workflowName}`}\n className={cn(\n quietTextHover,\n \"relative grid size-5 shrink-0 place-items-center before:absolute before:-inset-1.5 before:content-['']\",\n )}\n onClick={event => {\n event.stopPropagation();\n onToggle();\n }}\n >\n <ChevronRightIcon className={cn('size-4 transition-transform', isExpanded && 'rotate-90')} />\n </button>\n ) : (\n <span className=\"size-5 shrink-0\" aria-hidden />\n )}\n </div>\n );\n}\n\nconst stopPropagation = (event: SyntheticEvent) => event.stopPropagation();\n\n/* Sortable header when the parent owns sort state; plain header otherwise. /\nfunction SortHeader({\n sortKey,\n sort,\n onSortChange,\n children,\n}: Pick<WorkflowsListProps, 'sort' \| 'onSortChange'> & { sortKey: WorkflowsSortKey; children: string }) {\n if (!onSortChange) return <EntityList.TopCell>{children}</EntityList.TopCell>;\n return (\n <EntityList.SortableTopCell\n sortKey={sortKey}\n sort={sort?.key === sortKey ? sort.direction : undefined}\n onSortChange={direction => onSortChange(direction, sortKey)}\n >\n {children}\n </EntityList.SortableTopCell>\n );\n}\n\n/\n Wrapper owns focus/roving and activation so the expander gutter also\n * navigates; the link and the toggle stop propagation to avoid double\n * activation.\n */\nfunction WorkflowRow({\n row,\n isExpanded,\n onToggle,\n runCount,\n rowProps,\n}: {\n row: Extract<WorkflowTreeRow, { kind: 'workflow' }>;\n isExpanded: boolean;\n onToggle: () => void;\n runCount: { running?: number; suspended?: number } \| undefined;\n rowProps: ReturnType<ReturnType<typeof useDataListKeyboard>['getRowProps']>;\n}) {\n const { paths, Link } = useLinkComponent();\n const linkRef = useRef<HTMLAnchorElement>(null);\n const { workflow: wf, nestedIds } = row;\n const name = truncateString(wf.name, 50);\n const description = truncateString(wf.description ?? '', 200);\n const stepsCount = Object.keys(wf.steps ?? {}).length;\n const runningCount = runCount?.running ?? 0;\n const suspendedCount = runCount?.suspended ?? 0;\n const hasNested = nestedIds.length > 0;\n\n return (\n <EntityList.RowWrapper {...rowProps} onSelectRow={() => linkRef.current?.click()}>\n <TreeToggleCell row={row} isExpanded={isExpanded} onToggle={onToggle} />\n <EntityList.RowLink\n ref={linkRef}\n colStart={2}\n to={paths.workflowLink(wf.id)}\n LinkComponent={Link}\n tabIndex={-1}\n onClick={stopPropagation}\n >\n <EntityList.NameCell>\n <span className=\"flex items-center gap-1.5\">\n {row.depth > 0 ? <TreeConnector guides={row.guides} isLastChild={row.isLastChild} /> : null}\n <span className=\"truncate\">{name}</span>\n {wf.origin === 'dynamic' ? (\n <Badge size=\"xs\" variant=\"blue\" title=\"Registered via the dynamic-workflows API\">\n Dynamic\n </Badge>\n ) : null}\n {hasNested ? (\n <span\n title={`Nested workflows: ${nestedIds.join(', ')}`}\n className=\"inline-flex shrink-0 items-center gap-1 text-body-sm text-muted-foreground\"\n >\n <WorkflowIcon aria-hidden className=\"size-3.5\" />\n {nestedIds.length}\n </span>\n ) : null}\n </span>\n </EntityList.NameCell>\n <EntityList.DescriptionCell>{description}</EntityList.DescriptionCell>\n <EntityList.TextCell className=\"text-center\">\n {runningCount > 0 ? (\n <span\n className=\"inline-flex items-center gap-1.5 text-positive1\"\n aria-label={`${runningCount} run${runningCount === 1 ? '' : 's'} in progress`}\n >\n <span aria-hidden className=\"size-2 rounded-full bg-positive1 motion-safe:animate-pulse\" />\n {runningCount}\n </span>\n ) : (\n ''\n )}\n </EntityList.TextCell>\n <EntityList.TextCell className=\"text-center\">\n {suspendedCount > 0 ? (\n <span\n className=\"inline-flex items-center gap-1.5 text-warning1\"\n aria-label={`${suspendedCount} run${suspendedCount === 1 ? '' : 's'} awaiting input`}\n >\n <PauseIcon aria-hidden className=\"size-3.5\" />\n {suspendedCount}\n </span>\n ) : (\n ''\n )}\n </EntityList.TextCell>\n <EntityList.TextCell className=\"text-center\">{stepsCount \|\| ''}</EntityList.TextCell>\n </EntityList.RowLink>\n </EntityList.RowWrapper>\n );\n}\n\nexport function WorkflowsList({\n workflows,\n isLoading,\n search = '',\n sort,\n onSortChange,\n requestContext,\n}: WorkflowsListProps) {\n const [expandedPaths, setExpandedPaths] = useState<ReadonlySet<string>>(new Set());\n const runCounts = useWorkflowsRunCounts({ requestContext });\n\n const workflowData = useMemo(\n () =>\n Object.entries(workflows).map(([key, workflow]) => ({\n ...workflow,\n id: key,\n })),\n [workflows],\n );\n\n const filteredData = useMemo(() => {\n const term = search.toLowerCase();\n return workflowData.filter(\n wf => wf.name?.toLowerCase().includes(term) \|\| wf.description?.toLowerCase().includes(term),\n );\n }, [workflowData, search]);\n\n // Sort applies to root workflows only; nested rows keep their tree order.\n const sortedData = useMemo(() => sortWorkflows(filteredData, sort, runCounts), [filteredData, sort, runCounts]);\n\n const rows = useMemo(\n () => flattenWorkflowTree(sortedData, workflows, expandedPaths),\n [sortedData, workflows, expandedPaths],\n );\n\n // Inline rows are non-interactive; keyboard navigation only visits workflow rows.\n const interactiveIndexByPathKey = useMemo(() => {\n const map = new Map<string, number>();\n for (const row of rows) {\n if (row.kind === 'workflow') map.set(row.pathKey, map.size);\n }\n return map;\n }, [rows]);\n\n const { containerRef, getRowProps } = useDataListKeyboard({ count: interactiveIndexByPathKey.size, global: true });\n\n const toggleExpanded = (pathKey: string) => {\n setExpandedPaths(previous => {\n const next = new Set(previous);\n if (next.has(pathKey)) {\n next.delete(pathKey);\n } else {\n next.add(pathKey);\n }\n return next;\n });\n };\n\n if (isLoading) {\n return <EntityListSkeleton columns={GRID_COLUMNS} fit=\"container\" />;\n }\n\n return (\n <EntityList columns={GRID_COLUMNS} fit=\"container\" scrollRef={containerRef}>\n <EntityList.Top>\n <EntityList.TopCell>\n <span className=\"sr-only\">Expand</span>\n </EntityList.TopCell>\n <SortHeader sortKey=\"name\" sort={sort} onSortChange={onSortChange}>\n Name\n </SortHeader>\n <EntityList.TopCell>Description</EntityList.TopCell>\n <SortHeader sortKey=\"running\" sort={sort} onSortChange={onSortChange}>\n Running\n </SortHeader>\n <SortHeader sortKey=\"suspended\" sort={sort} onSortChange={onSortChange}>\n Pending input\n </SortHeader>\n <SortHeader sortKey=\"steps\" sort={sort} onSortChange={onSortChange}>\n Number of steps\n </SortHeader>\n </EntityList.Top>\n\n {rows.length === 0 && search ? <EntityList.NoMatch message=\"No Workflows match your search\" /> : null}\n\n {rows.map(row => {\n const isExpanded = expandedPaths.has(row.pathKey);\n const toggle = () => toggleExpanded(row.pathKey);\n\n if (row.kind === 'inline') {\n // Same wrapper shape as workflow rows so the shared column tracks\n // stay identical; the non-link body mirrors the RowLink's subgrid\n // structure (span, gap, padding) without the interactivity.\n return (\n <EntityList.RowWrapper key={`workflow-${row.pathKey}`}>\n <TreeToggleCell row={row} isExpanded={isExpanded} onToggle={toggle} />\n <div className=\"col-span-5 col-start-2 grid grid-cols-subgrid gap-5 px-5\">\n <EntityList.NameCell>\n <span className=\"flex items-center gap-1.5\">\n <TreeConnector guides={row.guides} isLastChild={row.isLastChild} />\n <span className=\"truncate\">{truncateString(row.stepId, 50)}</span>\n <span\n title=\"Nested workflow not registered standalone\"\n className=\"shrink-0 text-body-sm text-muted-foreground\"\n >\n inline\n </span>\n </span>\n </EntityList.NameCell>\n <EntityList.DescriptionCell>{truncateString(row.description ?? '', 200)}</EntityList.DescriptionCell>\n <EntityList.TextCell className=\"text-center\">{''}</EntityList.TextCell>\n <EntityList.TextCell className=\"text-center\">{''}</EntityList.TextCell>\n <EntityList.TextCell className=\"text-center\">{''}</EntityList.TextCell>\n </div>\n </EntityList.RowWrapper>\n );\n }\n\n return (\n <WorkflowRow\n key={`workflow-${row.pathKey}`}\n row={row}\n isExpanded={isExpanded}\n onToggle={toggle}\n runCount={runCounts[row.workflow.id]}\n rowProps={getRowProps(interactiveIndexByPathKey.get(row.pathKey) ?? -1)}\n />\n );\n })}\n </EntityList>\n );\n}\n"],"names":["jsxs","jsx","cn","quietTextHover","ChevronRightIcon","EntityList","useLinkComponent","useRef","truncateString","Badge","WorkflowIcon","PauseIcon","useState","useWorkflowsRunCounts","useMemo","sortWorkflows","flattenWorkflowTree","useDataListKeyboard","EntityListSkeleton"],"mappings":"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"}
1	+ {"version":3,"file":"workflows-list.cjs.js","sources":["../../../../../src/domains/workflows/components/workflows-list/workflows-list.tsx"],"sourcesContent":["import type { GetWorkflowResponse } from '@mastra/client-js';\nimport { ChevronRightIcon, PauseIcon, WorkflowIcon } from 'lucide-react';\nimport { useMemo, useRef, useState } from 'react';\nimport type { SyntheticEvent } from 'react';\nimport { sortWorkflows } from './workflows-sort';\nimport type { WorkflowsSort, WorkflowsSortKey } from './workflows-sort';\nimport { useWorkflowsRunCounts } from '@/domains/workflows/hooks/use-workflows-run-counts';\nimport { flattenWorkflowTree } from '@/domains/workflows/utils/nested-workflows';\nimport type { WorkflowTreeRow } from '@/domains/workflows/utils/nested-workflows';\nimport { Badge } from '@/ds/components/Badge';\nimport type { DataListSort } from '@/ds/components/DataList';\nimport { DataList, DataListSkeleton, useDataListKeyboard } from '@/ds/components/DataList';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { truncateString } from '@/utils/truncate-string';\n\nexport interface WorkflowsListProps {\n workflows: Record<string, GetWorkflowResponse>;\n isLoading: boolean;\n search?: string;\n sort?: WorkflowsSort;\n onSortChange?: (direction: DataListSort, key: WorkflowsSortKey) => void;\n requestContext?: Record<string, any>;\n}\n\n// Leading fixed expander column (outside the row link), then Name /\n// Description / Running / Pending input / Steps. The Name column width is\n// FIXED so tree indentation grows inside it (names truncate) — expanding\n// nested levels can never widen columns and shift the table.\nconst GRID_COLUMNS = 'auto 24rem minmax(0, 1fr) auto auto auto';\n\n/*\n Tree connector for nested rows: one vertical guide per ancestor level that\n * has more siblings below, then a ├ stub (└ for the last child) linking the\n * row to its parent. Overshooting vertical margins let the lines span the\n * full row height; the cell's overflow clipping trims the excess.\n /\nfunction TreeConnector({ guides, isLastChild }: { guides: boolean[]; isLastChild: boolean }) {\n return (\n <span aria-hidden className=\"-my-6 flex shrink-0 self-stretch\">\n {guides.map((show, index) => (\n <span key={index} className={cn('w-6', show && 'border-l border-border')} />\n ))}\n <span className=\"relative w-6\">\n <span className={cn('absolute top-0 left-0 border-l border-border', isLastChild ? 'h-1/2' : 'h-full')} />\n <span className=\"absolute top-1/2 left-0 w-3.5 border-b border-border\" />\n </span>\n </span>\n );\n}\n\n/\n Fixed-width expander cell at the start of every row. Only the button lives\n * here — OUTSIDE the row link, so the toggle is never an interactive element\n * nested inside the anchor — while the tree lines stay in the Name cell. The\n * cell's content is identical in size on every row, so expanding a deep tree\n * never widens the column and shifts the table.\n /\nfunction TreeToggleCell({\n row,\n isExpanded,\n onToggle,\n}: {\n row: WorkflowTreeRow;\n isExpanded: boolean;\n onToggle: () => void;\n}) {\n const hasToggle = row.kind === 'workflow' && row.nestedIds.length > 0;\n const workflowName = row.kind === 'workflow' ? row.workflow.name : row.stepId;\n\n return (\n <div className=\"flex items-center pl-5\">\n {hasToggle ? (\n <button\n type=\"button\"\n aria-expanded={isExpanded}\n aria-label={`${isExpanded ? 'Collapse' : 'Expand'} nested workflows of ${workflowName}`}\n className={cn(\n quietTextHover,\n \"relative grid size-5 shrink-0 place-items-center before:absolute before:-inset-1.5 before:content-['']\",\n )}\n onClick={event => {\n event.stopPropagation();\n onToggle();\n }}\n >\n <ChevronRightIcon className={cn('size-4 transition-transform', isExpanded && 'rotate-90')} />\n </button>\n ) : (\n <span className=\"size-5 shrink-0\" aria-hidden />\n )}\n </div>\n );\n}\n\nconst stopPropagation = (event: SyntheticEvent) => event.stopPropagation();\n\n/* Sortable header when the parent owns sort state; plain header otherwise. /\nfunction SortHeader({\n sortKey,\n sort,\n onSortChange,\n children,\n}: Pick<WorkflowsListProps, 'sort' \| 'onSortChange'> & { sortKey: WorkflowsSortKey; children: string }) {\n if (!onSortChange) return <DataList.TopCell>{children}</DataList.TopCell>;\n return (\n <DataList.SortableTopCell\n sortKey={sortKey}\n sort={sort?.key === sortKey ? sort.direction : undefined}\n onSortChange={direction => onSortChange(direction, sortKey)}\n >\n {children}\n </DataList.SortableTopCell>\n );\n}\n\n/\n Wrapper owns focus/roving and activation so the expander gutter also\n * navigates; the link and the toggle stop propagation to avoid double\n * activation.\n */\nfunction WorkflowRow({\n row,\n isExpanded,\n onToggle,\n runCount,\n rowProps,\n}: {\n row: Extract<WorkflowTreeRow, { kind: 'workflow' }>;\n isExpanded: boolean;\n onToggle: () => void;\n runCount: { running?: number; suspended?: number } \| undefined;\n rowProps: ReturnType<ReturnType<typeof useDataListKeyboard>['getRowProps']>;\n}) {\n const { paths, Link } = useLinkComponent();\n const linkRef = useRef<HTMLAnchorElement>(null);\n const { workflow: wf, nestedIds } = row;\n const name = truncateString(wf.name, 50);\n const description = truncateString(wf.description ?? '', 200);\n const stepsCount = Object.keys(wf.steps ?? {}).length;\n const runningCount = runCount?.running ?? 0;\n const suspendedCount = runCount?.suspended ?? 0;\n const hasNested = nestedIds.length > 0;\n\n return (\n <DataList.RowWrapper {...rowProps} onSelectRow={() => linkRef.current?.click()}>\n <TreeToggleCell row={row} isExpanded={isExpanded} onToggle={onToggle} />\n <DataList.RowLink\n ref={linkRef}\n colStart={2}\n to={paths.workflowLink(wf.id)}\n LinkComponent={Link}\n tabIndex={-1}\n onClick={stopPropagation}\n >\n <DataList.NameCell>\n <span className=\"flex items-center gap-1.5\">\n {row.depth > 0 ? <TreeConnector guides={row.guides} isLastChild={row.isLastChild} /> : null}\n <span className=\"truncate\">{name}</span>\n {wf.origin === 'dynamic' ? (\n <Badge size=\"xs\" variant=\"blue\" title=\"Registered via the dynamic-workflows API\">\n Dynamic\n </Badge>\n ) : null}\n {hasNested ? (\n <Txt\n as=\"span\"\n variant=\"body-sm\"\n tone=\"muted\"\n title={`Nested workflows: ${nestedIds.join(', ')}`}\n className=\"inline-flex shrink-0 items-center gap-1\"\n >\n <WorkflowIcon aria-hidden className=\"size-3.5\" />\n {nestedIds.length}\n </Txt>\n ) : null}\n </span>\n </DataList.NameCell>\n <DataList.DescriptionCell>{description}</DataList.DescriptionCell>\n <DataList.TextCell className=\"text-center\">\n {runningCount > 0 ? (\n <span\n className=\"inline-flex items-center gap-1.5 text-info-indicator\"\n aria-label={`${runningCount} run${runningCount === 1 ? '' : 's'} in progress`}\n >\n <span aria-hidden className=\"size-2 rounded-full bg-info-indicator motion-safe:animate-pulse\" />\n {runningCount}\n </span>\n ) : (\n ''\n )}\n </DataList.TextCell>\n <DataList.TextCell className=\"text-center\">\n {suspendedCount > 0 ? (\n <span\n className=\"inline-flex items-center gap-1.5 text-warning-indicator\"\n aria-label={`${suspendedCount} run${suspendedCount === 1 ? '' : 's'} awaiting input`}\n >\n <PauseIcon aria-hidden className=\"size-3.5\" />\n {suspendedCount}\n </span>\n ) : (\n ''\n )}\n </DataList.TextCell>\n <DataList.TextCell className=\"text-center\">{stepsCount \|\| ''}</DataList.TextCell>\n </DataList.RowLink>\n </DataList.RowWrapper>\n );\n}\n\nexport function WorkflowsList({\n workflows,\n isLoading,\n search = '',\n sort,\n onSortChange,\n requestContext,\n}: WorkflowsListProps) {\n const [expandedPaths, setExpandedPaths] = useState<ReadonlySet<string>>(new Set());\n const runCounts = useWorkflowsRunCounts({ requestContext });\n\n const workflowData = useMemo(\n () =>\n Object.entries(workflows).map(([key, workflow]) => ({\n ...workflow,\n id: key,\n })),\n [workflows],\n );\n\n const filteredData = useMemo(() => {\n const term = search.toLowerCase();\n return workflowData.filter(\n wf => wf.name?.toLowerCase().includes(term) \|\| wf.description?.toLowerCase().includes(term),\n );\n }, [workflowData, search]);\n\n // Sort applies to root workflows only; nested rows keep their tree order.\n const sortedData = useMemo(() => sortWorkflows(filteredData, sort, runCounts), [filteredData, sort, runCounts]);\n\n const rows = useMemo(\n () => flattenWorkflowTree(sortedData, workflows, expandedPaths),\n [sortedData, workflows, expandedPaths],\n );\n\n // Unregistered rows are non-interactive; keyboard navigation only visits workflow rows.\n const interactiveIndexByPathKey = useMemo(() => {\n const map = new Map<string, number>();\n for (const row of rows) {\n if (row.kind === 'workflow') map.set(row.pathKey, map.size);\n }\n return map;\n }, [rows]);\n\n const { containerRef, getRowProps } = useDataListKeyboard({ count: interactiveIndexByPathKey.size, global: true });\n\n const toggleExpanded = (pathKey: string) => {\n setExpandedPaths(previous => {\n const next = new Set(previous);\n if (next.has(pathKey)) {\n next.delete(pathKey);\n } else {\n next.add(pathKey);\n }\n return next;\n });\n };\n\n if (isLoading) {\n return <DataListSkeleton columns={GRID_COLUMNS} fit=\"container\" />;\n }\n\n return (\n <DataList columns={GRID_COLUMNS} fit=\"container\" scrollRef={containerRef}>\n <DataList.Top>\n <DataList.TopCell>\n <span className=\"sr-only\">Expand</span>\n </DataList.TopCell>\n <SortHeader sortKey=\"name\" sort={sort} onSortChange={onSortChange}>\n Name\n </SortHeader>\n <DataList.TopCell>Description</DataList.TopCell>\n <SortHeader sortKey=\"running\" sort={sort} onSortChange={onSortChange}>\n Running\n </SortHeader>\n <SortHeader sortKey=\"suspended\" sort={sort} onSortChange={onSortChange}>\n Pending input\n </SortHeader>\n <SortHeader sortKey=\"steps\" sort={sort} onSortChange={onSortChange}>\n Number of steps\n </SortHeader>\n </DataList.Top>\n\n {rows.length === 0 && search ? <DataList.NoMatch message=\"No Workflows match your search\" /> : null}\n\n {rows.map(row => {\n const isExpanded = expandedPaths.has(row.pathKey);\n const toggle = () => toggleExpanded(row.pathKey);\n\n if (row.kind === 'unregistered') {\n // Mirrors WorkflowRow's RowWrapper + RowLink layout, minus hover and press states.\n return (\n <DataList.RowStatic key={`workflow-${row.pathKey}`} className=\"gap-0 px-0\">\n <TreeToggleCell row={row} isExpanded={isExpanded} onToggle={toggle} />\n <div className=\"col-span-5 col-start-2 grid grid-cols-subgrid gap-4 px-3\">\n <DataList.NameCell>\n <span className=\"flex items-center gap-1.5\">\n <TreeConnector guides={row.guides} isLastChild={row.isLastChild} />\n <span className=\"truncate\">{truncateString(row.stepId, 50)}</span>\n <Tooltip>\n <TooltipTrigger\n render={<span />}\n role=\"note\"\n tabIndex={0}\n className={cn('shrink-0 rounded-sm text-body-sm text-muted-foreground', focusRing)}\n >\n not registered\n </TooltipTrigger>\n <TooltipContent className=\"max-w-72\">\n Runs as a step of its parent workflow. Add it to the workflows of your Mastra instance to open,\n run, and inspect it on its own page.\n </TooltipContent>\n </Tooltip>\n </span>\n </DataList.NameCell>\n <DataList.DescriptionCell>{truncateString(row.description ?? '', 200)}</DataList.DescriptionCell>\n <DataList.TextCell className=\"text-center\">{''}</DataList.TextCell>\n <DataList.TextCell className=\"text-center\">{''}</DataList.TextCell>\n <DataList.TextCell className=\"text-center\">{''}</DataList.TextCell>\n </div>\n </DataList.RowStatic>\n );\n }\n\n return (\n <WorkflowRow\n key={`workflow-${row.pathKey}`}\n row={row}\n isExpanded={isExpanded}\n onToggle={toggle}\n runCount={runCounts[row.workflow.id]}\n rowProps={getRowProps(interactiveIndexByPathKey.get(row.pathKey) ?? -1)}\n />\n );\n })}\n </DataList>\n );\n}\n"],"names":["jsxs","jsx","cn","quietTextHover","ChevronRightIcon","DataList","useLinkComponent","useRef","truncateString","Badge","Txt","WorkflowIcon","PauseIcon","useState","useWorkflowsRunCounts","useMemo","sortWorkflows","flattenWorkflowTree","useDataListKeyboard","DataListSkeleton","Tooltip","TooltipTrigger","focusRing","TooltipContent"],"mappings":"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"}