@mastra/playground-ui 66.0.0-alpha.2 → 66.0.0-alpha.4

package/dist/domains/traces/utils/feedback-author.cjs.js

@@ -1,11 +1,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region src/domains/traces/utils/feedback-author.ts
+// src/domains/traces/utils/feedback-author.ts
 /** Display label for a feedback author: name → email → id. */
 function feedbackAuthorLabel(feedback) {
 	const author = feedback.author;
 	return author ? author.name || author.email || author.id : void 0;
 }
-//#endregion
 exports.feedbackAuthorLabel = feedbackAuthorLabel;
 
 //# sourceMappingURL=feedback-author.cjs.js.map

package/dist/domains/traces/utils/feedback-author.es.js

@@ -1,10 +1,9 @@
-//#region src/domains/traces/utils/feedback-author.ts
+// src/domains/traces/utils/feedback-author.ts
 /** Display label for a feedback author: name → email → id. */
 function feedbackAuthorLabel(feedback) {
 	const author = feedback.author;
 	return author ? author.name || author.email || author.id : void 0;
 }
-//#endregion
 export { feedbackAuthorLabel };
 
 //# sourceMappingURL=feedback-author.es.js.map

package/dist/domains/traces/utils/filter-spans-keeping-ancestors.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region src/domains/traces/utils/filter-spans-keeping-ancestors.ts
+// src/domains/traces/utils/filter-spans-keeping-ancestors.ts
 /**
 * Filter a flat span list down to the spans matching `predicate`, plus every
 * ancestor needed to keep those spans connected to their root, plus the whole
@@ -53,7 +53,6 @@ function filterSpansKeepingAncestors(spans, predicate) {
 	}
 	return spans.filter((span) => span && kept.has(span.spanId));
 }
-//#endregion
 exports.filterSpansKeepingAncestors = filterSpansKeepingAncestors;
 
 //# sourceMappingURL=filter-spans-keeping-ancestors.cjs.js.map

package/dist/domains/traces/utils/filter-spans-keeping-ancestors.es.js

@@ -1,4 +1,4 @@
-//#region src/domains/traces/utils/filter-spans-keeping-ancestors.ts
+// src/domains/traces/utils/filter-spans-keeping-ancestors.ts
 /**
 * Filter a flat span list down to the spans matching `predicate`, plus every
 * ancestor needed to keep those spans connected to their root, plus the whole
@@ -52,7 +52,6 @@ function filterSpansKeepingAncestors(spans, predicate) {
 	}
 	return spans.filter((span) => span && kept.has(span.spanId));
 }
-//#endregion
 export { filterSpansKeepingAncestors };
 
 //# sourceMappingURL=filter-spans-keeping-ancestors.es.js.map

package/dist/domains/traces/utils/flatten-to-search-text.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region src/domains/traces/utils/flatten-to-search-text.ts
+// src/domains/traces/utils/flatten-to-search-text.ts
 /**
 * Flatten an arbitrary value into a single space-separated string containing
 * every searchable token it holds, however deeply nested.
@@ -92,7 +92,6 @@ function collectFromObject(object, parts, path) {
 		collect(item, parts, path);
 	}
 }
-//#endregion
 exports.flattenToSearchText = flattenToSearchText;
 
 //# sourceMappingURL=flatten-to-search-text.cjs.js.map

package/dist/domains/traces/utils/flatten-to-search-text.es.js

@@ -1,4 +1,4 @@
-//#region src/domains/traces/utils/flatten-to-search-text.ts
+// src/domains/traces/utils/flatten-to-search-text.ts
 /**
 * Flatten an arbitrary value into a single space-separated string containing
 * every searchable token it holds, however deeply nested.
@@ -91,7 +91,6 @@ function collectFromObject(object, parts, path) {
 		collect(item, parts, path);
 	}
 }
-//#endregion
 export { flattenToSearchText };
 
 //# sourceMappingURL=flatten-to-search-text.es.js.map

package/dist/domains/traces/utils/span-signal.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_chat_messages_signal_data = require("../../chat/messages/signal-data.cjs.js");
 let _mastra_core_observability = require("@mastra/core/observability");
-//#region src/domains/traces/utils/span-signal.ts
+// src/domains/traces/utils/span-signal.ts
 var readString = (value) => typeof value === "string" ? value : void 0;
 /** Legacy signal types normalized the way core's `createSignal` does. */
 function normalizeType(type, tagName) {
@@ -70,7 +70,6 @@ function getSignalInputPreview(input) {
 	if (!label) return text;
 	return text ? `${label}: ${text}` : label;
 }
-//#endregion
 exports.getSignalInputPreview = getSignalInputPreview;
 exports.getSignalLabel = getSignalLabel;
 exports.getSpanSignal = getSpanSignal;

package/dist/domains/traces/utils/span-signal.es.js

@@ -1,6 +1,6 @@
 import { isRecord, signalContentsToText } from "../../chat/messages/signal-data.es.js";
 import { SpanType } from "@mastra/core/observability";
-//#region src/domains/traces/utils/span-signal.ts
+// src/domains/traces/utils/span-signal.ts
 var readString = (value) => typeof value === "string" ? value : void 0;
 /** Legacy signal types normalized the way core's `createSignal` does. */
 function normalizeType(type, tagName) {
@@ -69,7 +69,6 @@ function getSignalInputPreview(input) {
 	if (!label) return text;
 	return text ? `${label}: ${text}` : label;
 }
-//#endregion
 export { getSignalInputPreview, getSignalLabel, getSpanSignal };
 
 //# sourceMappingURL=span-signal.es.js.map

package/dist/domains/traces/utils/span-timing.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region src/domains/traces/utils/span-timing.ts
+// src/domains/traces/utils/span-timing.ts
 /** Length of a track spanning every top-level span, from the first span start to the latest span end. */
 function getOverallLatency(spans) {
 	const [firstSpan] = spans;
@@ -24,7 +24,6 @@ function getSpanTimingLayout(span, overallLatency, overallStartTime) {
 		widthPercent: Math.min(100 - leftPercent, Math.ceil(span.latency / overallLatency * 100))
 	};
 }
-//#endregion
 exports.getOverallLatency = getOverallLatency;
 exports.getSpanTimingLayout = getSpanTimingLayout;
 

package/dist/domains/traces/utils/span-timing.es.js

@@ -1,4 +1,4 @@
-//#region src/domains/traces/utils/span-timing.ts
+// src/domains/traces/utils/span-timing.ts
 /** Length of a track spanning every top-level span, from the first span start to the latest span end. */
 function getOverallLatency(spans) {
 	const [firstSpan] = spans;
@@ -23,7 +23,6 @@ function getSpanTimingLayout(span, overallLatency, overallStartTime) {
 		widthPercent: Math.min(100 - leftPercent, Math.ceil(span.latency / overallLatency * 100))
 	};
 }
-//#endregion
 export { getOverallLatency, getSpanTimingLayout };
 
 //# sourceMappingURL=span-timing.es.js.map

package/dist/domains/traces/utils/span-utils.cjs.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils_date_format = require("../../../utils/date-format.cjs.js");
 const require_domains_traces_utils_span_signal = require("./span-signal.cjs.js");
-//#region src/domains/traces/utils/span-utils.ts
+// src/domains/traces/utils/span-utils.ts
 function getSpanDurationMs(startedAt, endedAt) {
 	const startedAtMs = require_utils_date_format.toDate(startedAt)?.getTime();
 	const endedAtMs = require_utils_date_format.toDate(endedAt)?.getTime();
@@ -57,7 +57,6 @@ function getTokenLimitMessage(span) {
 	if (inputTokens > 0 || outputTokens > 0) return `The model stopped generating because it reached the maximum token limit. The response was truncated and may be incomplete.\n\nToken usage: ${inputTokens} input + ${outputTokens} output = ${totalTokens} total`;
 	return `The model stopped generating because it reached the maximum token limit (${totalTokens} tokens). The response was truncated and may be incomplete.`;
 }
-//#endregion
 exports.getInputPreview = getInputPreview;
 exports.getSpanDurationMs = getSpanDurationMs;
 exports.getTokenLimitMessage = getTokenLimitMessage;

package/dist/domains/traces/utils/span-utils.es.js

@@ -1,6 +1,6 @@
 import { toDate } from "../../../utils/date-format.es.js";
 import { getSignalInputPreview } from "./span-signal.es.js";
-//#region src/domains/traces/utils/span-utils.ts
+// src/domains/traces/utils/span-utils.ts
 function getSpanDurationMs(startedAt, endedAt) {
 	const startedAtMs = toDate(startedAt)?.getTime();
 	const endedAtMs = toDate(endedAt)?.getTime();
@@ -56,7 +56,6 @@ function getTokenLimitMessage(span) {
 	if (inputTokens > 0 || outputTokens > 0) return `The model stopped generating because it reached the maximum token limit. The response was truncated and may be incomplete.\n\nToken usage: ${inputTokens} input + ${outputTokens} output = ${totalTokens} total`;
 	return `The model stopped generating because it reached the maximum token limit (${totalTokens} tokens). The response was truncated and may be incomplete.`;
 }
-//#endregion
 export { getInputPreview, getSpanDurationMs, getTokenLimitMessage, isTokenLimitExceeded };
 
 //# sourceMappingURL=span-utils.es.js.map

package/dist/domains/traces/utils/to-searchable-spans.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_traces_utils_flatten_to_search_text = require("./flatten-to-search-text.cjs.js");
-//#region src/domains/traces/utils/to-searchable-spans.ts
+// src/domains/traces/utils/to-searchable-spans.ts
 /**
 * Attach a precomputed search haystack to each span.
 *
@@ -21,7 +21,6 @@ function toSearchableSpans(spans) {
 		searchText: require_domains_traces_utils_flatten_to_search_text.flattenToSearchText(span).toLowerCase()
 	}));
 }
-//#endregion
 exports.toSearchableSpans = toSearchableSpans;
 
 //# sourceMappingURL=to-searchable-spans.cjs.js.map

package/dist/domains/traces/utils/to-searchable-spans.es.js

@@ -1,5 +1,5 @@
 import { flattenToSearchText } from "./flatten-to-search-text.es.js";
-//#region src/domains/traces/utils/to-searchable-spans.ts
+// src/domains/traces/utils/to-searchable-spans.ts
 /**
 * Attach a precomputed search haystack to each span.
 *
@@ -20,7 +20,6 @@ function toSearchableSpans(spans) {
 		searchText: flattenToSearchText(span).toLowerCase()
 	}));
 }
-//#endregion
 export { toSearchableSpans };
 
 //# sourceMappingURL=to-searchable-spans.es.js.map

package/dist/domains/traces.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_trace_filters = require("../trace-filters-Dye2hTh3.cjs");
+const require_trace_filters = require("../trace-filters-HWOGfVqx.cjs");
 const require_domains_traces_components_traces_spans_switch = require("./traces/components/traces-spans-switch.cjs.js");
 const require_domains_traces_hooks_use_traces_list_source = require("./traces/hooks/use-traces-list-source.cjs.js");
 const require_domains_traces_utils_span_utils = require("./traces/utils/span-utils.cjs.js");

package/dist/domains/traces.es.js

@@ -1,4 +1,4 @@
-import { $ as traceFiltersToFilterBarExpression, A as TRACE_TEXT_OPERATORS, B as hasAnyTraceFilterParams, C as TRACE_ROOT_ENTITY_TYPE_PARAM, D as TRACE_STRING_OPERATORS, E as TRACE_STATUS_VALUES, F as filterBarExpressionToTraceFilters, G as metadataParamToFieldId, H as isTraceMetadataFieldId, I as filterBarItemsToTraceTokens, J as serializeTraceFilterGroup, K as parseTraceFilterGroupParam, L as getPreservedTraceFilterParams, M as buildTraceListFilters, N as clearSavedTraceFilters, O as TRACE_SYNTHETIC_FILTER_FIELD_IDS, P as createTraceFilterBarFields, Q as traceFilterTokenOperator, R as getTraceFilterGroups, S as TRACE_REQUIRED_STRING_OPERATORS, T as TRACE_STATUS_PARAM, U as loadTraceFiltersFromStorage, V as isLegacyAnyValue, W as metadataFieldIdToParam, X as traceFilterFieldIcon, Y as traceFilterFieldColor, Z as traceFilterOperatorParam, _ as TRACE_METADATA_FILTER_PARAM_PREFIX, a as TRACE_DATE_FROM_PARAM, at as buildTraceQueryRequest, b as TRACE_PROPERTY_FILTER_FIELD_IDS, c as TRACE_DATE_TO_PARAM, ct as resolveTraceQueryTimeRange, d as TRACE_FILTER_GROUP_PARAM, et as traceTokensToFilterBarItems, f as TRACE_FILTER_OPERATOR_PARAM_SUFFIX, g as TRACE_METADATA_FILTER_FIELD_PREFIX, h as TRACE_LIST_MODE_VALUES, i as TRACE_ANCHOR_SPAN_ID_PARAM, it as TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS, j as applyTracePropertyFilterTokens, k as TRACE_SYNTHETIC_OPERATORS, l as TRACE_FILTER_BAR_LABELS, lt as scalarPredicate, m as TRACE_LIST_MODE_PARAM, n as ROOT_ENTITY_TYPES, nt as TRACE_QUERY_NUMERIC_FIELD_IDS, o as TRACE_DATE_PRESET_PARAM, ot as isTraceFilterGroup, p as TRACE_LIST_MODE_OPTIONS, q as saveTraceFiltersToStorage, r as ROOT_ENTITY_TYPE_OPTIONS, rt as TRACE_QUERY_OPTIONAL_TRACE_FIELD_IDS, s as TRACE_DATE_PRESET_VALUES, st as isTraceFilterOperatorId, t as DEFAULT_TRACE_FILTERS_STORAGE_KEY, tt as TRACE_FILTER_OPERATOR_IDS, u as TRACE_FILTER_BAR_OPERATORS, v as TRACE_NUMBER_OPERATORS, w as TRACE_STATUS_OPTIONS, x as TRACE_PROPERTY_FILTER_PARAM_BY_FIELD, y as TRACE_PRESENCE_OPERATORS, z as getTracePropertyFilterTokens } from "../trace-filters-B6xAWZLc.js";
+import { $ as traceFiltersToFilterBarExpression, A as TRACE_TEXT_OPERATORS, B as hasAnyTraceFilterParams, C as TRACE_ROOT_ENTITY_TYPE_PARAM, D as TRACE_STRING_OPERATORS, E as TRACE_STATUS_VALUES, F as filterBarExpressionToTraceFilters, G as metadataParamToFieldId, H as isTraceMetadataFieldId, I as filterBarItemsToTraceTokens, J as serializeTraceFilterGroup, K as parseTraceFilterGroupParam, L as getPreservedTraceFilterParams, M as buildTraceListFilters, N as clearSavedTraceFilters, O as TRACE_SYNTHETIC_FILTER_FIELD_IDS, P as createTraceFilterBarFields, Q as traceFilterTokenOperator, R as getTraceFilterGroups, S as TRACE_REQUIRED_STRING_OPERATORS, T as TRACE_STATUS_PARAM, U as loadTraceFiltersFromStorage, V as isLegacyAnyValue, W as metadataFieldIdToParam, X as traceFilterFieldIcon, Y as traceFilterFieldColor, Z as traceFilterOperatorParam, _ as TRACE_METADATA_FILTER_PARAM_PREFIX, a as TRACE_DATE_FROM_PARAM, at as buildTraceQueryRequest, b as TRACE_PROPERTY_FILTER_FIELD_IDS, c as TRACE_DATE_TO_PARAM, ct as resolveTraceQueryTimeRange, d as TRACE_FILTER_GROUP_PARAM, et as traceTokensToFilterBarItems, f as TRACE_FILTER_OPERATOR_PARAM_SUFFIX, g as TRACE_METADATA_FILTER_FIELD_PREFIX, h as TRACE_LIST_MODE_VALUES, i as TRACE_ANCHOR_SPAN_ID_PARAM, it as TRACE_QUERY_UNSUPPORTED_FILTER_FIELDS, j as applyTracePropertyFilterTokens, k as TRACE_SYNTHETIC_OPERATORS, l as TRACE_FILTER_BAR_LABELS, lt as scalarPredicate, m as TRACE_LIST_MODE_PARAM, n as ROOT_ENTITY_TYPES, nt as TRACE_QUERY_NUMERIC_FIELD_IDS, o as TRACE_DATE_PRESET_PARAM, ot as isTraceFilterGroup, p as TRACE_LIST_MODE_OPTIONS, q as saveTraceFiltersToStorage, r as ROOT_ENTITY_TYPE_OPTIONS, rt as TRACE_QUERY_OPTIONAL_TRACE_FIELD_IDS, s as TRACE_DATE_PRESET_VALUES, st as isTraceFilterOperatorId, t as DEFAULT_TRACE_FILTERS_STORAGE_KEY, tt as TRACE_FILTER_OPERATOR_IDS, u as TRACE_FILTER_BAR_OPERATORS, v as TRACE_NUMBER_OPERATORS, w as TRACE_STATUS_OPTIONS, x as TRACE_PROPERTY_FILTER_PARAM_BY_FIELD, y as TRACE_PRESENCE_OPERATORS, z as getTracePropertyFilterTokens } from "../trace-filters-BpIMoLTk.js";
 import { TracesSpansSwitch, TracesSpansSwitchSkeleton } from "./traces/components/traces-spans-switch.es.js";
 import { useTracesListSource } from "./traces/hooks/use-traces-list-source.es.js";
 import { getInputPreview, getSpanDurationMs, getTokenLimitMessage, isTokenLimitExceeded } from "./traces/utils/span-utils.es.js";

package/dist/domains/workflows/components/workflow-combobox.cjs.js

@@ -1,18 +1,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_lib_framework = require("../../../lib/framework.cjs.js");
-const require_toast = require("../../../toast-DiS9Nls1.cjs");
-const require_combobox = require("../../../combobox-Dqwu3ZeX.cjs");
+const require_toast_api = require("../../../toast-api-Bv87KHu_.cjs");
+const require_combobox = require("../../../combobox-Bi1vnOZt.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mastra_react_hooks_workflows = require("@mastra/react/hooks/workflows");
-//#region src/domains/workflows/components/workflow-combobox.tsx
+// src/domains/workflows/components/workflow-combobox.tsx
 function WorkflowCombobox({ value, onValueChange, placeholder = "Select a workflow...", searchPlaceholder = "Search workflows...", emptyText = "No workflows found.", className, disabled = false, variant, size, "aria-label": ariaLabel, align, requestContext }) {
 	const { data: workflows = {}, isLoading, isError, error } = (0, _mastra_react_hooks_workflows.useWorkflows)({ requestContext });
 	const { navigate, paths } = require_lib_framework.useLinkComponent();
 	(0, react.useEffect)(() => {
 		if (isError) {
 			const errorMessage = error instanceof Error ? error.message : "Failed to load workflows";
-			require_toast.toast.error(`Error loading workflows: ${errorMessage}`);
+			require_toast_api.toast.error(`Error loading workflows: ${errorMessage}`);
 		}
 	}, [isError, error]);
 	const workflowOptions = Object.keys(workflows).map((key) => ({
@@ -38,7 +38,6 @@ function WorkflowCombobox({ value, onValueChange, placeholder = "Select a workfl
 		align
 	});
 }
-//#endregion
 exports.WorkflowCombobox = WorkflowCombobox;
 
 //# sourceMappingURL=workflow-combobox.cjs.js.map

package/dist/domains/workflows/components/workflow-combobox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-combobox.cjs.js","names":["useWorkflows","useLinkComponent","Combobox"],"sources":["../../../../src/domains/workflows/components/workflow-combobox.tsx"],"sourcesContent":["import { useWorkflows } from '@mastra/react/hooks/workflows';\nimport { useEffect } from 'react';\nimport { Combobox } from '@/ds/components/Combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox';\nimport { useLinkComponent } from '@/lib/framework';\nimport { toast } from '@/utils/toast';\n\nexport interface WorkflowComboboxProps {\n  requestContext?: Record<string, any>;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  variant?: ComboboxProps['variant'];\n  size?: ComboboxProps['size'];\n  'aria-label'?: string;\n  align?: ComboboxProps['align'];\n}\n\nexport function WorkflowCombobox({\n  value,\n  onValueChange,\n  placeholder = 'Select a workflow...',\n  searchPlaceholder = 'Search workflows...',\n  emptyText = 'No workflows found.',\n  className,\n  disabled = false,\n  variant,\n  size,\n  'aria-label': ariaLabel,\n  align,\n  requestContext,\n}: WorkflowComboboxProps) {\n  const { data: workflows = {}, isLoading, isError, error } = useWorkflows({ requestContext });\n  const { navigate, paths } = useLinkComponent();\n\n  useEffect(() => {\n    if (isError) {\n      const errorMessage = error instanceof Error ? error.message : 'Failed to load workflows';\n      toast.error(`Error loading workflows: ${errorMessage}`);\n    }\n  }, [isError, error]);\n\n  const workflowOptions = Object.keys(workflows).map(key => ({\n    label: workflows[key]?.name || key,\n    value: key,\n  }));\n\n  const handleValueChange = (newWorkflowId: string) => {\n    if (onValueChange) {\n      onValueChange(newWorkflowId);\n    } else if (newWorkflowId && newWorkflowId !== value) {\n      navigate(paths.workflowLink(newWorkflowId));\n    }\n  };\n\n  return (\n    <Combobox\n      options={workflowOptions}\n      value={value}\n      onValueChange={handleValueChange}\n      placeholder={isLoading ? 'Loading workflows...' : placeholder}\n      searchPlaceholder={searchPlaceholder}\n      emptyText={emptyText}\n      className={className}\n      disabled={disabled || isLoading || isError}\n      variant={variant}\n      size={size}\n      aria-label={ariaLabel}\n      align={align}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAsBA,SAAgB,iBAAiB,EAC/B,OACA,eACA,cAAc,wBACd,oBAAoB,uBACpB,YAAY,uBACZ,WACA,WAAW,OACX,SACA,MACA,cAAc,WACd,OACA,kBACwB;CACxB,MAAM,EAAE,MAAM,YAAY,CAAC,GAAG,WAAW,SAAS,WAAA,GAAUA,8BAAAA,aAAAA,CAAa,EAAE,eAAe,CAAC;CAC3F,MAAM,EAAE,UAAU,UAAUC,sBAAAA,iBAAiB;CAE7C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,SAAS;GACX,MAAM,eAAe,iBAAiB,QAAQ,MAAM,UAAU;GAC9D,cAAA,MAAM,MAAM,4BAA4B,cAAc;EACxD;CACF,GAAG,CAAC,SAAS,KAAK,CAAC;CAEnB,MAAM,kBAAkB,OAAO,KAAK,SAAS,CAAC,CAAC,KAAI,SAAQ;EACzD,OAAO,UAAU,IAAI,EAAE,QAAQ;EAC/B,OAAO;CACT,EAAE;CAEF,MAAM,qBAAqB,kBAA0B;EACnD,IAAI,eACF,cAAc,aAAa;OACtB,IAAI,iBAAiB,kBAAkB,OAC5C,SAAS,MAAM,aAAa,aAAa,CAAC;CAE9C;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,UAAD;EACE,SAAS;EACF;EACP,eAAe;EACf,aAAa,YAAY,yBAAyB;EAC/B;EACR;EACA;EACX,UAAU,YAAY,aAAa;EAC1B;EACH;EACN,cAAY;EACL;CACR,CAAA;AAEL"}
+{"version":3,"file":"workflow-combobox.cjs.js","names":["useWorkflows","useLinkComponent","Combobox"],"sources":["../../../../src/domains/workflows/components/workflow-combobox.tsx"],"sourcesContent":["import { useWorkflows } from '@mastra/react/hooks/workflows';\nimport { useEffect } from 'react';\nimport { Combobox } from '@/ds/components/Combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox';\nimport { useLinkComponent } from '@/lib/framework';\nimport { toast } from '@/utils/toast';\n\nexport interface WorkflowComboboxProps {\n  requestContext?: Record<string, any>;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  className?: string;\n  disabled?: boolean;\n  variant?: ComboboxProps['variant'];\n  size?: ComboboxProps['size'];\n  'aria-label'?: string;\n  align?: ComboboxProps['align'];\n}\n\nexport function WorkflowCombobox({\n  value,\n  onValueChange,\n  placeholder = 'Select a workflow...',\n  searchPlaceholder = 'Search workflows...',\n  emptyText = 'No workflows found.',\n  className,\n  disabled = false,\n  variant,\n  size,\n  'aria-label': ariaLabel,\n  align,\n  requestContext,\n}: WorkflowComboboxProps) {\n  const { data: workflows = {}, isLoading, isError, error } = useWorkflows({ requestContext });\n  const { navigate, paths } = useLinkComponent();\n\n  useEffect(() => {\n    if (isError) {\n      const errorMessage = error instanceof Error ? error.message : 'Failed to load workflows';\n      toast.error(`Error loading workflows: ${errorMessage}`);\n    }\n  }, [isError, error]);\n\n  const workflowOptions = Object.keys(workflows).map(key => ({\n    label: workflows[key]?.name || key,\n    value: key,\n  }));\n\n  const handleValueChange = (newWorkflowId: string) => {\n    if (onValueChange) {\n      onValueChange(newWorkflowId);\n    } else if (newWorkflowId && newWorkflowId !== value) {\n      navigate(paths.workflowLink(newWorkflowId));\n    }\n  };\n\n  return (\n    <Combobox\n      options={workflowOptions}\n      value={value}\n      onValueChange={handleValueChange}\n      placeholder={isLoading ? 'Loading workflows...' : placeholder}\n      searchPlaceholder={searchPlaceholder}\n      emptyText={emptyText}\n      className={className}\n      disabled={disabled || isLoading || isError}\n      variant={variant}\n      size={size}\n      aria-label={ariaLabel}\n      align={align}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAsBA,SAAgB,iBAAiB,EAC/B,OACA,eACA,cAAc,wBACd,oBAAoB,uBACpB,YAAY,uBACZ,WACA,WAAW,OACX,SACA,MACA,cAAc,WACd,OACA,kBACwB;CACxB,MAAM,EAAE,MAAM,YAAY,CAAC,GAAG,WAAW,SAAS,WAAA,GAAUA,8BAAAA,aAAAA,CAAa,EAAE,eAAe,CAAC;CAC3F,MAAM,EAAE,UAAU,UAAUC,sBAAAA,iBAAiB;CAE7C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,SAAS;GACX,MAAM,eAAe,iBAAiB,QAAQ,MAAM,UAAU;GAC9D,kBAAA,MAAM,MAAM,4BAA4B,cAAc;EACxD;CACF,GAAG,CAAC,SAAS,KAAK,CAAC;CAEnB,MAAM,kBAAkB,OAAO,KAAK,SAAS,CAAC,CAAC,KAAI,SAAQ;EACzD,OAAO,UAAU,IAAI,EAAE,QAAQ;EAC/B,OAAO;CACT,EAAE;CAEF,MAAM,qBAAqB,kBAA0B;EACnD,IAAI,eACF,cAAc,aAAa;OACtB,IAAI,iBAAiB,kBAAkB,OAC5C,SAAS,MAAM,aAAa,aAAa,CAAC;CAE9C;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,UAAD;EACE,SAAS;EACF;EACP,eAAe;EACf,aAAa,YAAY,yBAAyB;EAC/B;EACR;EACA;EACX,UAAU,YAAY,aAAa;EAC1B;EACH;EACN,cAAY;EACL;CACR,CAAA;AAEL"}

package/dist/domains/workflows/components/workflow-combobox.es.js

@@ -1,10 +1,10 @@
 import { useLinkComponent } from "../../../lib/framework.es.js";
-import { n as toast } from "../../../toast-Och_kRoW.js";
-import { t as Combobox } from "../../../combobox-TBzvrJk5.js";
+import { t as toast } from "../../../toast-api-WhxnAT9F.js";
+import { t as Combobox } from "../../../combobox-BgQrNpCO.js";
 import { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useWorkflows } from "@mastra/react/hooks/workflows";
-//#region src/domains/workflows/components/workflow-combobox.tsx
+// src/domains/workflows/components/workflow-combobox.tsx
 function WorkflowCombobox({ value, onValueChange, placeholder = "Select a workflow...", searchPlaceholder = "Search workflows...", emptyText = "No workflows found.", className, disabled = false, variant, size, "aria-label": ariaLabel, align, requestContext }) {
 	const { data: workflows = {}, isLoading, isError, error } = useWorkflows({ requestContext });
 	const { navigate, paths } = useLinkComponent();
@@ -37,7 +37,6 @@ function WorkflowCombobox({ value, onValueChange, placeholder = "Select a workfl
 		align
 	});
 }
-//#endregion
 export { WorkflowCombobox };
 
 //# sourceMappingURL=workflow-combobox.es.js.map

package/dist/domains/workflows/components/workflow-entity-header.cjs.js

@@ -1,15 +1,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_utils = require("../../../utils-01CRPdxi.cjs");
-const require_tooltip = require("../../../tooltip-DT-ewqqA.cjs");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
+const require_tooltip = require("../../../tooltip-BiRLT3Th.cjs");
 require("../../../primitives/transitions.cjs.js");
 const require_icons_WorkflowIcon = require("../../../icons/WorkflowIcon.cjs.js");
-const require_Badge = require("../../../Badge-CubG4MGI.cjs");
+const require_Badge = require("../../../Badge-DZ6r6bcw.cjs");
 const require_hooks_use_copy_to_clipboard = require("../../../hooks/use-copy-to-clipboard.cjs.js");
 const require_components_EntityHeader = require("../../../components/EntityHeader.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let _mastra_react_hooks_workflows = require("@mastra/react/hooks/workflows");
-//#region src/domains/workflows/components/workflow-entity-header.tsx
+// src/domains/workflows/components/workflow-entity-header.tsx
 var WorkflowEntityHeader = ({ workflowId, requestContext }) => {
 	const { data: workflow, isLoading } = (0, _mastra_react_hooks_workflows.useWorkflow)({
 		workflowId,
@@ -64,7 +64,6 @@ var WorkflowEntityHeader = ({ workflowId, requestContext }) => {
 		})
 	}) });
 };
-//#endregion
 exports.WorkflowEntityHeader = WorkflowEntityHeader;
 
 //# sourceMappingURL=workflow-entity-header.cjs.js.map

package/dist/domains/workflows/components/workflow-entity-header.es.js

@@ -1,14 +1,14 @@
-import { t as cn } from "../../../utils-BiHZnbcQ.js";
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../../../tooltip-WAisErWI.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../../../tooltip-HzcLyGtV.js";
 import "../../../primitives/transitions.es.js";
 import { WorkflowIcon as WorkflowIcon$1 } from "../../../icons/WorkflowIcon.es.js";
-import { t as Badge } from "../../../Badge-CPQuoTem.js";
+import { t as Badge } from "../../../Badge-aVu5iGAF.js";
 import { useCopyToClipboard } from "../../../hooks/use-copy-to-clipboard.es.js";
 import { EntityHeader } from "../../../components/EntityHeader.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CopyIcon, Cpu, Database } from "lucide-react";
 import { useWorkflow } from "@mastra/react/hooks/workflows";
-//#region src/domains/workflows/components/workflow-entity-header.tsx
+// src/domains/workflows/components/workflow-entity-header.tsx
 var WorkflowEntityHeader = ({ workflowId, requestContext }) => {
 	const { data: workflow, isLoading } = useWorkflow({
 		workflowId,
@@ -63,7 +63,6 @@ var WorkflowEntityHeader = ({ workflowId, requestContext }) => {
 		})
 	}) });
 };
-//#endregion
 export { WorkflowEntityHeader };
 
 //# sourceMappingURL=workflow-entity-header.es.js.map

package/dist/domains/workflows/components/workflow-information.cjs.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_lib_framework = require("../../../lib/framework.cjs.js");
-const require_utils = require("../../../utils-01CRPdxi.cjs");
-const require_Button = require("../../../Button-BpxhaYMQ.cjs");
-const require_scroll_area = require("../../../scroll-area-DUevnPki.cjs");
-const require_toast = require("../../../toast-DiS9Nls1.cjs");
+const require_utils = require("../../../utils-uDc1ofX1.cjs");
+const require_Button = require("../../../Button-YQRflC47.cjs");
+const require_scroll_area = require("../../../scroll-area-CpCAy8S0.cjs");
+const require_toast_api = require("../../../toast-api-Bv87KHu_.cjs");
 const require_components_Collapsible = require("../../../components/Collapsible.cjs.js");
 const require_components_DisclosureChevron = require("../../../components/DisclosureChevron.cjs.js");
 const require_domains_workflows_context_workflow_run_context = require("../context/workflow-run-context.cjs.js");
@@ -17,7 +17,7 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let _mastra_react_hooks_workflows = require("@mastra/react/hooks/workflows");
-//#region src/domains/workflows/components/workflow-information.tsx
+// src/domains/workflows/components/workflow-information.tsx
 var FLOATING_PANEL_SURFACE = require_utils.cn(require_domains_workflows_components_workflow_layout.panelSurfaceStyle, "pointer-events-auto");
 function FloatingPanel({ className, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -135,7 +135,7 @@ function WorkflowInformation({ workflowId, initialRunId, requestContext, runActi
 	(0, react.useEffect)(() => {
 		if (error) {
 			const errorMessage = error instanceof Error ? error.message : "Failed to load workflow";
-			require_toast.toast.error(`Error loading workflow: ${errorMessage}`);
+			require_toast_api.toast.error(`Error loading workflow: ${errorMessage}`);
 		}
 	}, [error]);
 	if (error) return null;
@@ -166,7 +166,6 @@ function WorkflowInformation({ workflowId, initialRunId, requestContext, runActi
 		})]
 	});
 }
-//#endregion
 exports.WorkflowInformation = WorkflowInformation;
 
 //# sourceMappingURL=workflow-information.cjs.js.map

package/dist/domains/workflows/components/workflow-information.cjs.js.map

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

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

@@ -1,8 +1,8 @@
 import { useLinkComponent } from "../../../lib/framework.es.js";
-import { t as cn } from "../../../utils-BiHZnbcQ.js";
-import { t as Button } from "../../../Button-BEw0uuTK.js";
-import { n as ScrollAreaViewport, t as ScrollArea } from "../../../scroll-area-ChIk-cxH.js";
-import { n as toast } from "../../../toast-Och_kRoW.js";
+import { t as cn } from "../../../utils-DQx8TpNT.js";
+import { t as Button } from "../../../Button-Bw1e3ONi.js";
+import { n as ScrollAreaViewport, t as ScrollArea } from "../../../scroll-area-Dh9UQ7HP.js";
+import { t as toast } from "../../../toast-api-WhxnAT9F.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/Collapsible.es.js";
 import { DisclosureChevron } from "../../../components/DisclosureChevron.es.js";
 import { WorkflowRunContext } from "../context/workflow-run-context.es.js";
@@ -16,7 +16,7 @@ import { useContext, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Plus } from "lucide-react";
 import { useWorkflow } from "@mastra/react/hooks/workflows";
-//#region src/domains/workflows/components/workflow-information.tsx
+// src/domains/workflows/components/workflow-information.tsx
 var FLOATING_PANEL_SURFACE = cn(panelSurfaceStyle, "pointer-events-auto");
 function FloatingPanel({ className, children }) {
 	return /* @__PURE__ */ jsxs("div", {
@@ -165,7 +165,6 @@ function WorkflowInformation({ workflowId, initialRunId, requestContext, runActi
 		})]
 	});
 }
-//#endregion
 export { WorkflowInformation };
 
 //# sourceMappingURL=workflow-information.es.js.map

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

@@ -1,13 +1,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require('../../../workflow-layout.css');const require_primitives_raised_surface = require("../../../primitives/raised-surface.cjs.js");
 const require_hooks_use_is_mobile = require("../../../hooks/use-is-mobile.cjs.js");
-const require_Workflow = require("../../../Workflow-D3UHbL5e.cjs");
+const require_Workflow = require("../../../Workflow-BhlFliTC.cjs");
 const require_hooks_use_local_storage_state = require("../../../hooks/use-local-storage-state.cjs.js");
 const require_primitives_resize_handle_indicator = require("../../../primitives/resize-handle-indicator.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let zod_v4 = require("zod/v4");
-//#region src/domains/workflows/components/workflow-layout.tsx
+// src/domains/workflows/components/workflow-layout.tsx
 var LEFT_PANEL_MIN_WIDTH = 380;
 var LEFT_PANEL_WIDTH_STORAGE_KEY = "workflow-canvas-left-panel-width";
 var PANEL_GUTTER = 8;
@@ -114,7 +114,6 @@ var WorkflowLayout = ({ children, leftSlot }) => {
 		})]
 	});
 };
-//#endregion
 exports.WorkflowLayout = WorkflowLayout;
 exports.WorkflowPanelResizeHandle = WorkflowPanelResizeHandle;
 exports.panelSurfaceStyle = panelSurfaceStyle;

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

@@ -1,12 +1,12 @@
 import { raisedSurfaceStyle } from "../../../primitives/raised-surface.es.js";
 import { useIsMobile } from "../../../hooks/use-is-mobile.es.js";
-import { w as WorkflowCanvasInsetContext } from "../../../Workflow-CDr2xxyj.js";
+import { w as WorkflowCanvasInsetContext } from "../../../Workflow-Dzf1_Tce.js";
 import { useLocalStorageState } from "../../../hooks/use-local-storage-state.es.js";
 import { ResizeHandleIndicator } from "../../../primitives/resize-handle-indicator.es.js";
 import { createContext, useContext, useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { z } from "zod/v4";
-import '../../../workflow-layout.css';//#region src/domains/workflows/components/workflow-layout.tsx
+import '../../../workflow-layout.css';// src/domains/workflows/components/workflow-layout.tsx
 var LEFT_PANEL_MIN_WIDTH = 380;
 var LEFT_PANEL_WIDTH_STORAGE_KEY = "workflow-canvas-left-panel-width";
 var PANEL_GUTTER = 8;
@@ -113,7 +113,6 @@ var WorkflowLayout = ({ children, leftSlot }) => {
 		})]
 	});
 };
-//#endregion
 export { WorkflowLayout, WorkflowPanelResizeHandle, panelSurfaceStyle };
 
 //# sourceMappingURL=workflow-layout.es.js.map

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

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tooltip = require("../../../tooltip-DT-ewqqA.cjs");
+const require_tooltip = require("../../../tooltip-BiRLT3Th.cjs");
 const require_icons_Icon = require("../../../icons/Icon.cjs.js");
-const require_spinner = require("../../../spinner-D2maMv2F.cjs");
+const require_spinner = require("../../../spinner-C8ZxiA5C.cjs");
 const require_domains_workflows_workflow_status_tone = require("../workflow-status-tone.cjs.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
-//#region src/domains/workflows/components/workflow-run-status-icon.tsx
+// src/domains/workflows/components/workflow-run-status-icon.tsx
 function StatusIcon({ status }) {
 	const toneText = require_domains_workflows_workflow_status_tone.workflowStatusToneText[require_domains_workflows_workflow_status_tone.workflowStatusTone(status)];
 	switch (status) {
@@ -30,7 +30,6 @@ function WorkflowRunStatusIcon({ status }) {
 		})
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipContent, { children: status })] });
 }
-//#endregion
 exports.WorkflowRunStatusIcon = WorkflowRunStatusIcon;
 
 //# sourceMappingURL=workflow-run-status-icon.cjs.js.map

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

@@ -1,10 +1,10 @@
-import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../../../tooltip-WAisErWI.js";
+import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "../../../tooltip-HzcLyGtV.js";
 import { Icon } from "../../../icons/Icon.es.js";
-import { t as Spinner } from "../../../spinner-i6Rkm2rC.js";
+import { t as Spinner } from "../../../spinner-CnLgLj9R.js";
 import { workflowStatusTone, workflowStatusToneText } from "../workflow-status-tone.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, CirclePause, CircleSlash, Clock, Pause, X } from "lucide-react";
-//#region src/domains/workflows/components/workflow-run-status-icon.tsx
+// src/domains/workflows/components/workflow-run-status-icon.tsx
 function StatusIcon({ status }) {
 	const toneText = workflowStatusToneText[workflowStatusTone(status)];
 	switch (status) {
@@ -29,7 +29,6 @@ function WorkflowRunStatusIcon({ status }) {
 		})
 	}), /* @__PURE__ */ jsx(TooltipContent, { children: status })] });
 }
-//#endregion
 export { WorkflowRunStatusIcon };
 
 //# sourceMappingURL=workflow-run-status-icon.es.js.map