@loopstack/loopstack-studio 0.21.2 → 0.22.0

package/dist/features/workbench/Workbench.js

@@ -1,101 +1,135 @@
 import { useWorkspace } from "../../hooks/useWorkspaces.js";
-import { SidebarInsetDiv, SidebarProvider, SidebarTrigger } from "../../components/ui/sidebar.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 { FileTabsBar } from "../code-explorer/components/FileTabsBar.js";
-import { useNamespaceTree } from "../../hooks/useNamespaceTree.js";
-import { WorkbenchContextProvider } from "./providers/WorkbenchContextProvider.js";
+import { WorkbenchContextProvider, WorkbenchLayoutProvider, useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
 import WorkflowList_default from "./WorkflowList.js";
 import { ScrollProvider } from "./providers/ScrollProvider.js";
-import WorkbenchSidebar_default from "./components/WorkbenchSidebar.js";
+import { WorkbenchFloatingPanel } from "./components/WorkbenchFloatingPanel.js";
+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 { useCallback, useMemo, useState } from "react";
+import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function WorkbenchContent(e) {
-	let a = c(11), { pipeline: o } = e, { openFiles: s, selectedFile: u, fileContent: p, workflowConfig: m, isContentLoading: _ } = useCodeExplorerContext(), v;
-	a[0] === o ? v = a[1] : (v = /* @__PURE__ */ jsx("div", {
-		className: "flex-1 overflow-hidden",
-		children: /* @__PURE__ */ jsx(ScrollProvider, { children: /* @__PURE__ */ jsx("div", {
-			className: "flex h-full flex-col",
-			children: /* @__PURE__ */ jsx("div", {
-				className: "flex-1 overflow-hidden",
-				children: /* @__PURE__ */ jsx(WorkflowList_default, { pipeline: o })
-			})
-		}) })
-	}), a[0] = o, a[1] = v);
-	let y;
-	a[2] !== p || a[3] !== _ || a[4] !== s.length || a[5] !== u || a[6] !== m ? (y = s.length > 0 && /* @__PURE__ */ jsxs("div", {
+	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", {
+		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);
+	let b;
+	a[2] === l ? b = a[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);
+	let x;
+	a[4] !== v || a[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];
+	let S;
+	a[7] !== h || a[8] !== _ || a[9] !== d.length || a[10] !== m || a[11] !== g ? (S = d.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",
 			children: /* @__PURE__ */ jsx(FileContentViewer, {
-				selectedFile: u,
-				content: p,
-				workflowConfig: m,
+				selectedFile: m,
+				content: h,
+				workflowConfig: g,
 				isLoading: _,
 				className: "h-full"
 			})
 		})]
-	}), a[2] = p, a[3] = _, a[4] = s.length, a[5] = u, a[6] = m, a[7] = y) : y = a[7];
-	let b;
-	return a[8] !== v || a[9] !== y ? (b = /* @__PURE__ */ jsx("div", {
+	}), a[7] = h, a[8] = _, a[9] = d.length, a[10] = m, a[11] = g, a[12] = S) : S = a[12];
+	let C;
+	return a[13] !== x || a[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: [v, y]
+			children: [x, S]
 		})
-	}), a[8] = v, a[9] = y, a[10] = b) : b = a[10], b;
+	}), a[13] = x, a[14] = S, a[15] = C) : C = a[15], C;
 }
-function Workbench(l) {
-	let d = c(23), { pipeline: f } = l, h = useNamespaceTree(f?.id), g = f?.workspaceId, v = useWorkspace(g), y;
-	d[0] === Symbol.for("react.memo_cache_sentinel") ? (y = { activeSectionId: null }, d[0] = y) : y = d[0];
-	let [x, S] = useState(y), C;
-	d[1] === Symbol.for("react.memo_cache_sentinel") ? (C = (e) => {
-		S({ activeSectionId: e });
-	}, d[1] = C) : C = d[1];
-	let w = C, T;
-	d[2] === x ? T = d[3] : (T = {
-		state: x,
-		setActiveSectionId: w
-	}, d[2] = x, d[3] = T);
-	let E = T, D = v.data?.features?.fileExplorer?.enabled ?? !1, O = f?.id, k;
-	d[4] === Symbol.for("react.memo_cache_sentinel") ? (k = /* @__PURE__ */ jsx(SidebarTrigger, { className: "fixed top-0 right-0 z-40 flex h-8 w-8 items-center justify-center p-8 hover:cursor-pointer md:hidden" }), d[4] = k) : k = d[4];
-	let A;
-	d[5] === f ? A = d[6] : (A = /* @__PURE__ */ jsx(SidebarInsetDiv, { children: /* @__PURE__ */ jsx("div", {
-		className: "flex-1",
-		children: /* @__PURE__ */ jsx(WorkbenchContent, { pipeline: f })
-	}) }), d[5] = f, d[6] = A);
-	let j;
-	d[7] === v.data ? j = d[8] : (j = v.data ? {
-		volumes: v.data.volumes,
-		features: v.data.features
-	} : void 0, d[7] = v.data, d[8] = j);
-	let M;
-	d[9] !== h || d[10] !== f || d[11] !== j ? (M = /* @__PURE__ */ jsx(WorkbenchSidebar_default, {
-		namespaceTree: h,
-		pipeline: f,
-		workspaceConfig: j
-	}), d[9] = h, d[10] = f, d[11] = j, d[12] = M) : M = d[12];
-	let N;
-	d[13] !== A || d[14] !== M ? (N = /* @__PURE__ */ jsxs(SidebarProvider, {
-		defaultOpen: !0,
-		className: "workbench-sidebar min-h-0",
+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, {
+		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", {
+		className: "relative flex flex-1 overflow-hidden",
 		children: [
-			k,
-			A,
-			M
+			C,
+			w,
+			T,
+			E
 		]
-	}), d[13] = A, d[14] = M, d[15] = N) : N = d[15];
-	let P;
-	d[16] !== D || d[17] !== O || d[18] !== N ? (P = /* @__PURE__ */ jsx(CodeExplorerProvider, {
-		pipelineId: O,
-		fileExplorerEnabled: D,
-		children: N
-	}), d[16] = D, d[17] = O, d[18] = N, d[19] = P) : P = d[19];
-	let F;
-	return d[20] !== E || d[21] !== P ? (F = /* @__PURE__ */ jsx(WorkbenchContextProvider.Provider, {
-		value: E,
-		children: P
-	}), d[20] = E, d[21] = P, d[22] = F) : F = d[22], F;
+	}), 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", {
+		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;
+}
+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 ? {
+		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, {
+		pipeline: o,
+		breadcrumbData: s
+	}), i[2] = s, i[3] = o, i[4] = w) : w = i[4];
+	let T;
+	i[5] !== v || i[6] !== C || i[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];
+	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, {
+		pipeline: o,
+		isDeveloperMode: f,
+		workspaceConfig: b,
+		getPreviewUrl: p,
+		getEnvironmentPreviewUrl: m,
+		environments: S,
+		previewPanelOpen: l,
+		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;
 }
 export { Workbench as default };

package/dist/features/workbench/WorkflowItem.js

@@ -3,15 +3,15 @@ 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 WorkflowForms_default from "./components/WorkflowForms.js";
 import ErrorAlert_default from "../../components/content/ErrorAlert.js";
-import WorkflowButtons_default from "./components/buttons/WorkflowButtons.js";
 import React, { useCallback, useEffect, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-var WorkflowItem_default = ({ pipeline: g, workflowId: _, scrollTo: v, settings: y, embed: b }) => {
+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(_);
@@ -35,9 +35,9 @@ var WorkflowItem_default = ({ pipeline: g, workflowId: _, scrollTo: v, settings:
 				payload: p
 			} }
 		});
-	}, k = D.isPending || C.data?.status === "running";
+	}, k = D.isPending || C.data?.status === import_enums.WorkflowState.Running;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col", b ? "p-0" : "min-h-[calc(100vh-16rem)] p-4"),
+		className: cn("flex flex-col", b ? "p-0" : "p-4"),
 		children: [
 			/* @__PURE__ */ jsx(LoadingCentered_default, { loading: C.isLoading || w.isLoading }),
 			/* @__PURE__ */ jsx(ErrorSnackbar_default, { error: w.error }),
@@ -51,15 +51,12 @@ var WorkflowItem_default = ({ pipeline: g, workflowId: _, scrollTo: v, settings:
 				isLoading: k
 			}),
 			/* @__PURE__ */ jsx(LoadingCentered_default, { loading: k }),
-			!!C.data && !b && /* @__PURE__ */ jsxs("div", {
-				className: "mt-auto flex flex-col gap-6 pt-12",
-				children: [/* @__PURE__ */ jsx(WorkflowForms_default, {
+			!!C.data && !b && /* @__PURE__ */ jsx("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ jsx(WorkflowForms_default, {
 					workflow: C.data,
 					onSubmit: O
-				}), /* @__PURE__ */ jsx(WorkflowButtons_default, {
-					pipeline: g,
-					workflow: C.data
-				})]
+				})
 			})
 		]
 	});

package/dist/features/workbench/WorkflowList.js

@@ -3,16 +3,17 @@ 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 WorkflowItem_default from "./WorkflowItem.js";
 import { useScrollToBottom } from "./hooks/useAutoScrollBottom.js";
 import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
 import { useScrollToListItem } from "./hooks/useScrollToListItem.js";
-import { WorkbenchContextProvider } from "./providers/WorkbenchContextProvider.js";
 import WorkbenchSettingsModal_default from "./components/WorkbenchSettingsModal.js";
+import WorkflowButtons_default from "./components/buttons/WorkflowButtons.js";
 import { c } from "react/compiler-runtime";
 import React, { useContext, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowDownIcon, ChevronDownIcon, ChevronRightIcon, LayersIcon } from "lucide-react";
+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];
@@ -31,18 +32,18 @@ var WorkflowList_default = (S) => {
 	let U, W;
 	C[6] !== P || C[7] !== T.data ? (U = () => {
 		if (T.data && T.data.length > 0) {
-			let t = T.data.length - 1, y = T.data[t], b = `section-${y.index}-${y.id}`;
+			let t = T.data.length - 1, _ = T.data[t], v = `section-${_.index}-${_.id}`;
 			A({
-				[b]: !0,
-				...P && P !== b ? { [P]: !0 } : {}
+				[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((y) => ({
-			...y,
-			[t]: !y[t]
+		A((_) => ({
+			..._,
+			[t]: !_[t]
 		}));
 	}, C[10] = G) : G = C[10];
 	let K = G, q;
@@ -62,33 +63,41 @@ var WorkflowList_default = (S) => {
 		className: "mb-10",
 		ref: I,
 		children: /* @__PURE__ */ jsx("div", { children: T.data.map((t) => {
-			let b = `section-${t.index}-${t.id}`, x = P === b;
+			let v = `section-${t.index}-${t.id}`, y = P === v, b = T.data.length === 1, x = b || k[v];
 			return /* @__PURE__ */ jsxs("div", {
 				ref: (t) => F(t),
-				"data-id": b,
-				className: "space-y-0",
+				"data-id": v,
 				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", {
-						className: "mb-4 flex items-center gap-2 py-2 px-3 cursor-pointer border-b border-border bg-muted/50 rounded-t-sm",
-						onClick: () => K(b),
+						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));
+						},
 						children: [
-							k[b] ? /* @__PURE__ */ jsx(ChevronDownIcon, { className: cn("size-4", x ? "text-primary" : "text-muted-foreground") }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("size-4", x ? "text-primary" : "text-muted-foreground") }),
-							/* @__PURE__ */ jsx(LayersIcon, { className: cn("size-4", x ? "text-primary" : "text-muted-foreground") }),
+							/* @__PURE__ */ jsx(Play, { className: "text-primary h-3.5 w-3.5 fill-current" }),
 							/* @__PURE__ */ jsx("span", {
-								className: cn("text-base font-medium transition-colors flex-1", x ? "text-primary" : "text-muted-foreground text-gray-400"),
+								className: "flex-1 truncate text-sm",
 								children: t.title ?? t.blockName
 							}),
-							x && /* @__PURE__ */ jsx(WorkbenchSettingsModal_default, {
+							/* @__PURE__ */ jsx(WorkflowButtons_default, {
+								pipeline: w,
+								workflowId: t.id
+							}),
+							y && /* @__PURE__ */ jsx(WorkbenchSettingsModal_default, {
 								settings: M,
 								onSettingsChange: N,
 								open: E,
 								onOpenChange: D
-							})
+							}),
+							!b && /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("text-muted-foreground h-3.5 w-3.5 transition-transform", x && "rotate-90") })
 						]
 					})
-				}), k[b] && /* @__PURE__ */ jsx("div", {
-					className: "max-w-4xl pl-9",
+				}), x && /* @__PURE__ */ jsx("div", {
+					className: "max-w-4xl py-1",
 					children: /* @__PURE__ */ jsx(WorkflowItem_default, {
 						pipeline: w,
 						workflowId: t.id,

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

@@ -1,40 +1,40 @@
+import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
 import DocumentItem_default from "./DocumentItem.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";
-import { WorkflowState } from "@loopstack/api-client";
 import { jsx } from "react/jsx-runtime";
 import { useParams } from "react-router-dom";
-var DocumentList_default = (i) => {
-	let s = c(23), { pipeline: l, workflow: u, documents: d, scrollTo: f, settings: p } = i, { workflowId: m, clickId: h } = useParams(), g;
-	s[0] !== m || s[1] !== f || s[2] !== u.id ? (g = () => {
+var import_enums = require_enums(), DocumentList_default = (e) => {
+	let o = c(23), { pipeline: l, workflow: u, documents: d, scrollTo: f, settings: p } = e, { workflowId: m, clickId: h } = useParams(), g;
+	o[0] !== m || o[1] !== f || o[2] !== u.id ? (g = () => {
 		m === u.id && f(u.id);
-	}, s[0] = m, s[1] = f, s[2] = u.id, s[3] = g) : g = s[3];
+	}, o[0] = m, o[1] = f, o[2] = u.id, o[3] = g) : g = o[3];
 	let _;
-	s[4] !== h || s[5] !== m || s[6] !== f || s[7] !== u.id ? (_ = [
+	o[4] !== h || o[5] !== m || o[6] !== f || o[7] !== u.id ? (_ = [
 		u.id,
 		m,
 		h,
 		f
-	], s[4] = h, s[5] = m, s[6] = f, s[7] = u.id, s[8] = _) : _ = s[8], useEffect(g, _);
-	let v = u.status === WorkflowState.Waiting, y;
-	if (s[9] !== d || s[10] !== v || s[11] !== l || s[12] !== p || s[13] !== u) {
-		let r;
-		s[15] !== d.length || s[16] !== v || s[17] !== l || s[18] !== p || s[19] !== u ? (r = (r, i) => {
-			let a = r, o = r.place === u.place || !!a.meta?.enableAtPlaces?.includes(u.place);
+	], o[4] = h, o[5] = m, o[6] = f, o[7] = u.id, o[8] = _) : _ = o[8], useEffect(g, _);
+	let v = u.status === import_enums.WorkflowState.Waiting, y;
+	if (o[9] !== d || o[10] !== v || o[11] !== l || o[12] !== p || o[13] !== u) {
+		let e;
+		o[15] !== d.length || o[16] !== v || o[17] !== l || o[18] !== p || o[19] !== u ? (e = (e, a) => {
+			let o = e, s = e.place === u.place || !!o.meta?.enableAtPlaces?.includes(u.place);
 			return /* @__PURE__ */ jsx(DocumentItem_default, {
-				document: r,
+				document: e,
 				workflow: u,
 				pipeline: l,
-				isActive: v && o,
-				isLastItem: i === d.length - 1,
+				isActive: v && s,
+				isLastItem: a === d.length - 1,
 				settings: p
-			}, r.id);
-		}, s[15] = d.length, s[16] = v, s[17] = l, s[18] = p, s[19] = u, s[20] = r) : r = s[20], y = d.map(r), s[9] = d, s[10] = v, s[11] = l, s[12] = p, s[13] = u, s[14] = y;
-	} else y = s[14];
+			}, e.id);
+		}, o[15] = d.length, o[16] = v, o[17] = l, o[18] = p, o[19] = u, o[20] = e) : e = o[20], y = d.map(e), o[9] = d, o[10] = v, o[11] = l, o[12] = p, o[13] = u, o[14] = y;
+	} else y = o[14];
 	let b;
-	return s[21] === y ? b = s[22] : (b = /* @__PURE__ */ jsx("div", {
+	return o[21] === y ? b = o[22] : (b = /* @__PURE__ */ jsx("div", {
 		className: "flex flex-col gap-6",
 		children: y
-	}), s[21] = y, s[22] = b), b;
+	}), o[21] = y, o[22] = b), b;
 };
 export { DocumentList_default as default };