@mastra/playground-ui 60.0.0 → 60.1.0-alpha.1

package/dist/{workflow-edge-data-button-CX-eSbSB.cjs → workflow-edge-data-button-BOVRo4xO.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-vLneZlMd.cjs');
-const Button = require('./Button-BnmR2HRc.cjs');
-const dialog = require('./dialog-DYpOpj9s.cjs');
+const workflowCodeDialogContent = require('./workflow-code-dialog-content-BFm2IWDl.cjs');
+const Button = require('./Button-CXhSUBxN.cjs');
+const dialog = require('./dialog-d_AK1NQD.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-CX-eSbSB.cjs.map
+//# sourceMappingURL=workflow-edge-data-button-BOVRo4xO.cjs.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"workflow-edge-data-button-BOVRo4xO.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-edge-data-button-BuZzeN2n.js → workflow-edge-data-button-C6eyWbcG.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-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 { W as WorkflowCodeContent } from './workflow-code-dialog-content-BM4ZnrUr.js';
+import { B as Button } from './Button-D43ghVKt.js';
+import { D as Dialog, d as DialogContent, g as DialogHeader, j as DialogTitle, a as DialogBody } from './dialog-Dt5kASkl.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-BuZzeN2n.js.map
+//# sourceMappingURL=workflow-edge-data-button-C6eyWbcG.js.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"workflow-edge-data-button-C6eyWbcG.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-step-action-Cf_XmOwj.js → workflow-step-action-B3coZwPr.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-C6eUqcPI.js';
+import { B as Button } from './Button-D43ghVKt.js';
 import { D as DropdownMenu } from './dropdown-menu-DpEn6HwK.js';
 
 function WorkflowStepActions({ children }) {
@@ -39,11 +39,11 @@ function WorkflowStepAction({ action, isActive, onSelect }) {
   const definition = actions[action];
   const ActionIcon = definition.icon;
   const label = isActive && "activeLabel" in definition ? definition.activeLabel : definition.label;
-  return /* @__PURE__ */ jsxs(DropdownMenu.Item, { onSelect, className: action === "tripwire" ? "text-warning-indicator" : void 0, children: [
+  return /* @__PURE__ */ jsxs(DropdownMenu.Item, { onSelect, className: action === "tripwire" ? "text-warning-foreground" : void 0, children: [
     /* @__PURE__ */ jsx(ActionIcon, {}),
     /* @__PURE__ */ jsx("span", { children: label })
   ] });
 }
 
 export { WorkflowStepAction as W, WorkflowStepActions as a };
-//# sourceMappingURL=workflow-step-action-Cf_XmOwj.js.map
+//# sourceMappingURL=workflow-step-action-B3coZwPr.js.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"workflow-step-action-B3coZwPr.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-foreground' : 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,yBAAA,GAA4B,MAAA,EACpG,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-JMkWtObA.cjs → workflow-step-action-COOlMQGX.cjs}

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('./Button-BnmR2HRc.cjs');
+const Button = require('./Button-CXhSUBxN.cjs');
 const dropdownMenu = require('./dropdown-menu-j2y37TL5.cjs');
 
 function WorkflowStepActions({ children }) {
@@ -41,7 +41,7 @@ function WorkflowStepAction({ action, isActive, onSelect }) {
   const definition = actions[action];
   const ActionIcon = definition.icon;
   const label = isActive && "activeLabel" in definition ? definition.activeLabel : definition.label;
-  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Item, { onSelect, className: action === "tripwire" ? "text-warning-indicator" : void 0, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Item, { onSelect, className: action === "tripwire" ? "text-warning-foreground" : void 0, children: [
     /* @__PURE__ */ jsxRuntime.jsx(ActionIcon, {}),
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
   ] });
@@ -49,4 +49,4 @@ function WorkflowStepAction({ action, isActive, onSelect }) {
 
 exports.WorkflowStepAction = WorkflowStepAction;
 exports.WorkflowStepActions = WorkflowStepActions;
-//# sourceMappingURL=workflow-step-action-JMkWtObA.cjs.map
+//# sourceMappingURL=workflow-step-action-COOlMQGX.cjs.map

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

@@ -1 +1 @@
-{"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;;;;;"}
+{"version":3,"file":"workflow-step-action-COOlMQGX.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-foreground' : 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,yBAAA,GAA4B,MAAA,EACpG,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",
+  "version": "60.1.0-alpha.1",
   "description": "Mastra Playground components",
   "sideEffects": [
     "**/*.css"
@@ -208,9 +208,9 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "tailwindcss": "^4.0.0",
-    "@mastra/ai-sdk": "^1.10.5",
-    "@mastra/client-js": "^1.51.0",
-    "@mastra/react": "1.7.0"
+    "@mastra/ai-sdk": "^1.10.6-alpha.0",
+    "@mastra/client-js": "^1.51.1-alpha.1",
+    "@mastra/react": "1.7.1-alpha.1"
   },
   "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",
+    "@mastra/ai-sdk": "1.10.6-alpha.0",
+    "@mastra/client-js": "^1.51.1-alpha.1",
     "@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/react": "1.7.0",
-    "@mastra/schema-compat": "1.3.12"
+    "@mastra/memory": "1.34.0-alpha.1",
+    "@mastra/core": "1.73.0-alpha.1",
+    "@mastra/react": "1.7.1-alpha.1",
+    "@mastra/schema-compat": "1.3.13-alpha.0"
   },
   "homepage": "https://mastra.ai",
   "repository": {

package/theme/colors.css

@@ -33,28 +33,28 @@
   --gray-alpha-9: rgb(255 255 255 / 75%);
   --gray-alpha-10: rgb(255 255 255 / 90%);
 
-  --red-50: oklch(0.97 0.012 25);
-  --red-100: oklch(0.94 0.03 25);
-  --red-200: oklch(0.88 0.063 25);
-  --red-300: oklch(0.8 0.114 25);
-  --red-400: oklch(0.7 0.18 25);
-  --red-500: oklch(0.62 0.22 25);
-  --red-600: oklch(0.55 0.22 25);
-  --red-700: oklch(0.47 0.19 25);
-  --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);
+  --red-50: oklch(0.97 0.013 24);
+  --red-100: oklch(0.94 0.029 24);
+  --red-200: oklch(0.88 0.062 24);
+  --red-300: oklch(0.8 0.112 24);
+  --red-400: oklch(0.76 0.14 24);
+  --red-500: oklch(0.63 0.22 24);
+  --red-600: oklch(0.56 0.22 24);
+  --red-700: oklch(0.48 0.19 24);
+  --red-800: oklch(0.4 0.15 24);
+  --red-900: oklch(0.32 0.11 24);
+  --red-950: oklch(0.24 0.07 24);
+  --red-soft-50: oklch(0.97 0.01 24);
+  --red-soft-100: oklch(0.93 0.022 24);
+  --red-soft-200: oklch(0.86 0.045 24);
+  --red-soft-300: oklch(0.76 0.1 24);
+  --red-soft-400: oklch(0.68 0.1 24);
+  --red-soft-500: oklch(0.6 0.1 24);
+  --red-soft-600: oklch(0.52 0.1 24);
+  --red-soft-700: oklch(0.45 0.092 24);
+  --red-soft-800: oklch(0.38 0.083 24);
+  --red-soft-900: oklch(0.31 0.075 24);
+  --red-soft-950: oklch(0.23 0.045 24);
 
   --orange-50: oklch(0.97 0.014 50);
   --orange-100: oklch(0.94 0.03 50);
@@ -79,28 +79,28 @@
   --orange-soft-900: oklch(0.31 0.064 50);
   --orange-soft-950: oklch(0.23 0.038 50);
 
-  --yellow-50: oklch(0.97 0.018 90);
-  --yellow-100: oklch(0.94 0.04 90);
-  --yellow-200: oklch(0.88 0.08 90);
-  --yellow-300: oklch(0.82 0.16 95);
-  --yellow-400: oklch(0.7 0.143 90);
-  --yellow-500: oklch(0.62 0.126 90);
-  --yellow-600: oklch(0.55 0.112 90);
-  --yellow-700: oklch(0.47 0.096 90);
-  --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);
+  --amber-50: oklch(0.975 0.03 95);
+  --amber-100: oklch(0.95 0.065 92);
+  --amber-200: oklch(0.91 0.105 88);
+  --amber-300: oklch(0.86 0.146 84);
+  --amber-400: oklch(0.8 0.163 78);
+  --amber-500: oklch(0.74 0.155 72);
+  --amber-600: oklch(0.66 0.146 64);
+  --amber-700: oklch(0.58 0.136 58);
+  --amber-800: oklch(0.5 0.12 54);
+  --amber-900: oklch(0.41 0.095 50);
+  --amber-950: oklch(0.3 0.07 48);
+  --amber-soft-50: oklch(0.97 0.01 95);
+  --amber-soft-100: oklch(0.93 0.022 92);
+  --amber-soft-200: oklch(0.86 0.045 88);
+  --amber-soft-300: oklch(0.76 0.1 84);
+  --amber-soft-400: oklch(0.68 0.1 78);
+  --amber-soft-500: oklch(0.6 0.1 72);
+  --amber-soft-600: oklch(0.52 0.1 64);
+  --amber-soft-700: oklch(0.45 0.082 58);
+  --amber-soft-800: oklch(0.38 0.063 54);
+  --amber-soft-900: oklch(0.31 0.045 50);
+  --amber-soft-950: oklch(0.23 0.026 48);
 
   --green-50: oklch(0.97 0.015 150);
   --green-100: oklch(0.94 0.035 150);
@@ -321,28 +321,28 @@ html.light {
   --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);
-  --color-yellow-100: var(--yellow-100);
-  --color-yellow-200: var(--yellow-200);
-  --color-yellow-300: var(--yellow-300);
-  --color-yellow-400: var(--yellow-400);
-  --color-yellow-500: var(--yellow-500);
-  --color-yellow-600: var(--yellow-600);
-  --color-yellow-700: var(--yellow-700);
-  --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-amber-50: var(--amber-50);
+  --color-amber-100: var(--amber-100);
+  --color-amber-200: var(--amber-200);
+  --color-amber-300: var(--amber-300);
+  --color-amber-400: var(--amber-400);
+  --color-amber-500: var(--amber-500);
+  --color-amber-600: var(--amber-600);
+  --color-amber-700: var(--amber-700);
+  --color-amber-800: var(--amber-800);
+  --color-amber-900: var(--amber-900);
+  --color-amber-950: var(--amber-950);
+  --color-amber-soft-50: var(--amber-soft-50);
+  --color-amber-soft-100: var(--amber-soft-100);
+  --color-amber-soft-200: var(--amber-soft-200);
+  --color-amber-soft-300: var(--amber-soft-300);
+  --color-amber-soft-400: var(--amber-soft-400);
+  --color-amber-soft-500: var(--amber-soft-500);
+  --color-amber-soft-600: var(--amber-soft-600);
+  --color-amber-soft-700: var(--amber-soft-700);
+  --color-amber-soft-800: var(--amber-soft-800);
+  --color-amber-soft-900: var(--amber-soft-900);
+  --color-amber-soft-950: var(--amber-soft-950);
   --color-cyan-50: var(--cyan-50);
   --color-cyan-100: var(--cyan-100);
   --color-cyan-200: var(--cyan-200);

package/theme/data-viz.css

@@ -4,7 +4,7 @@
 :root {
   --chart-blue: var(--blue-300);
   --chart-blue-deep: var(--blue-600);
-  --chart-yellow: var(--yellow-300);
+  --chart-amber: var(--amber-300);
   --chart-green: var(--green-400);
   --chart-purple: var(--purple-400);
   --chart-orange: var(--orange-400);
@@ -34,7 +34,7 @@
 html.light {
   --chart-blue: var(--blue-500);
   --chart-blue-deep: var(--blue-800);
-  --chart-yellow: var(--yellow-500);
+  --chart-amber: var(--amber-500);
   --chart-green: var(--green-500);
   --chart-purple: var(--purple-600);
   --chart-orange: var(--orange-600);
@@ -61,7 +61,7 @@ html.light {
 @theme inline {
   --color-chart-blue: var(--chart-blue);
   --color-chart-blue-deep: var(--chart-blue-deep);
-  --color-chart-yellow: var(--chart-yellow);
+  --color-chart-amber: var(--chart-amber);
   --color-chart-green: var(--chart-green);
   --color-chart-purple: var(--chart-purple);
   --color-chart-orange: var(--chart-orange);