@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/parser/ParserCard.js

@@ -0,0 +1,248 @@
+import e from "./ParserTypeBadge.js";
+import t from "./ParserStatusBadge.js";
+import { memo as n, useCallback as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/bigconsole/components/parser/ParserCard.tsx
+function s(e) {
+	let t = new Date(e);
+	return new Intl.DateTimeFormat("en-US", {
+		month: "short",
+		day: "numeric",
+		year: "numeric",
+		hour: "numeric",
+		minute: "2-digit"
+	}).format(t);
+}
+function c(e) {
+	let t = new Date(e), n = Date.now() - t.getTime(), r = Math.floor(n / 6e4);
+	if (r < 1) return "just now";
+	if (r < 60) return `${r}m ago`;
+	let i = Math.floor(r / 60);
+	if (i < 24) return `${i}h ago`;
+	let a = Math.floor(i / 24);
+	return a < 7 ? `${a}d ago` : s(e);
+}
+var l = ({ className: e }) => /* @__PURE__ */ a("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ a("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 1.5,
+		d: "M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+	})
+}), u = ({ className: e }) => /* @__PURE__ */ a("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ a("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 1.5,
+		d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
+	})
+}), d = ({ className: e }) => /* @__PURE__ */ a("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ a("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 1.5,
+		d: "M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4"
+	})
+}), f = ({ className: e }) => /* @__PURE__ */ a("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ a("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+	})
+}), p = ({ className: e }) => /* @__PURE__ */ o("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: [/* @__PURE__ */ a("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"
+	}), /* @__PURE__ */ a("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+	})]
+}), m = ({ className: e }) => /* @__PURE__ */ a("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ a("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
+	})
+}), h = ({ className: e }) => /* @__PURE__ */ a("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ a("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+	})
+}), g = ({ className: e }) => /* @__PURE__ */ a("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ a("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+	})
+}), _ = n(function({ parser: n, onView: _, onEdit: v, onTest: y, onExecute: b, onExport: x, onDelete: S }) {
+	let C = r(() => {
+		_?.(n.id);
+	}, [_, n.id]), w = r((e) => {
+		e.stopPropagation(), y?.(n.id);
+	}, [y, n.id]), T = r((e) => {
+		e.stopPropagation(), b?.(n.id);
+	}, [b, n.id]), E = r((e) => {
+		e.stopPropagation(), v?.(n.id);
+	}, [v, n.id]), D = r((e) => {
+		e.stopPropagation(), x?.(n.id);
+	}, [x, n.id]), O = r((e) => {
+		e.stopPropagation(), S?.(n.id);
+	}, [S, n.id]);
+	return /* @__PURE__ */ o("div", {
+		onClick: C,
+		className: "\n        bg-bg-surface\n        border border-border-default\n        rounded-lg\n        overflow-hidden\n        cursor-pointer\n        hover:border-action-primary-bg\n        transition-colors\n      ",
+		children: [/* @__PURE__ */ o("div", {
+			className: "h-24 bg-bg-muted flex items-center justify-center relative",
+			children: [
+				i(() => {
+					let e = "w-10 h-10 text-text-secondary/50";
+					switch (n.type) {
+						case "jq": return /* @__PURE__ */ a(l, { className: e });
+						case "jsonata": return /* @__PURE__ */ a(u, { className: e });
+						default: return /* @__PURE__ */ a(d, { className: e });
+					}
+				}, [n.type]),
+				/* @__PURE__ */ a("div", {
+					className: "absolute top-2 left-2",
+					children: /* @__PURE__ */ a(e, {
+						type: n.type,
+						size: "sm"
+					})
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "absolute top-2 right-2",
+					children: /* @__PURE__ */ a(t, {
+						status: n.status,
+						size: "sm"
+					})
+				})
+			]
+		}), /* @__PURE__ */ o("div", {
+			className: "p-4",
+			children: [
+				/* @__PURE__ */ o("div", {
+					className: "flex items-start justify-between mb-2",
+					children: [/* @__PURE__ */ o("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ a("h3", {
+							className: "text-sm font-semibold text-text-primary truncate",
+							children: n.name || "Untitled Parser"
+						}), /* @__PURE__ */ o("p", {
+							className: "text-xs text-text-secondary truncate mt-0.5",
+							children: [
+								n.inputSinkKey,
+								" → ",
+								n.outputKey
+							]
+						})]
+					}), /* @__PURE__ */ o("div", {
+						className: "flex items-center gap-1 ml-2",
+						children: [
+							y && /* @__PURE__ */ a("button", {
+								type: "button",
+								onClick: w,
+								className: "\n                  p-1 rounded-md\n                  text-text-secondary\n                  hover:text-text-primary\n                  hover:bg-bg-muted\n                  transition-colors\n                ",
+								title: "Test Parser",
+								children: /* @__PURE__ */ a(f, { className: "w-4 h-4" })
+							}),
+							b && /* @__PURE__ */ a("button", {
+								type: "button",
+								onClick: T,
+								className: "\n                  p-1 rounded-md\n                  text-text-secondary\n                  hover:text-text-primary\n                  hover:bg-bg-muted\n                  transition-colors\n                ",
+								title: "Execute Parser",
+								children: /* @__PURE__ */ a(p, { className: "w-4 h-4" })
+							}),
+							v && /* @__PURE__ */ a("button", {
+								type: "button",
+								onClick: E,
+								className: "\n                  p-1 rounded-md\n                  text-text-secondary\n                  hover:text-text-primary\n                  hover:bg-bg-muted\n                  transition-colors\n                ",
+								title: "Edit Parser",
+								children: /* @__PURE__ */ a(m, { className: "w-4 h-4" })
+							}),
+							x && /* @__PURE__ */ a("button", {
+								type: "button",
+								onClick: D,
+								className: "\n                  p-1 rounded-md\n                  text-text-secondary\n                  hover:text-text-primary\n                  hover:bg-bg-muted\n                  transition-colors\n                ",
+								title: "Export Parser",
+								children: /* @__PURE__ */ a(g, { className: "w-4 h-4" })
+							}),
+							S && /* @__PURE__ */ a("button", {
+								type: "button",
+								onClick: O,
+								className: "\n                  p-1 rounded-md\n                  text-text-secondary\n                  hover:text-state-error\n                  hover:bg-state-error/10\n                  transition-colors\n                ",
+								title: "Delete Parser",
+								children: /* @__PURE__ */ a(h, { className: "w-4 h-4" })
+							})
+						]
+					})]
+				}),
+				n.description && /* @__PURE__ */ a("p", {
+					className: "text-xs text-text-secondary mb-3 line-clamp-2",
+					children: n.description
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "flex items-center justify-between text-xs text-text-secondary",
+					children: [/* @__PURE__ */ o("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ o("span", { children: ["v", n.version] }), n.ttl && /* @__PURE__ */ o("span", {
+							title: `Cache TTL: ${n.ttl} seconds`,
+							children: [
+								"TTL: ",
+								n.ttl,
+								"s"
+							]
+						})]
+					}), /* @__PURE__ */ a("span", {
+						title: `Last updated: ${s(n.updatedAt)}`,
+						children: c(n.updatedAt)
+					})]
+				})
+			]
+		})]
+	});
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=ParserCard.js.map

package/dist/bigconsole/components/parser/ParserCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParserCard.js","names":[],"sources":["../../../../src/bigconsole/components/parser/ParserCard.tsx"],"sourcesContent":["/**\n * Parser Card\n *\n * Card component displaying parser information with action buttons.\n */\n\nimport { memo, useCallback, useMemo } from 'react';\nimport { ParserStatusBadge } from './ParserStatusBadge';\nimport { ParserTypeBadge } from './ParserTypeBadge';\nimport type { Parser } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface ParserCardProps {\n  /** Parser to display */\n  parser: Parser;\n  /** Callback when card is clicked (view) */\n  onView?: (id: string) => void;\n  /** Callback to edit parser */\n  onEdit?: (id: string) => void;\n  /** Callback to test parser */\n  onTest?: (id: string) => void;\n  /** Callback to execute parser */\n  onExecute?: (id: string) => void;\n  /** Callback to export parser */\n  onExport?: (id: string) => void;\n  /** Callback to delete parser */\n  onDelete?: (id: string) => void;\n  /** Whether this card's delete action is in progress */\n  isDeleting?: boolean;\n}\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/**\n * Format date to locale string\n */\nfunction formatDate(dateString: string): string {\n  const date = new Date(dateString);\n  return new Intl.DateTimeFormat('en-US', {\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n    hour: 'numeric',\n    minute: '2-digit',\n  }).format(date);\n}\n\n/**\n * Format relative time from date string\n */\nfunction formatRelativeTime(dateString: string): string {\n  const date = new Date(dateString);\n  const diff = Date.now() - date.getTime();\n  const minutes = Math.floor(diff / 60000);\n\n  if (minutes < 1) return 'just now';\n  if (minutes < 60) return `${minutes}m ago`;\n\n  const hours = Math.floor(minutes / 60);\n  if (hours < 24) return `${hours}h ago`;\n\n  const days = Math.floor(hours / 24);\n  if (days < 7) return `${days}d ago`;\n\n  return formatDate(dateString);\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst JqIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={1.5}\n      d=\"M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\n    />\n  </svg>\n);\n\nconst JsonataIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\" />\n  </svg>\n);\n\nconst DefaultIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={1.5}\n      d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4\"\n    />\n  </svg>\n);\n\nconst TestIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\n    />\n  </svg>\n);\n\nconst PlayIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z\"\n    />\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n  </svg>\n);\n\nconst EditIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n    />\n  </svg>\n);\n\nconst DeleteIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n    />\n  </svg>\n);\n\nconst ExportIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\n    />\n  </svg>\n);\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const ParserCard = memo(function ParserCard({\n  parser,\n  onView,\n  onEdit,\n  onTest,\n  onExecute,\n  onExport,\n  onDelete,\n}: ParserCardProps) {\n  // Handle card click\n  const handleCardClick = useCallback(() => {\n    onView?.(parser.id);\n  }, [onView, parser.id]);\n\n  // Handle action button clicks (stop propagation)\n  const handleTest = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onTest?.(parser.id);\n    },\n    [onTest, parser.id]\n  );\n\n  const handleExecute = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onExecute?.(parser.id);\n    },\n    [onExecute, parser.id]\n  );\n\n  const handleEdit = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onEdit?.(parser.id);\n    },\n    [onEdit, parser.id]\n  );\n\n  const handleExport = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onExport?.(parser.id);\n    },\n    [onExport, parser.id]\n  );\n\n  const handleDelete = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onDelete?.(parser.id);\n    },\n    [onDelete, parser.id]\n  );\n\n  // Get type icon - memoized to avoid creating component during render\n  const typeIcon = useMemo(() => {\n    const iconClass = 'w-10 h-10 text-text-secondary/50';\n    switch (parser.type) {\n      case 'jq':\n        return <JqIcon className={iconClass} />;\n      case 'jsonata':\n        return <JsonataIcon className={iconClass} />;\n      default:\n        return <DefaultIcon className={iconClass} />;\n    }\n  }, [parser.type]);\n\n  return (\n    <div\n      onClick={handleCardClick}\n      className={`\n        bg-bg-surface\n        border border-border-default\n        rounded-lg\n        overflow-hidden\n        cursor-pointer\n        hover:border-action-primary-bg\n        transition-colors\n      `}\n    >\n      {/* Header with icon and badges */}\n      <div className=\"h-24 bg-bg-muted flex items-center justify-center relative\">\n        {typeIcon}\n\n        {/* Type badge */}\n        <div className=\"absolute top-2 left-2\">\n          <ParserTypeBadge type={parser.type} size=\"sm\" />\n        </div>\n\n        {/* Status badge */}\n        <div className=\"absolute top-2 right-2\">\n          <ParserStatusBadge status={parser.status} size=\"sm\" />\n        </div>\n      </div>\n\n      {/* Content */}\n      <div className=\"p-4\">\n        {/* Title and actions */}\n        <div className=\"flex items-start justify-between mb-2\">\n          <div className=\"flex-1 min-w-0\">\n            <h3 className=\"text-sm font-semibold text-text-primary truncate\">{parser.name || 'Untitled Parser'}</h3>\n            <p className=\"text-xs text-text-secondary truncate mt-0.5\">\n              {parser.inputSinkKey} → {parser.outputKey}\n            </p>\n          </div>\n\n          {/* Action buttons */}\n          <div className=\"flex items-center gap-1 ml-2\">\n            {onTest && (\n              <button\n                type=\"button\"\n                onClick={handleTest}\n                className={`\n                  p-1 rounded-md\n                  text-text-secondary\n                  hover:text-text-primary\n                  hover:bg-bg-muted\n                  transition-colors\n                `}\n                title=\"Test Parser\"\n              >\n                <TestIcon className=\"w-4 h-4\" />\n              </button>\n            )}\n\n            {onExecute && (\n              <button\n                type=\"button\"\n                onClick={handleExecute}\n                className={`\n                  p-1 rounded-md\n                  text-text-secondary\n                  hover:text-text-primary\n                  hover:bg-bg-muted\n                  transition-colors\n                `}\n                title=\"Execute Parser\"\n              >\n                <PlayIcon className=\"w-4 h-4\" />\n              </button>\n            )}\n\n            {onEdit && (\n              <button\n                type=\"button\"\n                onClick={handleEdit}\n                className={`\n                  p-1 rounded-md\n                  text-text-secondary\n                  hover:text-text-primary\n                  hover:bg-bg-muted\n                  transition-colors\n                `}\n                title=\"Edit Parser\"\n              >\n                <EditIcon className=\"w-4 h-4\" />\n              </button>\n            )}\n\n            {onExport && (\n              <button\n                type=\"button\"\n                onClick={handleExport}\n                className={`\n                  p-1 rounded-md\n                  text-text-secondary\n                  hover:text-text-primary\n                  hover:bg-bg-muted\n                  transition-colors\n                `}\n                title=\"Export Parser\"\n              >\n                <ExportIcon className=\"w-4 h-4\" />\n              </button>\n            )}\n\n            {onDelete && (\n              <button\n                type=\"button\"\n                onClick={handleDelete}\n                className={`\n                  p-1 rounded-md\n                  text-text-secondary\n                  hover:text-state-error\n                  hover:bg-state-error/10\n                  transition-colors\n                `}\n                title=\"Delete Parser\"\n              >\n                <DeleteIcon className=\"w-4 h-4\" />\n              </button>\n            )}\n          </div>\n        </div>\n\n        {/* Description */}\n        {parser.description && <p className=\"text-xs text-text-secondary mb-3 line-clamp-2\">{parser.description}</p>}\n\n        {/* Footer with version and timestamps */}\n        <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n          <div className=\"flex items-center gap-3\">\n            <span>v{parser.version}</span>\n            {parser.ttl && <span title={`Cache TTL: ${parser.ttl} seconds`}>TTL: {parser.ttl}s</span>}\n          </div>\n          <span title={`Last updated: ${formatDate(parser.updatedAt)}`}>{formatRelativeTime(parser.updatedAt)}</span>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default ParserCard;\n"],"mappings":"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"}

package/dist/bigconsole/components/parser/ParserFormDialog.d.ts

@@ -0,0 +1,42 @@
+import { Parser, ParserType, ParserStatus } from '../../types';
+
+interface ParserFormDialogProps {
+    /** Whether dialog is open */
+    isOpen: boolean;
+    /** Parser to edit (undefined for create mode) */
+    parser?: Parser;
+    /** Console ID (required for create) */
+    consoleId: string;
+    /** Callback when dialog is closed */
+    onClose: () => void;
+    /** Callback when parser is saved */
+    onSave: (data: CreateParserInput | UpdateParserInput) => Promise<void>;
+    /** Whether save is in progress */
+    isSaving?: boolean;
+}
+interface CreateParserInput {
+    consoleId: string;
+    name: string;
+    description: string | null;
+    type: ParserType;
+    expression: string;
+    inputSinkKey: string;
+    outputKey: string;
+    ttl: number | null;
+}
+interface UpdateParserInput {
+    id: string;
+    input: {
+        name: string;
+        description: string | null;
+        expression: string;
+        inputSinkKey: string;
+        outputKey: string;
+        ttl: number | null;
+        status: ParserStatus;
+    };
+    version: number;
+}
+export declare const ParserFormDialog: import('react').NamedExoticComponent<ParserFormDialogProps>;
+export default ParserFormDialog;
+//# sourceMappingURL=ParserFormDialog.d.ts.map

package/dist/bigconsole/components/parser/ParserFormDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParserFormDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/parser/ParserFormDialog.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAMpE,UAAU,qBAAqB;IAC7B,6BAA6B;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oCAAoC;IACpC,MAAM,EAAE,CAAC,IAAI,EAAE,iBAAiB,GAAG,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvE,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACpB;AAED,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;QAC3B,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;QACrB,SAAS,EAAE,MAAM,CAAC;QAClB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;QACnB,MAAM,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,OAAO,EAAE,MAAM,CAAC;CACjB;AAyCD,eAAO,MAAM,gBAAgB,6DA2b3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/components/parser/ParserSelector.d.ts

@@ -0,0 +1,27 @@
+import { ParserType, ParserStatus } from '../../types';
+
+interface ParserSelectorProps {
+    /** Console ID */
+    consoleId: string;
+    /** Currently selected parser ID */
+    value: string | null;
+    /** Callback when selection changes */
+    onChange: (id: string | null) => void;
+    /** Filter by type */
+    filterType?: ParserType;
+    /** Filter by status */
+    filterStatus?: ParserStatus;
+    /** Filter by input DataSink key */
+    filterInputSinkKey?: string | null;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether the selector is disabled */
+    disabled?: boolean;
+    /** Whether to show error state */
+    error?: boolean;
+    /** Error message to display */
+    errorMessage?: string;
+}
+export declare const ParserSelector: import('react').NamedExoticComponent<ParserSelectorProps>;
+export default ParserSelector;
+//# sourceMappingURL=ParserSelector.d.ts.map

package/dist/bigconsole/components/parser/ParserSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParserSelector.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/parser/ParserSelector.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAS5D,UAAU,mBAAmB;IAC3B,iBAAiB;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,sCAAsC;IACtC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,qBAAqB;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,uBAAuB;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAqGD,eAAO,MAAM,cAAc,2DAgRzB,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/parser/ParserSelector.js

@@ -0,0 +1,263 @@
+import e from "../../hooks/useParserOperations.js";
+import t from "./ParserTypeBadge.js";
+import n from "./ParserStatusBadge.js";
+import { Fragment as r, memo as i, useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/bigconsole/components/parser/ParserSelector.tsx
+var d = "default", f = ({ className: e }) => /* @__PURE__ */ l("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ l("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: 2,
+		d: "M19 9l-7 7-7-7"
+	})
+}), p = ({ className: e }) => /* @__PURE__ */ u("svg", {
+	className: e,
+	fill: "none",
+	stroke: "currentColor",
+	viewBox: "0 0 24 24",
+	children: [
+		/* @__PURE__ */ l("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M12 21a9 9 0 100-18 9 9 0 000 18z"
+		}),
+		/* @__PURE__ */ l("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M3.6 9h16.8M3.6 15h16.8"
+		}),
+		/* @__PURE__ */ l("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M12 3a15 15 0 014 9 15 15 0 01-4 9 15 15 0 01-4-9 15 15 0 014-9z"
+		})
+	]
+}), m = i(function({ parser: e, isSelected: r, onSelect: i, isGlobal: a = !1 }) {
+	return /* @__PURE__ */ l("button", {
+		type: "button",
+		onClick: () => i(e.id),
+		className: `
+        w-full px-3 py-2.5
+        text-left
+        hover:bg-bg-muted
+        transition-colors
+        border-b border-border-default last:border-b-0
+        ${r ? "bg-action-primary-bg/10" : ""}
+      `,
+		children: /* @__PURE__ */ u("div", {
+			className: "flex items-start justify-between gap-2",
+			children: [/* @__PURE__ */ u("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2 mb-1",
+						children: [
+							/* @__PURE__ */ l(t, {
+								type: e.type,
+								size: "sm"
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "text-sm font-medium text-text-primary truncate",
+								children: e.name
+							}),
+							a && /* @__PURE__ */ u("span", {
+								className: "inline-flex items-center gap-1 px-1.5 py-0.5 text-xs bg-bg-muted text-text-secondary rounded",
+								children: [/* @__PURE__ */ l(p, { className: "w-3 h-3" }), "Global"]
+							})
+						]
+					}),
+					e.description && /* @__PURE__ */ l("p", {
+						className: "text-xs text-text-secondary line-clamp-1 mb-1",
+						children: e.description
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "flex items-center gap-2 text-xs text-text-tertiary",
+						children: /* @__PURE__ */ u("span", { children: [
+							e.inputSinkKey,
+							" → ",
+							e.outputKey
+						] })
+					})
+				]
+			}), /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(n, {
+				status: e.status,
+				size: "sm",
+				showIcon: !1
+			}) })]
+		})
+	});
+}), h = i(function({ consoleId: n, value: i, onChange: p, filterType: h, filterStatus: g = "active", filterInputSinkKey: _, placeholder: v = "Select a parser...", disabled: y = !1, error: b = !1, errorMessage: x }) {
+	let [S, C] = c(!1), [w, T] = c(""), E = n === d, { parsers: D, loading: O, fetchParsers: k } = e({
+		consoleId: n,
+		skipFetch: E
+	}), { parsers: A, loading: j, fetchParsers: M } = e({
+		consoleId: d,
+		skipFetch: E
+	}), N = s(() => {
+		if (E) return D;
+		let e = new Set(D.map((e) => e.id)), t = A.filter((t) => !e.has(t.id));
+		return [...D, ...t];
+	}, [
+		D,
+		A,
+		E
+	]), P = O || j, F = s(() => N.filter((e) => {
+		if (h && e.type !== h || g && e.status !== g || _ && e.inputSinkKey !== _) return !1;
+		if (w) {
+			let t = w.toLowerCase();
+			return e.name.toLowerCase().includes(t) || e.description?.toLowerCase().includes(t) || e.inputSinkKey.toLowerCase().includes(t) || e.outputKey.toLowerCase().includes(t);
+		}
+		return !0;
+	}), [
+		N,
+		h,
+		g,
+		_,
+		w
+	]), { dashboardScopedParsers: I, globalScopedParsers: L } = s(() => ({
+		dashboardScopedParsers: F.filter((e) => e.consoleId !== d),
+		globalScopedParsers: F.filter((e) => e.consoleId === d)
+	}), [F]), R = N.find((e) => e.id === i);
+	o(() => {
+		n && (k({
+			type: h,
+			status: g ?? void 0
+		}), E || M({
+			type: h,
+			status: g ?? void 0
+		}));
+	}, [
+		n,
+		h,
+		g,
+		_,
+		k,
+		M,
+		E
+	]);
+	let z = a((e) => {
+		p(e), C(!1), T("");
+	}, [p]), B = a(() => {
+		y || C((e) => !e);
+	}, [y]), V = a(() => {
+		C(!1);
+	}, []);
+	return /* @__PURE__ */ u("div", {
+		className: "relative",
+		children: [
+			/* @__PURE__ */ u("button", {
+				type: "button",
+				onClick: B,
+				disabled: y,
+				className: `
+          w-full
+          px-3 py-2
+          bg-bg-surface
+          border rounded-md
+          text-left
+          flex items-center justify-between gap-2
+          transition-colors
+          ${y ? "opacity-50 cursor-not-allowed" : "hover:border-action-primary-bg cursor-pointer"}
+          ${b ? "border-state-error" : "border-border-default"}
+          ${S ? "border-action-primary-bg ring-2 ring-action-primary-bg/20" : ""}
+        `,
+				children: [/* @__PURE__ */ l("div", {
+					className: "flex-1 min-w-0",
+					children: R ? /* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ l(t, {
+							type: R.type,
+							size: "sm"
+						}), /* @__PURE__ */ l("span", {
+							className: "text-sm text-text-primary truncate",
+							children: R.name
+						})]
+					}) : /* @__PURE__ */ l("span", {
+						className: "text-sm text-text-tertiary",
+						children: v
+					})
+				}), /* @__PURE__ */ l(f, { className: `w-4 h-4 text-text-secondary transition-transform ${S ? "transform rotate-180" : ""}` })]
+			}),
+			b && x && /* @__PURE__ */ l("p", {
+				className: "mt-1 text-xs text-state-error",
+				children: x
+			}),
+			S && /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l("div", {
+				className: "fixed inset-0 z-10",
+				onClick: V
+			}), /* @__PURE__ */ u("div", {
+				className: "absolute left-0 right-0 top-full mt-1 z-20 bg-bg-surface border border-border-default rounded-md shadow-lg max-h-80 flex flex-col overflow-hidden",
+				children: [/* @__PURE__ */ l("div", {
+					className: "p-2 border-b border-border-default",
+					children: /* @__PURE__ */ l("input", {
+						type: "text",
+						placeholder: "Search parsers...",
+						value: w,
+						onChange: (e) => T(e.target.value),
+						className: "\n                  w-full px-3 py-2\n                  bg-bg-muted\n                  border border-border-default\n                  rounded-md\n                  text-sm text-text-primary\n                  placeholder-text-tertiary\n                  focus:outline-none\n                  focus:border-action-primary-bg\n                  focus:ring-2\n                  focus:ring-action-primary-bg/20\n                "
+					})
+				}), /* @__PURE__ */ l("div", {
+					className: "overflow-y-auto flex-1",
+					children: P ? /* @__PURE__ */ l("div", {
+						className: "p-4 text-center text-sm text-text-secondary",
+						children: "Loading parsers..."
+					}) : F.length === 0 ? /* @__PURE__ */ l("div", {
+						className: "p-4 text-center text-sm text-text-secondary",
+						children: "No parsers found"
+					}) : /* @__PURE__ */ u(r, { children: [
+						/* @__PURE__ */ l("button", {
+							type: "button",
+							onClick: () => z(null),
+							className: `
+                      w-full px-3 py-2
+                      text-left text-sm
+                      hover:bg-bg-muted
+                      transition-colors
+                      ${i === null ? "bg-action-primary-bg/10 text-action-primary-bg" : "text-text-secondary"}
+                    `,
+							children: /* @__PURE__ */ l("span", {
+								className: "italic",
+								children: "None"
+							})
+						}),
+						I.length > 0 && /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l("div", {
+							className: "px-3 py-1.5 bg-bg-muted border-y border-border-default",
+							children: /* @__PURE__ */ l("span", {
+								className: "text-xs font-medium text-text-secondary uppercase tracking-wide",
+								children: "Dashboard Parsers"
+							})
+						}), I.map((e) => /* @__PURE__ */ l(m, {
+							parser: e,
+							isSelected: i === e.id,
+							onSelect: z
+						}, e.id))] }),
+						L.length > 0 && /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l("div", {
+							className: "px-3 py-1.5 bg-bg-muted border-y border-border-default",
+							children: /* @__PURE__ */ l("span", {
+								className: "text-xs font-medium text-text-secondary uppercase tracking-wide",
+								children: "Global Parsers"
+							})
+						}), L.map((e) => /* @__PURE__ */ l(m, {
+							parser: e,
+							isSelected: i === e.id,
+							onSelect: z,
+							isGlobal: !0
+						}, e.id))] })
+					] })
+				})]
+			})] })
+		]
+	});
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=ParserSelector.js.map