@loopstack/loopstack-studio 0.21.0-rc.0 → 0.21.1

package/dist/features/code-explorer/components/FileContentViewer.js

@@ -0,0 +1,237 @@
+import { cn } from "../../../lib/utils.js";
+import { ScrollArea } from "../../../components/ui/scroll-area.js";
+import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
+import { ReactFlowProvider } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../components/ui/tabs.js";
+import ConfigFlowViewer_default from "../../debug/components/ConfigFlowViewer.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { Prism } from "react-syntax-highlighter";
+import { vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism";
+var BINARY_EXTENSIONS = new Set([
+	".ico",
+	".svg",
+	".png",
+	".jpg",
+	".jpeg",
+	".gif",
+	".webp",
+	".woff",
+	".woff2",
+	".ttf",
+	".eot",
+	".bin",
+	".exe",
+	".dll",
+	".so",
+	".dylib"
+]);
+function isBinaryFileName(e) {
+	let h = e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : "";
+	return BINARY_EXTENSIONS.has(h);
+}
+var EXTENSION_LANGUAGE = {
+	".ts": "typescript",
+	".tsx": "tsx",
+	".js": "javascript",
+	".jsx": "jsx",
+	".mjs": "javascript",
+	".cjs": "javascript",
+	".json": "json",
+	".jsonc": "json",
+	".md": "markdown",
+	".mdx": "markdown",
+	".css": "css",
+	".scss": "scss",
+	".sass": "sass",
+	".less": "less",
+	".html": "html",
+	".htm": "html",
+	".xml": "xml",
+	".yaml": "yaml",
+	".yml": "yaml",
+	".toml": "toml",
+	".sh": "bash",
+	".bash": "bash",
+	".zsh": "bash",
+	".fish": "bash",
+	".txt": "plaintext",
+	".log": "plaintext",
+	".env": "plaintext",
+	".gitignore": "plaintext",
+	".dockerfile": "dockerfile",
+	".dockerignore": "plaintext"
+};
+function getLanguageForFileName(e) {
+	return EXTENSION_LANGUAGE[e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : ""] ?? "plaintext";
+}
+function FileContentViewer(v) {
+	let y = c(34), { selectedFile: b, content: x, workflowConfig: S, isLoading: C, className: w } = v, T = S === void 0 ? null : S, E = C === void 0 ? !1 : C;
+	if (!b) {
+		let h;
+		y[0] === w ? h = y[1] : (h = cn("flex flex-1 items-center justify-center bg-background", w), y[0] = w, y[1] = h);
+		let g;
+		y[2] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("p", {
+			className: "text-sm text-muted-foreground",
+			children: "Select a tab to view its content"
+		}), y[2] = g) : g = y[2];
+		let _;
+		return y[3] === h ? _ = y[4] : (_ = /* @__PURE__ */ jsx("div", {
+			className: h,
+			children: g
+		}), y[3] = h, y[4] = _), _;
+	}
+	let D = isBinaryFileName(b.name), O = x ?? (D ? null : `// ${b.path ?? b.name}\n\n(No content available)`);
+	if (D && x == null) {
+		let h;
+		y[5] === w ? h = y[6] : (h = cn("flex flex-1 flex-col rounded-lg border bg-background", w), y[5] = w, y[6] = h);
+		let g;
+		y[7] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("div", {
+			className: "flex flex-1 items-center justify-center p-8",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Binary file — preview not available"
+			})
+		}), y[7] = g) : g = y[7];
+		let _;
+		return y[8] === h ? _ = y[9] : (_ = /* @__PURE__ */ jsx("div", {
+			className: h,
+			children: g
+		}), y[8] = h, y[9] = _), _;
+	}
+	if (E) {
+		let h;
+		y[10] === w ? h = y[11] : (h = cn("flex flex-1 flex-col rounded-lg border bg-background", w), y[10] = w, y[11] = h);
+		let g;
+		y[12] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("div", {
+			className: "flex justify-center p-8",
+			children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" })
+		}), y[12] = g) : g = y[12];
+		let _;
+		return y[13] === h ? _ = y[14] : (_ = /* @__PURE__ */ jsx("div", {
+			className: h,
+			children: g
+		}), y[13] = h, y[14] = _), _;
+	}
+	let k;
+	y[15] === b.name ? k = y[16] : (k = getLanguageForFileName(b.name), y[15] = b.name, y[16] = k);
+	let A = k, j;
+	y[17] !== A || y[18] !== b.name ? (j = A === "markdown" || b.name.endsWith(".md") || b.name.endsWith(".mdx"), y[17] = A, y[18] = b.name, y[19] = j) : j = y[19];
+	let M = j, N;
+	y[20] !== A || y[21] !== b.name ? (N = A === "yaml" || b.name.endsWith(".yaml") || b.name.endsWith(".yml"), y[20] = A, y[21] = b.name, y[22] = N) : N = y[22];
+	let P = N && T !== null, F;
+	y[23] === w ? F = y[24] : (F = cn("flex h-full flex-col overflow-hidden rounded-lg border bg-background", w), y[23] = w, y[24] = F);
+	let I;
+	y[25] !== O || y[26] !== M || y[27] !== P || y[28] !== A || y[29] !== T ? (I = M && O ? /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: "rendered",
+		className: "flex h-full flex-col overflow-hidden",
+		children: [
+			/* @__PURE__ */ jsxs(TabsList, {
+				className: "shrink-0 mx-2 mt-2",
+				children: [/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "rendered",
+					children: "Rendered"
+				}), /* @__PURE__ */ jsx(TabsTrigger, {
+					value: "unrendered",
+					children: "Unrendered"
+				})]
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "rendered",
+				className: "flex-1 min-h-0 overflow-hidden mt-2",
+				children: /* @__PURE__ */ jsx(ScrollArea, {
+					className: "h-full",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "p-4",
+						children: /* @__PURE__ */ jsx(MarkdownContent_default, { content: O })
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "unrendered",
+				className: "flex-1 min-h-0 overflow-hidden mt-0",
+				children: /* @__PURE__ */ jsx(ScrollArea, {
+					className: "flex-1 min-h-0",
+					children: /* @__PURE__ */ jsx(Prism, {
+						language: A,
+						style: vscDarkPlus,
+						customStyle: {
+							margin: 0,
+							padding: "1rem",
+							fontSize: "13px"
+						},
+						showLineNumbers: !0,
+						PreTag: "div",
+						codeTagProps: { style: { fontFamily: "inherit" } },
+						children: O ?? ""
+					})
+				})
+			})
+		]
+	}) : P && T ? /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: "code",
+		className: "flex h-full flex-col overflow-hidden",
+		children: [
+			/* @__PURE__ */ jsxs(TabsList, {
+				className: "shrink-0 mx-2 mt-2",
+				children: [/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "code",
+					children: "Code"
+				}), /* @__PURE__ */ jsx(TabsTrigger, {
+					value: "flow",
+					children: "Flow Diagram"
+				})]
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "code",
+				className: "flex-1 min-h-0 overflow-hidden mt-0",
+				children: /* @__PURE__ */ jsx(ScrollArea, {
+					className: "flex-1 min-h-0",
+					children: /* @__PURE__ */ jsx(Prism, {
+						language: A,
+						style: vscDarkPlus,
+						customStyle: {
+							margin: 0,
+							padding: "1rem",
+							fontSize: "13px"
+						},
+						showLineNumbers: !0,
+						PreTag: "div",
+						codeTagProps: { style: { fontFamily: "inherit" } },
+						children: O ?? ""
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "flow",
+				className: "flex-1 min-h-0 overflow-hidden mt-0",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "h-full w-full",
+					children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(ConfigFlowViewer_default, { config: T }) })
+				})
+			})
+		]
+	}) : /* @__PURE__ */ jsx(ScrollArea, {
+		className: "flex-1 min-h-0",
+		children: /* @__PURE__ */ jsx(Prism, {
+			language: A,
+			style: vscDarkPlus,
+			customStyle: {
+				margin: 0,
+				padding: "1rem",
+				fontSize: "13px"
+			},
+			showLineNumbers: !0,
+			PreTag: "div",
+			codeTagProps: { style: { fontFamily: "inherit" } },
+			children: O ?? ""
+		})
+	}), y[25] = O, y[26] = M, y[27] = P, y[28] = A, y[29] = T, y[30] = I) : I = y[30];
+	let L;
+	return y[31] !== F || y[32] !== I ? (L = /* @__PURE__ */ jsx("div", {
+		className: F,
+		children: I
+	}), y[31] = F, y[32] = I, y[33] = L) : L = y[33], L;
+}
+export { FileContentViewer };

package/dist/features/code-explorer/components/FileTabsBar.js

@@ -0,0 +1,191 @@
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../../components/ui/button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.js";
+import { ScrollArea, ScrollBar } from "../../../components/ui/scroll-area.js";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../../../components/ui/context-menu.js";
+import { useCodeExplorerContext } from "../providers/CodeExplorerProvider.js";
+import { getFileIcon } from "../utils/fileIcons.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ClipboardCopy, MoreHorizontal, X, XCircle } from "lucide-react";
+function FileTabsBar() {
+	let g = c(50), { openFiles: _, selectedFile: v, selectFile: y, closeFile: b, closeAll: x, closeOthers: S, closeToLeft: C, closeToRight: w } = useCodeExplorerContext(), T = useRef(null), E = useRef(_.length), D, O;
+	g[0] === _.length ? (D = g[1], O = g[2]) : (D = () => {
+		if (_.length > E.current && T.current) {
+			let e = T.current.closest("[data-slot=\"scroll-area-viewport\"]");
+			e && requestAnimationFrame(() => {
+				e.scrollTo({
+					left: e.scrollWidth,
+					behavior: "smooth"
+				});
+			});
+		}
+		E.current = _.length;
+	}, O = [_.length], g[0] = _.length, g[1] = D, g[2] = O), useEffect(D, O);
+	let k, A;
+	if (g[3] === v ? (k = g[4], A = g[5]) : (k = () => {
+		if (v && T.current) {
+			let e = T.current.querySelector(`[data-tab-path="${v.path}"]`);
+			e && requestAnimationFrame(() => {
+				e.scrollIntoView({
+					behavior: "smooth",
+					block: "nearest",
+					inline: "nearest"
+				});
+			});
+		}
+	}, A = [v], g[3] = v, g[4] = k, g[5] = A), useEffect(k, A), _.length === 0) return null;
+	let j;
+	g[6] === y ? j = g[7] : (j = (e) => {
+		y(e);
+	}, g[6] = y, g[7] = j);
+	let M = j, N;
+	g[8] === b ? N = g[9] : (N = (e, l) => {
+		e.stopPropagation(), b(l);
+	}, g[8] = b, g[9] = N);
+	let P = N, F = _temp2, I;
+	g[10] === Symbol.for("react.memo_cache_sentinel") ? (I = { width: "max-content" }, g[10] = I) : I = g[10];
+	let L;
+	g[11] !== x || g[12] !== b || g[13] !== S || g[14] !== C || g[15] !== w || g[16] !== P || g[17] !== M || g[18] !== _ || g[19] !== v?.path ? (L = _.map((u) => {
+		let d = getFileIcon(u.name), f = v?.path === u.path, p = _.findIndex((e) => e.path === u.path), m = p > 0, h = p < _.length - 1;
+		return /* @__PURE__ */ jsxs(ContextMenu, { children: [/* @__PURE__ */ jsx(ContextMenuTrigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				"data-tab-path": u.path,
+				onClick: () => M(u),
+				className: cn("group relative flex h-9 min-w-[140px] max-w-[280px] shrink-0 items-center gap-2 border-r border-border/50 px-3 text-sm transition-all", "hover:bg-muted/70", f ? "bg-background text-foreground border-b-2 border-b-primary shadow-sm" : "text-muted-foreground bg-muted/30"),
+				"aria-selected": f,
+				"aria-label": `Tab: ${u.name}`,
+				children: [
+					/* @__PURE__ */ jsx(d, {
+						className: "h-3.5 w-3.5 shrink-0",
+						"aria-hidden": !0
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "truncate flex-1 text-left font-medium",
+						children: u.name
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "icon",
+						className: cn("h-5 w-5 shrink-0 rounded opacity-0 group-hover:opacity-100 transition-opacity", "hover:bg-destructive/10 hover:text-destructive", f && "opacity-70"),
+						onClick: (e) => P(e, u),
+						"aria-label": `Close ${u.name}`,
+						children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+					})
+				]
+			})
+		}), /* @__PURE__ */ jsxs(ContextMenuContent, {
+			className: "min-w-[180px]",
+			children: [
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: () => b(u),
+					children: "Close"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: () => S(u),
+					disabled: _.length <= 1,
+					children: "Close Others"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: () => C(u),
+					disabled: !m,
+					children: "Close to the Left"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: () => w(u),
+					disabled: !h,
+					children: "Close to the Right"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuSeparator, {}),
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: x,
+					children: "Close All"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuSeparator, {}),
+				/* @__PURE__ */ jsxs(ContextMenuItem, {
+					onClick: () => F(u.path),
+					children: [/* @__PURE__ */ jsx(ClipboardCopy, { className: "h-4 w-4" }), "Copy Path"]
+				})
+			]
+		})] }, u.path);
+	}), g[11] = x, g[12] = b, g[13] = S, g[14] = C, g[15] = w, g[16] = P, g[17] = M, g[18] = _, g[19] = v?.path, g[20] = L) : L = g[20];
+	let R;
+	g[21] === L ? R = g[22] : (R = /* @__PURE__ */ jsx("div", {
+		ref: T,
+		className: "flex h-9 items-center",
+		style: I,
+		children: L
+	}), g[21] = L, g[22] = R);
+	let z;
+	g[23] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }), g[23] = z) : z = g[23];
+	let B;
+	g[24] === R ? B = g[25] : (B = /* @__PURE__ */ jsxs(ScrollArea, {
+		className: "flex-1 min-w-0",
+		children: [R, z]
+	}), g[24] = R, g[25] = B);
+	let V;
+	g[26] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			className: "h-9 w-9 rounded-none text-muted-foreground hover:bg-muted/70 hover:text-foreground",
+			"aria-label": "Tab actions",
+			children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
+		})
+	}), g[26] = V) : V = g[26];
+	let H;
+	g[27] !== b || g[28] !== v ? (H = () => v && b(v), g[27] = b, g[28] = v, g[29] = H) : H = g[29];
+	let U = !v, W;
+	g[30] !== H || g[31] !== U ? (W = /* @__PURE__ */ jsx(DropdownMenuItem, {
+		onClick: H,
+		disabled: U,
+		children: "Close Active Tab"
+	}), g[30] = H, g[31] = U, g[32] = W) : W = g[32];
+	let G;
+	g[33] !== S || g[34] !== v ? (G = () => v && S(v), g[33] = S, g[34] = v, g[35] = G) : G = g[35];
+	let K = !v || _.length <= 1, q;
+	g[36] !== G || g[37] !== K ? (q = /* @__PURE__ */ jsx(DropdownMenuItem, {
+		onClick: G,
+		disabled: K,
+		children: "Close Other Tabs"
+	}), g[36] = G, g[37] = K, g[38] = q) : q = g[38];
+	let J;
+	g[39] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), g[39] = J) : J = g[39];
+	let Y;
+	g[40] === Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ jsx(XCircle, { className: "h-4 w-4" }), g[40] = Y) : Y = g[40];
+	let Z;
+	g[41] === x ? Z = g[42] : (Z = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		onClick: x,
+		children: [Y, "Close All Tabs"]
+	}), g[41] = x, g[42] = Z);
+	let Q;
+	g[43] !== W || g[44] !== q || g[45] !== Z ? (Q = /* @__PURE__ */ jsx("div", {
+		className: "shrink-0 border-l border-border/50 bg-muted/30 h-9 flex items-center",
+		children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [V, /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			align: "end",
+			className: "min-w-[180px]",
+			children: [
+				W,
+				q,
+				J,
+				Z
+			]
+		})] })
+	}), g[43] = W, g[44] = q, g[45] = Z, g[46] = Q) : Q = g[46];
+	let $;
+	return g[47] !== B || g[48] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
+		className: "shrink-0 border-b bg-muted/50 flex items-center overflow-hidden",
+		children: [B, Q]
+	}), g[47] = B, g[48] = Q, g[49] = $) : $ = g[49], $;
+}
+function _temp2(e) {
+	navigator.clipboard.writeText(e).catch(_temp);
+}
+function _temp(e) {
+	console.error("Failed to copy path:", e);
+}
+export { FileTabsBar };

package/dist/features/code-explorer/providers/CodeExplorerProvider.js

@@ -0,0 +1,165 @@
+import { useFileContent, useFileTree } from "../../../hooks/useFiles.js";
+import { c } from "react/compiler-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function extractErrorMessage(e) {
+	if (!e) return null;
+	if ("isAxiosError" in e && e.isAxiosError) {
+		let t = e.response?.data;
+		if (typeof t == "object" && t && "message" in t) return Error(String(t.message));
+		if (typeof t == "string") return Error(t);
+	}
+	return e;
+}
+var CodeExplorerContext = createContext(null);
+function mapDtoToNode(e) {
+	return {
+		id: e.id,
+		name: e.name,
+		path: e.path,
+		type: e.type,
+		children: e.children?.map(mapDtoToNode)
+	};
+}
+function CodeExplorerProvider(r) {
+	let i = c(49), { children: a, pipelineId: o, initialSelectedPath: s, fileExplorerEnabled: l } = r, u = l === void 0 ? !1 : l, d;
+	i[0] === Symbol.for("react.memo_cache_sentinel") ? (d = [], i[0] = d) : d = i[0];
+	let [f, p] = useState(d), [m, h] = useState(null), [g, _] = useState(""), v;
+	i[1] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ new Set(), i[1] = v) : v = i[1];
+	let [y, b] = useState(v), x = useFileTree(o, u), S = useFileContent(o, m?.path, u), C;
+	bb0: {
+		if (!x.data) {
+			let e;
+			i[2] === Symbol.for("react.memo_cache_sentinel") ? (e = [], i[2] = e) : e = i[2], C = e;
+			break bb0;
+		}
+		let e;
+		i[3] === x.data ? e = i[4] : (e = x.data.map(mapDtoToNode), i[3] = x.data, i[4] = e), C = e;
+	}
+	let w = C, T = S.data?.content ?? null, E = S.data?.workflowConfig ?? null, D = x.isLoading && !x.data, O = S.isLoading && m !== null && !S.data, k;
+	i[5] !== S.error || i[6] !== x.error ? (k = extractErrorMessage(x.error) || extractErrorMessage(S.error) || null, i[5] = S.error, i[6] = x.error, i[7] = k) : k = i[7];
+	let A = k, j, M;
+	i[8] !== w || i[9] !== s || i[10] !== f.length || i[11] !== m ? (j = () => {
+		if (s && w.length > 0 && !m && f.length === 0) {
+			let e = (t, n) => {
+				for (let r of t) {
+					if (r.path === n) return r;
+					if (r.children) {
+						let t = e(r.children, n);
+						if (t) return t;
+					}
+				}
+				return null;
+			}, t = e(w, s);
+			t && t.type === "file" && (p([t]), h(t));
+		}
+	}, M = [
+		s,
+		w,
+		m,
+		f.length
+	], i[8] = w, i[9] = s, i[10] = f.length, i[11] = m, i[12] = j, i[13] = M) : (j = i[12], M = i[13]), useEffect(j, M);
+	let N;
+	i[14] === Symbol.for("react.memo_cache_sentinel") ? (N = (e) => {
+		e.type === "file" && p((t) => {
+			if (t.findIndex((t) => t.path === e.path) >= 0) return h(e), t;
+			{
+				let n = [...t, e];
+				return h(e), n;
+			}
+		});
+	}, i[14] = N) : N = i[14];
+	let P = N, F;
+	i[15] === m ? F = i[16] : (F = () => {
+		m && p((e) => {
+			let t = e.filter((e) => e.path !== m.path);
+			if (t.length > 0) {
+				let n = e.findIndex((e) => e.path === m.path);
+				h(t[n > 0 ? n - 1 : 0]);
+			} else h(null);
+			return t;
+		});
+	}, i[15] = m, i[16] = F);
+	let I = F, L;
+	i[17] === m?.path ? L = i[18] : (L = (e) => {
+		p((t) => {
+			let n = t.filter((t) => t.path !== e.path);
+			if (m?.path === e.path) if (n.length > 0) {
+				let r = t.findIndex((t) => t.path === e.path);
+				h(n[r > 0 ? r - 1 : 0]);
+			} else h(null);
+			return n;
+		});
+	}, i[17] = m?.path, i[18] = L);
+	let R = L, z;
+	i[19] === Symbol.for("react.memo_cache_sentinel") ? (z = () => {
+		p([]), h(null);
+	}, i[19] = z) : z = i[19];
+	let B = z, V;
+	i[20] === Symbol.for("react.memo_cache_sentinel") ? (V = (e) => {
+		p([e]), h(e);
+	}, i[20] = V) : V = i[20];
+	let H = V, U;
+	i[21] === m ? U = i[22] : (U = (e) => {
+		p((t) => {
+			let n = t.findIndex((t) => t.path === e.path);
+			if (n <= 0) return t;
+			let r = t.slice(n);
+			return m && t.findIndex((e) => e.path === m.path) < n && h(e), r;
+		});
+	}, i[21] = m, i[22] = U);
+	let W = U, G;
+	i[23] === m ? G = i[24] : (G = (e) => {
+		p((t) => {
+			let n = t.findIndex((t) => t.path === e.path);
+			if (n < 0 || n >= t.length - 1) return t;
+			let r = t.slice(0, n + 1);
+			return m && t.findIndex((e) => e.path === m.path) > n && h(e), r;
+		});
+	}, i[23] = m, i[24] = G);
+	let K = G, q;
+	i[25] !== S || i[26] !== x || i[27] !== m ? (q = async () => {
+		await x.refetch(), m && await S.refetch();
+	}, i[25] = S, i[26] = x, i[27] = m, i[28] = q) : q = i[28];
+	let J = q, Y;
+	i[29] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => {
+		b((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, i[29] = Y) : Y = i[29];
+	let X = Y, Z;
+	i[30] !== I || i[31] !== R || i[32] !== W || i[33] !== K || i[34] !== A || i[35] !== y || i[36] !== T || i[37] !== w || i[38] !== O || i[39] !== D || i[40] !== f || i[41] !== J || i[42] !== g || i[43] !== m || i[44] !== E ? (Z = {
+		fileTree: w,
+		openFiles: f,
+		selectedFile: m,
+		fileContent: T,
+		workflowConfig: E,
+		isTreeLoading: D,
+		isContentLoading: O,
+		error: A,
+		searchQuery: g,
+		setSearchQuery: _,
+		selectFile: P,
+		clearSelection: I,
+		closeFile: R,
+		closeAll: B,
+		closeOthers: H,
+		closeToLeft: W,
+		closeToRight: K,
+		refresh: J,
+		expandedFolders: y,
+		toggleFolder: X
+	}, i[30] = I, i[31] = R, i[32] = W, i[33] = K, i[34] = A, i[35] = y, i[36] = T, i[37] = w, i[38] = O, i[39] = D, i[40] = f, i[41] = J, i[42] = g, i[43] = m, i[44] = E, i[45] = Z) : Z = i[45];
+	let Q = Z, $;
+	return i[46] !== a || i[47] !== Q ? ($ = /* @__PURE__ */ jsx(CodeExplorerContext.Provider, {
+		value: Q,
+		children: a
+	}), i[46] = a, i[47] = Q, i[48] = $) : $ = i[48], $;
+}
+function useCodeExplorerContext() {
+	let e = useContext(CodeExplorerContext);
+	if (!e) throw Error("useCodeExplorerContext must be used within CodeExplorerProvider");
+	return e;
+}
+export { CodeExplorerProvider, useCodeExplorerContext };

package/dist/features/code-explorer/utils/fileIcons.js

@@ -0,0 +1,42 @@
+import { File, FileCode, FileJson, FileText, Folder, FolderOpen } from "lucide-react";
+var EXTENSION_ICON_MAP = {
+	".ts": FileCode,
+	".tsx": FileCode,
+	".mts": FileCode,
+	".cts": FileCode,
+	".js": FileCode,
+	".jsx": FileCode,
+	".mjs": FileCode,
+	".cjs": FileCode,
+	".json": FileJson,
+	".jsonc": FileJson,
+	".md": FileText,
+	".mdx": FileText,
+	".markdown": FileText,
+	".yaml": FileCode,
+	".yml": FileCode,
+	".toml": FileCode,
+	".ini": FileCode,
+	".conf": FileCode,
+	".config": FileCode,
+	".css": FileCode,
+	".scss": FileCode,
+	".sass": FileCode,
+	".less": FileCode,
+	".html": FileCode,
+	".htm": FileCode,
+	".sh": FileCode,
+	".bash": FileCode,
+	".zsh": FileCode,
+	".fish": FileCode,
+	".txt": FileText,
+	".log": FileText,
+	".env": FileText
+};
+function getFileIcon(c) {
+	return EXTENSION_ICON_MAP[c.includes(".") ? c.slice(c.lastIndexOf(".")).toLowerCase() : ""] ?? File;
+}
+function getFolderIcon(e) {
+	return e ? FolderOpen : Folder;
+}
+export { getFileIcon, getFolderIcon };