@loopstack/loopstack-studio 0.22.0 → 0.23.0

package/dist/features/workbench/NavigationItems.js

@@ -1,52 +1,52 @@
 import { useStudio } from "../../providers/StudioProvider.js";
-import { useFetchWorkflowsByNamespace } from "../../hooks/useWorkflows.js";
 import { Skeleton } from "../../components/ui/skeleton.js";
 import { SidebarMenuSubItem } from "../../components/ui/sidebar.js";
-import { WorkbenchContextProvider } from "./providers/WorkbenchLayoutProvider.js";
+import { useFetchWorkflowsByNamespace } from "../../hooks/useWorkflows.js";
+import { useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
 import NavigationItem_default from "./components/NavigationItem.js";
 import { useScroll } from "./providers/ScrollProvider.js";
 import { c } from "react/compiler-runtime";
-import React, { useContext } from "react";
+import React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-var NavigationItems_default = (m) => {
-	let h = c(17), { namespace: g } = m, { router: _ } = useStudio(), { pipelineId: v, clickId: y } = useParams(), b = useContext(WorkbenchContextProvider), x = useFetchWorkflowsByNamespace(g.id), { setScrollTo: S } = useScroll(), C;
-	h[0] !== y || h[1] !== v || h[2] !== _ || h[3] !== S ? (C = (e) => {
-		S(!0), v && _.navigateToWorkflow(v, e, y);
-	}, h[0] = y, h[1] = v, h[2] = _, h[3] = S, h[4] = C) : C = h[4];
-	let w = C;
-	if (x.isPending) {
+var NavigationItems_default = (p) => {
+	let m = c(17), { namespace: h } = p, { router: g } = useStudio(), { pipelineId: _, clickId: v } = useParams(), { activeSectionId: y } = useWorkbenchLayout(), b = useFetchWorkflowsByNamespace(h.id), { setScrollTo: x } = useScroll(), S;
+	m[0] !== v || m[1] !== _ || m[2] !== g || m[3] !== x ? (S = (e) => {
+		x(!0), _ && g.navigateToWorkflow(_, e, v);
+	}, m[0] = v, m[1] = _, m[2] = g, m[3] = x, m[4] = S) : S = m[4];
+	let C = S;
+	if (b.isPending) {
 		let e;
-		h[5] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs("div", {
+		m[5] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2 p-2",
 			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" })]
-		}) }), h[5] = e) : e = h[5];
-		let f;
-		h[6] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs("div", {
+		}) }), m[5] = e) : e = m[5];
+		let d;
+		m[6] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2 p-2",
 			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" })]
-		}) }), h[6] = f) : f = h[6];
-		let p;
-		return h[7] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		}) }), m[6] = d) : d = m[6];
+		let f;
+		return m[7] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			e,
-			f,
+			d,
 			/* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2 p-2",
 				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 flex-1" })]
 			}) })
-		] }), h[7] = p) : p = h[7], p;
+		] }), m[7] = f) : f = m[7], f;
 	}
-	if (!v || !x.data?.length) return null;
-	let T;
-	if (h[8] !== x.data || h[9] !== w || h[10] !== b?.state) {
+	if (!_ || !b.data?.length) return null;
+	let w;
+	if (m[8] !== y || m[9] !== b.data || m[10] !== C) {
 		let e;
-		h[12] !== w || h[13] !== b?.state ? (e = (e) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx(NavigationItem_default, {
+		m[12] !== y || m[13] !== C ? (e = (e) => /* @__PURE__ */ jsx(SidebarMenuSubItem, { children: /* @__PURE__ */ jsx(NavigationItem_default, {
 			workflow: e,
-			isSelected: b?.state.activeSectionId?.endsWith(e.id) ?? !1,
-			navigateTo: w
-		}) }, `wf-${e.id}`), h[12] = w, h[13] = b?.state, h[14] = e) : e = h[14], T = x.data.map(e), h[8] = x.data, h[9] = w, h[10] = b?.state, h[11] = T;
-	} else T = h[11];
-	let E;
-	return h[15] === T ? E = h[16] : (E = /* @__PURE__ */ jsx(Fragment$1, { children: T }), h[15] = T, h[16] = E), E;
+			isSelected: y?.endsWith(e.id) ?? !1,
+			navigateTo: C
+		}) }, `wf-${e.id}`), m[12] = y, m[13] = C, m[14] = e) : e = m[14], w = b.data.map(e), m[8] = y, m[9] = b.data, m[10] = C, m[11] = w;
+	} else w = m[11];
+	let T;
+	return m[15] === w ? T = m[16] : (T = /* @__PURE__ */ jsx(Fragment$1, { children: w }), m[15] = w, m[16] = T), T;
 };
 export { NavigationItems_default as default };

package/dist/features/workbench/Workbench.js

@@ -1,9 +1,10 @@
 import { useWorkspace } from "../../hooks/useWorkspaces.js";
 import PageBreadcrumbs_default from "../../components/page/PageBreadcrumbs.js";
-import { FileContentViewer } from "../code-explorer/components/FileContentViewer.js";
 import { CodeExplorerProvider, useCodeExplorerContext } from "../code-explorer/providers/CodeExplorerProvider.js";
+import { FileContentViewer } from "../code-explorer/components/FileContentViewer.js";
 import { FileTabsBar } from "../code-explorer/components/FileTabsBar.js";
-import { WorkbenchContextProvider, WorkbenchLayoutProvider, useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
+import "../code-explorer/index.js";
+import { WorkbenchLayoutProvider, useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
 import WorkflowList_default from "./WorkflowList.js";
 import { ScrollProvider } from "./providers/ScrollProvider.js";
 import { WorkbenchFloatingPanel } from "./components/WorkbenchFloatingPanel.js";
@@ -11,29 +12,28 @@ import { WorkbenchFlowPanel } from "./components/WorkbenchFlowPanel.js";
 import { WorkbenchIconSidebar } from "./components/WorkbenchIconSidebar.js";
 import { WorkbenchPreviewPanel } from "./components/WorkbenchPreviewPanel.js";
 import { c } from "react/compiler-runtime";
-import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function WorkbenchContent(e) {
-	let a = c(16), { pipeline: l, breadcrumbData: u } = e, { openFiles: d, selectedFile: m, fileContent: h, workflowConfig: g, isContentLoading: _ } = useCodeExplorerContext(), v;
-	a[0] === u ? v = a[1] : (v = /* @__PURE__ */ jsx("div", {
+function WorkbenchContent(t) {
+	let i = c(16), { pipeline: l, breadcrumbData: u } = t, { openFiles: p, selectedFile: m, fileContent: h, workflowConfig: g, isContentLoading: v } = useCodeExplorerContext(), y;
+	i[0] === u ? y = i[1] : (y = /* @__PURE__ */ jsx("div", {
 		className: "border-b flex h-12 shrink-0 items-center",
 		children: u ? /* @__PURE__ */ jsx(PageBreadcrumbs_default, { breadcrumbData: u }) : /* @__PURE__ */ jsx("span", {
 			className: "px-3 text-sm font-medium",
 			children: "Workflows"
 		})
-	}), a[0] = u, a[1] = v);
+	}), i[0] = u, i[1] = y);
 	let b;
-	a[2] === l ? b = a[3] : (b = /* @__PURE__ */ jsx(ScrollProvider, { children: /* @__PURE__ */ jsx("div", {
+	i[2] === l ? b = i[3] : (b = /* @__PURE__ */ jsx(ScrollProvider, { children: /* @__PURE__ */ jsx("div", {
 		className: "flex-1 overflow-auto",
 		children: /* @__PURE__ */ jsx(WorkflowList_default, { pipeline: l })
-	}) }), a[2] = l, a[3] = b);
+	}) }), i[2] = l, i[3] = b);
 	let x;
-	a[4] !== v || a[5] !== b ? (x = /* @__PURE__ */ jsxs("div", {
+	i[4] !== y || i[5] !== b ? (x = /* @__PURE__ */ jsxs("div", {
 		className: "flex flex-1 flex-col overflow-hidden",
-		children: [v, b]
-	}), a[4] = v, a[5] = b, a[6] = x) : x = a[6];
+		children: [y, b]
+	}), i[4] = y, i[5] = b, i[6] = x) : x = i[6];
 	let S;
-	a[7] !== h || a[8] !== _ || a[9] !== d.length || a[10] !== m || a[11] !== g ? (S = d.length > 0 && /* @__PURE__ */ jsxs("div", {
+	i[7] !== h || i[8] !== v || i[9] !== p.length || i[10] !== m || i[11] !== g ? (S = p.length > 0 && /* @__PURE__ */ jsxs("div", {
 		className: "w-full md:w-1/2 shrink-0 overflow-hidden flex flex-col",
 		children: [/* @__PURE__ */ jsx(FileTabsBar, {}), /* @__PURE__ */ jsx("div", {
 			className: "flex-1 overflow-hidden",
@@ -41,95 +41,83 @@ function WorkbenchContent(e) {
 				selectedFile: m,
 				content: h,
 				workflowConfig: g,
-				isLoading: _,
+				isLoading: v,
 				className: "h-full"
 			})
 		})]
-	}), a[7] = h, a[8] = _, a[9] = d.length, a[10] = m, a[11] = g, a[12] = S) : S = a[12];
+	}), i[7] = h, i[8] = v, i[9] = p.length, i[10] = m, i[11] = g, i[12] = S) : S = i[12];
 	let C;
-	return a[13] !== x || a[14] !== S ? (C = /* @__PURE__ */ jsx("div", {
+	return i[13] !== x || i[14] !== S ? (C = /* @__PURE__ */ jsx("div", {
 		className: "flex h-full flex-col",
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-1 gap-4 overflow-hidden md:flex-row flex-col",
 			children: [x, S]
 		})
-	}), a[13] = x, a[14] = S, a[15] = C) : C = a[15], C;
+	}), i[13] = x, i[14] = S, i[15] = C) : C = i[15], C;
 }
-function WorkbenchInner(e) {
-	let r = c(26), { pipeline: i, breadcrumbData: a } = e, { activeSidePanel: o, activeSectionId: s, setActiveSectionId: u } = useWorkbenchLayout(), f;
-	r[0] === s ? f = r[1] : (f = { activeSectionId: s }, r[0] = s, r[1] = f);
-	let p;
-	r[2] !== u || r[3] !== f ? (p = {
-		state: f,
-		setActiveSectionId: u
-	}, r[2] = u, r[3] = f, r[4] = p) : p = r[4];
-	let v = p, x = o ? "w-1/2 overflow-hidden" : "w-full overflow-hidden", S;
-	r[5] !== a || r[6] !== i ? (S = /* @__PURE__ */ jsx(WorkbenchContent, {
+function WorkbenchInner(t) {
+	let r = c(18), { pipeline: i, breadcrumbData: a } = t, { activeSidePanel: o } = useWorkbenchLayout(), s = o ? "w-1/2 overflow-hidden" : "w-full overflow-hidden", l;
+	r[0] !== a || r[1] !== i ? (l = /* @__PURE__ */ jsx(WorkbenchContent, {
 		pipeline: i,
 		breadcrumbData: a
-	}), r[5] = a, r[6] = i, r[7] = S) : S = r[7];
-	let C;
-	r[8] !== x || r[9] !== S ? (C = /* @__PURE__ */ jsx("div", {
-		className: x,
-		children: S
-	}), r[8] = x, r[9] = S, r[10] = C) : C = r[10];
-	let w;
-	r[11] === o ? w = r[12] : (w = o === "preview" && /* @__PURE__ */ jsx(WorkbenchPreviewPanel, {}), r[11] = o, r[12] = w);
-	let T;
-	r[13] === o ? T = r[14] : (T = o === "flow" && /* @__PURE__ */ jsx(WorkbenchFlowPanel, {}), r[13] = o, r[14] = T);
-	let E;
-	r[15] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ jsx(WorkbenchFloatingPanel, {}), r[15] = E) : E = r[15];
-	let D;
-	r[16] !== C || r[17] !== w || r[18] !== T ? (D = /* @__PURE__ */ jsxs("div", {
+	}), r[0] = a, r[1] = i, r[2] = l) : l = r[2];
+	let d;
+	r[3] !== s || r[4] !== l ? (d = /* @__PURE__ */ jsx("div", {
+		className: s,
+		children: l
+	}), r[3] = s, r[4] = l, r[5] = d) : d = r[5];
+	let f;
+	r[6] === o ? f = r[7] : (f = o === "preview" && /* @__PURE__ */ jsx(WorkbenchPreviewPanel, {}), r[6] = o, r[7] = f);
+	let y;
+	r[8] === o ? y = r[9] : (y = o === "flow" && /* @__PURE__ */ jsx(WorkbenchFlowPanel, {}), r[8] = o, r[9] = y);
+	let b;
+	r[10] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsx(WorkbenchFloatingPanel, {}), r[10] = b) : b = r[10];
+	let x;
+	r[11] !== d || r[12] !== f || r[13] !== y ? (x = /* @__PURE__ */ jsxs("div", {
 		className: "relative flex flex-1 overflow-hidden",
 		children: [
-			C,
-			w,
-			T,
-			E
+			d,
+			f,
+			y,
+			b
 		]
-	}), r[16] = C, r[17] = w, r[18] = T, r[19] = D) : D = r[19];
-	let O;
-	r[20] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ jsx(WorkbenchIconSidebar, {}), r[20] = O) : O = r[20];
-	let k;
-	r[21] === D ? k = r[22] : (k = /* @__PURE__ */ jsxs("div", {
+	}), r[11] = d, r[12] = f, r[13] = y, r[14] = x) : x = r[14];
+	let S;
+	r[15] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(WorkbenchIconSidebar, {}), r[15] = S) : S = r[15];
+	let C;
+	return r[16] === x ? C = r[17] : (C = /* @__PURE__ */ jsxs("div", {
 		className: "flex h-full w-full",
-		children: [D, O]
-	}), r[21] = D, r[22] = k);
-	let A;
-	return r[23] !== v || r[24] !== k ? (A = /* @__PURE__ */ jsx(WorkbenchContextProvider.Provider, {
-		value: v,
-		children: k
-	}), r[23] = v, r[24] = k, r[25] = A) : A = r[25], A;
+		children: [x, S]
+	}), r[16] = x, r[17] = C), C;
 }
 function Workbench(r) {
-	let i = c(19), { pipeline: o, breadcrumbData: s, previewPanelOpen: l, onPreviewPanelOpenChange: d, isDeveloperMode: f, getPreviewUrl: p, getEnvironmentPreviewUrl: m, environments: h } = r, g = o?.workspaceId, _ = useWorkspace(g), v = _.data?.features?.fileExplorer?.enabled ?? !1, y;
-	i[0] === _.data ? y = i[1] : (y = _.data ? {
+	let a = c(19), { pipeline: o, breadcrumbData: s, previewPanelOpen: u, onPreviewPanelOpenChange: d, isDeveloperMode: f, getPreviewUrl: p, getEnvironmentPreviewUrl: m, environments: h } = r, g = o?.workspaceId, _ = useWorkspace(g), v = _.data?.features?.fileExplorer?.enabled ?? !1, b;
+	a[0] === _.data ? b = a[1] : (b = _.data ? {
 		volumes: _.data.volumes,
 		features: _.data.features
-	} : void 0, i[0] = _.data, i[1] = y);
-	let b = y, S = h ?? _.data?.environments, C = o?.id, w;
-	i[2] !== s || i[3] !== o ? (w = /* @__PURE__ */ jsx(WorkbenchInner, {
+	} : void 0, a[0] = _.data, a[1] = b);
+	let x = b, S = h ?? _.data?.environments, C = o?.id, w;
+	a[2] !== s || a[3] !== o ? (w = /* @__PURE__ */ jsx(WorkbenchInner, {
 		pipeline: o,
 		breadcrumbData: s
-	}), i[2] = s, i[3] = o, i[4] = w) : w = i[4];
+	}), a[2] = s, a[3] = o, a[4] = w) : w = a[4];
 	let T;
-	i[5] !== v || i[6] !== C || i[7] !== w ? (T = /* @__PURE__ */ jsx(CodeExplorerProvider, {
+	a[5] !== v || a[6] !== C || a[7] !== w ? (T = /* @__PURE__ */ jsx(CodeExplorerProvider, {
 		pipelineId: C,
 		fileExplorerEnabled: v,
 		children: w
-	}), i[5] = v, i[6] = C, i[7] = w, i[8] = T) : T = i[8];
+	}), a[5] = v, a[6] = C, a[7] = w, a[8] = T) : T = a[8];
 	let E;
-	return i[9] !== m || i[10] !== p || i[11] !== f || i[12] !== d || i[13] !== o || i[14] !== l || i[15] !== S || i[16] !== T || i[17] !== b ? (E = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
+	return a[9] !== m || a[10] !== p || a[11] !== f || a[12] !== d || a[13] !== o || a[14] !== u || a[15] !== S || a[16] !== T || a[17] !== x ? (E = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
 		pipeline: o,
 		isDeveloperMode: f,
-		workspaceConfig: b,
+		workspaceConfig: x,
 		getPreviewUrl: p,
 		getEnvironmentPreviewUrl: m,
 		environments: S,
-		previewPanelOpen: l,
+		previewPanelOpen: u,
 		onPreviewPanelOpenChange: d,
 		children: T
-	}), i[9] = m, i[10] = p, i[11] = f, i[12] = d, i[13] = o, i[14] = l, i[15] = S, i[16] = T, i[17] = b, i[18] = E) : E = i[18], E;
+	}), a[9] = m, a[10] = p, a[11] = f, a[12] = d, a[13] = o, a[14] = u, a[15] = S, a[16] = T, a[17] = x, a[18] = E) : E = a[18], E;
 }
 export { Workbench as default };

package/dist/features/workbench/WorkflowItem.js

@@ -1,64 +1,72 @@
-import { useFilterDocuments } from "../../hooks/useDocuments.js";
-import { useWorkflow } from "../../hooks/useWorkflows.js";
 import { cn } from "../../lib/utils.js";
-import ErrorSnackbar_default from "../../components/snackbars/ErrorSnackbar.js";
-import LoadingCentered_default from "../../components/LoadingCentered.js";
-import { require_enums } from "../../packages/contracts/dist/enums/index.js";
-import { useRunPipeline } from "../../hooks/useProcessor.js";
-import DocumentList_default from "./components/DocumentList.js";
+import LoadingCentered_default from "../../components/feedback/LoadingCentered.js";
+import ErrorSnackbar_default from "../../components/feedback/ErrorSnackbar.js";
+import ErrorAlert_default from "../../components/feedback/ErrorAlert.js";
+import DocumentList_default from "../documents/components/DocumentList.js";
+import "../documents/index.js";
 import WorkflowForms_default from "./components/WorkflowForms.js";
-import ErrorAlert_default from "../../components/content/ErrorAlert.js";
-import React, { useCallback, useEffect, useMemo } from "react";
+import { useWorkflowData } from "./hooks/useWorkflowData.js";
+import { c } from "react/compiler-runtime";
+import React, { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-var import_enums = require_enums(), WorkflowItem_default = ({ pipeline: g, workflowId: _, scrollTo: v, settings: y, embed: b }) => {
-	let { workflowId: x, clickId: S } = useParams(), C = useWorkflow(_), w = useFilterDocuments(_);
-	useEffect(() => {
-		x === _ && C.isSuccess && w.isSuccess && v(_);
-	}, [
-		C.isSuccess,
-		w.isSuccess,
-		_,
+var WorkflowItem_default = (p) => {
+	let m = c(46), { pipeline: h, workflowId: g, scrollTo: _, settings: v, embed: y } = p, { workflowId: b, clickId: x } = useParams(), S;
+	m[0] !== v.showFullMessageHistory || m[1] !== g ? (S = {
+		workflowId: g,
+		showFullMessageHistory: v.showFullMessageHistory
+	}, m[0] = v.showFullMessageHistory, m[1] = g, m[2] = S) : S = m[2];
+	let { workflow: C, workflowLoading: w, workflowReady: T, workflowError: E, documents: D, documentsLoading: O, documentsReady: k, documentsError: A, isLoading: j, handleRun: M } = useWorkflowData(S), N;
+	m[3] !== k || m[4] !== b || m[5] !== _ || m[6] !== g || m[7] !== T ? (N = () => {
+		b === g && T && k && _(g);
+	}, m[3] = k, m[4] = b, m[5] = _, m[6] = g, m[7] = T, m[8] = N) : N = m[8];
+	let P;
+	m[9] !== x || m[10] !== k || m[11] !== b || m[12] !== _ || m[13] !== g || m[14] !== T ? (P = [
+		T,
+		k,
+		g,
+		b,
 		x,
-		S,
-		v
-	]);
-	let T = useCallback((e) => {
-		let p = e.meta, m = e.ui, h = p?.hidden || m?.hidden || !!p?.hideAtPlaces?.includes(C.data?.place ?? "");
-		return !y.showFullMessageHistory && e.tags?.includes("internal") && (h = !0), !h;
-	}, [C.data, y.showFullMessageHistory]), E = useMemo(() => w.data ? w.data.filter(T) : [], [w.data, T]), D = useRunPipeline(), O = (e, p) => {
-		D.mutate({
-			pipelineId: C.data.pipelineId,
-			runPipelinePayloadDto: { transition: {
-				id: e,
-				workflowId: _,
-				payload: p
-			} }
-		});
-	}, k = D.isPending || C.data?.status === import_enums.WorkflowState.Running;
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col", b ? "p-0" : "p-4"),
+		_
+	], m[9] = x, m[10] = k, m[11] = b, m[12] = _, m[13] = g, m[14] = T, m[15] = P) : P = m[15], useEffect(N, P);
+	let F = y ? "p-0" : "p-4", I;
+	m[16] === F ? I = m[17] : (I = cn("flex flex-col", F), m[16] = F, m[17] = I);
+	let L = w || O, R;
+	m[18] === L ? R = m[19] : (R = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: L }), m[18] = L, m[19] = R);
+	let z;
+	m[20] === A ? z = m[21] : (z = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: A }), m[20] = A, m[21] = z);
+	let B;
+	m[22] === E ? B = m[23] : (B = /* @__PURE__ */ jsx(ErrorAlert_default, { error: E }), m[22] = E, m[23] = B);
+	let V;
+	m[24] !== D || m[25] !== j || m[26] !== h || m[27] !== _ || m[28] !== v || m[29] !== C || m[30] !== T ? (V = T && C && /* @__PURE__ */ jsx(DocumentList_default, {
+		pipeline: h,
+		workflow: C,
+		documents: D,
+		scrollTo: _,
+		settings: v,
+		isLoading: j
+	}), m[24] = D, m[25] = j, m[26] = h, m[27] = _, m[28] = v, m[29] = C, m[30] = T, m[31] = V) : V = m[31];
+	let H;
+	m[32] === j ? H = m[33] : (H = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: j }), m[32] = j, m[33] = H);
+	let U;
+	m[34] !== y || m[35] !== M || m[36] !== C ? (U = !!C && !y && /* @__PURE__ */ jsx("div", {
+		className: "mt-6",
+		children: /* @__PURE__ */ jsx(WorkflowForms_default, {
+			workflow: C,
+			onSubmit: M
+		})
+	}), m[34] = y, m[35] = M, m[36] = C, m[37] = U) : U = m[37];
+	let W;
+	return m[38] !== V || m[39] !== H || m[40] !== U || m[41] !== I || m[42] !== R || m[43] !== z || m[44] !== B ? (W = /* @__PURE__ */ jsxs("div", {
+		className: I,
 		children: [
-			/* @__PURE__ */ jsx(LoadingCentered_default, { loading: C.isLoading || w.isLoading }),
-			/* @__PURE__ */ jsx(ErrorSnackbar_default, { error: w.error }),
-			/* @__PURE__ */ jsx(ErrorAlert_default, { error: C.data?.errorMessage }),
-			C.isSuccess && /* @__PURE__ */ jsx(DocumentList_default, {
-				pipeline: g,
-				workflow: C.data,
-				documents: E,
-				scrollTo: v,
-				settings: y,
-				isLoading: k
-			}),
-			/* @__PURE__ */ jsx(LoadingCentered_default, { loading: k }),
-			!!C.data && !b && /* @__PURE__ */ jsx("div", {
-				className: "mt-6",
-				children: /* @__PURE__ */ jsx(WorkflowForms_default, {
-					workflow: C.data,
-					onSubmit: O
-				})
-			})
+			R,
+			z,
+			B,
+			V,
+			H,
+			U
 		]
-	});
+	}), m[38] = V, m[39] = H, m[40] = U, m[41] = I, m[42] = R, m[43] = z, m[44] = B, m[45] = W) : W = m[45], W;
 };
 export { WorkflowItem_default as default };

package/dist/features/workbench/WorkflowList.js

@@ -1,119 +1,90 @@
-import { useFetchWorkflowsByPipeline } from "../../hooks/useWorkflows.js";
 import { cn } from "../../lib/utils.js";
 import { Button } from "../../components/ui/button.js";
-import ErrorSnackbar_default from "../../components/snackbars/ErrorSnackbar.js";
-import LoadingCentered_default from "../../components/LoadingCentered.js";
-import { WorkbenchContextProvider } from "./providers/WorkbenchLayoutProvider.js";
+import LoadingCentered_default from "../../components/feedback/LoadingCentered.js";
+import ErrorSnackbar_default from "../../components/feedback/ErrorSnackbar.js";
+import { useFetchWorkflowsByPipeline } from "../../hooks/useWorkflows.js";
 import WorkflowItem_default from "./WorkflowItem.js";
-import { useScrollToBottom } from "./hooks/useAutoScrollBottom.js";
-import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
-import { useScrollToListItem } from "./hooks/useScrollToListItem.js";
 import WorkbenchSettingsModal_default from "./components/WorkbenchSettingsModal.js";
 import WorkflowButtons_default from "./components/buttons/WorkflowButtons.js";
+import { useWorkflowListState } from "./hooks/useWorkflowListState.js";
 import { c } from "react/compiler-runtime";
-import React, { useContext, useEffect, useState } from "react";
+import React, { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowDownIcon, ChevronRightIcon, Play } from "lucide-react";
-var WorkflowList_default = (S) => {
-	let C = c(33), { pipeline: w } = S, T = useFetchWorkflowsByPipeline(w.id), [E, D] = useState(!1), O;
-	C[0] === Symbol.for("react.memo_cache_sentinel") ? (O = {}, C[0] = O) : O = C[0];
-	let [k, A] = useState(O), j;
-	C[1] === Symbol.for("react.memo_cache_sentinel") ? (j = {
+var WorkflowList_default = (_) => {
+	let v = c(24), { pipeline: y } = _, b = useFetchWorkflowsByPipeline(y.id), [x, S] = useState(!1), C;
+	v[0] === Symbol.for("react.memo_cache_sentinel") ? (C = {
 		enableDebugMode: !1,
 		showFullMessageHistory: !1
-	}, C[1] = j) : j = C[1];
-	let [M, N] = useState(j), { activeId: P, observe: F } = useIntersectionObserver("0px 0px 0px 0px"), { listRef: I, scrollTo: L } = useScrollToListItem(), { canScrollDown: R, scrollToBottom: z } = useScrollToBottom(), B = useContext(WorkbenchContextProvider), V, H;
-	C[2] !== P || C[3] !== B ? (V = () => {
-		B && B.setActiveSectionId && B.state.activeSectionId !== P && (B.setActiveSectionId(P), P && A((t) => ({
-			...t,
-			[P]: !0
-		})));
-	}, H = [P, B], C[2] = P, C[3] = B, C[4] = V, C[5] = H) : (V = C[4], H = C[5]), useEffect(V, H);
-	let U, W;
-	C[6] !== P || C[7] !== T.data ? (U = () => {
-		if (T.data && T.data.length > 0) {
-			let t = T.data.length - 1, _ = T.data[t], v = `section-${_.index}-${_.id}`;
-			A({
-				[v]: !0,
-				...P && P !== v ? { [P]: !0 } : {}
-			});
-		}
-	}, W = [T.data, P], C[6] = P, C[7] = T.data, C[8] = U, C[9] = W) : (U = C[8], W = C[9]), useEffect(U, W);
-	let G;
-	C[10] === Symbol.for("react.memo_cache_sentinel") ? (G = (t) => {
-		A((_) => ({
-			..._,
-			[t]: !_[t]
-		}));
-	}, C[10] = G) : G = C[10];
-	let K = G, q;
-	C[11] !== R || C[12] !== z ? (q = R && /* @__PURE__ */ jsx(Button, {
+	}, v[0] = C) : C = v[0];
+	let [w, T] = useState(C), { activeId: E, expandedSections: D, observe: O, listRef: k, scrollTo: A, canScrollDown: j, scrollToBottom: M, toggleSection: N } = useWorkflowListState(b.data), P;
+	v[1] !== j || v[2] !== M ? (P = j && /* @__PURE__ */ jsx(Button, {
 		variant: "outline",
 		size: "icon",
-		onClick: z,
+		onClick: M,
 		className: "bg-background/80 fixed right-[calc(var(--sidebar-width)+1.5rem)] bottom-6 z-50 rounded-full shadow-md backdrop-blur-sm",
 		children: /* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4" })
-	}), C[11] = R, C[12] = z, C[13] = q) : q = C[13];
-	let J;
-	C[14] === T.isLoading ? J = C[15] : (J = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: T.isLoading }), C[14] = T.isLoading, C[15] = J);
-	let Y;
-	C[16] === T.error ? Y = C[17] : (Y = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: T.error }), C[16] = T.error, C[17] = Y);
-	let X;
-	C[18] !== P || C[19] !== k || C[20] !== T.data || C[21] !== I || C[22] !== F || C[23] !== E || C[24] !== w || C[25] !== L || C[26] !== M ? (X = T.data ? /* @__PURE__ */ jsx("div", {
+	}), v[1] = j, v[2] = M, v[3] = P) : P = v[3];
+	let F;
+	v[4] === b.isLoading ? F = v[5] : (F = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: b.isLoading }), v[4] = b.isLoading, v[5] = F);
+	let I;
+	v[6] === b.error ? I = v[7] : (I = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: b.error }), v[6] = b.error, v[7] = I);
+	let L;
+	v[8] !== E || v[9] !== D || v[10] !== b.data || v[11] !== k || v[12] !== O || v[13] !== x || v[14] !== y || v[15] !== A || v[16] !== w || v[17] !== N ? (L = b.data ? /* @__PURE__ */ jsx("div", {
 		className: "mb-10",
-		ref: I,
-		children: /* @__PURE__ */ jsx("div", { children: T.data.map((t) => {
-			let v = `section-${t.index}-${t.id}`, y = P === v, b = T.data.length === 1, x = b || k[v];
+		ref: k,
+		children: /* @__PURE__ */ jsx("div", { children: b.data.map((f) => {
+			let p = `section-${f.index}-${f.id}`, m = E === p, h = b.data.length === 1, g = h || D[p];
 			return /* @__PURE__ */ jsxs("div", {
-				ref: (t) => F(t),
-				"data-id": v,
+				ref: (i) => O(i),
+				"data-id": p,
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-10 backdrop-blur",
 					children: /* @__PURE__ */ jsxs("div", {
 						role: "button",
-						tabIndex: b ? void 0 : 0,
-						className: cn("flex w-full items-center gap-2 rounded-md p-2 px-3 text-left text-sm font-medium", !b && "hover:bg-accent hover:text-accent-foreground cursor-pointer", b && "cursor-default"),
-						onClick: b ? void 0 : () => K(v),
-						onKeyDown: b ? void 0 : (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), K(v));
+						tabIndex: h ? void 0 : 0,
+						className: cn("flex w-full items-center gap-2 rounded-md p-2 px-3 text-left text-sm font-medium", !h && "hover:bg-accent hover:text-accent-foreground cursor-pointer", h && "cursor-default"),
+						onClick: h ? void 0 : () => N(p),
+						onKeyDown: h ? void 0 : (i) => {
+							(i.key === "Enter" || i.key === " ") && (i.preventDefault(), N(p));
 						},
 						children: [
 							/* @__PURE__ */ jsx(Play, { className: "text-primary h-3.5 w-3.5 fill-current" }),
 							/* @__PURE__ */ jsx("span", {
 								className: "flex-1 truncate text-sm",
-								children: t.title ?? t.blockName
+								children: f.title ?? f.blockName
 							}),
 							/* @__PURE__ */ jsx(WorkflowButtons_default, {
-								pipeline: w,
-								workflowId: t.id
+								pipeline: y,
+								workflowId: f.id
 							}),
-							y && /* @__PURE__ */ jsx(WorkbenchSettingsModal_default, {
-								settings: M,
-								onSettingsChange: N,
-								open: E,
-								onOpenChange: D
+							m && /* @__PURE__ */ jsx(WorkbenchSettingsModal_default, {
+								settings: w,
+								onSettingsChange: T,
+								open: x,
+								onOpenChange: S
 							}),
-							!b && /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("text-muted-foreground h-3.5 w-3.5 transition-transform", x && "rotate-90") })
+							!h && /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("text-muted-foreground h-3.5 w-3.5 transition-transform", g && "rotate-90") })
 						]
 					})
-				}), x && /* @__PURE__ */ jsx("div", {
+				}), g && /* @__PURE__ */ jsx("div", {
 					className: "max-w-4xl py-1",
 					children: /* @__PURE__ */ jsx(WorkflowItem_default, {
-						pipeline: w,
-						workflowId: t.id,
-						scrollTo: L,
-						settings: M
+						pipeline: y,
+						workflowId: f.id,
+						scrollTo: A,
+						settings: w
 					})
 				})]
-			}, t.id);
+			}, f.id);
 		}) })
-	}) : null, C[18] = P, C[19] = k, C[20] = T.data, C[21] = I, C[22] = F, C[23] = E, C[24] = w, C[25] = L, C[26] = M, C[27] = X) : X = C[27];
-	let Z;
-	return C[28] !== Y || C[29] !== X || C[30] !== q || C[31] !== J ? (Z = /* @__PURE__ */ jsxs("div", { children: [
-		q,
-		J,
-		Y,
-		X
-	] }), C[28] = Y, C[29] = X, C[30] = q, C[31] = J, C[32] = Z) : Z = C[32], Z;
+	}) : null, v[8] = E, v[9] = D, v[10] = b.data, v[11] = k, v[12] = O, v[13] = x, v[14] = y, v[15] = A, v[16] = w, v[17] = N, v[18] = L) : L = v[18];
+	let R;
+	return v[19] !== P || v[20] !== F || v[21] !== I || v[22] !== L ? (R = /* @__PURE__ */ jsxs("div", { children: [
+		P,
+		F,
+		I,
+		L
+	] }), v[19] = P, v[20] = F, v[21] = I, v[22] = L, v[23] = R) : R = v[23], R;
 };
 export { WorkflowList_default as default };

package/dist/features/workbench/components/NewRunDialog.js

@@ -6,10 +6,11 @@ import { Button } from "../../../components/ui/button.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/ui/collapsible.js";
 import { Dialog, DialogContent, DialogTitle } from "../../../components/ui/dialog.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
-import ErrorSnackbar_default from "../../../components/snackbars/ErrorSnackbar.js";
+import ErrorSnackbar_default from "../../../components/feedback/ErrorSnackbar.js";
 import CreateWorkspace_default from "../../workspaces/components/CreateWorkspace.js";
 import Form_default from "../../../components/dynamic-form/Form.js";
 import { useRunPipeline } from "../../../hooks/useProcessor.js";
+import "../../workspaces/index.js";
 import { c } from "react/compiler-runtime";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";