@burdenoff/microfe-bigconsole 2026.624.2 → 2026.625.1

package/dist/bigconsole/pages/ParserViewPage.js

@@ -1,355 +1,383 @@
 import { useParserStore as e } from "../store/parserStore.js";
-import { useAppNavigate as ee } from "../contexts/NavigationContext.js";
+import { useAppNavigate as t } from "../contexts/NavigationContext.js";
 import "../contexts/index.js";
-import te from "../hooks/useDataSinkOperations.js";
-import ne from "../hooks/useParserOperations.js";
-import t from "../components/parser/ParserTypeBadge.js";
-import n from "../components/parser/ParserStatusBadge.js";
-import { isNative as r, nativeCopyText as re, nativeImpact as ie, nativeNotify as i, nativeToast as a } from "../../utils/nativeBridge.js";
-import ae from "../components/parser/ExpressionEditor.js";
-import oe from "../components/parser/ExportParserDialog.js";
-import { memo as o, useCallback as s, useEffect as c, useState as l } from "react";
-import { useParams as se } from "react-router-dom";
-import { AlertCircle as ce, AlertTriangle as le, ArrowDown as ue, ArrowLeft as u, Check as d, Copy as f, Database as p, Download as m, Edit as h, FileCode2 as g, Loader2 as de, Play as fe, Trash2 as pe } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Badge as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T, Dialog as me, DialogContent as he, DialogDescription as E, DialogFooter as D, DialogHeader as O, DialogTitle as k } from "@burdenoff/fe-libs/ui";
+import ee from "../hooks/useDataSinkOperations.js";
+import te from "../hooks/useParserOperations.js";
+import n from "../components/parser/ParserTypeBadge.js";
+import r from "../components/parser/ParserStatusBadge.js";
+import { isNative as i, nativeCopyText as a, nativeImpact as ne, nativeNotify as o, nativeToast as re } from "../../utils/nativeBridge.js";
+import ie from "../components/parser/ExpressionEditor.js";
+import ae from "../components/parser/ExportParserDialog.js";
+import { memo as s, useCallback as c, useEffect as l, useState as u } from "react";
+import { useParams as d } from "react-router-dom";
+import { AlertCircle as f, AlertTriangle as oe, ArrowDown as se, ArrowLeft as p, Check as ce, Copy as le, Database as ue, Download as de, Edit as fe, FileCode2 as pe, Loader2 as m, Play as h, Trash2 as g } from "lucide-react";
+import { Badge as _, Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, Dialog as me, DialogContent as he, DialogDescription as ge, DialogFooter as _e, DialogHeader as ve, DialogTitle as ye, GlassCard as C, IllustratedEmptyState as w, NextSteps as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 import { formatDistanceToNow as A } from "date-fns";
 //#region src/bigconsole/pages/ParserViewPage.tsx
-var j = "default", M = o(function() {
-	let { parserId: o, consoleId: M } = se(), N = ee(), P = M || j, [F, I] = l(!1), [L, R] = l(!1), [ge, z] = l(!1), [B, V] = l(!1), [_e, H] = l(!1), [U, W] = l(null), G = e((e) => o ? e.parsers.get(o) : void 0), { loading: ve, error: K, fetchParser: q, deleteParser: J, executeParser: Y } = ne({
+var j = "default", M = s(function() {
+	let { parserId: s, consoleId: M } = d(), N = t(), P = M || j, [F, I] = u(!1), [be, L] = u(!1), [xe, R] = u(!1), [z, B] = u(!1), [Se, V] = u(!1), [H, U] = u(null), W = e((e) => s ? e.parsers.get(s) : void 0), { loading: Ce, error: G, fetchParser: K, deleteParser: q, executeParser: J } = te({
 		consoleId: P,
 		skipFetch: !0
-	}), { dataSinks: ye, fetchDataSinks: X } = te({ skipFetch: !0 });
-	c(() => {
-		o && q(o);
-	}, [o, q]), c(() => {
-		X();
-	}, [X]);
-	let Z = G?.inputSinkKey ? ye.find((e) => e.key === G.inputSinkKey) : null, Q = s(() => {
+	}), { dataSinks: we, fetchDataSinks: Y } = ee({ skipFetch: !0 });
+	l(() => {
+		s && K(s);
+	}, [s, K]), l(() => {
+		Y();
+	}, [Y]);
+	let X = W?.inputSinkKey ? we.find((e) => e.key === W.inputSinkKey) : null, Z = c(() => {
 		N(M ? `/dashboards/${M}/parsers` : "/parsers");
-	}, [N, M]), be = s(() => {
-		N(M ? `/dashboards/${M}/parsers/${o}/edit` : `/parsers/${o}/edit`);
+	}, [N, M]), Q = c(() => {
+		N(M ? `/dashboards/${M}/parsers/${s}/edit` : `/parsers/${s}/edit`);
 	}, [
 		N,
-		o,
+		s,
 		M
-	]), xe = s(async () => {
-		if (o) {
+	]), Te = c(async () => {
+		if (s) {
 			I(!0);
 			try {
-				await J(o) ? (r() && i("success"), N(M ? `/dashboards/${M}/parsers` : "/parsers")) : r() && i("error");
+				await q(s) ? (i() && o("success"), N(M ? `/dashboards/${M}/parsers` : "/parsers")) : i() && o("error");
 			} catch {
-				r() && i("error");
+				i() && o("error");
 			} finally {
-				I(!1), R(!1);
+				I(!1), L(!1);
 			}
 		}
 	}, [
-		o,
-		J,
+		s,
+		q,
 		N,
 		M
-	]), Se = s(async () => {
-		if (G?.expression) try {
-			await re(G.expression), z(!0), r() && a("Expression copied"), setTimeout(() => z(!1), 2e3);
+	]), Ee = c(async () => {
+		if (W?.expression) try {
+			await a(W.expression), R(!0), i() && re("Expression copied"), setTimeout(() => R(!1), 2e3);
 		} catch {}
-	}, [G?.expression]), Ce = s(async () => {
-		if (o) {
-			V(!0), W(null);
+	}, [W?.expression]), $ = c(async () => {
+		if (s) {
+			B(!0), U(null);
 			try {
-				let e = await Y(o);
-				e && W({
+				let e = await J(s);
+				e && U({
 					success: e.success,
 					output: e.output,
 					error: e.error,
 					executionTimeMs: e.executionTimeMs
 				});
 			} catch (e) {
-				W({
+				U({
 					success: !1,
 					output: null,
 					error: e instanceof Error ? e.message : "Execution failed",
 					executionTimeMs: 0
 				});
 			} finally {
-				V(!1);
+				B(!1);
 			}
 		}
-	}, [o, Y]), $ = s(() => {
-		Z && N(`/datasinks/${Z.id}`);
-	}, [N, Z]), we = s(() => {
-		H(!0);
-	}, []), Te = s(() => {
-		H(!1);
+	}, [s, J]), De = c(() => {
+		X && N(`/datasinks/${X.id}`);
+	}, [N, X]), Oe = c(() => {
+		V(!0);
+	}, []), ke = c(() => {
+		V(!1);
 	}, []);
-	return ve && !G ? /* @__PURE__ */ v("div", {
+	return Ce && !W ? /* @__PURE__ */ O("div", {
 		className: "flex items-center justify-center min-h-[400px]",
-		children: /* @__PURE__ */ v(de, { className: "w-8 h-8 text-text-secondary animate-spin" })
-	}) : K ? /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ O(m, { className: "w-8 h-8 text-text-secondary animate-spin" })
+	}) : G ? /* @__PURE__ */ O("div", {
 		className: "flex items-center justify-center min-h-[400px] p-card-padding",
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ k("div", {
 			className: "text-center",
 			children: [
-				/* @__PURE__ */ v(ce, { className: "w-12 h-12 text-state-error mx-auto mb-spacing-md" }),
-				/* @__PURE__ */ v("p", {
+				/* @__PURE__ */ O(f, { className: "w-12 h-12 text-state-error mx-auto mb-spacing-md" }),
+				/* @__PURE__ */ O("p", {
 					className: "text-state-error text-body-sm font-medium mb-spacing-sm",
 					children: "Failed to load Parser"
 				}),
-				/* @__PURE__ */ v("p", {
+				/* @__PURE__ */ O("p", {
 					className: "text-text-tertiary text-body-xs mb-spacing-lg",
-					children: K.message
+					children: G.message
 				}),
-				/* @__PURE__ */ y(x, {
-					onClick: Q,
+				/* @__PURE__ */ k(v, {
+					onClick: Z,
 					variant: "ghost",
 					size: "sm",
-					children: [/* @__PURE__ */ v(u, { className: "w-4 h-4 mr-2" }), "Go back"]
+					children: [/* @__PURE__ */ O(p, { className: "w-4 h-4 mr-2" }), "Go back"]
 				})
 			]
 		})
-	}) : G ? /* @__PURE__ */ y("div", {
+	}) : W ? /* @__PURE__ */ k("div", {
 		className: "p-card-padding space-y-spacing-lg",
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-spacing-md",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ k("div", {
 					className: "flex-1",
 					children: [
-						/* @__PURE__ */ y(x, {
-							onClick: Q,
+						/* @__PURE__ */ k(v, {
+							onClick: Z,
 							variant: "ghost",
 							size: "sm",
 							className: "mb-spacing-md",
-							children: [/* @__PURE__ */ v(u, { className: "w-4 h-4 mr-2" }), "Back to Parsers"]
+							children: [/* @__PURE__ */ O(p, { className: "w-4 h-4 mr-2" }), "Back to Parsers"]
 						}),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ k("div", {
 							className: "flex items-center gap-spacing-sm flex-wrap",
 							children: [
-								/* @__PURE__ */ v("h1", {
+								/* @__PURE__ */ O("h1", {
 									className: "text-heading-h1 font-bold text-text-primary",
-									children: G.name || "Untitled"
+									children: W.name || "Untitled"
 								}),
-								/* @__PURE__ */ v(t, { type: G.type }),
-								/* @__PURE__ */ v(n, { status: G.status })
+								/* @__PURE__ */ O(n, { type: W.type }),
+								/* @__PURE__ */ O(r, { status: W.status })
 							]
 						}),
-						G.description && /* @__PURE__ */ v("p", {
+						W.description && /* @__PURE__ */ O("p", {
 							className: "text-body-sm text-text-secondary mt-spacing-sm",
-							children: G.description
+							children: W.description
 						})
 					]
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "flex items-center gap-spacing-sm flex-wrap",
 					children: [
-						/* @__PURE__ */ y(x, {
-							onClick: Ce,
-							disabled: B,
+						/* @__PURE__ */ k(v, {
+							onClick: $,
+							disabled: z,
 							variant: "secondary",
 							size: "default",
-							children: [/* @__PURE__ */ v(fe, { className: "w-4 h-4 mr-2" }), B ? "Running..." : "Execute"]
+							children: [/* @__PURE__ */ O(h, { className: "w-4 h-4 mr-2" }), z ? "Running..." : "Execute"]
 						}),
-						/* @__PURE__ */ y(x, {
-							onClick: we,
+						/* @__PURE__ */ k(v, {
+							onClick: Oe,
 							variant: "secondary",
 							size: "default",
-							children: [/* @__PURE__ */ v(m, { className: "w-4 h-4 mr-2" }), "Export"]
+							children: [/* @__PURE__ */ O(de, { className: "w-4 h-4 mr-2" }), "Export"]
 						}),
-						/* @__PURE__ */ y(x, {
-							onClick: be,
+						/* @__PURE__ */ k(v, {
+							onClick: Q,
 							variant: "secondary",
 							size: "default",
-							children: [/* @__PURE__ */ v(h, { className: "w-4 h-4 mr-2" }), "Edit"]
+							children: [/* @__PURE__ */ O(fe, { className: "w-4 h-4 mr-2" }), "Edit"]
 						}),
-						/* @__PURE__ */ y(x, {
-							onClick: () => R(!0),
+						/* @__PURE__ */ k(v, {
+							onClick: () => L(!0),
 							disabled: F,
 							variant: "destructive",
 							size: "default",
-							children: [/* @__PURE__ */ v(pe, { className: "w-4 h-4 mr-2" }), "Delete"]
+							children: [/* @__PURE__ */ O(g, { className: "w-4 h-4 mr-2" }), "Delete"]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ O(E, { children: "A parser turns raw input into structured fields using its expression. Review or copy the expression, run it against a sample to see the output, then edit it or use it inside a pipeline to shape incoming data." }),
+			/* @__PURE__ */ O(T, {
+				storageKey: "bigconsole-parser-view",
+				steps: [
+					{
+						id: "execute",
+						label: "Run a test execution",
+						description: "Check the expression produces the fields you expect.",
+						onClick: $
+					},
+					{
+						id: "edit",
+						label: "Edit the expression",
+						description: "Refine how this parser maps your input.",
+						onClick: Q
+					},
+					{
+						id: "pipeline",
+						label: "Use it in a pipeline",
+						description: "Chain this parser with a data sink to process data end to end.",
+						onClick: () => N("/pipelines")
+					}
+				]
+			}),
+			/* @__PURE__ */ k("div", {
 				className: "grid gap-spacing-lg lg:grid-cols-3",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ k("div", {
 					className: "lg:col-span-2 space-y-spacing-lg",
-					children: [/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ y(w, {
-						className: "flex flex-row items-center justify-between space-y-0",
-						children: [/* @__PURE__ */ y(T, {
-							className: "flex items-center gap-spacing-sm",
-							children: [
-								/* @__PURE__ */ v(g, { className: "w-4 h-4 text-text-secondary" }),
-								"Expression",
-								/* @__PURE__ */ v(b, {
-									variant: "secondary",
-									className: "text-xs uppercase",
-									children: G.type
-								})
-							]
-						}), /* @__PURE__ */ v(x, {
-							onClick: Se,
-							variant: "ghost",
-							size: "sm",
-							children: ge ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(d, { className: "w-3.5 h-3.5 text-state-success mr-2" }), "Copied!"] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(f, { className: "w-3.5 h-3.5 mr-2" }), "Copy"] })
-						})]
-					}), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ v(ae, {
-						value: G.expression,
-						type: G.type,
-						readOnly: !0,
-						height: "300px"
-					}) })] }), U && /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ y(w, {
+					children: [/* @__PURE__ */ k(C, {
+						treatment: "glass",
+						glow: !0,
+						children: [/* @__PURE__ */ k(x, {
+							className: "flex flex-row items-center justify-between space-y-0",
+							children: [/* @__PURE__ */ k(S, {
+								className: "flex items-center gap-spacing-sm",
+								children: [
+									/* @__PURE__ */ O(pe, { className: "w-4 h-4 text-text-secondary" }),
+									"Expression",
+									/* @__PURE__ */ O(_, {
+										variant: "secondary",
+										className: "text-xs uppercase",
+										children: W.type
+									})
+								]
+							}), /* @__PURE__ */ O(v, {
+								onClick: Ee,
+								variant: "ghost",
+								size: "sm",
+								children: xe ? /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(ce, { className: "w-3.5 h-3.5 text-state-success mr-2" }), "Copied!"] }) : /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(le, { className: "w-3.5 h-3.5 mr-2" }), "Copy"] })
+							})]
+						}), /* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(ie, {
+							value: W.expression,
+							type: W.type,
+							readOnly: !0,
+							height: "300px"
+						}) })]
+					}), H && /* @__PURE__ */ k(y, { children: [/* @__PURE__ */ k(x, {
 						className: "flex flex-row items-center justify-between space-y-0",
-						children: [/* @__PURE__ */ y(T, {
+						children: [/* @__PURE__ */ k(S, {
 							className: "flex items-center gap-spacing-sm",
-							children: ["Execution Result", /* @__PURE__ */ v(b, {
-								variant: U.success ? "default" : "destructive",
-								children: U.success ? "Success" : "Failed"
+							children: ["Execution Result", /* @__PURE__ */ O(_, {
+								variant: H.success ? "default" : "destructive",
+								children: H.success ? "Success" : "Failed"
 							})]
-						}), /* @__PURE__ */ y(b, {
+						}), /* @__PURE__ */ k(_, {
 							variant: "secondary",
 							className: "text-xs",
-							children: [U.executionTimeMs, "ms"]
+							children: [H.executionTimeMs, "ms"]
 						})]
-					}), /* @__PURE__ */ v(C, { children: U.error ? /* @__PURE__ */ v("div", {
+					}), /* @__PURE__ */ O(b, { children: H.error ? /* @__PURE__ */ O("div", {
 						className: "bg-state-error/5 border border-state-error/20 rounded-md p-spacing-md",
-						children: /* @__PURE__ */ v("p", {
+						children: /* @__PURE__ */ O("p", {
 							className: "text-body-sm text-state-error font-mono",
-							children: U.error
+							children: H.error
 						})
-					}) : /* @__PURE__ */ v("pre", {
+					}) : /* @__PURE__ */ O("pre", {
 						className: "text-body-sm text-text-primary font-mono bg-bg-sunken rounded-md p-spacing-md overflow-auto max-h-[300px]",
-						children: JSON.stringify(U.output, null, 2)
+						children: JSON.stringify(H.output, null, 2)
 					}) })] })]
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "space-y-spacing-lg",
 					children: [
-						/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: "Data Flow" }) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ y("div", {
+						/* @__PURE__ */ k(y, { children: [/* @__PURE__ */ O(x, { children: /* @__PURE__ */ O(S, { children: "Data Flow" }) }), /* @__PURE__ */ O(b, { children: /* @__PURE__ */ k("div", {
 							className: "space-y-3",
 							children: [
-								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
 									className: "text-xs font-medium text-text-secondary",
 									children: "Source DataSink"
-								}), G.inputSinkKey ? /* @__PURE__ */ y("div", {
+								}), W.inputSinkKey ? /* @__PURE__ */ k("div", {
 									className: "mt-1",
-									children: [/* @__PURE__ */ v("p", {
+									children: [/* @__PURE__ */ O("p", {
 										className: "text-body-sm text-text-primary font-mono",
-										children: G.inputSinkKey
-									}), Z && /* @__PURE__ */ y(x, {
-										onClick: $,
+										children: W.inputSinkKey
+									}), X && /* @__PURE__ */ k(v, {
+										onClick: De,
 										variant: "link",
 										size: "sm",
 										className: "mt-1 p-0 h-auto",
 										children: [
-											/* @__PURE__ */ v(p, { className: "w-3 h-3 mr-1" }),
+											/* @__PURE__ */ O(ue, { className: "w-3 h-3 mr-1" }),
 											"View ",
-											Z.name || "DataSink"
+											X.name || "DataSink"
 										]
 									})]
-								}) : /* @__PURE__ */ v("p", {
+								}) : /* @__PURE__ */ O("p", {
 									className: "text-body-sm text-text-tertiary mt-1",
 									children: "None configured"
 								})] }),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ O("div", {
 									className: "flex items-center justify-center py-1",
-									children: /* @__PURE__ */ v(ue, { className: "w-4 h-4 text-text-tertiary" })
+									children: /* @__PURE__ */ O(se, { className: "w-4 h-4 text-text-tertiary" })
 								}),
-								/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
 									className: "text-xs font-medium text-text-secondary",
 									children: "Output Key"
-								}), /* @__PURE__ */ v("p", {
+								}), /* @__PURE__ */ O("p", {
 									className: "text-body-sm text-text-primary font-mono mt-1",
-									children: G.outputKey || "Not configured"
+									children: W.outputKey || "Not configured"
 								})] })
 							]
 						}) })] }),
-						/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: "Configuration" }) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ y("dl", {
+						/* @__PURE__ */ k(y, { children: [/* @__PURE__ */ O(x, { children: /* @__PURE__ */ O(S, { children: "Configuration" }) }), /* @__PURE__ */ O(b, { children: /* @__PURE__ */ k("dl", {
 							className: "space-y-spacing-md text-body-sm",
 							children: [
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ k("div", {
 									className: "flex justify-between items-center",
-									children: [/* @__PURE__ */ v("dt", {
+									children: [/* @__PURE__ */ O("dt", {
 										className: "text-text-secondary",
 										children: "Status"
-									}), /* @__PURE__ */ v("dd", { children: /* @__PURE__ */ v(n, { status: G.status }) })]
+									}), /* @__PURE__ */ O("dd", { children: /* @__PURE__ */ O(r, { status: W.status }) })]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ k("div", {
 									className: "flex justify-between items-center",
-									children: [/* @__PURE__ */ v("dt", {
+									children: [/* @__PURE__ */ O("dt", {
 										className: "text-text-secondary",
 										children: "Type"
-									}), /* @__PURE__ */ v("dd", { children: /* @__PURE__ */ v(t, { type: G.type }) })]
+									}), /* @__PURE__ */ O("dd", { children: /* @__PURE__ */ O(n, { type: W.type }) })]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ k("div", {
 									className: "flex justify-between items-center",
-									children: [/* @__PURE__ */ v("dt", {
+									children: [/* @__PURE__ */ O("dt", {
 										className: "text-text-secondary",
 										children: "Cache TTL"
-									}), /* @__PURE__ */ v("dd", {
+									}), /* @__PURE__ */ O("dd", {
 										className: "text-text-primary font-medium",
-										children: G.ttl ? `${G.ttl}s` : "No caching"
+										children: W.ttl ? `${W.ttl}s` : "No caching"
 									})]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ k("div", {
 									className: "flex justify-between items-center",
-									children: [/* @__PURE__ */ v("dt", {
+									children: [/* @__PURE__ */ O("dt", {
 										className: "text-text-secondary",
 										children: "Version"
-									}), /* @__PURE__ */ v("dd", {
+									}), /* @__PURE__ */ O("dd", {
 										className: "text-text-primary font-medium",
-										children: G.version || 1
+										children: W.version || 1
 									})]
 								})
 							]
 						}) })] }),
-						/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: "Timestamps" }) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ y("dl", {
+						/* @__PURE__ */ k(y, { children: [/* @__PURE__ */ O(x, { children: /* @__PURE__ */ O(S, { children: "Timestamps" }) }), /* @__PURE__ */ O(b, { children: /* @__PURE__ */ k("dl", {
 							className: "space-y-spacing-md text-body-sm",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ k("div", {
 								className: "flex justify-between items-center",
-								children: [/* @__PURE__ */ v("dt", {
+								children: [/* @__PURE__ */ O("dt", {
 									className: "text-text-secondary",
 									children: "Created"
-								}), /* @__PURE__ */ v("dd", {
+								}), /* @__PURE__ */ O("dd", {
 									className: "text-text-primary font-medium",
-									children: G.createdAt ? A(new Date(G.createdAt), { addSuffix: !0 }) : "Unknown"
+									children: W.createdAt ? A(new Date(W.createdAt), { addSuffix: !0 }) : "Unknown"
 								})]
-							}), /* @__PURE__ */ y("div", {
+							}), /* @__PURE__ */ k("div", {
 								className: "flex justify-between items-center",
-								children: [/* @__PURE__ */ v("dt", {
+								children: [/* @__PURE__ */ O("dt", {
 									className: "text-text-secondary",
 									children: "Updated"
-								}), /* @__PURE__ */ v("dd", {
+								}), /* @__PURE__ */ O("dd", {
 									className: "text-text-primary font-medium",
-									children: G.updatedAt ? A(new Date(G.updatedAt), { addSuffix: !0 }) : "Unknown"
+									children: W.updatedAt ? A(new Date(W.updatedAt), { addSuffix: !0 }) : "Unknown"
 								})]
 							})]
 						}) })] })
 					]
 				})]
 			}),
-			/* @__PURE__ */ v(me, {
-				open: L,
-				onOpenChange: R,
-				children: /* @__PURE__ */ y(he, { children: [
-					/* @__PURE__ */ y(O, { children: [/* @__PURE__ */ v(k, { children: "Delete Parser" }), /* @__PURE__ */ y(E, { children: [
+			/* @__PURE__ */ O(me, {
+				open: be,
+				onOpenChange: L,
+				children: /* @__PURE__ */ k(he, { children: [
+					/* @__PURE__ */ k(ve, { children: [/* @__PURE__ */ O(ye, { children: "Delete Parser" }), /* @__PURE__ */ k(ge, { children: [
 						"Are you sure you want to delete ",
-						/* @__PURE__ */ v("strong", { children: G.name }),
+						/* @__PURE__ */ O("strong", { children: W.name }),
 						"? This action cannot be undone."
 					] })] }),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ k("div", {
 						className: "bg-state-warning/10 border border-state-warning/20 rounded-md p-spacing-md flex items-start gap-spacing-sm",
-						children: [/* @__PURE__ */ v(le, { className: "w-4 h-4 text-state-warning flex-shrink-0 mt-0.5" }), /* @__PURE__ */ v("p", {
+						children: [/* @__PURE__ */ O(oe, { className: "w-4 h-4 text-state-warning flex-shrink-0 mt-0.5" }), /* @__PURE__ */ O("p", {
 							className: "text-body-xs text-state-warning",
 							children: "Widgets and pipelines using this parser may stop working correctly after deletion."
 						})]
 					}),
-					/* @__PURE__ */ y(D, { children: [/* @__PURE__ */ v(x, {
-						onClick: () => R(!1),
+					/* @__PURE__ */ k(_e, { children: [/* @__PURE__ */ O(v, {
+						onClick: () => L(!1),
 						variant: "secondary",
 						children: "Cancel"
-					}), /* @__PURE__ */ v(x, {
+					}), /* @__PURE__ */ O(v, {
 						onClick: () => {
-							ie("medium"), xe();
+							ne("medium"), Te();
 						},
 						disabled: F,
 						variant: "destructive",
@@ -357,34 +385,25 @@ var j = "default", M = o(function() {
 					})] })
 				] })
 			}),
-			/* @__PURE__ */ v(oe, {
-				isOpen: _e,
-				parserId: o || null,
-				parserName: G.name,
-				onClose: Te
+			/* @__PURE__ */ O(ae, {
+				isOpen: Se,
+				parserId: s || null,
+				parserName: W.name,
+				onClose: ke
 			})
 		]
-	}) : /* @__PURE__ */ v("div", {
+	}) : /* @__PURE__ */ O("div", {
 		className: "flex items-center justify-center min-h-[400px] p-card-padding",
-		children: /* @__PURE__ */ y("div", {
-			className: "text-center",
-			children: [
-				/* @__PURE__ */ v(g, { className: "w-12 h-12 text-text-tertiary mx-auto mb-spacing-md" }),
-				/* @__PURE__ */ v("p", {
-					className: "text-text-primary text-heading-h3 font-medium mb-spacing-sm",
-					children: "Parser not found"
-				}),
-				/* @__PURE__ */ v("p", {
-					className: "text-text-secondary text-body-sm mb-spacing-lg",
-					children: "The Parser you're looking for doesn't exist or has been deleted."
-				}),
-				/* @__PURE__ */ y(x, {
-					onClick: Q,
-					variant: "default",
-					size: "default",
-					children: [/* @__PURE__ */ v(u, { className: "w-4 h-4 mr-2" }), "Go back to Parsers"]
-				})
-			]
+		children: /* @__PURE__ */ O(w, {
+			illustration: "empty-data",
+			title: "Parser not found",
+			description: "The Parser you're looking for doesn't exist or has been deleted.",
+			action: /* @__PURE__ */ k(v, {
+				onClick: Z,
+				variant: "default",
+				size: "default",
+				children: [/* @__PURE__ */ O(p, { className: "w-4 h-4 mr-2" }), "Go back to Parsers"]
+			})
 		})
 	});
 });