@mastra/playground-ui 60.0.0-alpha.9 → 60.0.0

package/dist/{workflow-debug-controls-7EfBAsMX.js → workflow-debug-controls-DULCFa4s.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Pause, Loader2, StepForwardIcon, PlayIcon } from 'lucide-react';
 import { B as Badge } from './Badge-Q_pCeeGW.js';
-import { B as Button } from './Button-CHTvSq4d.js';
+import { B as Button } from './Button-C6eUqcPI.js';
 import { T as Txt } from './Txt-BP1SRHmL.js';
 
 function WorkflowDebugControls({
@@ -55,4 +55,4 @@ function WorkflowDebugControls({
 }
 
 export { WorkflowDebugControls as W };
-//# sourceMappingURL=workflow-debug-controls-7EfBAsMX.js.map
+//# sourceMappingURL=workflow-debug-controls-DULCFa4s.js.map

package/dist/{workflow-debug-controls-7EfBAsMX.js.map → workflow-debug-controls-DULCFa4s.js.map}

@@ -1 +1 @@
-{"version":3,"file":"workflow-debug-controls-7EfBAsMX.js","sources":["../src/ds/components/Workflow/controls/workflow-debug-controls.tsx"],"sourcesContent":["import { Loader2, Pause, PlayIcon, StepForwardIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface WorkflowDebugControlsProps {\n  isStreaming?: boolean;\n  canRunNextStep: boolean;\n  nextStepLabel?: string;\n  disabled?: boolean;\n  children?: ReactNode;\n  onRunNextStep: () => void;\n  onContinueRun: () => void;\n}\n\nexport function WorkflowDebugControls({\n  isStreaming,\n  canRunNextStep,\n  nextStepLabel,\n  disabled,\n  children,\n  onRunNextStep,\n  onContinueRun,\n}: WorkflowDebugControlsProps) {\n  const nextStepFallback = canRunNextStep ? 'Ready to advance' : 'Next step unavailable';\n  const actionsDisabled = !canRunNextStep || isStreaming || disabled;\n\n  return (\n    <div className=\"flex min-w-0 flex-col gap-3\" data-testid=\"workflow-debug-step-controls\">\n      <div className=\"rounded-xl border border-border/50 bg-background p-3\">\n        <div className=\"mb-2 flex flex-wrap items-center justify-between gap-2\">\n          <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n            Next step\n          </Txt>\n          <Badge size=\"sm\" icon={<Pause />} emphasis=\"subtle\">\n            Step by step\n          </Badge>\n        </div>\n        <div className=\"text-subheading break-words text-foreground\" aria-live=\"polite\">\n          {nextStepLabel || nextStepFallback}\n        </div>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"primary\"\n          className=\"min-w-0 flex-1\"\n          aria-label=\"Run next step\"\n          onClick={onRunNextStep}\n          disabled={actionsDisabled}\n          icon={isStreaming ? <Loader2 className=\"motion-safe:animate-spin\" /> : <StepForwardIcon />}\n        >\n          {isStreaming ? 'Running step…' : 'Run next step'}\n        </Button>\n\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-md\"\n          tooltip=\"Continue full run\"\n          onClick={onContinueRun}\n          disabled={actionsDisabled}\n        >\n          <PlayIcon />\n        </Button>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAgBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,WAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,gBAAA,GAAmB,iBAAiB,kBAAA,GAAqB,uBAAA;AAC/D,EAAA,MAAM,eAAA,GAAkB,CAAC,cAAA,IAAkB,WAAA,IAAe,QAAA;AAE1D,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EAA8B,eAAY,8BAAA,EACvD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wDAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAI,EAAA,EAAG,MAAA,EAAO,SAAQ,MAAA,EAAO,IAAA,EAAK,SAAQ,QAAA,EAAA,WAAA,EAE3C,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,IAAA,EAAK,IAAA,sBAAO,KAAA,EAAA,EAAM,CAAA,EAAI,QAAA,EAAS,QAAA,EAAS,QAAA,EAAA,cAAA,EAEpD;AAAA,OAAA,EACF,CAAA;AAAA,0BACC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAA8C,WAAA,EAAU,QAAA,EACpE,2BAAiB,gBAAA,EACpB;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAQ,SAAA;AAAA,UACR,SAAA,EAAU,gBAAA;AAAA,UACV,YAAA,EAAW,eAAA;AAAA,UACX,OAAA,EAAS,aAAA;AAAA,UACT,QAAA,EAAU,eAAA;AAAA,UACV,IAAA,EAAM,8BAAc,GAAA,CAAC,OAAA,EAAA,EAAQ,WAAU,0BAAA,EAA2B,CAAA,uBAAM,eAAA,EAAA,EAAgB,CAAA;AAAA,UAEvF,wBAAc,eAAA,GAAkB;AAAA;AAAA,OACnC;AAAA,sBAEA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAQ,OAAA;AAAA,UACR,IAAA,EAAK,SAAA;AAAA,UACL,OAAA,EAAQ,mBAAA;AAAA,UACR,OAAA,EAAS,aAAA;AAAA,UACT,QAAA,EAAU,eAAA;AAAA,UAEV,8BAAC,QAAA,EAAA,EAAS;AAAA;AAAA,OACZ;AAAA,MACC;AAAA,KAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-debug-controls-DULCFa4s.js","sources":["../src/ds/components/Workflow/controls/workflow-debug-controls.tsx"],"sourcesContent":["import { Loader2, Pause, PlayIcon, StepForwardIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Badge } from '@/ds/components/Badge';\nimport { Button } from '@/ds/components/Button';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface WorkflowDebugControlsProps {\n  isStreaming?: boolean;\n  canRunNextStep: boolean;\n  nextStepLabel?: string;\n  disabled?: boolean;\n  children?: ReactNode;\n  onRunNextStep: () => void;\n  onContinueRun: () => void;\n}\n\nexport function WorkflowDebugControls({\n  isStreaming,\n  canRunNextStep,\n  nextStepLabel,\n  disabled,\n  children,\n  onRunNextStep,\n  onContinueRun,\n}: WorkflowDebugControlsProps) {\n  const nextStepFallback = canRunNextStep ? 'Ready to advance' : 'Next step unavailable';\n  const actionsDisabled = !canRunNextStep || isStreaming || disabled;\n\n  return (\n    <div className=\"flex min-w-0 flex-col gap-3\" data-testid=\"workflow-debug-step-controls\">\n      <div className=\"rounded-xl border border-border/50 bg-background p-3\">\n        <div className=\"mb-2 flex flex-wrap items-center justify-between gap-2\">\n          <Txt as=\"span\" variant=\"meta\" tone=\"muted\">\n            Next step\n          </Txt>\n          <Badge size=\"sm\" icon={<Pause />} emphasis=\"subtle\">\n            Step by step\n          </Badge>\n        </div>\n        <div className=\"text-subheading break-words text-foreground\" aria-live=\"polite\">\n          {nextStepLabel || nextStepFallback}\n        </div>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"primary\"\n          className=\"min-w-0 flex-1\"\n          aria-label=\"Run next step\"\n          onClick={onRunNextStep}\n          disabled={actionsDisabled}\n          icon={isStreaming ? <Loader2 className=\"motion-safe:animate-spin\" /> : <StepForwardIcon />}\n        >\n          {isStreaming ? 'Running step…' : 'Run next step'}\n        </Button>\n\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-md\"\n          tooltip=\"Continue full run\"\n          onClick={onContinueRun}\n          disabled={actionsDisabled}\n        >\n          <PlayIcon />\n        </Button>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAgBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,WAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,gBAAA,GAAmB,iBAAiB,kBAAA,GAAqB,uBAAA;AAC/D,EAAA,MAAM,eAAA,GAAkB,CAAC,cAAA,IAAkB,WAAA,IAAe,QAAA;AAE1D,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EAA8B,eAAY,8BAAA,EACvD,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wDAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAI,EAAA,EAAG,MAAA,EAAO,SAAQ,MAAA,EAAO,IAAA,EAAK,SAAQ,QAAA,EAAA,WAAA,EAE3C,CAAA;AAAA,wBACA,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAK,IAAA,EAAK,IAAA,sBAAO,KAAA,EAAA,EAAM,CAAA,EAAI,QAAA,EAAS,QAAA,EAAS,QAAA,EAAA,cAAA,EAEpD;AAAA,OAAA,EACF,CAAA;AAAA,0BACC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAA8C,WAAA,EAAU,QAAA,EACpE,2BAAiB,gBAAA,EACpB;AAAA,KAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAQ,SAAA;AAAA,UACR,SAAA,EAAU,gBAAA;AAAA,UACV,YAAA,EAAW,eAAA;AAAA,UACX,OAAA,EAAS,aAAA;AAAA,UACT,QAAA,EAAU,eAAA;AAAA,UACV,IAAA,EAAM,8BAAc,GAAA,CAAC,OAAA,EAAA,EAAQ,WAAU,0BAAA,EAA2B,CAAA,uBAAM,eAAA,EAAA,EAAgB,CAAA;AAAA,UAEvF,wBAAc,eAAA,GAAkB;AAAA;AAAA,OACnC;AAAA,sBAEA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAQ,OAAA;AAAA,UACR,IAAA,EAAK,SAAA;AAAA,UACL,OAAA,EAAQ,mBAAA;AAAA,UACR,OAAA,EAAS,aAAA;AAAA,UACT,QAAA,EAAU,eAAA;AAAA,UAEV,8BAAC,QAAA,EAAA,EAAS;AAAA;AAAA,OACZ;AAAA,MACC;AAAA,KAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{workflow-edge-data-button-Cy3liOpU.js → workflow-edge-data-button-BuZzeN2n.js}

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Database } from 'lucide-react';
 import { useState } from 'react';
-import { W as WorkflowCodeContent } from './workflow-code-dialog-content-BaUrjNPW.js';
-import { B as Button } from './Button-CHTvSq4d.js';
-import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, a as DialogBody } from './dialog-DjXC42Zn.js';
+import { W as WorkflowCodeContent } from './workflow-code-dialog-content-Iz2Omi1P.js';
+import { B as Button } from './Button-C6eUqcPI.js';
+import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, a as DialogBody } from './dialog-cKzR2TXI.js';
 import { T as Txt } from './Txt-BP1SRHmL.js';
 import { surfaceStateLayerStyle, raisedSurfaceStyle } from './primitives/raised-surface.es.js';
 import { c as cn } from './cn-65Adrsfj.js';
@@ -49,4 +49,4 @@ const WorkflowEdgeDataButton = ({
 };
 
 export { WorkflowEdgeDataButton as W };
-//# sourceMappingURL=workflow-edge-data-button-Cy3liOpU.js.map
+//# sourceMappingURL=workflow-edge-data-button-BuZzeN2n.js.map

package/dist/{workflow-edge-data-button-Cy3liOpU.js.map → workflow-edge-data-button-BuZzeN2n.js.map}

@@ -1 +1 @@
-{"version":3,"file":"workflow-edge-data-button-Cy3liOpU.js","sources":["../src/ds/components/Workflow/data/workflow-edge-data-button.tsx"],"sourcesContent":["import { Database } from 'lucide-react';\nimport { useState } from 'react';\nimport type { MouseEventHandler } from 'react';\nimport { WorkflowCodeContent } from './workflow-code-dialog-content';\nimport { Button } from '@/ds/components/Button';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface WorkflowEdgeDataButtonProps {\n  previousStepId?: string;\n  output?: unknown;\n  label?: string;\n  selected?: boolean;\n  onInspect?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const WorkflowEdgeDataButton = ({\n  previousStepId,\n  output,\n  label,\n  selected,\n  onInspect,\n}: WorkflowEdgeDataButtonProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const dataLabel = label ?? (previousStepId ? `${previousStepId} output` : 'Previous output');\n\n  if (output === undefined) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        size=\"sm\"\n        variant=\"ghost\"\n        onClick={onInspect ?? (() => setIsOpen(true))}\n        aria-label={`View ${dataLabel}`}\n        aria-pressed={selected}\n        className={cn(\n          raisedSurfaceStyle,\n          surfaceStateLayerStyle,\n          'h-7 rounded-lg px-2 text-foreground aria-pressed:before:bg-fill',\n        )}\n        icon={<Database className=\"text-muted-foreground\" />}\n      >\n        Data\n      </Button>\n\n      <Dialog open={isOpen} onOpenChange={setIsOpen}>\n        <DialogContent size=\"xl\">\n          <DialogHeader>\n            <DialogTitle>Step output</DialogTitle>\n          </DialogHeader>\n          <DialogBody>\n            <div className=\"min-w-0 rounded-lg border border-border bg-background p-3\">\n              <Txt variant=\"caption\" tone=\"ink\" className=\"mb-2 block\">\n                {dataLabel}\n              </Txt>\n              <WorkflowCodeContent data={output} />\n            </div>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAkBO,MAAM,yBAAyB,CAAC;AAAA,EACrC,cAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,SAAA,GAAY,KAAA,KAAU,cAAA,GAAiB,CAAA,EAAG,cAAc,CAAA,OAAA,CAAA,GAAY,iBAAA,CAAA;AAE1E,EAAA,IAAI,WAAW,MAAA,EAAW;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS,SAAA,KAAc,MAAM,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,QAC3C,YAAA,EAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,QAC7B,cAAA,EAAc,QAAA;AAAA,QACd,SAAA,EAAW,EAAA;AAAA,UACT,kBAAA;AAAA,UACA,sBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA,QACnD,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBAEA,GAAA,CAAC,UAAO,IAAA,EAAM,MAAA,EAAQ,cAAc,SAAA,EAClC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,sBACA,GAAA,CAAC,UAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2DAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAI,OAAA,EAAQ,SAAA,EAAU,MAAK,KAAA,EAAM,SAAA,EAAU,cACzC,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,mBAAA,EAAA,EAAoB,IAAA,EAAM,MAAA,EAAQ;AAAA,OAAA,EACrC,CAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-edge-data-button-BuZzeN2n.js","sources":["../src/ds/components/Workflow/data/workflow-edge-data-button.tsx"],"sourcesContent":["import { Database } from 'lucide-react';\nimport { useState } from 'react';\nimport type { MouseEventHandler } from 'react';\nimport { WorkflowCodeContent } from './workflow-code-dialog-content';\nimport { Button } from '@/ds/components/Button';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface WorkflowEdgeDataButtonProps {\n  previousStepId?: string;\n  output?: unknown;\n  label?: string;\n  selected?: boolean;\n  onInspect?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const WorkflowEdgeDataButton = ({\n  previousStepId,\n  output,\n  label,\n  selected,\n  onInspect,\n}: WorkflowEdgeDataButtonProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const dataLabel = label ?? (previousStepId ? `${previousStepId} output` : 'Previous output');\n\n  if (output === undefined) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        size=\"sm\"\n        variant=\"ghost\"\n        onClick={onInspect ?? (() => setIsOpen(true))}\n        aria-label={`View ${dataLabel}`}\n        aria-pressed={selected}\n        className={cn(\n          raisedSurfaceStyle,\n          surfaceStateLayerStyle,\n          'h-7 rounded-lg px-2 text-foreground aria-pressed:before:bg-fill',\n        )}\n        icon={<Database className=\"text-muted-foreground\" />}\n      >\n        Data\n      </Button>\n\n      <Dialog open={isOpen} onOpenChange={setIsOpen}>\n        <DialogContent size=\"xl\">\n          <DialogHeader>\n            <DialogTitle>Step output</DialogTitle>\n          </DialogHeader>\n          <DialogBody>\n            <div className=\"min-w-0 rounded-lg border border-border bg-background p-3\">\n              <Txt variant=\"caption\" tone=\"ink\" className=\"mb-2 block\">\n                {dataLabel}\n              </Txt>\n              <WorkflowCodeContent data={output} />\n            </div>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAkBO,MAAM,yBAAyB,CAAC;AAAA,EACrC,cAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,SAAA,GAAY,KAAA,KAAU,cAAA,GAAiB,CAAA,EAAG,cAAc,CAAA,OAAA,CAAA,GAAY,iBAAA,CAAA;AAE1E,EAAA,IAAI,WAAW,MAAA,EAAW;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS,SAAA,KAAc,MAAM,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,QAC3C,YAAA,EAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,QAC7B,cAAA,EAAc,QAAA;AAAA,QACd,SAAA,EAAW,EAAA;AAAA,UACT,kBAAA;AAAA,UACA,sBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,kBAAM,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA,QACnD,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBAEA,GAAA,CAAC,UAAO,IAAA,EAAM,MAAA,EAAQ,cAAc,SAAA,EAClC,QAAA,kBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,sBACA,GAAA,CAAC,UAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2DAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAI,OAAA,EAAQ,SAAA,EAAU,MAAK,KAAA,EAAM,SAAA,EAAU,cACzC,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,wBACA,GAAA,CAAC,mBAAA,EAAA,EAAoB,IAAA,EAAM,MAAA,EAAQ;AAAA,OAAA,EACrC,CAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{workflow-edge-data-button-DU3WYDe9.cjs → workflow-edge-data-button-CX-eSbSB.cjs}

@@ -3,9 +3,9 @@
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const workflowCodeDialogContent = require('./workflow-code-dialog-content-BZMdjs9s.cjs');
-const Button = require('./Button-DbJn0bJX.cjs');
-const dialog = require('./dialog-4KIPO71S.cjs');
+const workflowCodeDialogContent = require('./workflow-code-dialog-content-vLneZlMd.cjs');
+const Button = require('./Button-BnmR2HRc.cjs');
+const dialog = require('./dialog-DYpOpj9s.cjs');
 const Txt = require('./Txt-DPmEpNbp.cjs');
 const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
@@ -51,4 +51,4 @@ const WorkflowEdgeDataButton = ({
 };
 
 exports.WorkflowEdgeDataButton = WorkflowEdgeDataButton;
-//# sourceMappingURL=workflow-edge-data-button-DU3WYDe9.cjs.map
+//# sourceMappingURL=workflow-edge-data-button-CX-eSbSB.cjs.map

package/dist/{workflow-edge-data-button-DU3WYDe9.cjs.map → workflow-edge-data-button-CX-eSbSB.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"workflow-edge-data-button-DU3WYDe9.cjs","sources":["../src/ds/components/Workflow/data/workflow-edge-data-button.tsx"],"sourcesContent":["import { Database } from 'lucide-react';\nimport { useState } from 'react';\nimport type { MouseEventHandler } from 'react';\nimport { WorkflowCodeContent } from './workflow-code-dialog-content';\nimport { Button } from '@/ds/components/Button';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface WorkflowEdgeDataButtonProps {\n  previousStepId?: string;\n  output?: unknown;\n  label?: string;\n  selected?: boolean;\n  onInspect?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const WorkflowEdgeDataButton = ({\n  previousStepId,\n  output,\n  label,\n  selected,\n  onInspect,\n}: WorkflowEdgeDataButtonProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const dataLabel = label ?? (previousStepId ? `${previousStepId} output` : 'Previous output');\n\n  if (output === undefined) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        size=\"sm\"\n        variant=\"ghost\"\n        onClick={onInspect ?? (() => setIsOpen(true))}\n        aria-label={`View ${dataLabel}`}\n        aria-pressed={selected}\n        className={cn(\n          raisedSurfaceStyle,\n          surfaceStateLayerStyle,\n          'h-7 rounded-lg px-2 text-foreground aria-pressed:before:bg-fill',\n        )}\n        icon={<Database className=\"text-muted-foreground\" />}\n      >\n        Data\n      </Button>\n\n      <Dialog open={isOpen} onOpenChange={setIsOpen}>\n        <DialogContent size=\"xl\">\n          <DialogHeader>\n            <DialogTitle>Step output</DialogTitle>\n          </DialogHeader>\n          <DialogBody>\n            <div className=\"min-w-0 rounded-lg border border-border bg-background p-3\">\n              <Txt variant=\"caption\" tone=\"ink\" className=\"mb-2 block\">\n                {dataLabel}\n              </Txt>\n              <WorkflowCodeContent data={output} />\n            </div>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n"],"names":["useState","jsxs","Fragment","jsx","Button","cn","raisedSurfaceStyle","surfaceStateLayerStyle","Database","Dialog","DialogContent","DialogHeader","DialogTitle","DialogBody","Txt","WorkflowCodeContent"],"mappings":";;;;;;;;;;;;AAkBO,MAAM,yBAAyB,CAAC;AAAA,EACrC,cAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,SAAA,GAAY,KAAA,KAAU,cAAA,GAAiB,CAAA,EAAG,cAAc,CAAA,OAAA,CAAA,GAAY,iBAAA,CAAA;AAE1E,EAAA,IAAI,WAAW,MAAA,EAAW;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS,SAAA,KAAc,MAAM,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,QAC3C,YAAA,EAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,QAC7B,cAAA,EAAc,QAAA;AAAA,QACd,SAAA,EAAWC,WAAA;AAAA,UACTC,2CAAA;AAAA,UACAC,+CAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,kBAAMJ,cAAA,CAACK,oBAAA,EAAA,EAAS,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA,QACnD,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBAEAL,cAAA,CAACM,iBAAO,IAAA,EAAM,MAAA,EAAQ,cAAc,SAAA,EAClC,QAAA,kBAAAR,eAAA,CAACS,oBAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAAP,cAAA,CAACQ,mBAAA,EAAA,EACC,QAAA,kBAAAR,cAAA,CAACS,kBAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,sBACAT,cAAA,CAACU,iBAAA,EAAA,EACC,QAAA,kBAAAZ,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2DAAA,EACb,QAAA,EAAA;AAAA,wBAAAE,cAAA,CAACW,WAAI,OAAA,EAAQ,SAAA,EAAU,MAAK,KAAA,EAAM,SAAA,EAAU,cACzC,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,wBACAX,cAAA,CAACY,6CAAA,EAAA,EAAoB,IAAA,EAAM,MAAA,EAAQ;AAAA,OAAA,EACrC,CAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-edge-data-button-CX-eSbSB.cjs","sources":["../src/ds/components/Workflow/data/workflow-edge-data-button.tsx"],"sourcesContent":["import { Database } from 'lucide-react';\nimport { useState } from 'react';\nimport type { MouseEventHandler } from 'react';\nimport { WorkflowCodeContent } from './workflow-code-dialog-content';\nimport { Button } from '@/ds/components/Button';\nimport { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from '@/ds/components/Dialog';\nimport { Txt } from '@/ds/components/Txt';\nimport { raisedSurfaceStyle, surfaceStateLayerStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface WorkflowEdgeDataButtonProps {\n  previousStepId?: string;\n  output?: unknown;\n  label?: string;\n  selected?: boolean;\n  onInspect?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const WorkflowEdgeDataButton = ({\n  previousStepId,\n  output,\n  label,\n  selected,\n  onInspect,\n}: WorkflowEdgeDataButtonProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const dataLabel = label ?? (previousStepId ? `${previousStepId} output` : 'Previous output');\n\n  if (output === undefined) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        size=\"sm\"\n        variant=\"ghost\"\n        onClick={onInspect ?? (() => setIsOpen(true))}\n        aria-label={`View ${dataLabel}`}\n        aria-pressed={selected}\n        className={cn(\n          raisedSurfaceStyle,\n          surfaceStateLayerStyle,\n          'h-7 rounded-lg px-2 text-foreground aria-pressed:before:bg-fill',\n        )}\n        icon={<Database className=\"text-muted-foreground\" />}\n      >\n        Data\n      </Button>\n\n      <Dialog open={isOpen} onOpenChange={setIsOpen}>\n        <DialogContent size=\"xl\">\n          <DialogHeader>\n            <DialogTitle>Step output</DialogTitle>\n          </DialogHeader>\n          <DialogBody>\n            <div className=\"min-w-0 rounded-lg border border-border bg-background p-3\">\n              <Txt variant=\"caption\" tone=\"ink\" className=\"mb-2 block\">\n                {dataLabel}\n              </Txt>\n              <WorkflowCodeContent data={output} />\n            </div>\n          </DialogBody>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n"],"names":["useState","jsxs","Fragment","jsx","Button","cn","raisedSurfaceStyle","surfaceStateLayerStyle","Database","Dialog","DialogContent","DialogHeader","DialogTitle","DialogBody","Txt","WorkflowCodeContent"],"mappings":";;;;;;;;;;;;AAkBO,MAAM,yBAAyB,CAAC;AAAA,EACrC,cAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAAmC;AACjC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,SAAA,GAAY,KAAA,KAAU,cAAA,GAAiB,CAAA,EAAG,cAAc,CAAA,OAAA,CAAA,GAAY,iBAAA,CAAA;AAE1E,EAAA,IAAI,WAAW,MAAA,EAAW;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS,SAAA,KAAc,MAAM,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,QAC3C,YAAA,EAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,QAC7B,cAAA,EAAc,QAAA;AAAA,QACd,SAAA,EAAWC,WAAA;AAAA,UACTC,2CAAA;AAAA,UACAC,+CAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,kBAAMJ,cAAA,CAACK,oBAAA,EAAA,EAAS,SAAA,EAAU,uBAAA,EAAwB,CAAA;AAAA,QACnD,QAAA,EAAA;AAAA;AAAA,KAED;AAAA,oBAEAL,cAAA,CAACM,iBAAO,IAAA,EAAM,MAAA,EAAQ,cAAc,SAAA,EAClC,QAAA,kBAAAR,eAAA,CAACS,oBAAA,EAAA,EAAc,IAAA,EAAK,IAAA,EAClB,QAAA,EAAA;AAAA,sBAAAP,cAAA,CAACQ,mBAAA,EAAA,EACC,QAAA,kBAAAR,cAAA,CAACS,kBAAA,EAAA,EAAY,QAAA,EAAA,aAAA,EAAW,CAAA,EAC1B,CAAA;AAAA,sBACAT,cAAA,CAACU,iBAAA,EAAA,EACC,QAAA,kBAAAZ,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2DAAA,EACb,QAAA,EAAA;AAAA,wBAAAE,cAAA,CAACW,WAAI,OAAA,EAAQ,SAAA,EAAU,MAAK,KAAA,EAAM,SAAA,EAAU,cACzC,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,wBACAX,cAAA,CAACY,6CAAA,EAAA,EAAoB,IAAA,EAAM,MAAA,EAAQ;AAAA,OAAA,EACrC,CAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{workflow-step-action-BnDqOyJd.js → workflow-step-action-Cf_XmOwj.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { MoreVerticalIcon, ShieldAlertIcon, AlertCircleIcon, RotateCcwIcon, StepForwardIcon, PlayIcon, Clock3Icon, BracesIcon, PanelRightIcon } from 'lucide-react';
-import { B as Button } from './Button-CHTvSq4d.js';
+import { B as Button } from './Button-C6eUqcPI.js';
 import { D as DropdownMenu } from './dropdown-menu-DpEn6HwK.js';
 
 function WorkflowStepActions({ children }) {
@@ -46,4 +46,4 @@ function WorkflowStepAction({ action, isActive, onSelect }) {
 }
 
 export { WorkflowStepAction as W, WorkflowStepActions as a };
-//# sourceMappingURL=workflow-step-action-BnDqOyJd.js.map
+//# sourceMappingURL=workflow-step-action-Cf_XmOwj.js.map

package/dist/{workflow-step-action-BnDqOyJd.js.map → workflow-step-action-Cf_XmOwj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"workflow-step-action-BnDqOyJd.js","sources":["../src/ds/components/Workflow/controls/workflow-step-actions.tsx","../src/ds/components/Workflow/controls/workflow-step-action.tsx"],"sourcesContent":["import { MoreVerticalIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nexport function WorkflowStepActions({ children }: { children: ReactNode }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger\n        render={\n          <Button\n            size=\"icon-sm\"\n            variant=\"ghost\"\n            aria-label=\"Step actions\"\n            title=\"Step actions\"\n            className=\"nodrag nopan\"\n          >\n            <MoreVerticalIcon />\n          </Button>\n        }\n      />\n      <DropdownMenu.Content align=\"end\">{children}</DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n","import {\n  AlertCircleIcon,\n  BracesIcon,\n  Clock3Icon,\n  PanelRightIcon,\n  PlayIcon,\n  RotateCcwIcon,\n  ShieldAlertIcon,\n  StepForwardIcon,\n} from 'lucide-react';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nconst actions = {\n  nested: { icon: PanelRightIcon, label: 'View nested graph', activeLabel: 'Hide nested graph' },\n  map: { icon: BracesIcon, label: 'Map config', activeLabel: 'Hide map config' },\n  timeTravel: { icon: Clock3Icon, label: 'Time travel' },\n  runStep: { icon: PlayIcon, label: 'Run step' },\n  continueRun: { icon: StepForwardIcon, label: 'Continue run' },\n  resumeData: { icon: RotateCcwIcon, label: 'Resume data' },\n  error: { icon: AlertCircleIcon, label: 'Error' },\n  tripwire: { icon: ShieldAlertIcon, label: 'Tripwire' },\n};\n\nexport interface WorkflowStepActionProps {\n  action: keyof typeof actions;\n  isActive?: boolean;\n  onSelect: () => void;\n}\n\nexport function WorkflowStepAction({ action, isActive, onSelect }: WorkflowStepActionProps) {\n  const definition = actions[action];\n  const ActionIcon = definition.icon;\n  const label = isActive && 'activeLabel' in definition ? definition.activeLabel : definition.label;\n  return (\n    <DropdownMenu.Item onSelect={onSelect} className={action === 'tripwire' ? 'text-warning-indicator' : undefined}>\n      <ActionIcon />\n      <span>{label}</span>\n    </DropdownMenu.Item>\n  );\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAA4B;AACzE,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,MAAA,kBACE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,OAAA,EAAQ,OAAA;AAAA,YACR,YAAA,EAAW,cAAA;AAAA,YACX,KAAA,EAAM,cAAA;AAAA,YACN,SAAA,EAAU,cAAA;AAAA,YAEV,8BAAC,gBAAA,EAAA,EAAiB;AAAA;AAAA;AACpB;AAAA,KAEJ;AAAA,wBACC,YAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EAAM,OAAO,QAAA,EAAS;AAAA,GAAA,EAC9C,CAAA;AAEJ;;ACZA,MAAM,OAAA,GAAU;AAAA,EACd,QAAQ,EAAE,IAAA,EAAM,gBAAgB,KAAA,EAAO,mBAAA,EAAqB,aAAa,mBAAA,EAAoB;AAAA,EAC7F,KAAK,EAAE,IAAA,EAAM,YAAY,KAAA,EAAO,YAAA,EAAc,aAAa,iBAAA,EAAkB;AAAA,EAC7E,UAAA,EAAY,EAAE,IAAA,EAAM,UAAA,EAAY,OAAO,aAAA,EAAc;AAAA,EACrD,OAAA,EAAS,EAAE,IAAA,EAAM,QAAA,EAAU,OAAO,UAAA,EAAW;AAAA,EAC7C,WAAA,EAAa,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,cAAA,EAAe;AAAA,EAC5D,UAAA,EAAY,EAAE,IAAA,EAAM,aAAA,EAAe,OAAO,aAAA,EAAc;AAAA,EACxD,KAAA,EAAO,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,OAAA,EAAQ;AAAA,EAC/C,QAAA,EAAU,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,UAAA;AAC5C,CAAA;AAQO,SAAS,kBAAA,CAAmB,EAAE,MAAA,EAAQ,QAAA,EAAU,UAAS,EAA4B;AAC1F,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM,CAAA;AACjC,EAAA,MAAM,aAAa,UAAA,CAAW,IAAA;AAC9B,EAAA,MAAM,QAAQ,QAAA,IAAY,aAAA,IAAiB,UAAA,GAAa,UAAA,CAAW,cAAc,UAAA,CAAW,KAAA;AAC5F,EAAA,uBACE,IAAA,CAAC,aAAa,IAAA,EAAb,EAAkB,UAAoB,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,wBAAA,GAA2B,MAAA,EACnG,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZ,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACf,CAAA;AAEJ;;;;"}
+{"version":3,"file":"workflow-step-action-Cf_XmOwj.js","sources":["../src/ds/components/Workflow/controls/workflow-step-actions.tsx","../src/ds/components/Workflow/controls/workflow-step-action.tsx"],"sourcesContent":["import { MoreVerticalIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nexport function WorkflowStepActions({ children }: { children: ReactNode }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger\n        render={\n          <Button\n            size=\"icon-sm\"\n            variant=\"ghost\"\n            aria-label=\"Step actions\"\n            title=\"Step actions\"\n            className=\"nodrag nopan\"\n          >\n            <MoreVerticalIcon />\n          </Button>\n        }\n      />\n      <DropdownMenu.Content align=\"end\">{children}</DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n","import {\n  AlertCircleIcon,\n  BracesIcon,\n  Clock3Icon,\n  PanelRightIcon,\n  PlayIcon,\n  RotateCcwIcon,\n  ShieldAlertIcon,\n  StepForwardIcon,\n} from 'lucide-react';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nconst actions = {\n  nested: { icon: PanelRightIcon, label: 'View nested graph', activeLabel: 'Hide nested graph' },\n  map: { icon: BracesIcon, label: 'Map config', activeLabel: 'Hide map config' },\n  timeTravel: { icon: Clock3Icon, label: 'Time travel' },\n  runStep: { icon: PlayIcon, label: 'Run step' },\n  continueRun: { icon: StepForwardIcon, label: 'Continue run' },\n  resumeData: { icon: RotateCcwIcon, label: 'Resume data' },\n  error: { icon: AlertCircleIcon, label: 'Error' },\n  tripwire: { icon: ShieldAlertIcon, label: 'Tripwire' },\n};\n\nexport interface WorkflowStepActionProps {\n  action: keyof typeof actions;\n  isActive?: boolean;\n  onSelect: () => void;\n}\n\nexport function WorkflowStepAction({ action, isActive, onSelect }: WorkflowStepActionProps) {\n  const definition = actions[action];\n  const ActionIcon = definition.icon;\n  const label = isActive && 'activeLabel' in definition ? definition.activeLabel : definition.label;\n  return (\n    <DropdownMenu.Item onSelect={onSelect} className={action === 'tripwire' ? 'text-warning-indicator' : undefined}>\n      <ActionIcon />\n      <span>{label}</span>\n    </DropdownMenu.Item>\n  );\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAA4B;AACzE,EAAA,4BACG,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,MAAA,kBACE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,OAAA,EAAQ,OAAA;AAAA,YACR,YAAA,EAAW,cAAA;AAAA,YACX,KAAA,EAAM,cAAA;AAAA,YACN,SAAA,EAAU,cAAA;AAAA,YAEV,8BAAC,gBAAA,EAAA,EAAiB;AAAA;AAAA;AACpB;AAAA,KAEJ;AAAA,wBACC,YAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EAAM,OAAO,QAAA,EAAS;AAAA,GAAA,EAC9C,CAAA;AAEJ;;ACZA,MAAM,OAAA,GAAU;AAAA,EACd,QAAQ,EAAE,IAAA,EAAM,gBAAgB,KAAA,EAAO,mBAAA,EAAqB,aAAa,mBAAA,EAAoB;AAAA,EAC7F,KAAK,EAAE,IAAA,EAAM,YAAY,KAAA,EAAO,YAAA,EAAc,aAAa,iBAAA,EAAkB;AAAA,EAC7E,UAAA,EAAY,EAAE,IAAA,EAAM,UAAA,EAAY,OAAO,aAAA,EAAc;AAAA,EACrD,OAAA,EAAS,EAAE,IAAA,EAAM,QAAA,EAAU,OAAO,UAAA,EAAW;AAAA,EAC7C,WAAA,EAAa,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,cAAA,EAAe;AAAA,EAC5D,UAAA,EAAY,EAAE,IAAA,EAAM,aAAA,EAAe,OAAO,aAAA,EAAc;AAAA,EACxD,KAAA,EAAO,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,OAAA,EAAQ;AAAA,EAC/C,QAAA,EAAU,EAAE,IAAA,EAAM,eAAA,EAAiB,OAAO,UAAA;AAC5C,CAAA;AAQO,SAAS,kBAAA,CAAmB,EAAE,MAAA,EAAQ,QAAA,EAAU,UAAS,EAA4B;AAC1F,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM,CAAA;AACjC,EAAA,MAAM,aAAa,UAAA,CAAW,IAAA;AAC9B,EAAA,MAAM,QAAQ,QAAA,IAAY,aAAA,IAAiB,UAAA,GAAa,UAAA,CAAW,cAAc,UAAA,CAAW,KAAA;AAC5F,EAAA,uBACE,IAAA,CAAC,aAAa,IAAA,EAAb,EAAkB,UAAoB,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,wBAAA,GAA2B,MAAA,EACnG,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZ,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACf,CAAA;AAEJ;;;;"}

package/dist/{workflow-step-action-CDt3pxg-.cjs → workflow-step-action-JMkWtObA.cjs}

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('./Button-DbJn0bJX.cjs');
+const Button = require('./Button-BnmR2HRc.cjs');
 const dropdownMenu = require('./dropdown-menu-j2y37TL5.cjs');
 
 function WorkflowStepActions({ children }) {
@@ -49,4 +49,4 @@ function WorkflowStepAction({ action, isActive, onSelect }) {
 
 exports.WorkflowStepAction = WorkflowStepAction;
 exports.WorkflowStepActions = WorkflowStepActions;
-//# sourceMappingURL=workflow-step-action-CDt3pxg-.cjs.map
+//# sourceMappingURL=workflow-step-action-JMkWtObA.cjs.map

package/dist/{workflow-step-action-CDt3pxg-.cjs.map → workflow-step-action-JMkWtObA.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"workflow-step-action-CDt3pxg-.cjs","sources":["../src/ds/components/Workflow/controls/workflow-step-actions.tsx","../src/ds/components/Workflow/controls/workflow-step-action.tsx"],"sourcesContent":["import { MoreVerticalIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nexport function WorkflowStepActions({ children }: { children: ReactNode }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger\n        render={\n          <Button\n            size=\"icon-sm\"\n            variant=\"ghost\"\n            aria-label=\"Step actions\"\n            title=\"Step actions\"\n            className=\"nodrag nopan\"\n          >\n            <MoreVerticalIcon />\n          </Button>\n        }\n      />\n      <DropdownMenu.Content align=\"end\">{children}</DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n","import {\n  AlertCircleIcon,\n  BracesIcon,\n  Clock3Icon,\n  PanelRightIcon,\n  PlayIcon,\n  RotateCcwIcon,\n  ShieldAlertIcon,\n  StepForwardIcon,\n} from 'lucide-react';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nconst actions = {\n  nested: { icon: PanelRightIcon, label: 'View nested graph', activeLabel: 'Hide nested graph' },\n  map: { icon: BracesIcon, label: 'Map config', activeLabel: 'Hide map config' },\n  timeTravel: { icon: Clock3Icon, label: 'Time travel' },\n  runStep: { icon: PlayIcon, label: 'Run step' },\n  continueRun: { icon: StepForwardIcon, label: 'Continue run' },\n  resumeData: { icon: RotateCcwIcon, label: 'Resume data' },\n  error: { icon: AlertCircleIcon, label: 'Error' },\n  tripwire: { icon: ShieldAlertIcon, label: 'Tripwire' },\n};\n\nexport interface WorkflowStepActionProps {\n  action: keyof typeof actions;\n  isActive?: boolean;\n  onSelect: () => void;\n}\n\nexport function WorkflowStepAction({ action, isActive, onSelect }: WorkflowStepActionProps) {\n  const definition = actions[action];\n  const ActionIcon = definition.icon;\n  const label = isActive && 'activeLabel' in definition ? definition.activeLabel : definition.label;\n  return (\n    <DropdownMenu.Item onSelect={onSelect} className={action === 'tripwire' ? 'text-warning-indicator' : undefined}>\n      <ActionIcon />\n      <span>{label}</span>\n    </DropdownMenu.Item>\n  );\n}\n"],"names":["DropdownMenu","jsx","Button","MoreVerticalIcon","PanelRightIcon","BracesIcon","Clock3Icon","PlayIcon","StepForwardIcon","RotateCcwIcon","AlertCircleIcon","ShieldAlertIcon","jsxs"],"mappings":";;;;;;;AAKO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAA4B;AACzE,EAAA,uCACGA,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACD,yBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,MAAA,kBACEC,cAAA;AAAA,UAACC,aAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,OAAA,EAAQ,OAAA;AAAA,YACR,YAAA,EAAW,cAAA;AAAA,YACX,KAAA,EAAM,cAAA;AAAA,YACN,SAAA,EAAU,cAAA;AAAA,YAEV,yCAACC,4BAAA,EAAA,EAAiB;AAAA;AAAA;AACpB;AAAA,KAEJ;AAAA,mCACCH,yBAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EAAM,OAAO,QAAA,EAAS;AAAA,GAAA,EAC9C,CAAA;AAEJ;;ACZA,MAAM,OAAA,GAAU;AAAA,EACd,QAAQ,EAAE,IAAA,EAAMI,4BAAgB,KAAA,EAAO,mBAAA,EAAqB,aAAa,mBAAA,EAAoB;AAAA,EAC7F,KAAK,EAAE,IAAA,EAAMC,wBAAY,KAAA,EAAO,YAAA,EAAc,aAAa,iBAAA,EAAkB;AAAA,EAC7E,UAAA,EAAY,EAAE,IAAA,EAAMC,sBAAA,EAAY,OAAO,aAAA,EAAc;AAAA,EACrD,OAAA,EAAS,EAAE,IAAA,EAAMC,oBAAA,EAAU,OAAO,UAAA,EAAW;AAAA,EAC7C,WAAA,EAAa,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,cAAA,EAAe;AAAA,EAC5D,UAAA,EAAY,EAAE,IAAA,EAAMC,yBAAA,EAAe,OAAO,aAAA,EAAc;AAAA,EACxD,KAAA,EAAO,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,OAAA,EAAQ;AAAA,EAC/C,QAAA,EAAU,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,UAAA;AAC5C,CAAA;AAQO,SAAS,kBAAA,CAAmB,EAAE,MAAA,EAAQ,QAAA,EAAU,UAAS,EAA4B;AAC1F,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM,CAAA;AACjC,EAAA,MAAM,aAAa,UAAA,CAAW,IAAA;AAC9B,EAAA,MAAM,QAAQ,QAAA,IAAY,aAAA,IAAiB,UAAA,GAAa,UAAA,CAAW,cAAc,UAAA,CAAW,KAAA;AAC5F,EAAA,uBACEC,eAAA,CAACZ,0BAAa,IAAA,EAAb,EAAkB,UAAoB,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,wBAAA,GAA2B,MAAA,EACnG,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZA,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACf,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"workflow-step-action-JMkWtObA.cjs","sources":["../src/ds/components/Workflow/controls/workflow-step-actions.tsx","../src/ds/components/Workflow/controls/workflow-step-action.tsx"],"sourcesContent":["import { MoreVerticalIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nexport function WorkflowStepActions({ children }: { children: ReactNode }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger\n        render={\n          <Button\n            size=\"icon-sm\"\n            variant=\"ghost\"\n            aria-label=\"Step actions\"\n            title=\"Step actions\"\n            className=\"nodrag nopan\"\n          >\n            <MoreVerticalIcon />\n          </Button>\n        }\n      />\n      <DropdownMenu.Content align=\"end\">{children}</DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n","import {\n  AlertCircleIcon,\n  BracesIcon,\n  Clock3Icon,\n  PanelRightIcon,\n  PlayIcon,\n  RotateCcwIcon,\n  ShieldAlertIcon,\n  StepForwardIcon,\n} from 'lucide-react';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\n\nconst actions = {\n  nested: { icon: PanelRightIcon, label: 'View nested graph', activeLabel: 'Hide nested graph' },\n  map: { icon: BracesIcon, label: 'Map config', activeLabel: 'Hide map config' },\n  timeTravel: { icon: Clock3Icon, label: 'Time travel' },\n  runStep: { icon: PlayIcon, label: 'Run step' },\n  continueRun: { icon: StepForwardIcon, label: 'Continue run' },\n  resumeData: { icon: RotateCcwIcon, label: 'Resume data' },\n  error: { icon: AlertCircleIcon, label: 'Error' },\n  tripwire: { icon: ShieldAlertIcon, label: 'Tripwire' },\n};\n\nexport interface WorkflowStepActionProps {\n  action: keyof typeof actions;\n  isActive?: boolean;\n  onSelect: () => void;\n}\n\nexport function WorkflowStepAction({ action, isActive, onSelect }: WorkflowStepActionProps) {\n  const definition = actions[action];\n  const ActionIcon = definition.icon;\n  const label = isActive && 'activeLabel' in definition ? definition.activeLabel : definition.label;\n  return (\n    <DropdownMenu.Item onSelect={onSelect} className={action === 'tripwire' ? 'text-warning-indicator' : undefined}>\n      <ActionIcon />\n      <span>{label}</span>\n    </DropdownMenu.Item>\n  );\n}\n"],"names":["DropdownMenu","jsx","Button","MoreVerticalIcon","PanelRightIcon","BracesIcon","Clock3Icon","PlayIcon","StepForwardIcon","RotateCcwIcon","AlertCircleIcon","ShieldAlertIcon","jsxs"],"mappings":";;;;;;;AAKO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAA4B;AACzE,EAAA,uCACGA,yBAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACD,yBAAA,CAAa,OAAA;AAAA,MAAb;AAAA,QACC,MAAA,kBACEC,cAAA;AAAA,UAACC,aAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,SAAA;AAAA,YACL,OAAA,EAAQ,OAAA;AAAA,YACR,YAAA,EAAW,cAAA;AAAA,YACX,KAAA,EAAM,cAAA;AAAA,YACN,SAAA,EAAU,cAAA;AAAA,YAEV,yCAACC,4BAAA,EAAA,EAAiB;AAAA;AAAA;AACpB;AAAA,KAEJ;AAAA,mCACCH,yBAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EAAM,OAAO,QAAA,EAAS;AAAA,GAAA,EAC9C,CAAA;AAEJ;;ACZA,MAAM,OAAA,GAAU;AAAA,EACd,QAAQ,EAAE,IAAA,EAAMI,4BAAgB,KAAA,EAAO,mBAAA,EAAqB,aAAa,mBAAA,EAAoB;AAAA,EAC7F,KAAK,EAAE,IAAA,EAAMC,wBAAY,KAAA,EAAO,YAAA,EAAc,aAAa,iBAAA,EAAkB;AAAA,EAC7E,UAAA,EAAY,EAAE,IAAA,EAAMC,sBAAA,EAAY,OAAO,aAAA,EAAc;AAAA,EACrD,OAAA,EAAS,EAAE,IAAA,EAAMC,oBAAA,EAAU,OAAO,UAAA,EAAW;AAAA,EAC7C,WAAA,EAAa,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,cAAA,EAAe;AAAA,EAC5D,UAAA,EAAY,EAAE,IAAA,EAAMC,yBAAA,EAAe,OAAO,aAAA,EAAc;AAAA,EACxD,KAAA,EAAO,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,OAAA,EAAQ;AAAA,EAC/C,QAAA,EAAU,EAAE,IAAA,EAAMC,2BAAA,EAAiB,OAAO,UAAA;AAC5C,CAAA;AAQO,SAAS,kBAAA,CAAmB,EAAE,MAAA,EAAQ,QAAA,EAAU,UAAS,EAA4B;AAC1F,EAAA,MAAM,UAAA,GAAa,QAAQ,MAAM,CAAA;AACjC,EAAA,MAAM,aAAa,UAAA,CAAW,IAAA;AAC9B,EAAA,MAAM,QAAQ,QAAA,IAAY,aAAA,IAAiB,UAAA,GAAa,UAAA,CAAW,cAAc,UAAA,CAAW,KAAA;AAC5F,EAAA,uBACEC,eAAA,CAACZ,0BAAa,IAAA,EAAb,EAAkB,UAAoB,SAAA,EAAW,MAAA,KAAW,UAAA,GAAa,wBAAA,GAA2B,MAAA,EACnG,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,UAAA,EAAA,EAAW,CAAA;AAAA,oBACZA,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EACf,CAAA;AAEJ;;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mastra/playground-ui",
   "type": "module",
-  "version": "60.0.0-alpha.9",
+  "version": "60.0.0",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -209,8 +209,8 @@
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
     "@mastra/ai-sdk": "^1.10.5",
-    "@mastra/client-js": "^1.51.0-alpha.9",
-    "@mastra/react": "1.7.0-alpha.9"
+    "@mastra/client-js": "^1.51.0",
+    "@mastra/react": "1.7.0"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "^1.29.0",
@@ -254,13 +254,13 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "4.1.11",
-    "@internal/lint": "0.0.137",
-    "@mastra/client-js": "^1.51.0-alpha.9",
+    "@internal/lint": "0.0.138",
+    "@mastra/core": "1.72.0",
+    "@mastra/client-js": "^1.51.0",
+    "@mastra/memory": "1.33.0",
     "@mastra/ai-sdk": "1.10.5",
-    "@mastra/core": "1.72.0-alpha.9",
-    "@mastra/react": "1.7.0-alpha.9",
-    "@mastra/memory": "1.33.0-alpha.4",
-    "@mastra/schema-compat": "1.3.12-alpha.1"
+    "@mastra/react": "1.7.0",
+    "@mastra/schema-compat": "1.3.12"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/theme/colors.css

@@ -44,8 +44,15 @@
   --red-800: oklch(0.39 0.14 25);
   --red-900: oklch(0.31 0.1 25);
   --red-950: oklch(0.23 0.06 25);
+  --red-soft-50: oklch(0.97 0.01 25);
+  --red-soft-100: oklch(0.93 0.022 25);
+  --red-soft-200: oklch(0.86 0.045 25);
   --red-soft-300: oklch(0.76 0.1 25);
+  --red-soft-400: oklch(0.68 0.1 25);
+  --red-soft-500: oklch(0.6 0.1 25);
   --red-soft-600: oklch(0.52 0.1 25);
+  --red-soft-700: oklch(0.45 0.092 25);
+  --red-soft-800: oklch(0.38 0.083 25);
   --red-soft-900: oklch(0.31 0.075 25);
   --red-soft-950: oklch(0.23 0.045 25);
 
@@ -60,8 +67,15 @@
   --orange-800: oklch(0.39 0.103 50);
   --orange-900: oklch(0.31 0.082 50);
   --orange-950: oklch(0.23 0.05 50);
+  --orange-soft-50: oklch(0.97 0.01 50);
+  --orange-soft-100: oklch(0.93 0.022 50);
+  --orange-soft-200: oklch(0.86 0.045 50);
   --orange-soft-300: oklch(0.76 0.1 50);
+  --orange-soft-400: oklch(0.68 0.1 50);
+  --orange-soft-500: oklch(0.6 0.1 50);
   --orange-soft-600: oklch(0.52 0.1 50);
+  --orange-soft-700: oklch(0.45 0.088 50);
+  --orange-soft-800: oklch(0.38 0.076 50);
   --orange-soft-900: oklch(0.31 0.064 50);
   --orange-soft-950: oklch(0.23 0.038 50);
 
@@ -76,8 +90,15 @@
   --yellow-800: oklch(0.39 0.079 90);
   --yellow-900: oklch(0.31 0.06 90);
   --yellow-950: oklch(0.23 0.035 90);
+  --yellow-soft-50: oklch(0.97 0.01 90);
+  --yellow-soft-100: oklch(0.93 0.022 90);
+  --yellow-soft-200: oklch(0.86 0.045 90);
   --yellow-soft-300: oklch(0.76 0.1 90);
+  --yellow-soft-400: oklch(0.68 0.1 90);
+  --yellow-soft-500: oklch(0.6 0.1 90);
   --yellow-soft-600: oklch(0.52 0.1 90);
+  --yellow-soft-700: oklch(0.45 0.082 90);
+  --yellow-soft-800: oklch(0.38 0.063 90);
   --yellow-soft-900: oklch(0.31 0.045 90);
   --yellow-soft-950: oklch(0.23 0.026 90);
 
@@ -92,8 +113,15 @@
   --green-800: oklch(0.39 0.1 150);
   --green-900: oklch(0.31 0.07 150);
   --green-950: oklch(0.23 0.04 150);
+  --green-soft-50: oklch(0.97 0.01 150);
+  --green-soft-100: oklch(0.93 0.022 150);
+  --green-soft-200: oklch(0.86 0.045 150);
   --green-soft-300: oklch(0.76 0.1 150);
+  --green-soft-400: oklch(0.68 0.1 150);
+  --green-soft-500: oklch(0.6 0.1 150);
   --green-soft-600: oklch(0.52 0.1 150);
+  --green-soft-700: oklch(0.45 0.084 150);
+  --green-soft-800: oklch(0.38 0.069 150);
   --green-soft-900: oklch(0.31 0.053 150);
   --green-soft-950: oklch(0.23 0.03 150);
 
@@ -108,8 +136,15 @@
   --cyan-800: oklch(0.39 0.069 215);
   --cyan-900: oklch(0.31 0.054 215);
   --cyan-950: oklch(0.23 0.035 215);
+  --cyan-soft-50: oklch(0.97 0.01 215);
+  --cyan-soft-100: oklch(0.93 0.022 215);
+  --cyan-soft-200: oklch(0.86 0.045 215);
   --cyan-soft-300: oklch(0.76 0.1 215);
+  --cyan-soft-400: oklch(0.68 0.097 215);
+  --cyan-soft-500: oklch(0.6 0.093 215);
   --cyan-soft-600: oklch(0.52 0.09 215);
+  --cyan-soft-700: oklch(0.45 0.074 215);
+  --cyan-soft-800: oklch(0.38 0.057 215);
   --cyan-soft-900: oklch(0.31 0.041 215);
   --cyan-soft-950: oklch(0.23 0.026 215);
 
@@ -124,8 +159,15 @@
   --blue-800: oklch(0.39 0.14 260);
   --blue-900: oklch(0.31 0.1 260);
   --blue-950: oklch(0.23 0.06 260);
+  --blue-soft-50: oklch(0.97 0.01 260);
+  --blue-soft-100: oklch(0.93 0.022 260);
+  --blue-soft-200: oklch(0.86 0.045 260);
   --blue-soft-300: oklch(0.76 0.1 260);
+  --blue-soft-400: oklch(0.68 0.1 260);
+  --blue-soft-500: oklch(0.6 0.1 260);
   --blue-soft-600: oklch(0.52 0.1 260);
+  --blue-soft-700: oklch(0.45 0.092 260);
+  --blue-soft-800: oklch(0.38 0.083 260);
   --blue-soft-900: oklch(0.31 0.075 260);
   --blue-soft-950: oklch(0.23 0.045 260);
 
@@ -140,8 +182,15 @@
   --purple-800: oklch(0.39 0.15 304);
   --purple-900: oklch(0.31 0.11 304);
   --purple-950: oklch(0.23 0.065 304);
+  --purple-soft-50: oklch(0.97 0.01 304);
+  --purple-soft-100: oklch(0.93 0.022 304);
+  --purple-soft-200: oklch(0.86 0.045 304);
   --purple-soft-300: oklch(0.76 0.1 304);
+  --purple-soft-400: oklch(0.68 0.1 304);
+  --purple-soft-500: oklch(0.6 0.1 304);
   --purple-soft-600: oklch(0.52 0.1 304);
+  --purple-soft-700: oklch(0.45 0.094 304);
+  --purple-soft-800: oklch(0.38 0.089 304);
   --purple-soft-900: oklch(0.31 0.083 304);
   --purple-soft-950: oklch(0.23 0.049 304);
 
@@ -156,8 +205,15 @@
   --pink-800: oklch(0.39 0.14 350);
   --pink-900: oklch(0.31 0.1 350);
   --pink-950: oklch(0.23 0.06 350);
+  --pink-soft-50: oklch(0.97 0.01 350);
+  --pink-soft-100: oklch(0.93 0.022 350);
+  --pink-soft-200: oklch(0.86 0.045 350);
   --pink-soft-300: oklch(0.76 0.1 350);
+  --pink-soft-400: oklch(0.68 0.1 350);
+  --pink-soft-500: oklch(0.6 0.1 350);
   --pink-soft-600: oklch(0.52 0.1 350);
+  --pink-soft-700: oklch(0.45 0.092 350);
+  --pink-soft-800: oklch(0.38 0.083 350);
   --pink-soft-900: oklch(0.31 0.075 350);
   --pink-soft-950: oklch(0.23 0.045 350);
 }
@@ -210,8 +266,15 @@ html.light {
   --color-green-800: var(--green-800);
   --color-green-900: var(--green-900);
   --color-green-950: var(--green-950);
+  --color-green-soft-50: var(--green-soft-50);
+  --color-green-soft-100: var(--green-soft-100);
+  --color-green-soft-200: var(--green-soft-200);
   --color-green-soft-300: var(--green-soft-300);
+  --color-green-soft-400: var(--green-soft-400);
+  --color-green-soft-500: var(--green-soft-500);
   --color-green-soft-600: var(--green-soft-600);
+  --color-green-soft-700: var(--green-soft-700);
+  --color-green-soft-800: var(--green-soft-800);
   --color-green-soft-900: var(--green-soft-900);
   --color-green-soft-950: var(--green-soft-950);
   --color-red-50: var(--red-50);
@@ -225,8 +288,15 @@ html.light {
   --color-red-800: var(--red-800);
   --color-red-900: var(--red-900);
   --color-red-950: var(--red-950);
+  --color-red-soft-50: var(--red-soft-50);
+  --color-red-soft-100: var(--red-soft-100);
+  --color-red-soft-200: var(--red-soft-200);
   --color-red-soft-300: var(--red-soft-300);
+  --color-red-soft-400: var(--red-soft-400);
+  --color-red-soft-500: var(--red-soft-500);
   --color-red-soft-600: var(--red-soft-600);
+  --color-red-soft-700: var(--red-soft-700);
+  --color-red-soft-800: var(--red-soft-800);
   --color-red-soft-900: var(--red-soft-900);
   --color-red-soft-950: var(--red-soft-950);
   --color-orange-50: var(--orange-50);
@@ -240,8 +310,15 @@ html.light {
   --color-orange-800: var(--orange-800);
   --color-orange-900: var(--orange-900);
   --color-orange-950: var(--orange-950);
+  --color-orange-soft-50: var(--orange-soft-50);
+  --color-orange-soft-100: var(--orange-soft-100);
+  --color-orange-soft-200: var(--orange-soft-200);
   --color-orange-soft-300: var(--orange-soft-300);
+  --color-orange-soft-400: var(--orange-soft-400);
+  --color-orange-soft-500: var(--orange-soft-500);
   --color-orange-soft-600: var(--orange-soft-600);
+  --color-orange-soft-700: var(--orange-soft-700);
+  --color-orange-soft-800: var(--orange-soft-800);
   --color-orange-soft-900: var(--orange-soft-900);
   --color-orange-soft-950: var(--orange-soft-950);
   --color-yellow-50: var(--yellow-50);
@@ -255,8 +332,15 @@ html.light {
   --color-yellow-800: var(--yellow-800);
   --color-yellow-900: var(--yellow-900);
   --color-yellow-950: var(--yellow-950);
+  --color-yellow-soft-50: var(--yellow-soft-50);
+  --color-yellow-soft-100: var(--yellow-soft-100);
+  --color-yellow-soft-200: var(--yellow-soft-200);
   --color-yellow-soft-300: var(--yellow-soft-300);
+  --color-yellow-soft-400: var(--yellow-soft-400);
+  --color-yellow-soft-500: var(--yellow-soft-500);
   --color-yellow-soft-600: var(--yellow-soft-600);
+  --color-yellow-soft-700: var(--yellow-soft-700);
+  --color-yellow-soft-800: var(--yellow-soft-800);
   --color-yellow-soft-900: var(--yellow-soft-900);
   --color-yellow-soft-950: var(--yellow-soft-950);
   --color-cyan-50: var(--cyan-50);
@@ -270,8 +354,15 @@ html.light {
   --color-cyan-800: var(--cyan-800);
   --color-cyan-900: var(--cyan-900);
   --color-cyan-950: var(--cyan-950);
+  --color-cyan-soft-50: var(--cyan-soft-50);
+  --color-cyan-soft-100: var(--cyan-soft-100);
+  --color-cyan-soft-200: var(--cyan-soft-200);
   --color-cyan-soft-300: var(--cyan-soft-300);
+  --color-cyan-soft-400: var(--cyan-soft-400);
+  --color-cyan-soft-500: var(--cyan-soft-500);
   --color-cyan-soft-600: var(--cyan-soft-600);
+  --color-cyan-soft-700: var(--cyan-soft-700);
+  --color-cyan-soft-800: var(--cyan-soft-800);
   --color-cyan-soft-900: var(--cyan-soft-900);
   --color-cyan-soft-950: var(--cyan-soft-950);
   --color-blue-50: var(--blue-50);
@@ -285,8 +376,15 @@ html.light {
   --color-blue-800: var(--blue-800);
   --color-blue-900: var(--blue-900);
   --color-blue-950: var(--blue-950);
+  --color-blue-soft-50: var(--blue-soft-50);
+  --color-blue-soft-100: var(--blue-soft-100);
+  --color-blue-soft-200: var(--blue-soft-200);
   --color-blue-soft-300: var(--blue-soft-300);
+  --color-blue-soft-400: var(--blue-soft-400);
+  --color-blue-soft-500: var(--blue-soft-500);
   --color-blue-soft-600: var(--blue-soft-600);
+  --color-blue-soft-700: var(--blue-soft-700);
+  --color-blue-soft-800: var(--blue-soft-800);
   --color-blue-soft-900: var(--blue-soft-900);
   --color-blue-soft-950: var(--blue-soft-950);
   --color-purple-50: var(--purple-50);
@@ -300,8 +398,15 @@ html.light {
   --color-purple-800: var(--purple-800);
   --color-purple-900: var(--purple-900);
   --color-purple-950: var(--purple-950);
+  --color-purple-soft-50: var(--purple-soft-50);
+  --color-purple-soft-100: var(--purple-soft-100);
+  --color-purple-soft-200: var(--purple-soft-200);
   --color-purple-soft-300: var(--purple-soft-300);
+  --color-purple-soft-400: var(--purple-soft-400);
+  --color-purple-soft-500: var(--purple-soft-500);
   --color-purple-soft-600: var(--purple-soft-600);
+  --color-purple-soft-700: var(--purple-soft-700);
+  --color-purple-soft-800: var(--purple-soft-800);
   --color-purple-soft-900: var(--purple-soft-900);
   --color-purple-soft-950: var(--purple-soft-950);
   --color-pink-50: var(--pink-50);
@@ -315,8 +420,15 @@ html.light {
   --color-pink-800: var(--pink-800);
   --color-pink-900: var(--pink-900);
   --color-pink-950: var(--pink-950);
+  --color-pink-soft-50: var(--pink-soft-50);
+  --color-pink-soft-100: var(--pink-soft-100);
+  --color-pink-soft-200: var(--pink-soft-200);
   --color-pink-soft-300: var(--pink-soft-300);
+  --color-pink-soft-400: var(--pink-soft-400);
+  --color-pink-soft-500: var(--pink-soft-500);
   --color-pink-soft-600: var(--pink-soft-600);
+  --color-pink-soft-700: var(--pink-soft-700);
+  --color-pink-soft-800: var(--pink-soft-800);
   --color-pink-soft-900: var(--pink-soft-900);
   --color-pink-soft-950: var(--pink-soft-950);
 }

package/theme/data-viz.css

@@ -16,6 +16,7 @@
   --chart-sequential-3: var(--purple-400);
   --chart-sequential-4: var(--purple-500);
   --chart-sequential-5: var(--purple-600);
+  --chart-sequential-pale: var(--purple-200);
 
   --span-agent: oklch(0.75 0.133 250);
   --span-workflow: oklch(0.75 0.127 200);
@@ -50,11 +51,11 @@ html.light {
   --span-workspace: oklch(0.55 0.15 20);
   --span-skill: oklch(0.55 0.148 130);
   --span-scorer: oklch(0.55 0.15 350);
-  --chart-sequential-1: var(--purple-800);
-  --chart-sequential-2: var(--purple-700);
-  --chart-sequential-3: var(--purple-600);
-  --chart-sequential-4: var(--purple-500);
-  --chart-sequential-5: var(--purple-400);
+  --chart-sequential-1: var(--purple-900);
+  --chart-sequential-2: var(--purple-800);
+  --chart-sequential-3: var(--purple-700);
+  --chart-sequential-4: var(--purple-600);
+  --chart-sequential-5: var(--purple-500);
 }
 
 @theme inline {
@@ -71,6 +72,7 @@ html.light {
   --color-chart-sequential-3: var(--chart-sequential-3);
   --color-chart-sequential-4: var(--chart-sequential-4);
   --color-chart-sequential-5: var(--chart-sequential-5);
+  --color-chart-sequential-pale: var(--chart-sequential-pale);
   --color-span-agent: var(--span-agent);
   --color-span-workflow: var(--span-workflow);
   --color-span-model: var(--span-model);

package/theme/status.css

@@ -80,6 +80,14 @@
   --product-persistent-server: var(--badge-purple-strong);
   --product-persistent-server-foreground: var(--badge-purple-foreground);
   --product-persistent-server-subtle: var(--badge-purple-subtle);
+
+  --brand-green-indicator: var(--color-brand-green);
+
+  --destructive-bright: var(--red-300);
+  --warning-bright: var(--yellow-300);
+  --success-bright: var(--green-300);
+  --info-bright: var(--blue-300);
+  --session-initializing: var(--orange-400);
 }
 
 html.light {
@@ -89,9 +97,9 @@ html.light {
   --destructive-indicator: var(--red-600);
   --destructive-subtle-foreground: var(--red-950);
   --warning-subtle: var(--yellow-100);
-  --warning-edge: var(--yellow-300);
+  --warning-edge: var(--yellow-200);
   --warning-indicator: var(--yellow-700);
-  --warning-subtle-foreground: var(--yellow-950);
+  --warning-subtle-foreground: var(--yellow-800);
   --success-subtle: var(--green-100);
   --success-edge: var(--green-300);
   --success-indicator: var(--green-700);
@@ -149,6 +157,14 @@ html.light {
   --product-factory-foreground: var(--orange-950);
   --product-workers-foreground: var(--yellow-950);
   --product-persistent-server-foreground: var(--purple-950);
+
+  --brand-green-indicator: var(--green-700);
+
+  --destructive-bright: var(--red-500);
+  --warning-bright: var(--yellow-400);
+  --success-bright: var(--green-500);
+  --info-bright: var(--blue-500);
+  --session-initializing: var(--orange-500);
 }
 
 @theme inline {
@@ -157,18 +173,22 @@ html.light {
   --color-destructive-edge: var(--destructive-edge);
   --color-destructive-indicator: var(--destructive-indicator);
   --color-destructive-subtle-foreground: var(--destructive-subtle-foreground);
+  --color-destructive-bright: var(--destructive-bright);
   --color-warning-subtle: var(--warning-subtle);
   --color-warning-edge: var(--warning-edge);
   --color-warning-indicator: var(--warning-indicator);
   --color-warning-subtle-foreground: var(--warning-subtle-foreground);
+  --color-warning-bright: var(--warning-bright);
   --color-success-subtle: var(--success-subtle);
   --color-success-edge: var(--success-edge);
   --color-success-indicator: var(--success-indicator);
   --color-success-subtle-foreground: var(--success-subtle-foreground);
+  --color-success-bright: var(--success-bright);
   --color-info-subtle: var(--info-subtle);
   --color-info-edge: var(--info-edge);
   --color-info-indicator: var(--info-indicator);
   --color-info-subtle-foreground: var(--info-subtle-foreground);
+  --color-info-bright: var(--info-bright);
   --color-badge-neutral-foreground: var(--badge-neutral-foreground);
   --color-badge-green-strong: var(--badge-green-strong);
   --color-badge-green-subtle: var(--badge-green-subtle);
@@ -228,4 +248,5 @@ html.light {
   --color-product-persistent-server: var(--product-persistent-server);
   --color-product-persistent-server-foreground: var(--product-persistent-server-foreground);
   --color-product-persistent-server-subtle: var(--product-persistent-server-subtle);
+  --color-brand-green-indicator: var(--brand-green-indicator);
 }