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

package/dist/domains/workflows/hooks/use-workflows.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-workflows.cjs.js","sources":["../../../../src/domains/workflows/hooks/use-workflows.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\n\nexport const useWorkflows = (options?: { requestContext?: Record<string, any>; enabled?: boolean }) => {\n  const client = useMastraClient();\n  const requestContext = options?.requestContext;\n\n  return useQuery({\n    queryKey: ['workflows', requestContext],\n    queryFn: async () => {\n      const workflows = await client.listWorkflows(requestContext);\n      // Filter out processor workflows - they're shown on the Processors tab instead\n      return Object.fromEntries(Object.entries(workflows).filter(([_, workflow]) => !workflow.isProcessorWorkflow));\n    },\n    enabled: options?.enabled !== false,\n  });\n};\n"],"names":["useMastraClient","useQuery"],"mappings":";;;;;;;AAGO,MAAM,YAAA,GAAe,CAAC,OAAA,KAA0E;AACrG,EAAA,MAAM,SAASA,qBAAA,EAAgB;AAC/B,EAAA,MAAM,iBAAiB,OAAA,EAAS,cAAA;AAEhC,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,WAAA,EAAa,cAAc,CAAA;AAAA,IACtC,SAAS,YAAY;AACnB,MAAA,MAAM,SAAA,GAAY,MAAM,MAAA,CAAO,aAAA,CAAc,cAAc,CAAA;AAE3D,MAAA,OAAO,MAAA,CAAO,WAAA,CAAY,MAAA,CAAO,OAAA,CAAQ,SAAS,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,GAAG,QAAQ,CAAA,KAAM,CAAC,QAAA,CAAS,mBAAmB,CAAC,CAAA;AAAA,IAC9G,CAAA;AAAA,IACA,OAAA,EAAS,SAAS,OAAA,KAAY;AAAA,GAC/B,CAAA;AACH;;;;"}

package/dist/domains/workflows/hooks/use-workflows.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workflows/hooks/use-workflows'
+export {}

package/dist/domains/workflows/hooks/use-workflows.es.js

@@ -0,0 +1,18 @@
+import { useMastraClient } from '@mastra/react';
+import { useQuery } from '@tanstack/react-query';
+
+const useWorkflows = (options) => {
+  const client = useMastraClient();
+  const requestContext = options?.requestContext;
+  return useQuery({
+    queryKey: ["workflows", requestContext],
+    queryFn: async () => {
+      const workflows = await client.listWorkflows(requestContext);
+      return Object.fromEntries(Object.entries(workflows).filter(([_, workflow]) => !workflow.isProcessorWorkflow));
+    },
+    enabled: options?.enabled !== false
+  });
+};
+
+export { useWorkflows };
+//# sourceMappingURL=use-workflows.es.js.map

package/dist/domains/workflows/hooks/use-workflows.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-workflows.es.js","sources":["../../../../src/domains/workflows/hooks/use-workflows.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\n\nexport const useWorkflows = (options?: { requestContext?: Record<string, any>; enabled?: boolean }) => {\n  const client = useMastraClient();\n  const requestContext = options?.requestContext;\n\n  return useQuery({\n    queryKey: ['workflows', requestContext],\n    queryFn: async () => {\n      const workflows = await client.listWorkflows(requestContext);\n      // Filter out processor workflows - they're shown on the Processors tab instead\n      return Object.fromEntries(Object.entries(workflows).filter(([_, workflow]) => !workflow.isProcessorWorkflow));\n    },\n    enabled: options?.enabled !== false,\n  });\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAA,GAAe,CAAC,OAAA,KAA0E;AACrG,EAAA,MAAM,SAAS,eAAA,EAAgB;AAC/B,EAAA,MAAM,iBAAiB,OAAA,EAAS,cAAA;AAEhC,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,WAAA,EAAa,cAAc,CAAA;AAAA,IACtC,SAAS,YAAY;AACnB,MAAA,MAAM,SAAA,GAAY,MAAM,MAAA,CAAO,aAAA,CAAc,cAAc,CAAA;AAE3D,MAAA,OAAO,MAAA,CAAO,WAAA,CAAY,MAAA,CAAO,OAAA,CAAQ,SAAS,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,GAAG,QAAQ,CAAA,KAAM,CAAC,QAAA,CAAS,mBAAmB,CAAC,CAAA;AAAA,IAC9G,CAAA;AAAA,IACA,OAAA,EAAS,SAAS,OAAA,KAAY;AAAA,GAC/B,CAAA;AACH;;;;"}

package/dist/domains/workflows/hooks.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const domains_workflows_hooks_useWorkflows = require('./hooks/use-workflows.cjs.js');
+const domains_workflows_hooks_useWorkflow = require('./hooks/use-workflow.cjs.js');
+const domains_workflows_hooks_useWorkflowRuns = require('./hooks/use-workflow-runs.cjs.js');
+const domains_workflows_hooks_useWorkflowsRunCounts = require('./hooks/use-workflows-run-counts.cjs.js');
+
+
+
+exports.useWorkflows = domains_workflows_hooks_useWorkflows.useWorkflows;
+exports.useWorkflow = domains_workflows_hooks_useWorkflow.useWorkflow;
+exports.PER_PAGE = domains_workflows_hooks_useWorkflowRuns.PER_PAGE;
+exports.getWorkflowRunsNextPageParam = domains_workflows_hooks_useWorkflowRuns.getWorkflowRunsNextPageParam;
+exports.selectUniqueRuns = domains_workflows_hooks_useWorkflowRuns.selectUniqueRuns;
+exports.useDeleteWorkflowRun = domains_workflows_hooks_useWorkflowRuns.useDeleteWorkflowRun;
+exports.useWorkflowRun = domains_workflows_hooks_useWorkflowRuns.useWorkflowRun;
+exports.useWorkflowRuns = domains_workflows_hooks_useWorkflowRuns.useWorkflowRuns;
+exports.workflowRunQueryKey = domains_workflows_hooks_useWorkflowRuns.workflowRunQueryKey;
+exports.RUN_COUNTS_REFETCH_INTERVAL_MS = domains_workflows_hooks_useWorkflowsRunCounts.RUN_COUNTS_REFETCH_INTERVAL_MS;
+exports.isRunCountsUnsupported = domains_workflows_hooks_useWorkflowsRunCounts.isRunCountsUnsupported;
+exports.runCountsRefetchInterval = domains_workflows_hooks_useWorkflowsRunCounts.runCountsRefetchInterval;
+exports.useWorkflowsRunCounts = domains_workflows_hooks_useWorkflowsRunCounts.useWorkflowsRunCounts;
+//# sourceMappingURL=hooks.cjs.js.map

package/dist/domains/workflows/hooks.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/domains/workflows/hooks.d.ts

@@ -0,0 +1,2 @@
+export * from '../../src/domains/workflows/hooks/index'
+export {}

package/dist/domains/workflows/hooks.es.js

@@ -0,0 +1,5 @@
+export { useWorkflows } from './hooks/use-workflows.es.js';
+export { useWorkflow } from './hooks/use-workflow.es.js';
+export { PER_PAGE, getWorkflowRunsNextPageParam, selectUniqueRuns, useDeleteWorkflowRun, useWorkflowRun, useWorkflowRuns, workflowRunQueryKey } from './hooks/use-workflow-runs.es.js';
+export { RUN_COUNTS_REFETCH_INTERVAL_MS, isRunCountsUnsupported, runCountsRefetchInterval, useWorkflowsRunCounts } from './hooks/use-workflows-run-counts.es.js';
+//# sourceMappingURL=hooks.es.js.map

package/dist/domains/workflows/hooks.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/domains/workflows/runs/workflow-run-details.cjs.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const domains_workflows_context_workflowRunContext = require('../context/workflow-run-context.cjs.js');
+const domains_workflows_utils = require('../utils.cjs.js');
+const domains_workflows_workflow_workflowTrigger = require('../workflow/workflow-trigger.cjs.js');
+const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
+const Txt = require('../../../Txt-DPmEpNbp.cjs');
+
+const WorkflowRunDetail = ({
+  workflowId,
+  runId,
+  observeWorkflowStream,
+  ...triggerProps
+}) => {
+  const { runSnapshot, isLoadingRunExecutionResult } = React.useContext(domains_workflows_context_workflowRunContext.WorkflowRunContext);
+  const observeSelectedRun = React.useCallback(() => {
+    if (!runId || !runSnapshot || domains_workflows_utils.isWorkflowRunFinished(runSnapshot.status)) return;
+    observeWorkflowStream?.({
+      workflowId,
+      runId,
+      storedStatus: runSnapshot.status
+    });
+  }, [workflowId, runId, runSnapshot, observeWorkflowStream]);
+  if (isLoadingRunExecutionResult) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "size-5 shrink-0 rounded-full" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" }),
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-40" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "ml-auto h-3 w-12" }),
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "ml-auto h-3 w-16" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-7 w-28 rounded-md" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-9 w-full rounded-md" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-9 w-full rounded-md" }),
+        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-9 w-3/4 rounded-md" })
+      ] })
+    ] });
+  }
+  if (!runSnapshot || !runId) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "body", tone: "ink", className: "text-center", children: "No previous run" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    domains_workflows_workflow_workflowTrigger.WorkflowTrigger,
+    {
+      ...triggerProps,
+      paramsRunId: runId,
+      paramsRunStatus: runSnapshot.status,
+      workflowId,
+      observeWorkflowStream: observeSelectedRun
+    },
+    `${workflowId}:${runId}`
+  );
+};
+
+exports.WorkflowRunDetail = WorkflowRunDetail;
+//# sourceMappingURL=workflow-run-details.cjs.js.map

package/dist/domains/workflows/runs/workflow-run-details.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-details.cjs.js","sources":["../../../../src/domains/workflows/runs/workflow-run-details.tsx"],"sourcesContent":["import { useCallback, useContext } from 'react';\nimport type { WorkflowRunContextType } from '../context/workflow-run-context';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { isWorkflowRunFinished } from '../utils';\nimport type { WorkflowTriggerProps } from '../workflow/workflow-trigger';\nimport { WorkflowTrigger } from '../workflow/workflow-trigger';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface WorkflowRunDetailProps extends Omit<\n  WorkflowTriggerProps,\n  'paramsRunId' | 'workflowId' | 'observeWorkflowStream'\n> {\n  workflowId: string;\n  runId?: string;\n  observeWorkflowStream?: WorkflowRunContextType['observeWorkflowStream'];\n}\n\nexport const WorkflowRunDetail = ({\n  workflowId,\n  runId,\n  observeWorkflowStream,\n  ...triggerProps\n}: WorkflowRunDetailProps) => {\n  const { runSnapshot, isLoadingRunExecutionResult } = useContext(WorkflowRunContext);\n\n  const observeSelectedRun = useCallback(() => {\n    if (!runId || !runSnapshot || isWorkflowRunFinished(runSnapshot.status)) return;\n    observeWorkflowStream?.({\n      workflowId,\n      runId,\n      storedStatus: runSnapshot.status,\n    });\n  }, [workflowId, runId, runSnapshot, observeWorkflowStream]);\n\n  if (isLoadingRunExecutionResult) {\n    return (\n      <div className=\"space-y-4 p-4\">\n        <div className=\"flex items-start gap-3\">\n          <Skeleton className=\"size-5 shrink-0 rounded-full\" />\n          <div className=\"min-w-0 flex-1 space-y-2\">\n            <Skeleton className=\"h-4 w-24\" />\n            <Skeleton className=\"h-3 w-40\" />\n          </div>\n          <div className=\"shrink-0 space-y-2\">\n            <Skeleton className=\"ml-auto h-3 w-12\" />\n            <Skeleton className=\"ml-auto h-3 w-16\" />\n          </div>\n        </div>\n\n        <div className=\"flex items-center justify-between\">\n          <Skeleton className=\"h-4 w-24\" />\n          <Skeleton className=\"h-7 w-28 rounded-md\" />\n        </div>\n\n        <div className=\"space-y-3\">\n          <Skeleton className=\"h-9 w-full rounded-md\" />\n          <Skeleton className=\"h-9 w-full rounded-md\" />\n          <Skeleton className=\"h-9 w-3/4 rounded-md\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (!runSnapshot || !runId) {\n    return (\n      <div className=\"p-4\">\n        <Txt variant=\"body\" tone=\"ink\" className=\"text-center\">\n          No previous run\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <WorkflowTrigger\n      key={`${workflowId}:${runId}`}\n      {...triggerProps}\n      paramsRunId={runId}\n      paramsRunStatus={runSnapshot.status}\n      workflowId={workflowId}\n      observeWorkflowStream={observeSelectedRun}\n    />\n  );\n};\n"],"names":["useContext","WorkflowRunContext","useCallback","isWorkflowRunFinished","jsxs","jsx","Skeleton","Txt","WorkflowTrigger"],"mappings":"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"}

package/dist/domains/workflows/runs/workflow-run-details.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workflows/runs/workflow-run-details'
+export {}

package/dist/domains/workflows/runs/workflow-run-details.es.js

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useContext, useCallback } from 'react';
+import { WorkflowRunContext } from '../context/workflow-run-context.es.js';
+import { isWorkflowRunFinished } from '../utils.es.js';
+import { WorkflowTrigger } from '../workflow/workflow-trigger.es.js';
+import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
+import { T as Txt } from '../../../Txt-BP1SRHmL.js';
+
+const WorkflowRunDetail = ({
+  workflowId,
+  runId,
+  observeWorkflowStream,
+  ...triggerProps
+}) => {
+  const { runSnapshot, isLoadingRunExecutionResult } = useContext(WorkflowRunContext);
+  const observeSelectedRun = useCallback(() => {
+    if (!runId || !runSnapshot || isWorkflowRunFinished(runSnapshot.status)) return;
+    observeWorkflowStream?.({
+      workflowId,
+      runId,
+      storedStatus: runSnapshot.status
+    });
+  }, [workflowId, runId, runSnapshot, observeWorkflowStream]);
+  if (isLoadingRunExecutionResult) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "size-5 shrink-0 rounded-full" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-40" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "shrink-0 space-y-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "ml-auto h-3 w-12" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "ml-auto h-3 w-16" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-28 rounded-md" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full rounded-md" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full rounded-md" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-3/4 rounded-md" })
+      ] })
+    ] });
+  }
+  if (!runSnapshot || !runId) {
+    return /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(Txt, { variant: "body", tone: "ink", className: "text-center", children: "No previous run" }) });
+  }
+  return /* @__PURE__ */ jsx(
+    WorkflowTrigger,
+    {
+      ...triggerProps,
+      paramsRunId: runId,
+      paramsRunStatus: runSnapshot.status,
+      workflowId,
+      observeWorkflowStream: observeSelectedRun
+    },
+    `${workflowId}:${runId}`
+  );
+};
+
+export { WorkflowRunDetail };
+//# sourceMappingURL=workflow-run-details.es.js.map

package/dist/domains/workflows/runs/workflow-run-details.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-details.es.js","sources":["../../../../src/domains/workflows/runs/workflow-run-details.tsx"],"sourcesContent":["import { useCallback, useContext } from 'react';\nimport type { WorkflowRunContextType } from '../context/workflow-run-context';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { isWorkflowRunFinished } from '../utils';\nimport type { WorkflowTriggerProps } from '../workflow/workflow-trigger';\nimport { WorkflowTrigger } from '../workflow/workflow-trigger';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\n\nexport interface WorkflowRunDetailProps extends Omit<\n  WorkflowTriggerProps,\n  'paramsRunId' | 'workflowId' | 'observeWorkflowStream'\n> {\n  workflowId: string;\n  runId?: string;\n  observeWorkflowStream?: WorkflowRunContextType['observeWorkflowStream'];\n}\n\nexport const WorkflowRunDetail = ({\n  workflowId,\n  runId,\n  observeWorkflowStream,\n  ...triggerProps\n}: WorkflowRunDetailProps) => {\n  const { runSnapshot, isLoadingRunExecutionResult } = useContext(WorkflowRunContext);\n\n  const observeSelectedRun = useCallback(() => {\n    if (!runId || !runSnapshot || isWorkflowRunFinished(runSnapshot.status)) return;\n    observeWorkflowStream?.({\n      workflowId,\n      runId,\n      storedStatus: runSnapshot.status,\n    });\n  }, [workflowId, runId, runSnapshot, observeWorkflowStream]);\n\n  if (isLoadingRunExecutionResult) {\n    return (\n      <div className=\"space-y-4 p-4\">\n        <div className=\"flex items-start gap-3\">\n          <Skeleton className=\"size-5 shrink-0 rounded-full\" />\n          <div className=\"min-w-0 flex-1 space-y-2\">\n            <Skeleton className=\"h-4 w-24\" />\n            <Skeleton className=\"h-3 w-40\" />\n          </div>\n          <div className=\"shrink-0 space-y-2\">\n            <Skeleton className=\"ml-auto h-3 w-12\" />\n            <Skeleton className=\"ml-auto h-3 w-16\" />\n          </div>\n        </div>\n\n        <div className=\"flex items-center justify-between\">\n          <Skeleton className=\"h-4 w-24\" />\n          <Skeleton className=\"h-7 w-28 rounded-md\" />\n        </div>\n\n        <div className=\"space-y-3\">\n          <Skeleton className=\"h-9 w-full rounded-md\" />\n          <Skeleton className=\"h-9 w-full rounded-md\" />\n          <Skeleton className=\"h-9 w-3/4 rounded-md\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (!runSnapshot || !runId) {\n    return (\n      <div className=\"p-4\">\n        <Txt variant=\"body\" tone=\"ink\" className=\"text-center\">\n          No previous run\n        </Txt>\n      </div>\n    );\n  }\n\n  return (\n    <WorkflowTrigger\n      key={`${workflowId}:${runId}`}\n      {...triggerProps}\n      paramsRunId={runId}\n      paramsRunStatus={runSnapshot.status}\n      workflowId={workflowId}\n      observeWorkflowStream={observeSelectedRun}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/domains/workflows/runs/workflow-run-list.cjs.js

@@ -0,0 +1,149 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const zod = require('zod');
+const domains_workflows_components_workflowRunStatusIcon = require('../components/workflow-run-status-icon.cjs.js');
+const domains_workflows_utils = require('../utils.cjs.js');
+const domains_workflows_hooks_useWorkflowRuns = require('../hooks/use-workflow-runs.cjs.js');
+const alertDialog = require('../../../alert-dialog-Ohr1b6-O.cjs');
+const collapsible = require('../../../collapsible-BFSJouuI.cjs');
+const scrollArea = require('../../../scroll-area-BzOyuS8Y.cjs');
+const skeleton = require('../../../skeleton-cXUjPrq9.cjs');
+const spinner = require('../../../spinner-BCpN7LL9.cjs');
+const threadList = require('../../../thread-list-CwwoVFRi.cjs');
+const icons_Icon = require('../../../icons/Icon.cjs.js');
+const lib_framework = require('../../../lib/framework.cjs.js');
+const utils_dateFormat = require('../../../utils/date-format.cjs.js');
+
+const runSnapshotSchema = zod.z.object({
+  status: zod.z.enum(["running", "failed", "canceled", "pending", "waiting", "paused", "suspended", "success"]),
+  timestamp: zod.z.number().optional(),
+  context: zod.z.object({ input: zod.z.unknown() })
+});
+const wrappedRunInputSchema = zod.z.object({ output: zod.z.unknown() });
+function parseRunSnapshot(snapshot) {
+  const result = runSnapshotSchema.safeParse(snapshot);
+  return result.success ? result.data : void 0;
+}
+function formatRunInput(snapshot) {
+  if (!snapshot || snapshot.context.input == null) return null;
+  const input = snapshot.context.input;
+  const parsedString = zod.z.string().safeParse(input);
+  if (parsedString.success) return parsedString.data;
+  const parsedWrappedInput = wrappedRunInputSchema.safeParse(input);
+  const inputValue = parsedWrappedInput.success ? parsedWrappedInput.data.output : input;
+  try {
+    return JSON.stringify(inputValue);
+  } catch {
+    return null;
+  }
+}
+function WorkflowRunMeta({ timestamp, resourceId }) {
+  if (timestamp === void 0 && !resourceId) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-full min-w-0 items-center gap-1.5 text-meta text-muted-foreground", children: [
+    timestamp !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("time", { className: "shrink-0", dateTime: new Date(timestamp).toISOString(), children: utils_dateFormat.formatDate(timestamp, "date-time") }),
+    resourceId && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", title: `Resource ${resourceId}`, children: timestamp === void 0 ? resourceId : `· ${resourceId}` })
+  ] });
+}
+const WorkflowRecentRuns = ({ workflowId, runId, canDelete: canDeleteRun }) => {
+  const [isOpen, setIsOpen] = React.useState(true);
+  const [deleteRunId, setDeleteRunId] = React.useState(null);
+  const { Link, paths, navigate } = lib_framework.useLinkComponent();
+  const {
+    isLoading,
+    error,
+    data: runs,
+    setEndOfListElement,
+    isFetchingNextPage,
+    hasNextPage
+  } = domains_workflows_hooks_useWorkflowRuns.useWorkflowRuns(workflowId);
+  const { mutateAsync: deleteRun } = domains_workflows_hooks_useWorkflowRuns.useDeleteWorkflowRun(workflowId);
+  const handleDelete = async (runId2) => {
+    try {
+      await deleteRun({ runId: runId2 });
+      setDeleteRunId(null);
+      navigate(paths.workflowLink(workflowId));
+    } catch {
+      setDeleteRunId(null);
+    }
+  };
+  const runList = runs || [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(collapsible.Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: "flex min-h-0 flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(collapsible.CollapsibleTrigger, { className: "flex shrink-0 items-center gap-2 px-4 py-3 text-left text-caption text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": true, className: "size-4 shrink-0 text-muted-foreground motion-reduce:transition-none" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Recent runs" }),
+        !isLoading && !error && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-meta text-muted-foreground", children: [
+          runList.length,
+          hasNextPage ? "+" : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(collapsible.CollapsibleContent, { keepMounted: true, fill: true, className: "flex min-h-0 flex-col", children: /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "min-h-0 w-full flex-1", mask: { top: false }, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-32" }) }) : /* @__PURE__ */ jsxRuntime.jsx(threadList.ThreadList, { "aria-label": "Workflow runs", embedded: true, children: runList.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(threadList.ThreadListEmpty, { children: error ? "Unable to load workflow runs." : "Your run history will appear here once you run the workflow" }) : /* @__PURE__ */ jsxRuntime.jsxs(threadList.ThreadListItems, { children: [
+        runList.map((run) => {
+          const isActiveRun = run.runId === runId;
+          const snapshot = parseRunSnapshot(run.snapshot);
+          const runInput = isActiveRun ? formatRunInput(snapshot) : null;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            threadList.ThreadListItem,
+            {
+              as: Link,
+              to: paths.workflowRunLink(workflowId, run.runId),
+              isActive: isActiveRun,
+              onDelete: canDeleteRun ? () => setDeleteRunId(run.runId) : void 0,
+              deleteLabel: "delete run",
+              className: "h-auto min-h-0 items-stretch py-1",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex w-full min-w-0 items-center gap-2.5 px-1 text-left", children: [
+                snapshot && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(domains_workflows_components_workflowRunStatusIcon.WorkflowRunStatusIcon, { status: snapshot.status }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col items-start gap-0.5", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex w-full min-w-0 items-center gap-2 text-caption", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", title: run.runId, children: run.runId }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    WorkflowRunMeta,
+                    {
+                      timestamp: domains_workflows_utils.getRunTimestamp(snapshot?.timestamp),
+                      resourceId: domains_workflows_utils.getRunResourceId(run)
+                    }
+                  ),
+                  runInput && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block w-full min-w-0 truncate text-caption text-muted-foreground", children: runInput })
+                ] })
+              ] })
+            },
+            `run-${run.runId}`
+          );
+        }),
+        isFetchingNextPage && /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex items-center justify-center py-2", children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { children: /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, {}) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setEndOfListElement }) })
+      ] }) }) }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DeleteRunDialog,
+      {
+        open: !!deleteRunId,
+        onOpenChange: () => setDeleteRunId(null),
+        onDelete: () => {
+          if (deleteRunId) {
+            void handleDelete(deleteRunId);
+          }
+        }
+      }
+    )
+  ] });
+};
+const DeleteRunDialog = ({ open, onOpenChange, onDelete }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Title, { children: "Are you absolutely sure?" }),
+      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Description, { children: "This action cannot be undone. This will permanently delete the workflow run and remove it from our servers." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog.Footer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Cancel, { children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Action, { onClick: onDelete, children: "Continue" })
+    ] })
+  ] }) });
+};
+
+exports.WorkflowRecentRuns = WorkflowRecentRuns;
+//# sourceMappingURL=workflow-run-list.cjs.js.map

package/dist/domains/workflows/runs/workflow-run-list.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-list.cjs.js","sources":["../../../../src/domains/workflows/runs/workflow-run-list.tsx"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { ChevronRight } from 'lucide-react';\nimport { useContext, useState } from 'react';\nimport { z } from 'zod';\nimport { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon';\nimport { WorkflowRunContext } from '../context/workflow-run-context';\nimport { getRunResourceId, getRunTimestamp } from '../utils';\nimport { useDeleteWorkflowRun, useWorkflowRuns } from '@/domains/workflows/hooks/use-workflow-runs';\nimport { AlertDialog } from '@/ds/components/AlertDialog';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/ds/components/Collapsible';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { ThreadList, ThreadListEmpty, ThreadListItem, ThreadListItems } from '@/ds/components/ThreadList';\nimport { Icon } from '@/ds/icons/Icon';\nimport { useLinkComponent } from '@/lib/framework';\nimport { formatDate } from '@/utils/date-format';\n\nexport interface WorkflowRecentRunsProps {\n  workflowId: string;\n  runId?: string;\n  canDelete: boolean;\n}\n\nconst runSnapshotSchema = z.object({\n  status: z.enum(['running', 'failed', 'canceled', 'pending', 'waiting', 'paused', 'suspended', 'success']),\n  timestamp: z.number().optional(),\n  context: z.object({ input: z.unknown() }),\n});\nconst wrappedRunInputSchema = z.object({ output: z.unknown() });\ntype RunSnapshot = z.infer<typeof runSnapshotSchema>;\ntype WorkflowRuns = Awaited<ReturnType<ReturnType<MastraClient['getWorkflow']>['runs']>>;\ntype WorkflowRunSnapshot = WorkflowRuns['runs'][number]['snapshot'];\n\nfunction parseRunSnapshot(snapshot: WorkflowRunSnapshot): RunSnapshot | undefined {\n  const result = runSnapshotSchema.safeParse(snapshot);\n  return result.success ? result.data : undefined;\n}\n\nfunction formatRunInput(snapshot: RunSnapshot | undefined): string | null {\n  if (!snapshot || snapshot.context.input == null) return null;\n\n  const input = snapshot.context.input;\n  const parsedString = z.string().safeParse(input);\n  if (parsedString.success) return parsedString.data;\n\n  const parsedWrappedInput = wrappedRunInputSchema.safeParse(input);\n  const inputValue = parsedWrappedInput.success ? parsedWrappedInput.data.output : input;\n\n  try {\n    return JSON.stringify(inputValue);\n  } catch {\n    return null;\n  }\n}\n\nfunction WorkflowRunMeta({ timestamp, resourceId }: { timestamp?: number; resourceId?: string }) {\n  if (timestamp === undefined && !resourceId) return null;\n\n  return (\n    <span className=\"flex w-full min-w-0 items-center gap-1.5 text-meta text-muted-foreground\">\n      {timestamp !== undefined && (\n        <time className=\"shrink-0\" dateTime={new Date(timestamp).toISOString()}>\n          {formatDate(timestamp, 'date-time')}\n        </time>\n      )}\n      {resourceId && (\n        <span className=\"min-w-0 truncate\" title={`Resource ${resourceId}`}>\n          {timestamp === undefined ? resourceId : `· ${resourceId}`}\n        </span>\n      )}\n    </span>\n  );\n}\n\nexport const WorkflowRecentRuns = ({ workflowId, runId, canDelete: canDeleteRun }: WorkflowRecentRunsProps) => {\n  const [isOpen, setIsOpen] = useState(true);\n  const [deleteRunId, setDeleteRunId] = useState<string | null>(null);\n\n  const { Link, paths, navigate } = useLinkComponent();\n  const {\n    isLoading,\n    error,\n    data: runs,\n    setEndOfListElement,\n    isFetchingNextPage,\n    hasNextPage,\n  } = useWorkflowRuns(workflowId);\n  const { mutateAsync: deleteRun } = useDeleteWorkflowRun(workflowId);\n\n  const handleDelete = async (runId: string) => {\n    try {\n      await deleteRun({ runId });\n      setDeleteRunId(null);\n      navigate(paths.workflowLink(workflowId));\n    } catch {\n      setDeleteRunId(null);\n    }\n  };\n\n  const runList = runs || [];\n\n  return (\n    <>\n      <Collapsible open={isOpen} onOpenChange={setIsOpen} className=\"flex min-h-0 flex-col\">\n        <CollapsibleTrigger className=\"flex shrink-0 items-center gap-2 px-4 py-3 text-left text-caption text-muted-foreground\">\n          <ChevronRight aria-hidden className=\"size-4 shrink-0 text-muted-foreground motion-reduce:transition-none\" />\n          <span>Recent runs</span>\n          {!isLoading && !error && (\n            <span className=\"text-meta text-muted-foreground\">\n              {runList.length}\n              {hasNextPage ? '+' : ''}\n            </span>\n          )}\n        </CollapsibleTrigger>\n        <CollapsibleContent keepMounted fill className=\"flex min-h-0 flex-col\">\n          <ScrollArea className=\"min-h-0 w-full flex-1\" mask={{ top: false }}>\n            {isLoading ? (\n              <div className=\"p-4\">\n                <Skeleton className=\"h-32\" />\n              </div>\n            ) : (\n              <ThreadList aria-label=\"Workflow runs\" embedded>\n                {runList.length === 0 ? (\n                  <ThreadListEmpty>\n                    {error\n                      ? 'Unable to load workflow runs.'\n                      : 'Your run history will appear here once you run the workflow'}\n                  </ThreadListEmpty>\n                ) : (\n                  <ThreadListItems>\n                    {runList.map(run => {\n                      const isActiveRun = run.runId === runId;\n                      const snapshot = parseRunSnapshot(run.snapshot);\n                      const runInput = isActiveRun ? formatRunInput(snapshot) : null;\n\n                      return (\n                        <ThreadListItem\n                          key={`run-${run.runId}`}\n                          as={Link}\n                          to={paths.workflowRunLink(workflowId, run.runId)}\n                          isActive={isActiveRun}\n                          onDelete={canDeleteRun ? () => setDeleteRunId(run.runId) : undefined}\n                          deleteLabel=\"delete run\"\n                          className=\"h-auto min-h-0 items-stretch py-1\"\n                        >\n                          <span className=\"flex w-full min-w-0 items-center gap-2.5 px-1 text-left\">\n                            {snapshot && (\n                              <span className=\"shrink-0\">\n                                <WorkflowRunStatusIcon status={snapshot.status} />\n                              </span>\n                            )}\n                            <span className=\"flex min-w-0 flex-1 flex-col items-start gap-0.5\">\n                              <span className=\"flex w-full min-w-0 items-center gap-2 text-caption\">\n                                <span className=\"min-w-0 flex-1 truncate font-medium text-foreground\" title={run.runId}>\n                                  {run.runId}\n                                </span>\n                              </span>\n                              <WorkflowRunMeta\n                                timestamp={getRunTimestamp(snapshot?.timestamp)}\n                                resourceId={getRunResourceId(run)}\n                              />\n                              {runInput && (\n                                <span className=\"block w-full min-w-0 truncate text-caption text-muted-foreground\">\n                                  {runInput}\n                                </span>\n                              )}\n                            </span>\n                          </span>\n                        </ThreadListItem>\n                      );\n                    })}\n\n                    {isFetchingNextPage && (\n                      <li className=\"flex items-center justify-center py-2\">\n                        <Icon>\n                          <Spinner />\n                        </Icon>\n                      </li>\n                    )}\n                    <li>\n                      <div ref={setEndOfListElement} />\n                    </li>\n                  </ThreadListItems>\n                )}\n              </ThreadList>\n            )}\n          </ScrollArea>\n        </CollapsibleContent>\n      </Collapsible>\n\n      <DeleteRunDialog\n        open={!!deleteRunId}\n        onOpenChange={() => setDeleteRunId(null)}\n        onDelete={() => {\n          if (deleteRunId) {\n            void handleDelete(deleteRunId);\n          }\n        }}\n      />\n    </>\n  );\n};\n\ninterface DeleteRunDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onDelete: () => void;\n}\nconst DeleteRunDialog = ({ open, onOpenChange, onDelete }: DeleteRunDialogProps) => {\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialog.Content>\n        <AlertDialog.Header>\n          <AlertDialog.Title>Are you absolutely sure?</AlertDialog.Title>\n          <AlertDialog.Description>\n            This action cannot be undone. This will permanently delete the workflow run and remove it from our servers.\n          </AlertDialog.Description>\n        </AlertDialog.Header>\n        <AlertDialog.Footer>\n          <AlertDialog.Cancel>Cancel</AlertDialog.Cancel>\n          <AlertDialog.Action onClick={onDelete}>Continue</AlertDialog.Action>\n        </AlertDialog.Footer>\n      </AlertDialog.Content>\n    </AlertDialog>\n  );\n};\n"],"names":["z","jsxs","jsx","formatDate","useState","useLinkComponent","useWorkflowRuns","useDeleteWorkflowRun","runId","Fragment","Collapsible","CollapsibleTrigger","ChevronRight","CollapsibleContent","ScrollArea","Skeleton","ThreadList","ThreadListEmpty","ThreadListItems","ThreadListItem","WorkflowRunStatusIcon","getRunTimestamp","getRunResourceId","Icon","Spinner","AlertDialog"],"mappings":"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"}

package/dist/domains/workflows/runs/workflow-run-list.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../src/domains/workflows/runs/workflow-run-list'
+export {}

package/dist/domains/workflows/runs/workflow-run-list.es.js

@@ -0,0 +1,145 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { ChevronRight } from 'lucide-react';
+import { useState } from 'react';
+import { z } from 'zod';
+import { WorkflowRunStatusIcon } from '../components/workflow-run-status-icon.es.js';
+import { getRunResourceId, getRunTimestamp } from '../utils.es.js';
+import { useWorkflowRuns, useDeleteWorkflowRun } from '../hooks/use-workflow-runs.es.js';
+import { A as AlertDialog } from '../../../alert-dialog-C21QCl3B.js';
+import { C as Collapsible, b as CollapsibleTrigger, a as CollapsibleContent } from '../../../collapsible-DhhP5p1j.js';
+import { S as ScrollArea } from '../../../scroll-area-DyTZoISq.js';
+import { S as Skeleton } from '../../../skeleton-BsRAXyh5.js';
+import { S as Spinner } from '../../../spinner-ylbE0TJA.js';
+import { T as ThreadList, a as ThreadListEmpty, c as ThreadListItems, b as ThreadListItem } from '../../../thread-list-DAVEf0g7.js';
+import { Icon } from '../../../icons/Icon.es.js';
+import { useLinkComponent } from '../../../lib/framework.es.js';
+import { formatDate } from '../../../utils/date-format.es.js';
+
+const runSnapshotSchema = z.object({
+  status: z.enum(["running", "failed", "canceled", "pending", "waiting", "paused", "suspended", "success"]),
+  timestamp: z.number().optional(),
+  context: z.object({ input: z.unknown() })
+});
+const wrappedRunInputSchema = z.object({ output: z.unknown() });
+function parseRunSnapshot(snapshot) {
+  const result = runSnapshotSchema.safeParse(snapshot);
+  return result.success ? result.data : void 0;
+}
+function formatRunInput(snapshot) {
+  if (!snapshot || snapshot.context.input == null) return null;
+  const input = snapshot.context.input;
+  const parsedString = z.string().safeParse(input);
+  if (parsedString.success) return parsedString.data;
+  const parsedWrappedInput = wrappedRunInputSchema.safeParse(input);
+  const inputValue = parsedWrappedInput.success ? parsedWrappedInput.data.output : input;
+  try {
+    return JSON.stringify(inputValue);
+  } catch {
+    return null;
+  }
+}
+function WorkflowRunMeta({ timestamp, resourceId }) {
+  if (timestamp === void 0 && !resourceId) return null;
+  return /* @__PURE__ */ jsxs("span", { className: "flex w-full min-w-0 items-center gap-1.5 text-meta text-muted-foreground", children: [
+    timestamp !== void 0 && /* @__PURE__ */ jsx("time", { className: "shrink-0", dateTime: new Date(timestamp).toISOString(), children: formatDate(timestamp, "date-time") }),
+    resourceId && /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", title: `Resource ${resourceId}`, children: timestamp === void 0 ? resourceId : `· ${resourceId}` })
+  ] });
+}
+const WorkflowRecentRuns = ({ workflowId, runId, canDelete: canDeleteRun }) => {
+  const [isOpen, setIsOpen] = useState(true);
+  const [deleteRunId, setDeleteRunId] = useState(null);
+  const { Link, paths, navigate } = useLinkComponent();
+  const {
+    isLoading,
+    error,
+    data: runs,
+    setEndOfListElement,
+    isFetchingNextPage,
+    hasNextPage
+  } = useWorkflowRuns(workflowId);
+  const { mutateAsync: deleteRun } = useDeleteWorkflowRun(workflowId);
+  const handleDelete = async (runId2) => {
+    try {
+      await deleteRun({ runId: runId2 });
+      setDeleteRunId(null);
+      navigate(paths.workflowLink(workflowId));
+    } catch {
+      setDeleteRunId(null);
+    }
+  };
+  const runList = runs || [];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: "flex min-h-0 flex-col", children: [
+      /* @__PURE__ */ jsxs(CollapsibleTrigger, { className: "flex shrink-0 items-center gap-2 px-4 py-3 text-left text-caption text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": true, className: "size-4 shrink-0 text-muted-foreground motion-reduce:transition-none" }),
+        /* @__PURE__ */ jsx("span", { children: "Recent runs" }),
+        !isLoading && !error && /* @__PURE__ */ jsxs("span", { className: "text-meta text-muted-foreground", children: [
+          runList.length,
+          hasNextPage ? "+" : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(CollapsibleContent, { keepMounted: true, fill: true, className: "flex min-h-0 flex-col", children: /* @__PURE__ */ jsx(ScrollArea, { className: "min-h-0 w-full flex-1", mask: { top: false }, children: isLoading ? /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-32" }) }) : /* @__PURE__ */ jsx(ThreadList, { "aria-label": "Workflow runs", embedded: true, children: runList.length === 0 ? /* @__PURE__ */ jsx(ThreadListEmpty, { children: error ? "Unable to load workflow runs." : "Your run history will appear here once you run the workflow" }) : /* @__PURE__ */ jsxs(ThreadListItems, { children: [
+        runList.map((run) => {
+          const isActiveRun = run.runId === runId;
+          const snapshot = parseRunSnapshot(run.snapshot);
+          const runInput = isActiveRun ? formatRunInput(snapshot) : null;
+          return /* @__PURE__ */ jsx(
+            ThreadListItem,
+            {
+              as: Link,
+              to: paths.workflowRunLink(workflowId, run.runId),
+              isActive: isActiveRun,
+              onDelete: canDeleteRun ? () => setDeleteRunId(run.runId) : void 0,
+              deleteLabel: "delete run",
+              className: "h-auto min-h-0 items-stretch py-1",
+              children: /* @__PURE__ */ jsxs("span", { className: "flex w-full min-w-0 items-center gap-2.5 px-1 text-left", children: [
+                snapshot && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsx(WorkflowRunStatusIcon, { status: snapshot.status }) }),
+                /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col items-start gap-0.5", children: [
+                  /* @__PURE__ */ jsx("span", { className: "flex w-full min-w-0 items-center gap-2 text-caption", children: /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", title: run.runId, children: run.runId }) }),
+                  /* @__PURE__ */ jsx(
+                    WorkflowRunMeta,
+                    {
+                      timestamp: getRunTimestamp(snapshot?.timestamp),
+                      resourceId: getRunResourceId(run)
+                    }
+                  ),
+                  runInput && /* @__PURE__ */ jsx("span", { className: "block w-full min-w-0 truncate text-caption text-muted-foreground", children: runInput })
+                ] })
+              ] })
+            },
+            `run-${run.runId}`
+          );
+        }),
+        isFetchingNextPage && /* @__PURE__ */ jsx("li", { className: "flex items-center justify-center py-2", children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Spinner, {}) }) }),
+        /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("div", { ref: setEndOfListElement }) })
+      ] }) }) }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DeleteRunDialog,
+      {
+        open: !!deleteRunId,
+        onOpenChange: () => setDeleteRunId(null),
+        onDelete: () => {
+          if (deleteRunId) {
+            void handleDelete(deleteRunId);
+          }
+        }
+      }
+    )
+  ] });
+};
+const DeleteRunDialog = ({ open, onOpenChange, onDelete }) => {
+  return /* @__PURE__ */ jsx(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(AlertDialog.Content, { children: [
+    /* @__PURE__ */ jsxs(AlertDialog.Header, { children: [
+      /* @__PURE__ */ jsx(AlertDialog.Title, { children: "Are you absolutely sure?" }),
+      /* @__PURE__ */ jsx(AlertDialog.Description, { children: "This action cannot be undone. This will permanently delete the workflow run and remove it from our servers." })
+    ] }),
+    /* @__PURE__ */ jsxs(AlertDialog.Footer, { children: [
+      /* @__PURE__ */ jsx(AlertDialog.Cancel, { children: "Cancel" }),
+      /* @__PURE__ */ jsx(AlertDialog.Action, { onClick: onDelete, children: "Continue" })
+    ] })
+  ] }) });
+};
+
+export { WorkflowRecentRuns };
+//# sourceMappingURL=workflow-run-list.es.js.map