@loopstack/loopstack-studio 0.21.3 → 0.23.0

package/dist/packages/contracts/dist/enums/index.js

@@ -0,0 +1,25 @@
+import { __commonJSMin } from "../../../../_virtual/rolldown_runtime.js";
+import { require_pipeline_state } from "./pipeline-state.js";
+import { require_sort_order_enum } from "./sort-order.enum.js";
+import { require_workflow_state_enum } from "./workflow-state.enum.js";
+import { require_user_type_enum } from "./user-type.enum.js";
+import { require_registry_enum } from "./registry.enum.js";
+var require_enums = /* @__PURE__ */ __commonJSMin(((e) => {
+	var o = e && e.__createBinding || (Object.create ? function(e, n, r, i) {
+		i === void 0 && (i = r);
+		var a = Object.getOwnPropertyDescriptor(n, r);
+		(!a || ("get" in a ? !n.__esModule : a.writable || a.configurable)) && (a = {
+			enumerable: !0,
+			get: function() {
+				return n[r];
+			}
+		}), Object.defineProperty(e, i, a);
+	} : function(e, n, r, i) {
+		i === void 0 && (i = r), e[i] = n[r];
+	}), s = e && e.__exportStar || function(e, n) {
+		for (var r in e) r !== "default" && !Object.prototype.hasOwnProperty.call(n, r) && o(n, e, r);
+	};
+	Object.defineProperty(e, "__esModule", { value: !0 }), s(require_pipeline_state(), e), s(require_sort_order_enum(), e), s(require_workflow_state_enum(), e), s(require_user_type_enum(), e), s(require_registry_enum(), e);
+}));
+export default require_enums();
+export { require_enums };

package/dist/packages/contracts/dist/enums/pipeline-state.js

@@ -0,0 +1,10 @@
+import { __commonJSMin } from "../../../../_virtual/rolldown_runtime.js";
+var require_pipeline_state = /* @__PURE__ */ __commonJSMin(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), e.PipelineState = void 0;
+	var t;
+	(function(e) {
+		e.Pending = "pending", e.Running = "running", e.Paused = "paused", e.Completed = "completed", e.Failed = "failed", e.Canceled = "canceled";
+	})(t || (e.PipelineState = t = {}));
+}));
+export default require_pipeline_state();
+export { require_pipeline_state };

package/dist/packages/contracts/dist/enums/registry.enum.js

@@ -0,0 +1,20 @@
+import { __commonJSMin } from "../../../../_virtual/rolldown_runtime.js";
+var require_registry_enum = /* @__PURE__ */ __commonJSMin(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), e.REGISTRY_CATEGORIES = e.RegistryEntryCategory = e.RegistryEntryStatus = void 0;
+	var t;
+	(function(e) {
+		e.DRAFT = "draft", e.PENDING = "pending", e.ACTIVE = "active", e.INACTIVE = "inactive";
+	})(t || (e.RegistryEntryStatus = t = {}));
+	var n;
+	(function(e) {
+		e.TOOLS = "tools", e.EXAMPLES = "examples", e.BUNDLES = "bundles", e.MODULES = "modules", e.INTEGRATIONS = "integrations";
+	})(n || (e.RegistryEntryCategory = n = {})), e.REGISTRY_CATEGORIES = [
+		n.TOOLS,
+		n.EXAMPLES,
+		n.BUNDLES,
+		n.MODULES,
+		n.INTEGRATIONS
+	];
+}));
+export default require_registry_enum();
+export { require_registry_enum };

package/dist/packages/contracts/dist/enums/sort-order.enum.js

@@ -0,0 +1,10 @@
+import { __commonJSMin } from "../../../../_virtual/rolldown_runtime.js";
+var require_sort_order_enum = /* @__PURE__ */ __commonJSMin(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), e.SortOrder = void 0;
+	var t;
+	(function(e) {
+		e.ASC = "ASC", e.DESC = "DESC";
+	})(t || (e.SortOrder = t = {}));
+}));
+export default require_sort_order_enum();
+export { require_sort_order_enum };

package/dist/packages/contracts/dist/enums/user-type.enum.js

@@ -0,0 +1,10 @@
+import { __commonJSMin } from "../../../../_virtual/rolldown_runtime.js";
+var require_user_type_enum = /* @__PURE__ */ __commonJSMin(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), e.UserTypeEnum = void 0;
+	var t;
+	(function(e) {
+		e.Local = "local", e.Cloud = "cloud";
+	})(t || (e.UserTypeEnum = t = {}));
+}));
+export default require_user_type_enum();
+export { require_user_type_enum };

package/dist/packages/contracts/dist/enums/workflow-state.enum.js

@@ -0,0 +1,10 @@
+import { __commonJSMin } from "../../../../_virtual/rolldown_runtime.js";
+var require_workflow_state_enum = /* @__PURE__ */ __commonJSMin(((e) => {
+	Object.defineProperty(e, "__esModule", { value: !0 }), e.WorkflowState = void 0;
+	var t;
+	(function(e) {
+		e.Pending = "pending", e.Running = "running", e.Waiting = "waiting", e.Completed = "completed", e.Failed = "failed", e.Canceled = "canceled";
+	})(t || (e.WorkflowState = t = {}));
+}));
+export default require_workflow_state_enum();
+export { require_workflow_state_enum };

package/dist/pages/DashboardPage.js

@@ -1,7 +1,7 @@
 import { useStudio } from "../providers/StudioProvider.js";
 import { Alert } from "../components/ui/alert.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
-import LoadingCentered_default from "../components/LoadingCentered.js";
+import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
 import Dashboard from "../features/dashboard/Dashboard.js";
 import { useDashboardStats } from "../hooks/useDashboard.js";
 import { c } from "react/compiler-runtime";

package/dist/pages/DebugPage.js

@@ -1,20 +1,18 @@
 import { useStudio } from "../providers/StudioProvider.js";
-import { useApiClient } from "../hooks/useApi.js";
-import "../hooks/index.js";
 import { c } from "react/compiler-runtime";
 import { jsxs } from "react/jsx-runtime";
 var DebugPage_default = () => {
-	let i = c(10), { environment: a } = useStudio(), { api: o } = useApiClient(), s = o?.ApiV1AuthApi, l = s ? s.basePath : void 0, u = a?.name, d;
-	i[0] === u ? d = i[1] : (d = /* @__PURE__ */ jsxs("p", { children: ["Name: ", u] }), i[0] = u, i[1] = d);
-	let f = a?.id, p;
-	i[2] === f ? p = i[3] : (p = /* @__PURE__ */ jsxs("p", { children: ["Id: ", f] }), i[2] = f, i[3] = p);
-	let m;
-	i[4] === l ? m = i[5] : (m = /* @__PURE__ */ jsxs("p", { children: ["Base Path: ", l] }), i[4] = l, i[5] = m);
-	let h;
-	return i[6] !== d || i[7] !== p || i[8] !== m ? (h = /* @__PURE__ */ jsxs("div", { children: [
-		d,
-		p,
-		m
-	] }), i[6] = d, i[7] = p, i[8] = m, i[9] = h) : h = i[9], h;
+	let r = c(10), { environment: i } = useStudio(), a = i?.name, o;
+	r[0] === a ? o = r[1] : (o = /* @__PURE__ */ jsxs("p", { children: ["Name: ", a] }), r[0] = a, r[1] = o);
+	let s = i?.id, l;
+	r[2] === s ? l = r[3] : (l = /* @__PURE__ */ jsxs("p", { children: ["Id: ", s] }), r[2] = s, r[3] = l);
+	let u = i?.url, d;
+	r[4] === u ? d = r[5] : (d = /* @__PURE__ */ jsxs("p", { children: ["URL: ", u] }), r[4] = u, r[5] = d);
+	let f;
+	return r[6] !== o || r[7] !== l || r[8] !== d ? (f = /* @__PURE__ */ jsxs("div", { children: [
+		o,
+		l,
+		d
+	] }), r[6] = o, r[7] = l, r[8] = d, r[9] = f) : f = r[9], f;
 };
 export { DebugPage_default as default };

package/dist/pages/DebugWorkflowDetailsPage.js

@@ -1,6 +1,6 @@
 import { useStudio } from "../providers/StudioProvider.js";
+import { usePipelineConfigByName, usePipelineSource } from "../hooks/usePipelines.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
-import { usePipelineConfig, usePipelineSource } from "../hooks/usePipelines.js";
 import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
 import ConfigFlowViewer_default from "../features/debug/components/ConfigFlowViewer.js";
 import { c } from "react/compiler-runtime";
@@ -28,7 +28,7 @@ function DebugWorkflowDetailsPage() {
 		let m;
 		h[3] === g ? m = h[4] : (m = ["default", g], h[3] = g, h[4] = m), v = m;
 	}
-	let [y, b] = v, { data: x, isLoading: S } = usePipelineConfig(y, b), { data: C, isLoading: w } = usePipelineSource(y, b), T = S || w, E;
+	let [y, b] = v, { data: x, isLoading: S } = usePipelineConfigByName(y, b), { data: C, isLoading: w } = usePipelineSource(y, b), T = S || w, E;
 	h[5] === _ ? E = h[6] : (E = _.getDashboard(), h[5] = _, h[6] = E);
 	let D;
 	h[7] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), h[7] = D) : D = h[7];

package/dist/pages/DebugWorkflowsPage.js

@@ -1,9 +1,9 @@
 import { useStudio } from "../providers/StudioProvider.js";
 import { useApiClient } from "../hooks/useApi.js";
+import { useWorkspaceConfig } from "../hooks/useConfig.js";
 import { Badge } from "../components/ui/badge.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
 import { DataTable } from "../components/data-table/DataTable.js";
-import { useWorkspaceConfig } from "../hooks/useConfig.js";
 import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQueries } from "@tanstack/react-query";
@@ -16,11 +16,10 @@ function DebugWorkflowsPage() {
 			p
 		],
 		queryFn: async () => {
-			if (!m) throw Error("API not available");
-			let c = await m.ApiV1ConfigApi.configControllerGetPipelineTypesByWorkspace({ workspaceBlockName: e.blockName });
+			let c = await m.config.getPipelineTypesByWorkspace({ workspaceBlockName: e.blockName });
 			return {
 				workspaceBlockName: e.blockName,
-				types: c.data
+				types: c
 			};
 		},
 		enabled: !!h?.length

package/dist/pages/EmbedWorkbenchPage.js

@@ -1,14 +1,16 @@
-import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
-import ErrorSnackbar_default from "../components/snackbars/ErrorSnackbar.js";
-import LoadingCentered_default from "../components/LoadingCentered.js";
 import { usePipeline } from "../hooks/usePipelines.js";
+import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
+import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
+import { require_enums } from "../packages/contracts/dist/enums/index.js";
+import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
 import WorkflowItem_default from "../features/workbench/WorkflowItem.js";
+import "../features/workbench/index.js";
 import { requireParam } from "../lib/requireParam.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-var EMBED_MESSAGE_TYPE = "loopstack:embed:workflow-completed", EMBED_RESIZE_MESSAGE_TYPE = "loopstack:embed:resize";
+var import_enums = require_enums(), EMBED_MESSAGE_TYPE = "loopstack:embed:workflow-completed", EMBED_RESIZE_MESSAGE_TYPE = "loopstack:embed:resize";
 function EmbedWorkbenchPage() {
 	let _ = c(24), v = useParams(), y;
 	_[0] === v ? y = _[1] : (y = requireParam(v, "pipelineId"), _[0] = v, _[1] = y);
@@ -68,6 +70,6 @@ function EmbedWorkbenchPage() {
 }
 function _temp2() {}
 function _temp(t) {
-	return t.status === "completed";
+	return t.status === import_enums.WorkflowState.Completed;
 }
 export { EmbedWorkbenchPage as default };

package/dist/pages/PipelineDebugPage.js

@@ -1,13 +1,14 @@
 import { useStudio } from "../providers/StudioProvider.js";
+import { usePipeline, usePipelineConfigByName } from "../hooks/usePipelines.js";
 import { useWorkspace } from "../hooks/useWorkspaces.js";
-import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
 import MainLayout_default from "../components/layout/MainLayout.js";
-import ErrorSnackbar_default from "../components/snackbars/ErrorSnackbar.js";
-import { usePipeline, usePipelineConfig } from "../hooks/usePipelines.js";
+import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
 import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
-import { requireParam } from "../lib/requireParam.js";
-import PipelineDebugHeader_default from "../features/debug/components/PipelineDebugHeader.js";
+import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
 import PipelineFlowViewer_default from "../features/debug/components/PipelineFlowViewer.js";
+import PipelineDebugHeader_default from "../features/debug/components/PipelineDebugHeader.js";
+import "../features/debug/index.js";
+import { requireParam } from "../lib/requireParam.js";
 import { c } from "react/compiler-runtime";
 import React, { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -18,7 +19,7 @@ var PipelineDebugPage_default = () => {
 	v[0] === b ? x = v[1] : (x = requireParam(b, "pipelineId"), v[0] = b, v[1] = x);
 	let S = x, C = usePipeline(S), w = C.data?.workspaceId, T = useWorkspace(w), E = useFetchWorkflowsByPipeline(S), D;
 	v[2] === E.data ? D = v[3] : (D = E.data ?? [], v[2] = E.data, v[3] = D);
-	let O = D, k = T.data?.blockName, A = C.data?.blockName, j = usePipelineConfig(k, A), M;
+	let O = D, k = T.data?.blockName, A = C.data?.blockName, j = usePipelineConfigByName(k, A), M;
 	v[4] === y ? M = v[5] : (M = y.getDashboard(), v[4] = y, v[5] = M);
 	let N;
 	v[6] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), v[6] = N) : N = v[6];

package/dist/pages/PreviewWorkbenchPage.js

@@ -0,0 +1,419 @@
+import { useStudio } from "../providers/StudioProvider.js";
+import { useFilterPipelines, usePipeline, usePipelineConfigByName } from "../hooks/usePipelines.js";
+import { useWorkspace } from "../hooks/useWorkspaces.js";
+import { Button } from "../components/ui/button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../components/ui/collapsible.js";
+import { SidebarMenu, SidebarProvider } from "../components/ui/sidebar.js";
+import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
+import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
+import { require_enums } from "../packages/contracts/dist/enums/index.js";
+import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
+import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
+import PipelineFlowViewer_default from "../features/debug/components/PipelineFlowViewer.js";
+import "../features/debug/index.js";
+import WorkflowItem_default from "../features/workbench/WorkflowItem.js";
+import WorkflowButtons_default from "../features/workbench/components/buttons/WorkflowButtons.js";
+import { useNamespaceTree } from "../hooks/useNamespaceTree.js";
+import WorkbenchNavigation_default from "../features/workbench/WorkbenchNavigation.js";
+import PipelineHistoryList_default from "../features/workbench/components/PipelineHistoryList.js";
+import { NewRunDialog } from "../features/workbench/components/NewRunDialog.js";
+import "../features/workbench/index.js";
+import { c } from "react/compiler-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useNavigate, useParams } from "react-router-dom";
+import { ChevronDown, ChevronRight, ListOrdered, Loader2, Navigation, Play, ScrollText, Workflow } from "lucide-react";
+import { formatDistanceToNow } from "date-fns";
+var import_enums = require_enums(), EMBED_MESSAGE_TYPE = "loopstack:embed:workflow-completed", EMBED_RESIZE_MESSAGE_TYPE = "loopstack:embed:resize", EMBED_NEW_RUN_MESSAGE_TYPE = "loopstack:embed:new-run";
+function PreviewWorkbenchPage() {
+	let e = c(5), { pipelineId: t } = useParams(), [n, r] = useState(!1), i;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = (e) => {
+		r(!1), window.parent !== window && window.parent.postMessage({
+			type: EMBED_NEW_RUN_MESSAGE_TYPE,
+			pipelineId: e
+		}, window.location.origin);
+	}, e[0] = i) : i = e[0];
+	let a = i;
+	if (!t) {
+		let t;
+		return e[1] === n ? t = e[2] : (t = /* @__PURE__ */ jsx(PreviewEmptyState, {
+			newRunDialogOpen: n,
+			onNewRunDialogOpenChange: r,
+			onNewRunSuccess: a
+		}), e[1] = n, e[2] = t), t;
+	}
+	let o;
+	return e[3] === t ? o = e[4] : (o = /* @__PURE__ */ jsx(PreviewWorkbenchContent, {
+		pipelineId: t,
+		onNewRunSuccess: a
+	}), e[3] = t, e[4] = o), o;
+}
+function PreviewWorkbenchContent(e) {
+	let t = c(57), { pipelineId: o, onNewRunSuccess: s } = e, l = useRef(null), [u, d] = useState("output"), [m, y] = useState(!1), b = usePipeline(o), x = useFetchWorkflowsByPipeline(o), C;
+	t[0] === x.data ? C = t[1] : (C = x.data ?? [], t[0] = x.data, t[1] = C);
+	let T = C, E = useRef(!1), D = b.data?.workspaceId, ge = useWorkspace(D).data?.blockName, _e = b.data?.blockName, O = usePipelineConfigByName(ge, _e), k, A;
+	t[2] !== x.data || t[3] !== o ? (k = () => {
+		!x.data || E.current || x.data.length > 0 && x.data.every(_temp) && window.parent !== window && (E.current = !0, window.parent.postMessage({
+			type: EMBED_MESSAGE_TYPE,
+			pipelineId: o
+		}, window.location.origin));
+	}, A = [x.data, o], t[2] = x.data, t[3] = o, t[4] = k, t[5] = A) : (k = t[4], A = t[5]), useEffect(k, A);
+	let j, M;
+	t[6] === o ? (j = t[7], M = t[8]) : (j = () => {
+		if (window.parent === window || !l.current) return;
+		let e = new ResizeObserver(() => {
+			if (!l.current) return;
+			let e = Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
+			window.parent.postMessage({
+				type: EMBED_RESIZE_MESSAGE_TYPE,
+				pipelineId: o,
+				height: e
+			}, window.location.origin);
+		});
+		return e.observe(l.current), () => e.disconnect();
+	}, M = [o], t[6] = o, t[7] = j, t[8] = M), useEffect(j, M);
+	let N;
+	t[9] === s ? N = t[10] : (N = (e) => {
+		y(!1), s(e);
+	}, t[9] = s, t[10] = N);
+	let P = N, F = _temp2, I;
+	t[11] === Symbol.for("react.memo_cache_sentinel") ? (I = {
+		enableDebugMode: !1,
+		showFullMessageHistory: !1
+	}, t[11] = I) : I = t[11];
+	let L = I, R;
+	t[12] === Symbol.for("react.memo_cache_sentinel") ? (R = {
+		value: "output",
+		label: "Output",
+		icon: /* @__PURE__ */ jsx(ScrollText, { className: "h-3.5 w-3.5" })
+	}, t[12] = R) : R = t[12];
+	let z;
+	t[13] === Symbol.for("react.memo_cache_sentinel") ? (z = {
+		value: "graph",
+		label: "Graph",
+		icon: /* @__PURE__ */ jsx(Workflow, { className: "h-3.5 w-3.5" })
+	}, t[13] = z) : z = t[13];
+	let B;
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (B = [
+		R,
+		z,
+		{
+			value: "run-log",
+			label: "Run Log",
+			icon: /* @__PURE__ */ jsx(ListOrdered, { className: "h-3.5 w-3.5" })
+		}
+	], t[14] = B) : B = t[14];
+	let V = B, H;
+	t[15] === u ? H = t[16] : (H = /* @__PURE__ */ jsx("div", {
+		className: "bg-background flex items-center rounded-md border p-0.5",
+		children: V.map((e) => /* @__PURE__ */ jsxs("button", {
+			onClick: () => d(e.value),
+			className: `flex items-center gap-1.5 rounded-sm px-2.5 py-1 text-xs font-medium transition-colors ${u === e.value ? "bg-foreground text-background shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+			children: [e.icon, e.label]
+		}, e.value))
+	}), t[15] = u, t[16] = H);
+	let U;
+	t[17] === Symbol.for("react.memo_cache_sentinel") ? (U = /* @__PURE__ */ jsxs(Button, {
+		variant: "outline",
+		size: "sm",
+		className: "h-7 gap-1.5",
+		onClick: () => y(!0),
+		children: [/* @__PURE__ */ jsx(Play, { className: "h-3 w-3" }), "New Run"]
+	}), t[17] = U) : U = t[17];
+	let W;
+	t[18] === H ? W = t[19] : (W = /* @__PURE__ */ jsxs("div", {
+		className: "bg-muted/50 flex h-11 shrink-0 items-center justify-between border-b px-3",
+		children: [H, U]
+	}), t[18] = H, t[19] = W);
+	let G;
+	t[20] === b.error ? G = t[21] : (G = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: b.error }), t[20] = b.error, t[21] = G);
+	let K;
+	t[22] === x.error ? K = t[23] : (K = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: x.error }), t[22] = x.error, t[23] = K);
+	let q;
+	t[24] !== u || t[25] !== b.data || t[26] !== b.isLoading || t[27] !== x.data || t[28] !== x.isLoading ? (q = u === "output" && /* @__PURE__ */ jsx("div", {
+		className: "px-4 py-3",
+		children: /* @__PURE__ */ jsx(LoadingCentered_default, {
+			loading: b.isLoading || x.isLoading,
+			children: b.data && x.data ? x.data.map((e) => /* @__PURE__ */ jsx(EmbedWorkflowSection, {
+				workflow: e,
+				pipeline: b.data,
+				collapsible: x.data.length > 1,
+				children: /* @__PURE__ */ jsx(WorkflowItem_default, {
+					pipeline: b.data,
+					workflowId: e.id,
+					scrollTo: F,
+					settings: L
+				})
+			}, e.id)) : null
+		})
+	}), t[24] = u, t[25] = b.data, t[26] = b.isLoading, t[27] = x.data, t[28] = x.isLoading, t[29] = q) : q = t[29];
+	let J;
+	t[30] !== u || t[31] !== b.isLoading || t[32] !== O || t[33] !== x.isLoading || t[34] !== o || t[35] !== T ? (J = u === "graph" && /* @__PURE__ */ jsx("div", {
+		className: "h-full",
+		children: /* @__PURE__ */ jsx(LoadingCentered_default, {
+			loading: b.isLoading || x.isLoading,
+			children: T.length > 0 ? /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(PipelineFlowViewer_default, {
+				pipelineId: o,
+				workflows: T,
+				pipelineConfig: O.data
+			}) }) : /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground flex h-full items-center justify-center",
+				children: /* @__PURE__ */ jsx("p", {
+					className: "text-sm",
+					children: "No workflows found"
+				})
+			})
+		})
+	}), t[30] = u, t[31] = b.isLoading, t[32] = O, t[33] = x.isLoading, t[34] = o, t[35] = T, t[36] = J) : J = t[36];
+	let Y;
+	t[37] !== u || t[38] !== b.data ? (Y = u === "run-log" && /* @__PURE__ */ jsx("div", {
+		className: "px-4",
+		children: /* @__PURE__ */ jsx(PipelineHistoryList_default, { pipeline: b.data })
+	}), t[37] = u, t[38] = b.data, t[39] = Y) : Y = t[39];
+	let X;
+	t[40] !== u || t[41] !== o ? (X = u === "navigate" && /* @__PURE__ */ jsx("div", {
+		className: "px-4 py-2",
+		children: /* @__PURE__ */ jsx(EmbedNavigationContent, { pipelineId: o })
+	}), t[40] = u, t[41] = o, t[42] = X) : X = t[42];
+	let Z;
+	t[43] !== G || t[44] !== K || t[45] !== q || t[46] !== J || t[47] !== Y || t[48] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
+		className: "flex-1 overflow-auto",
+		children: [
+			G,
+			K,
+			q,
+			J,
+			Y,
+			X
+		]
+	}), t[43] = G, t[44] = K, t[45] = q, t[46] = J, t[47] = Y, t[48] = X, t[49] = Z) : Z = t[49];
+	let Q;
+	t[50] !== P || t[51] !== m ? (Q = /* @__PURE__ */ jsx(NewRunDialog, {
+		open: m,
+		onOpenChange: y,
+		onSuccess: P
+	}), t[50] = P, t[51] = m, t[52] = Q) : Q = t[52];
+	let $;
+	return t[53] !== W || t[54] !== Z || t[55] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
+		ref: l,
+		className: "flex h-screen flex-col overflow-hidden",
+		children: [
+			W,
+			Z,
+			Q
+		]
+	}), t[53] = W, t[54] = Z, t[55] = Q, t[56] = $) : $ = t[56], $;
+}
+function _temp2() {}
+function _temp(e) {
+	return e.status === import_enums.WorkflowState.Completed;
+}
+var STATUS_DOT_COLORS = {
+	completed: "bg-green-500",
+	running: "bg-blue-500",
+	failed: "bg-red-500",
+	paused: "bg-yellow-500",
+	canceled: "bg-orange-500",
+	pending: "bg-muted-foreground"
+};
+function PreviewEmptyState(n) {
+	let r = c(24), { newRunDialogOpen: i, onNewRunDialogOpenChange: o, onNewRunSuccess: s } = n, l = useNavigate(), { router: u } = useStudio(), [d, f] = useState(3), p;
+	r[0] === Symbol.for("react.memo_cache_sentinel") ? (p = { parentId: null }, r[0] = p) : p = r[0];
+	let m = useFilterPipelines(void 0, p, "createdAt", "DESC", 0, d), h;
+	r[1] === m.data?.data ? h = r[2] : (h = m.data?.data ?? [], r[1] = m.data?.data, r[2] = h);
+	let g = h, _ = m.data?.total ?? 0, v = g.length < _, y;
+	r[3] === o ? y = r[4] : (y = () => o(!0), r[3] = o, r[4] = y);
+	let b;
+	r[5] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5" }), r[5] = b) : b = r[5];
+	let x;
+	r[6] === y ? x = r[7] : (x = /* @__PURE__ */ jsx("div", {
+		className: "flex justify-center",
+		children: /* @__PURE__ */ jsxs(Button, {
+			variant: "secondary",
+			size: "sm",
+			className: "gap-1.5",
+			onClick: y,
+			children: [b, "New Run"]
+		})
+	}), r[6] = y, r[7] = x);
+	let S;
+	r[8] !== m.isLoading || r[9] !== v || r[10] !== l || r[11] !== g || r[12] !== u ? (S = m.isLoading && g.length === 0 ? /* @__PURE__ */ jsx("div", {
+		className: "flex justify-center py-4",
+		children: /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" })
+	}) : g.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mb-2 text-xs font-medium",
+			children: "Recent"
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "max-h-[280px] overflow-auto",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "divide-border divide-y",
+				children: g.map((e) => /* @__PURE__ */ jsx(RecentRunItem, {
+					pipeline: e,
+					onClick: () => void l(u.getPreviewPipeline(e.id))
+				}, e.id))
+			})
+		}),
+		v && /* @__PURE__ */ jsxs("button", {
+			className: "text-muted-foreground hover:text-foreground mt-2 flex w-full items-center justify-center gap-1 py-1 text-xs transition-colors",
+			onClick: () => f(_temp3),
+			children: [/* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }), "Load more"]
+		})
+	] }) : null, r[8] = m.isLoading, r[9] = v, r[10] = l, r[11] = g, r[12] = u, r[13] = S) : S = r[13];
+	let C;
+	r[14] !== x || r[15] !== S ? (C = /* @__PURE__ */ jsxs("div", {
+		className: "w-full max-w-sm space-y-6 px-4",
+		children: [x, S]
+	}), r[14] = x, r[15] = S, r[16] = C) : C = r[16];
+	let w;
+	r[17] !== i || r[18] !== o || r[19] !== s ? (w = /* @__PURE__ */ jsx(NewRunDialog, {
+		open: i,
+		onOpenChange: o,
+		onSuccess: s
+	}), r[17] = i, r[18] = o, r[19] = s, r[20] = w) : w = r[20];
+	let T;
+	return r[21] !== C || r[22] !== w ? (T = /* @__PURE__ */ jsxs("div", {
+		className: "flex h-screen flex-col items-center justify-center",
+		children: [C, w]
+	}), r[21] = C, r[22] = w, r[23] = T) : T = r[23], T;
+}
+function _temp3(e) {
+	return e + 5;
+}
+function RecentRunItem(e) {
+	let t = c(17), { pipeline: n, onClick: r } = e, i = `h-1.5 w-1.5 shrink-0 rounded-full ${STATUS_DOT_COLORS[n.status] ?? "bg-muted-foreground"}`, a;
+	t[0] === i ? a = t[1] : (a = /* @__PURE__ */ jsx("span", { className: i }), t[0] = i, t[1] = a);
+	let o;
+	t[2] !== n.blockName || t[3] !== n.run ? (o = /* @__PURE__ */ jsxs("span", {
+		className: "truncate text-sm font-medium",
+		children: [
+			"Run #",
+			n.run,
+			" · ",
+			n.blockName
+		]
+	}), t[2] = n.blockName, t[3] = n.run, t[4] = o) : o = t[4];
+	let s;
+	t[5] !== a || t[6] !== o ? (s = /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-2",
+		children: [a, o]
+	}), t[5] = a, t[6] = o, t[7] = s) : s = t[7];
+	let l = n.status, u;
+	t[8] === n.createdAt ? u = t[9] : (u = formatDistanceToNow(new Date(n.createdAt), { addSuffix: !0 }), t[8] = n.createdAt, t[9] = u);
+	let d;
+	t[10] !== n.status || t[11] !== u ? (d = /* @__PURE__ */ jsxs("p", {
+		className: "text-muted-foreground mt-0.5 pl-3.5 text-xs",
+		children: [
+			l,
+			" · ",
+			u
+		]
+	}), t[10] = n.status, t[11] = u, t[12] = d) : d = t[12];
+	let f;
+	return t[13] !== r || t[14] !== s || t[15] !== d ? (f = /* @__PURE__ */ jsxs("button", {
+		className: "hover:bg-accent w-full rounded-md px-2 py-2.5 text-left transition-colors",
+		onClick: r,
+		children: [s, d]
+	}), t[13] = r, t[14] = s, t[15] = d, t[16] = f) : f = t[16], f;
+}
+function EmbedWorkflowSection(e) {
+	let t = c(29), { workflow: n, pipeline: r, collapsible: i, children: a } = e;
+	if (!i) {
+		let e;
+		t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(Play, { className: "text-primary h-3.5 w-3.5 fill-current" }), t[0] = e) : e = t[0];
+		let i = n.title ?? n.blockName, o;
+		t[1] === i ? o = t[2] : (o = /* @__PURE__ */ jsx("span", {
+			className: "flex-1 truncate text-sm",
+			children: i
+		}), t[1] = i, t[2] = o);
+		let s;
+		t[3] !== r || t[4] !== n.id ? (s = /* @__PURE__ */ jsx(WorkflowButtons_default, {
+			pipeline: r,
+			workflowId: n.id
+		}), t[3] = r, t[4] = n.id, t[5] = s) : s = t[5];
+		let l;
+		t[6] !== o || t[7] !== s ? (l = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 p-2 text-sm font-medium",
+			children: [
+				e,
+				o,
+				s
+			]
+		}), t[6] = o, t[7] = s, t[8] = l) : l = t[8];
+		let u;
+		t[9] === a ? u = t[10] : (u = /* @__PURE__ */ jsx("div", {
+			className: "py-1",
+			children: a
+		}), t[9] = a, t[10] = u);
+		let d;
+		return t[11] !== l || t[12] !== u ? (d = /* @__PURE__ */ jsxs("div", { children: [l, u] }), t[11] = l, t[12] = u, t[13] = d) : d = t[13], d;
+	}
+	let u;
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ jsx(Play, { className: "text-primary h-3.5 w-3.5 fill-current" }), t[14] = u) : u = t[14];
+	let d = n.title ?? n.blockName, f;
+	t[15] === d ? f = t[16] : (f = /* @__PURE__ */ jsx("span", {
+		className: "flex-1 truncate text-sm",
+		children: d
+	}), t[15] = d, t[16] = f);
+	let p;
+	t[17] !== r || t[18] !== n.id ? (p = /* @__PURE__ */ jsx(WorkflowButtons_default, {
+		pipeline: r,
+		workflowId: n.id
+	}), t[17] = r, t[18] = n.id, t[19] = p) : p = t[19];
+	let m;
+	t[20] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground h-3.5 w-3.5 transition-transform group-data-[state=open]/collapsible:rotate-90" }), t[20] = m) : m = t[20];
+	let h;
+	t[21] !== f || t[22] !== p ? (h = /* @__PURE__ */ jsx(CollapsibleTrigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsxs("button", {
+			className: "hover:bg-accent hover:text-accent-foreground group/trigger flex w-full items-center gap-2 rounded-md p-2 text-left text-sm font-medium",
+			children: [
+				u,
+				f,
+				p,
+				m
+			]
+		})
+	}), t[21] = f, t[22] = p, t[23] = h) : h = t[23];
+	let g;
+	t[24] === a ? g = t[25] : (g = /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", {
+		className: "py-1",
+		children: a
+	}) }), t[24] = a, t[25] = g);
+	let _;
+	return t[26] !== h || t[27] !== g ? (_ = /* @__PURE__ */ jsxs(Collapsible, {
+		defaultOpen: !0,
+		className: "group/collapsible",
+		children: [h, g]
+	}), t[26] = h, t[27] = g, t[28] = _) : _ = t[28], _;
+}
+function EmbedNavigationContent(e) {
+	let t = c(4), { pipelineId: n } = e, r = useNamespaceTree(n);
+	if (!r || r.length === 0) {
+		let e;
+		return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsxs("div", {
+			className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-8",
+			children: [/* @__PURE__ */ jsx(Navigation, { className: "h-6 w-6" }), /* @__PURE__ */ jsx("span", {
+				className: "text-sm",
+				children: "No navigation items"
+			})]
+		}), t[0] = e) : e = t[0], e;
+	}
+	let i;
+	t[1] === Symbol.for("react.memo_cache_sentinel") ? (i = { "--sidebar-width": "100%" }, t[1] = i) : i = t[1];
+	let a;
+	return t[2] === r ? a = t[3] : (a = /* @__PURE__ */ jsx(SidebarProvider, {
+		defaultOpen: !0,
+		className: "min-h-0",
+		style: i,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "w-full overflow-auto",
+			children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(WorkbenchNavigation_default, {
+				namespaceTree: r,
+				indent: 0
+			}) })
+		})
+	}), t[2] = r, t[3] = a), a;
+}
+export { PreviewWorkbenchPage as default };