@loopstack/loopstack-studio 0.21.3 → 0.23.0

package/dist/features/{workbench → documents}/components/DocumentItem.js

@@ -1,5 +1,5 @@
+import DocumentRenderer_default from "../DocumentRenderer.js";
 import DocumentMetadataPills_default from "./DocumentMetadataPills.js";
-import DocumentRenderer_default from "./DocumentRenderer.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

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

@@ -0,0 +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 { jsx } from "react/jsx-runtime";
+import { useParams } from "react-router-dom";
+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);
+	}, o[0] = m, o[1] = f, o[2] = u.id, o[3] = g) : g = o[3];
+	let _;
+	o[4] !== h || o[5] !== m || o[6] !== f || o[7] !== u.id ? (_ = [
+		u.id,
+		m,
+		h,
+		f
+	], 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: e,
+				workflow: u,
+				pipeline: l,
+				isActive: v && s,
+				isLastItem: a === d.length - 1,
+				settings: p
+			}, 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 o[21] === y ? b = o[22] : (b = /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-6",
+		children: y
+	}), o[21] = y, o[22] = b), b;
+};
+export { DocumentList_default as default };

package/dist/features/{workbench → documents}/components/DocumentMetadataPills.js

@@ -1,7 +1,7 @@
 import { Badge } from "../../../components/ui/badge.js";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../../components/ui/dialog.js";
-import DocumentDetails_default from "./document-details/DocumentDetails.js";
-import PromptDetails_default from "./document-details/PromptDetails.js";
+import DocumentDetails_default from "../document-details/DocumentDetails.js";
+import PromptDetails_default from "../document-details/PromptDetails.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/{workbench/components → documents}/document-details/DocumentDetails.js

@@ -1,6 +1,6 @@
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../../../components/ui/accordion.js";
-import { Badge } from "../../../../components/ui/badge.js";
-import { Card, CardContent } from "../../../../components/ui/card.js";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../../components/ui/accordion.js";
+import { Badge } from "../../../components/ui/badge.js";
+import { Card, CardContent } from "../../../components/ui/card.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/{workbench/components → documents}/document-details/PromptDetails.js

@@ -1,6 +1,6 @@
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../../../components/ui/accordion.js";
-import { Card, CardContent, CardHeader, CardTitle } from "../../../../components/ui/card.js";
-import CompletionMessagePaper_default from "../../../../components/messages/CompletionMessagePaper.js";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../../components/ui/accordion.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../../../components/ui/card.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/documents/index.js

@@ -0,0 +1,4 @@
+import DocumentRenderer_default from "./DocumentRenderer.js";
+import DocumentMetadataPills_default from "./components/DocumentMetadataPills.js";
+import DocumentItem_default from "./components/DocumentItem.js";
+import DocumentList_default from "./components/DocumentList.js";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/AiMessage.js

@@ -1,8 +1,8 @@
-import { getToolOrDynamicToolName, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart } from "../../../../node_modules/ai/dist/index.js";
-import { Message, MessageAction, MessageActions, MessageContent, MessageResponse } from "../../../../components/ai-elements/message.js";
-import { Reasoning, ReasoningContent, ReasoningTrigger } from "../../../../components/ai-elements/reasoning.js";
-import { Source, Sources, SourcesContent, SourcesTrigger } from "../../../../components/ai-elements/sources.js";
-import { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "../../../../components/ai-elements/tool.js";
+import { getToolOrDynamicToolName, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart } from "../../../node_modules/ai/dist/index.js";
+import { Message, MessageAction, MessageActions, MessageContent, MessageResponse } from "../../../components/ai-elements/message.js";
+import { Reasoning, ReasoningContent, ReasoningTrigger } from "../../../components/ai-elements/reasoning.js";
+import { Source, Sources, SourcesContent, SourcesTrigger } from "../../../components/ai-elements/sources.js";
+import { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "../../../components/ai-elements/tool.js";
 import { c } from "react/compiler-runtime";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/DocumentDebugRenderer.js

@@ -1,4 +1,4 @@
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../../components/ui/collapsible.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/ui/collapsible.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/DocumentFormRenderer.js

@@ -1,13 +1,13 @@
-import Form_default from "../../../../components/dynamic-form/Form.js";
-import { useRunPipeline } from "../../../../hooks/useProcessor.js";
-import UiActions_default from "../../../../components/ui-widgets/UiActions.js";
+import Form_default from "../../../components/dynamic-form/Form.js";
+import { useRunPipeline } from "../../../hooks/useProcessor.js";
+import UiActions_default from "../../../components/ui-widgets/UiActions.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useForm } from "react-hook-form";
 import "zod";
 var DocumentFormRenderer_default = (l) => {
-	let u = c(38), { pipeline: d, workflow: f, document: p, enabled: m, viewOnly: h } = l, g = useRunPipeline(), _;
+	let u = c(39), { pipeline: d, workflow: f, document: p, enabled: m, viewOnly: h } = l, g = useRunPipeline(), _;
 	u[0] !== p.content || u[1] !== p.schema.type ? (_ = p.schema.type === "object" ? p.content : { raw: p.content }, u[0] = p.content, u[1] = p.schema.type, u[2] = _) : _ = u[2];
 	let v;
 	u[3] === _ ? v = u[4] : (v = {
@@ -52,15 +52,16 @@ var DocumentFormRenderer_default = (l) => {
 	let k = O, A = p.ui, j = p.schema, M = A?.form?.disabled, N = !m || M || !1, P;
 	u[22] === p.ui?.actions ? P = u[23] : (P = p.ui?.actions ?? [], u[22] = p.ui?.actions, u[23] = P);
 	let F = P, I = A ?? void 0, L = p.meta?.mimeType, R;
-	u[24] !== F || u[25] !== C || u[26] !== N || u[27] !== k || u[28] !== g.isPending ? (R = /* @__PURE__ */ jsx(UiActions_default, {
+	u[24] !== F || u[25] !== C || u[26] !== N || u[27] !== k || u[28] !== g.isPending || u[29] !== f.place ? (R = /* @__PURE__ */ jsx(UiActions_default, {
 		actions: F,
 		onSubmit: k,
 		availableTransitions: C,
+		currentPlace: f.place,
 		disabled: N,
 		isLoading: g.isPending
-	}), u[24] = F, u[25] = C, u[26] = N, u[27] = k, u[28] = g.isPending, u[29] = R) : R = u[29];
+	}), u[24] = F, u[25] = C, u[26] = N, u[27] = k, u[28] = g.isPending, u[29] = f.place, u[30] = R) : R = u[30];
 	let z;
-	return u[30] !== N || u[31] !== y || u[32] !== j || u[33] !== I || u[34] !== L || u[35] !== R || u[36] !== h ? (z = /* @__PURE__ */ jsx("div", {
+	return u[31] !== N || u[32] !== y || u[33] !== j || u[34] !== I || u[35] !== L || u[36] !== R || u[37] !== h ? (z = /* @__PURE__ */ jsx("div", {
 		className: "flex",
 		children: /* @__PURE__ */ jsx(Form_default, {
 			form: y,
@@ -71,7 +72,7 @@ var DocumentFormRenderer_default = (l) => {
 			viewOnly: h,
 			actions: R
 		})
-	}), u[30] = N, u[31] = y, u[32] = j, u[33] = I, u[34] = L, u[35] = R, u[36] = h, u[37] = z) : z = u[37], z;
+	}), u[31] = N, u[32] = y, u[33] = j, u[34] = I, u[35] = L, u[36] = R, u[37] = h, u[38] = z) : z = u[38], z;
 };
 function _temp(e) {
 	return e.id;

package/dist/features/{workbench/components/document-renderer → documents/renderers}/DocumentMessageRenderer.js

@@ -1,4 +1,4 @@
-import CompletionMessagePaper_default from "../../../../components/messages/CompletionMessagePaper.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
 import AiMessageContent_default from "./AiMessageContent.js";
 import { c } from "react/compiler-runtime";
 import React from "react";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/ErrorMessageRenderer.js

@@ -1,4 +1,4 @@
-import { Alert, AlertDescription } from "../../../../components/ui/alert.js";
+import { Alert, AlertDescription } from "../../../components/ui/alert.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/LinkMessageRenderer.js

@@ -1,4 +1,4 @@
-import link_default from "../../../../components/loopstack-elements/link.js";
+import link_default from "../../../components/loopstack-elements/link.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/MarkdownMessageRenderer.js

@@ -1,5 +1,5 @@
-import CompletionMessagePaper_default from "../../../../components/messages/CompletionMessagePaper.js";
-import MarkdownContent_default from "../../../../components/dynamic-form/MarkdownContent.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
+import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/features/{workbench/components/document-renderer → documents/renderers}/PlainMessageRenderer.js

@@ -1,4 +1,4 @@
-import CompletionMessagePaper_default from "../../../../components/messages/CompletionMessagePaper.js";
+import CompletionMessagePaper_default from "../../../components/messages/CompletionMessagePaper.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/features/health/index.js

@@ -0,0 +1 @@
+import LocalHealthCheck_default from "./LocalHealthCheck.js";

package/dist/features/oauth/OAuthPromptRenderer.js

@@ -5,7 +5,7 @@ import { c } from "react/compiler-runtime";
 import React, { useCallback, useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 var OAuthPromptRenderer = ({ pipeline: l, workflow: u, document: m, isActive: h }) => {
-	let g = m.content, _ = (m.ui?.actions ?? []).find((e) => e.transition)?.transition, v = useRunPipeline(), { result: y, open: b, reset: x } = useOAuthPopup(), S = useRef(!1), C = u.availableTransitions?.map((e) => e.id) ?? [], w = useCallback((e, o) => {
+	let g = m.content, _ = (m.ui?.actions ?? []).map((e) => e.options?.transition).find((e) => !!e), v = useRunPipeline(), { result: y, open: b, reset: x } = useOAuthPopup(), S = useRef(!1), C = u.availableTransitions?.map((e) => e.id) ?? [], w = useCallback((e, o) => {
 		!_ || !C.includes(_) || v.mutate({
 			pipelineId: l.id,
 			runPipelinePayloadDto: { transition: {

package/dist/features/runs/Runs.js

@@ -0,0 +1,197 @@
+import { useStudio } from "../../providers/StudioProvider.js";
+import { useBatchDeletePipeline, useDeletePipeline, useFilterPipelines } from "../../hooks/usePipelines.js";
+import { useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../components/ui/tooltip.js";
+import ListView_default from "../../components/lists/ListView.js";
+import { useDebounce } from "../../hooks/useDebounce.js";
+import { c } from "react/compiler-runtime";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var statusColors = {
+	completed: "bg-green-50 text-green-900 border-green-200",
+	failed: "bg-destructive/10 text-destructive border-destructive/20",
+	canceled: "bg-orange-50 text-orange-900 border-orange-200",
+	running: "bg-blue-50 text-blue-900 border-blue-200",
+	paused: "bg-yellow-50 text-yellow-900 border-yellow-200",
+	pending: "bg-muted text-muted-foreground border-border"
+}, Runs_default = (n) => {
+	let r = c(50), { defaultFilters: i } = n, a;
+	r[0] === i ? a = r[1] : (a = i === void 0 ? {} : i, r[0] = i, r[1] = a);
+	let o = a, { router: s } = useStudio(), [l, u] = useState(0), [d, f] = useState(10), [p, m] = useState("createdAt"), [h, g] = useState("DESC"), [_, v] = useState(), [y, b] = useState(o), me = useDebounce(_, 500), x;
+	r[2] === y ? x = r[3] : (x = {
+		...y,
+		parentId: null
+	}, r[2] = y, r[3] = x);
+	let S = useFilterPipelines(me, x, p, h, l, d), C;
+	r[4] === Symbol.for("react.memo_cache_sentinel") ? (C = {}, r[4] = C) : C = r[4];
+	let w = useFilterWorkspaces(void 0, C, "title", "ASC", 0, 100), T = useDeletePipeline(), E = useBatchDeletePipeline(), D;
+	if (r[5] !== w.data?.data) {
+		D = /* @__PURE__ */ new Map();
+		for (let e of w.data?.data ?? []) D.set(e.id, e.title);
+		r[5] = w.data?.data, r[6] = D;
+	} else D = r[6];
+	let O = D, k;
+	r[7] === w.data?.data ? k = r[8] : (k = w.data?.data ?? [], r[7] = w.data?.data, r[8] = k);
+	let A;
+	r[9] === k ? A = r[10] : (A = k.map(_temp), r[9] = k, r[10] = A);
+	let j = A, M;
+	if (r[11] !== S.data?.data) {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of S.data?.data ?? []) t.blockName && e.add(t.blockName);
+		M = Array.from(e).sort(), r[11] = S.data?.data, r[12] = M;
+	} else M = r[12];
+	let N = M, P;
+	r[13] === T ? P = r[14] : (P = (e) => {
+		T.mutate(e);
+	}, r[13] = T, r[14] = P);
+	let F = P, I;
+	r[15] === E ? I = r[16] : (I = (e) => {
+		E.mutate(e);
+	}, r[15] = E, r[16] = I);
+	let L = I, R;
+	r[17] === s ? R = r[18] : (R = (e) => {
+		s.navigateToPipeline(e);
+	}, r[17] = s, r[18] = R);
+	let z = R, B = S.error ?? null, V;
+	r[19] === S.data?.data ? V = r[20] : (V = S.data?.data ?? [], r[19] = S.data?.data, r[20] = V);
+	let H = S.data?.total ?? 0, U;
+	r[21] === Symbol.for("react.memo_cache_sentinel") ? (U = {
+		id: "run",
+		label: "Run",
+		minWidth: 60,
+		format: _temp2
+	}, r[21] = U) : U = r[21];
+	let W;
+	r[22] === O ? W = r[23] : (W = {
+		id: "workspaceId",
+		label: "Workspace",
+		minWidth: 120,
+		format: (e) => {
+			let t = e;
+			return /* @__PURE__ */ jsx(Badge, {
+				variant: "outline",
+				className: "hover:bg-primary/10 cursor-pointer",
+				onClick: (e) => {
+					e.stopPropagation(), b((e) => ({
+						...e,
+						workspaceId: t
+					}));
+				},
+				children: O.get(t) ?? t.slice(0, 8)
+			});
+		}
+	}, r[22] = O, r[23] = W);
+	let G, K, q, J;
+	r[24] === Symbol.for("react.memo_cache_sentinel") ? (G = {
+		id: "blockName",
+		label: "Type",
+		minWidth: 100,
+		format: (e) => {
+			let t = e;
+			return /* @__PURE__ */ jsx(Badge, {
+				variant: "outline",
+				className: "hover:bg-primary/10 cursor-pointer",
+				onClick: (e) => {
+					e.stopPropagation(), b((e) => ({
+						...e,
+						blockName: t
+					}));
+				},
+				children: t
+			});
+		}
+	}, K = {
+		id: "title",
+		label: "Title",
+		minWidth: 150,
+		format: _temp3
+	}, q = {
+		id: "status",
+		label: "Status",
+		minWidth: 100,
+		format: _temp4
+	}, J = {
+		id: "createdAt",
+		label: "Date Created",
+		minWidth: 100,
+		format: _temp5
+	}, r[24] = G, r[25] = K, r[26] = q, r[27] = J) : (G = r[24], K = r[25], q = r[26], J = r[27]);
+	let Y;
+	r[28] === W ? Y = r[29] : (Y = [
+		U,
+		W,
+		G,
+		K,
+		q,
+		J
+	], r[28] = W, r[29] = Y);
+	let X = Y, Z;
+	r[30] === Symbol.for("react.memo_cache_sentinel") ? (Z = [
+		"pending",
+		"running",
+		"paused",
+		"completed",
+		"failed",
+		"canceled"
+	], r[30] = Z) : Z = r[30];
+	let Q;
+	r[31] !== N || r[32] !== j ? (Q = {
+		status: Z,
+		workspaceId: j,
+		blockName: N
+	}, r[31] = N, r[32] = j, r[33] = Q) : Q = r[33];
+	let $;
+	return r[34] !== S.isPending || r[35] !== y || r[36] !== L || r[37] !== F || r[38] !== z || r[39] !== h || r[40] !== p || r[41] !== l || r[42] !== d || r[43] !== _ || r[44] !== B || r[45] !== V || r[46] !== H || r[47] !== X || r[48] !== Q ? ($ = /* @__PURE__ */ jsx(ListView_default, {
+		loading: S.isPending,
+		error: B,
+		items: V,
+		totalItems: H,
+		setPage: u,
+		setRowsPerPage: f,
+		setOrderBy: m,
+		setOrder: g,
+		setSearchTerm: v,
+		setFilters: b,
+		orderBy: p,
+		order: h,
+		searchTerm: _,
+		filters: y,
+		page: l,
+		rowsPerPage: d,
+		deleteItem: F,
+		onClick: z,
+		enableBatchActions: !0,
+		batchDelete: L,
+		columns: X,
+		filterConfig: Q
+	}), r[34] = S.isPending, r[35] = y, r[36] = L, r[37] = F, r[38] = z, r[39] = h, r[40] = p, r[41] = l, r[42] = d, r[43] = _, r[44] = B, r[45] = V, r[46] = H, r[47] = X, r[48] = Q, r[49] = $) : $ = r[49], $;
+};
+function _temp(e) {
+	return {
+		label: e.title,
+		value: e.id
+	};
+}
+function _temp2(e) {
+	let t = e;
+	return t == null ? "—" : `#${t}`;
+}
+function _temp3(e) {
+	let t = e;
+	return t ? /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsx("span", { children: t.length > 40 ? t.slice(0, 40) + "..." : t })
+	}), t.length > 40 && /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: t }) })] }) }) : "—";
+}
+function _temp4(e) {
+	let t = e;
+	return /* @__PURE__ */ jsx(Badge, {
+		className: `rounded-full border px-2 py-1 text-xs whitespace-nowrap ${statusColors[t] || "bg-muted text-muted-foreground border-border"}`,
+		children: t
+	});
+}
+function _temp5(e) {
+	return new Date(e).toLocaleDateString();
+}
+export { Runs_default as default };

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/WorkbenchContextProvider.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 };