@burdenoff/microfe-bigconsole 2026.825.1 → 2026.828.1

package/dist/bigconsole/components/workflow/WorkflowCard.js

@@ -65,25 +65,31 @@ var s = ({ className: e }) => /* @__PURE__ */ i("svg", {
 		strokeWidth: 2,
 		d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	})]
-}), f = n(function({ workflow: n, onView: f, onEdit: p, onDelete: m }) {
-	let h = n.dataSinkLinks?.length ?? n.linkedDataSinkCount ?? 0, g = r((e) => {
+}), f = n(function({ workflow: n, onView: f, onEdit: p, onDelete: m, onRun: h, isRunning: g = !1 }) {
+	let _ = n.dataSinkLinks?.length ?? n.linkedDataSinkCount ?? 0, v = r((e) => {
 		if (!e) return "Never";
 		try {
 			return o(new Date(e), { addSuffix: !0 });
 		} catch {
 			return "Unknown";
 		}
-	}, []), _ = r(() => {
+	}, []), y = r(() => {
 		f?.(n.id);
-	}, [f, n.id]), v = r((e) => {
+	}, [f, n.id]), b = r((e) => {
 		e.stopPropagation(), p?.(n.id);
-	}, [p, n.id]), y = r((e) => {
+	}, [p, n.id]), x = r((e) => {
 		e.stopPropagation(), m?.(n.id);
-	}, [m, n.id]), b = r((e) => {
+	}, [m, n.id]), S = r((e) => {
+		e.stopPropagation(), !g && h?.(n.id);
+	}, [
+		g,
+		h,
+		n.id
+	]), C = r((e) => {
 		e.stopPropagation(), f?.(n.id);
 	}, [f, n.id]);
 	return /* @__PURE__ */ a("div", {
-		onClick: _,
+		onClick: y,
 		className: "min-w-0 cursor-pointer overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-elevated motion-safe:transition-[box-shadow,border-color] focus-within:border-action-primary-bg hover:border-action-primary-bg hover:shadow-[var(--shadow-elevation-1)]",
 		children: [/* @__PURE__ */ a("div", {
 			className: "flex items-center justify-between gap-icon-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-3 py-2",
@@ -108,7 +114,7 @@ var s = ({ className: e }) => /* @__PURE__ */ i("svg", {
 							className: "text-sm font-semibold text-text-primary",
 							children: /* @__PURE__ */ i("button", {
 								type: "button",
-								onClick: b,
+								onClick: C,
 								"aria-label": `Open workflow ${n.name}`,
 								className: `line-clamp-2 rounded-button text-left ${e}`,
 								children: n.name
@@ -119,21 +125,34 @@ var s = ({ className: e }) => /* @__PURE__ */ i("svg", {
 						})]
 					}), /* @__PURE__ */ a("div", {
 						className: "flex shrink-0 items-center gap-1",
-						children: [p && /* @__PURE__ */ i("button", {
-							type: "button",
-							onClick: v,
-							className: "inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-bg-sunken hover:text-text-primary sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
-							title: "Edit Workflow",
-							"aria-label": `Edit workflow ${n.name}`,
-							children: /* @__PURE__ */ i(c, { className: "w-4 h-4" })
-						}), m && /* @__PURE__ */ i("button", {
-							type: "button",
-							onClick: y,
-							className: "inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-status-error-bg/10 hover:text-status-error-text sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
-							title: "Delete Workflow",
-							"aria-label": `Delete workflow ${n.name}`,
-							children: /* @__PURE__ */ i(l, { className: "w-4 h-4" })
-						})]
+						children: [
+							h && /* @__PURE__ */ i("button", {
+								type: "button",
+								onClick: S,
+								disabled: g,
+								"aria-busy": g,
+								className: "inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-bg-sunken hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-60 sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
+								title: g ? "Running…" : "Run Workflow",
+								"aria-label": g ? `Running workflow ${n.name}` : `Run workflow ${n.name}`,
+								children: /* @__PURE__ */ i(d, { className: `w-4 h-4 ${g ? "motion-safe:animate-pulse" : ""}` })
+							}),
+							p && /* @__PURE__ */ i("button", {
+								type: "button",
+								onClick: b,
+								className: "inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-bg-sunken hover:text-text-primary sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
+								title: "Edit Workflow",
+								"aria-label": `Edit workflow ${n.name}`,
+								children: /* @__PURE__ */ i(c, { className: "w-4 h-4" })
+							}),
+							m && /* @__PURE__ */ i("button", {
+								type: "button",
+								onClick: x,
+								className: "inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-status-error-bg/10 hover:text-status-error-text sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface",
+								title: "Delete Workflow",
+								"aria-label": `Delete workflow ${n.name}`,
+								children: /* @__PURE__ */ i(l, { className: "w-4 h-4" })
+							})
+						]
 					})]
 				}),
 				n.description && /* @__PURE__ */ i("p", {
@@ -146,12 +165,12 @@ var s = ({ className: e }) => /* @__PURE__ */ i("svg", {
 						className: "flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1",
 						children: [/* @__PURE__ */ a("span", {
 							className: "flex items-center gap-1",
-							title: `${h} linked DataSinks`,
+							title: `${_} linked DataSinks`,
 							children: [
 								/* @__PURE__ */ i(u, { className: "w-3.5 h-3.5 shrink-0" }),
-								h,
+								_,
 								" DataSink",
-								h === 1 ? "" : "s"
+								_ === 1 ? "" : "s"
 							]
 						}), /* @__PURE__ */ a("span", {
 							className: "flex items-center gap-1",
@@ -160,7 +179,7 @@ var s = ({ className: e }) => /* @__PURE__ */ i("svg", {
 						})]
 					}), /* @__PURE__ */ i("span", {
 						title: n.lastExecutedAt ? `Last executed: ${new Date(n.lastExecutedAt).toLocaleString()}` : "Never executed",
-						children: g(n.lastExecutedAt)
+						children: v(n.lastExecutedAt)
 					})]
 				})
 			]

package/dist/bigconsole/components/workflow/WorkflowCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowCard.js","names":[],"sources":["../../../../src/bigconsole/components/workflow/WorkflowCard.tsx"],"sourcesContent":["/**\n * WorkflowCard Component\n *\n * Card component displaying a FluidGrids Workflow summary.\n * Shows name, status, linked DataSinks count, and execution stats.\n *\n * Emphasis (BOFF-5634): the card is a tile inside the list page's `primary`\n * results section, so it sits on `bg-bg-elevated` — one step above the section\n * surface — rather than repeating the generic panel treatment used by every\n * other block in the module. The old 96px empty media band carried no\n * information and out-weighed the title; it is now a compact identity strip.\n */\n\nimport { memo, useCallback } from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { WorkflowStatusBadge } from './WorkflowStatusBadge';\nimport { SECTION_FOCUS_RING } from '../common';\nimport type { FluidGridsWorkflow } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface WorkflowCardProps {\n  workflow: FluidGridsWorkflow;\n  onView?: (id: string) => void;\n  onEdit?: (id: string) => void;\n  onDelete?: (id: string) => void;\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst WorkflowIcon = ({ 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=\"M13 10V3L4 14h7v7l9-11h-7z\" />\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 DataSinkIcon = ({ 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 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 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\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowCard = memo(function WorkflowCard({ workflow, onView, onEdit, onDelete }: WorkflowCardProps) {\n  // Calculate linked DataSinks count\n  const linkedDataSinkCount = workflow.dataSinkLinks?.length ?? workflow.linkedDataSinkCount ?? 0;\n\n  // Format last executed time\n  const formatLastExecuted = useCallback((dateStr: string | null): string => {\n    if (!dateStr) return 'Never';\n    try {\n      const date = new Date(dateStr);\n      return formatDistanceToNow(date, { addSuffix: true });\n    } catch {\n      return 'Unknown';\n    }\n  }, []);\n\n  // Event handlers\n  const handleCardClick = useCallback(() => {\n    onView?.(workflow.id);\n  }, [onView, workflow.id]);\n\n  const handleEditClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onEdit?.(workflow.id);\n    },\n    [onEdit, workflow.id]\n  );\n\n  const handleDeleteClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onDelete?.(workflow.id);\n    },\n    [onDelete, workflow.id]\n  );\n\n  // The title is the real \"open this workflow\" control. The tile itself must NOT\n  // carry role=\"button\": that role makes its subtree presentational, which would\n  // drop the Edit/Delete buttons and the status badge out of the accessibility\n  // tree. The tile keeps a plain click handler as a pointer convenience only.\n  const handleTitleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onView?.(workflow.id);\n    },\n    [onView, workflow.id]\n  );\n\n  return (\n    <div\n      onClick={handleCardClick}\n      className=\"min-w-0 cursor-pointer overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-elevated motion-safe:transition-[box-shadow,border-color] focus-within:border-action-primary-bg hover:border-action-primary-bg hover:shadow-[var(--shadow-elevation-1)]\"\n    >\n      {/* Identity strip: what kind of thing this is + its status, at a glance */}\n      <div className=\"flex items-center justify-between gap-icon-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-3 py-2\">\n        <span className=\"flex min-w-0 items-center gap-icon-gap text-xs font-medium text-text-secondary\">\n          <WorkflowIcon className=\"w-4 h-4 shrink-0\" />\n          <span className=\"truncate\">Workflow</span>\n        </span>\n        <WorkflowStatusBadge status={workflow.status} size=\"sm\" />\n      </div>\n\n      {/* Content */}\n      <div className=\"p-card-padding\">\n        {/* Title and Actions */}\n        <div className=\"mb-2 flex items-start justify-between gap-icon-gap\">\n          <div className=\"min-w-0 flex-1\">\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              <button\n                type=\"button\"\n                onClick={handleTitleClick}\n                aria-label={`Open workflow ${workflow.name}`}\n                className={`line-clamp-2 rounded-button text-left ${SECTION_FOCUS_RING}`}\n              >\n                {workflow.name}\n              </button>\n            </h3>\n            <p className=\"mt-0.5 truncate font-mono text-xs text-text-secondary\">{workflow.key}</p>\n          </div>\n\n          <div className=\"flex shrink-0 items-center gap-1\">\n            {onEdit && (\n              <button\n                type=\"button\"\n                onClick={handleEditClick}\n                className={`inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-bg-sunken hover:text-text-primary sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] ${SECTION_FOCUS_RING}`}\n                title=\"Edit Workflow\"\n                aria-label={`Edit workflow ${workflow.name}`}\n              >\n                <EditIcon className=\"w-4 h-4\" />\n              </button>\n            )}\n            {onDelete && (\n              <button\n                type=\"button\"\n                onClick={handleDeleteClick}\n                className={`inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-status-error-bg/10 hover:text-status-error-text sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] ${SECTION_FOCUS_RING}`}\n                title=\"Delete Workflow\"\n                aria-label={`Delete workflow ${workflow.name}`}\n              >\n                <DeleteIcon className=\"w-4 h-4\" />\n              </button>\n            )}\n          </div>\n        </div>\n\n        {/* Description */}\n        {workflow.description && (\n          <p className=\"mb-3 line-clamp-2 text-xs text-text-secondary\">{workflow.description}</p>\n        )}\n\n        {/* Stats Footer */}\n        <div className=\"flex flex-wrap items-center justify-between gap-x-3 gap-y-1 text-xs text-text-muted\">\n          <div className=\"flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1\">\n            {/* DataSinks Count */}\n            <span className=\"flex items-center gap-1\" title={`${linkedDataSinkCount} linked DataSinks`}>\n              <DataSinkIcon className=\"w-3.5 h-3.5 shrink-0\" />\n              {linkedDataSinkCount} DataSink{linkedDataSinkCount !== 1 ? 's' : ''}\n            </span>\n\n            {/* Execution Count */}\n            <span className=\"flex items-center gap-1\" title={`${workflow.executionCount} executions`}>\n              <PlayIcon className=\"w-3.5 h-3.5 shrink-0\" />\n              {workflow.executionCount}\n            </span>\n          </div>\n\n          {/* Last Executed */}\n          <span\n            title={\n              workflow.lastExecutedAt\n                ? `Last executed: ${new Date(workflow.lastExecutedAt).toLocaleString()}`\n                : 'Never executed'\n            }\n          >\n            {formatLastExecuted(workflow.lastExecutedAt)}\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default WorkflowCard;\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowCard.js","names":[],"sources":["../../../../src/bigconsole/components/workflow/WorkflowCard.tsx"],"sourcesContent":["/**\n * WorkflowCard Component\n *\n * Card component displaying a FluidGrids Workflow summary.\n * Shows name, status, linked DataSinks count, and execution stats.\n *\n * Emphasis (BOFF-5634): the card is a tile inside the list page's `primary`\n * results section, so it sits on `bg-bg-elevated` — one step above the section\n * surface — rather than repeating the generic panel treatment used by every\n * other block in the module. The old 96px empty media band carried no\n * information and out-weighed the title; it is now a compact identity strip.\n */\n\nimport { memo, useCallback } from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { WorkflowStatusBadge } from './WorkflowStatusBadge';\nimport { SECTION_FOCUS_RING } from '../common';\nimport type { FluidGridsWorkflow } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface WorkflowCardProps {\n  workflow: FluidGridsWorkflow;\n  onView?: (id: string) => void;\n  onEdit?: (id: string) => void;\n  onDelete?: (id: string) => void;\n  /**\n   * Trigger a run. Omitted when the actor lacks `bigconsole-workflow:execute`,\n   * so the affordance is absent rather than present-and-refused.\n   */\n  onRun?: (id: string) => void;\n  /** True while this workflow's run request is in flight. */\n  isRunning?: boolean;\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst WorkflowIcon = ({ 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=\"M13 10V3L4 14h7v7l9-11h-7z\" />\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 DataSinkIcon = ({ 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 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 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\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowCard = memo(function WorkflowCard({\n  workflow,\n  onView,\n  onEdit,\n  onDelete,\n  onRun,\n  isRunning = false,\n}: WorkflowCardProps) {\n  // Calculate linked DataSinks count\n  const linkedDataSinkCount = workflow.dataSinkLinks?.length ?? workflow.linkedDataSinkCount ?? 0;\n\n  // Format last executed time\n  const formatLastExecuted = useCallback((dateStr: string | null): string => {\n    if (!dateStr) return 'Never';\n    try {\n      const date = new Date(dateStr);\n      return formatDistanceToNow(date, { addSuffix: true });\n    } catch {\n      return 'Unknown';\n    }\n  }, []);\n\n  // Event handlers\n  const handleCardClick = useCallback(() => {\n    onView?.(workflow.id);\n  }, [onView, workflow.id]);\n\n  const handleEditClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onEdit?.(workflow.id);\n    },\n    [onEdit, workflow.id]\n  );\n\n  const handleDeleteClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onDelete?.(workflow.id);\n    },\n    [onDelete, workflow.id]\n  );\n\n  const handleRunClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      if (isRunning) return;\n      onRun?.(workflow.id);\n    },\n    [isRunning, onRun, workflow.id]\n  );\n\n  // The title is the real \"open this workflow\" control. The tile itself must NOT\n  // carry role=\"button\": that role makes its subtree presentational, which would\n  // drop the Edit/Delete buttons and the status badge out of the accessibility\n  // tree. The tile keeps a plain click handler as a pointer convenience only.\n  const handleTitleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onView?.(workflow.id);\n    },\n    [onView, workflow.id]\n  );\n\n  return (\n    <div\n      onClick={handleCardClick}\n      className=\"min-w-0 cursor-pointer overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-elevated motion-safe:transition-[box-shadow,border-color] focus-within:border-action-primary-bg hover:border-action-primary-bg hover:shadow-[var(--shadow-elevation-1)]\"\n    >\n      {/* Identity strip: what kind of thing this is + its status, at a glance */}\n      <div className=\"flex items-center justify-between gap-icon-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-3 py-2\">\n        <span className=\"flex min-w-0 items-center gap-icon-gap text-xs font-medium text-text-secondary\">\n          <WorkflowIcon className=\"w-4 h-4 shrink-0\" />\n          <span className=\"truncate\">Workflow</span>\n        </span>\n        <WorkflowStatusBadge status={workflow.status} size=\"sm\" />\n      </div>\n\n      {/* Content */}\n      <div className=\"p-card-padding\">\n        {/* Title and Actions */}\n        <div className=\"mb-2 flex items-start justify-between gap-icon-gap\">\n          <div className=\"min-w-0 flex-1\">\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              <button\n                type=\"button\"\n                onClick={handleTitleClick}\n                aria-label={`Open workflow ${workflow.name}`}\n                className={`line-clamp-2 rounded-button text-left ${SECTION_FOCUS_RING}`}\n              >\n                {workflow.name}\n              </button>\n            </h3>\n            <p className=\"mt-0.5 truncate font-mono text-xs text-text-secondary\">{workflow.key}</p>\n          </div>\n\n          <div className=\"flex shrink-0 items-center gap-1\">\n            {onRun && (\n              <button\n                type=\"button\"\n                onClick={handleRunClick}\n                disabled={isRunning}\n                aria-busy={isRunning}\n                className={`inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-bg-sunken hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-60 sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] ${SECTION_FOCUS_RING}`}\n                title={isRunning ? 'Running…' : 'Run Workflow'}\n                aria-label={isRunning ? `Running workflow ${workflow.name}` : `Run workflow ${workflow.name}`}\n              >\n                <PlayIcon className={`w-4 h-4 ${isRunning ? 'motion-safe:animate-pulse' : ''}`} />\n              </button>\n            )}\n            {onEdit && (\n              <button\n                type=\"button\"\n                onClick={handleEditClick}\n                className={`inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-bg-sunken hover:text-text-primary sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] ${SECTION_FOCUS_RING}`}\n                title=\"Edit Workflow\"\n                aria-label={`Edit workflow ${workflow.name}`}\n              >\n                <EditIcon className=\"w-4 h-4\" />\n              </button>\n            )}\n            {onDelete && (\n              <button\n                type=\"button\"\n                onClick={handleDeleteClick}\n                className={`inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-status-error-bg/10 hover:text-status-error-text sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] ${SECTION_FOCUS_RING}`}\n                title=\"Delete Workflow\"\n                aria-label={`Delete workflow ${workflow.name}`}\n              >\n                <DeleteIcon className=\"w-4 h-4\" />\n              </button>\n            )}\n          </div>\n        </div>\n\n        {/* Description */}\n        {workflow.description && (\n          <p className=\"mb-3 line-clamp-2 text-xs text-text-secondary\">{workflow.description}</p>\n        )}\n\n        {/* Stats Footer */}\n        <div className=\"flex flex-wrap items-center justify-between gap-x-3 gap-y-1 text-xs text-text-muted\">\n          <div className=\"flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1\">\n            {/* DataSinks Count */}\n            <span className=\"flex items-center gap-1\" title={`${linkedDataSinkCount} linked DataSinks`}>\n              <DataSinkIcon className=\"w-3.5 h-3.5 shrink-0\" />\n              {linkedDataSinkCount} DataSink{linkedDataSinkCount !== 1 ? 's' : ''}\n            </span>\n\n            {/* Execution Count */}\n            <span className=\"flex items-center gap-1\" title={`${workflow.executionCount} executions`}>\n              <PlayIcon className=\"w-3.5 h-3.5 shrink-0\" />\n              {workflow.executionCount}\n            </span>\n          </div>\n\n          {/* Last Executed */}\n          <span\n            title={\n              workflow.lastExecutedAt\n                ? `Last executed: ${new Date(workflow.lastExecutedAt).toLocaleString()}`\n                : 'Never executed'\n            }\n          >\n            {formatLastExecuted(workflow.lastExecutedAt)}\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default WorkflowCard;\n"],"mappings":";;;;;;;AAyCA,IAAM,KAAgB,EAAE,mBACtB,kBAAC,OAAD;CAAgB;CAAW,MAAK;CAAO,QAAO;CAAe,SAAQ;WACnE,kBAAC,QAAD;EAAM,eAAc;EAAQ,gBAAe;EAAQ,aAAa;EAAK,GAAE;EAA+B,CAAA;CAClG,CAAA,EAGF,KAAY,EAAE,mBAClB,kBAAC,OAAD;CAAgB;CAAW,MAAK;CAAO,QAAO;CAAe,SAAQ;WACnE,kBAAC,QAAD;EACE,eAAc;EACd,gBAAe;EACf,aAAa;EACb,GAAE;EACF,CAAA;CACE,CAAA,EAGF,KAAc,EAAE,mBACpB,kBAAC,OAAD;CAAgB;CAAW,MAAK;CAAO,QAAO;CAAe,SAAQ;WACnE,kBAAC,QAAD;EACE,eAAc;EACd,gBAAe;EACf,aAAa;EACb,GAAE;EACF,CAAA;CACE,CAAA,EAGF,KAAgB,EAAE,mBACtB,kBAAC,OAAD;CAAgB;CAAW,MAAK;CAAO,QAAO;CAAe,SAAQ;WACnE,kBAAC,QAAD;EACE,eAAc;EACd,gBAAe;EACf,aAAa;EACb,GAAE;EACF,CAAA;CACE,CAAA,EAGF,KAAY,EAAE,mBAClB,kBAAC,OAAD;CAAgB;CAAW,MAAK;CAAO,QAAO;CAAe,SAAQ;WAArE,CACE,kBAAC,QAAD;EACE,eAAc;EACd,gBAAe;EACf,aAAa;EACb,GAAE;EACF,CAAA,EACF,kBAAC,QAAD;EAAM,eAAc;EAAQ,gBAAe;EAAQ,aAAa;EAAG,GAAE;EAAuC,CAAA,CACxG;IAOK,IAAe,EAAK,SAAsB,EACrD,aACA,WACA,WACA,aACA,UACA,eAAY,MACQ;CAEpB,IAAM,IAAsB,EAAS,eAAe,UAAU,EAAS,uBAAuB,GAGxF,IAAqB,GAAa,MAAmC;AACzE,MAAI,CAAC,EAAS,QAAO;AACrB,MAAI;AAEF,UAAO,EADM,IAAI,KAAK,EAAQ,EACG,EAAE,WAAW,IAAM,CAAC;UAC/C;AACN,UAAO;;IAER,EAAE,CAAC,EAGA,IAAkB,QAAkB;AACxC,MAAS,EAAS,GAAG;IACpB,CAAC,GAAQ,EAAS,GAAG,CAAC,EAEnB,IAAkB,GACrB,MAAwB;AAEvB,EADA,EAAE,iBAAiB,EACnB,IAAS,EAAS,GAAG;IAEvB,CAAC,GAAQ,EAAS,GAAG,CACtB,EAEK,IAAoB,GACvB,MAAwB;AAEvB,EADA,EAAE,iBAAiB,EACnB,IAAW,EAAS,GAAG;IAEzB,CAAC,GAAU,EAAS,GAAG,CACxB,EAEK,IAAiB,GACpB,MAAwB;AACvB,IAAE,iBAAiB,EACf,MACJ,IAAQ,EAAS,GAAG;IAEtB;EAAC;EAAW;EAAO,EAAS;EAAG,CAChC,EAMK,IAAmB,GACtB,MAAwB;AAEvB,EADA,EAAE,iBAAiB,EACnB,IAAS,EAAS,GAAG;IAEvB,CAAC,GAAQ,EAAS,GAAG,CACtB;AAED,QACE,kBAAC,OAAD;EACE,SAAS;EACT,WAAU;YAFZ,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,GAAD,EAAc,WAAU,oBAAqB,CAAA,EAC7C,kBAAC,QAAD;KAAM,WAAU;eAAW;KAAe,CAAA,CACrC;OACP,kBAAC,GAAD;IAAqB,QAAQ,EAAS;IAAQ,MAAK;IAAO,CAAA,CACtD;MAGN,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBACZ,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,cAAY,iBAAiB,EAAS;QACtC,WAAW,yCAAyC;kBAEnD,EAAS;QACH,CAAA;OACN,CAAA,EACL,kBAAC,KAAD;OAAG,WAAU;iBAAyD,EAAS;OAAQ,CAAA,CACnF;SAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACG,KACC,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,UAAU;QACV,aAAW;QACX,WAAW;QACX,OAAO,IAAY,aAAa;QAChC,cAAY,IAAY,oBAAoB,EAAS,SAAS,gBAAgB,EAAS;kBAEvF,kBAAC,GAAD,EAAU,WAAW,WAAW,IAAY,8BAA8B,MAAQ,CAAA;QAC3E,CAAA;OAEV,KACC,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW;QACX,OAAM;QACN,cAAY,iBAAiB,EAAS;kBAEtC,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;QACzB,CAAA;OAEV,KACC,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW;QACX,OAAM;QACN,cAAY,mBAAmB,EAAS;kBAExC,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;QAC3B,CAAA;OAEP;QACF;;IAGL,EAAS,eACR,kBAAC,KAAD;KAAG,WAAU;eAAiD,EAAS;KAAgB,CAAA;IAIzF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAEE,kBAAC,QAAD;OAAM,WAAU;OAA0B,OAAO,GAAG,EAAoB;iBAAxE;QACE,kBAAC,GAAD,EAAc,WAAU,wBAAyB,CAAA;QAChD;QAAoB;QAAU,MAAwB,IAAU,KAAN;QACtD;UAGP,kBAAC,QAAD;OAAM,WAAU;OAA0B,OAAO,GAAG,EAAS,eAAe;iBAA5E,CACE,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA,EAC5C,EAAS,eACL;SACH;SAGN,kBAAC,QAAD;MACE,OACE,EAAS,iBACL,kBAAkB,IAAI,KAAK,EAAS,eAAe,CAAC,gBAAgB,KACpE;gBAGL,EAAmB,EAAS,eAAe;MACvC,CAAA,CACH;;IACF;KACF;;EAER"}

package/dist/bigconsole/customWidget/proposalSource.js

@@ -1,6 +1,6 @@
 //#region src/bigconsole/customWidget/proposalSource.ts
 function e(e) {
-	return e.filter((e) => !e.deletedAt).map(({ id: e, key: t, name: n }) => ({
+	return e.filter((e) => !e.deletedAt && e.isActive !== !1).map(({ id: e, key: t, name: n }) => ({
 		id: e,
 		key: t,
 		name: n

package/dist/bigconsole/customWidget/proposalSource.js.map

@@ -1 +1 @@
-{"version":3,"file":"proposalSource.js","names":[],"sources":["../../../src/bigconsole/customWidget/proposalSource.ts"],"sourcesContent":["/**\n * Proposal source — the seam between the review UI and whatever produces\n * proposals (BOFF-5532 / BOFF-3021).\n *\n * The UI only ever talks to `CustomWidgetProposalSource`. Today the default\n * implementation derives a proposal locally from the prompt and the workspace's\n * real sinks and parsers, because the backend operation that will emit typed\n * proposals is owned by BOFF-3021's backend half and does not exist yet.\n *\n * When it lands, add a `graphqlProposalSource` here that calls it and swap the\n * value passed to the panel. Nothing in the review, edit, approve or persist\n * path changes: those already run against real sinks, real parsers and the real\n * `createBigConsoleWidget` mutation.\n */\n\nimport {\n  CUSTOM_WIDGET_PROPOSAL_VERSION,\n  type CustomWidgetProposal,\n  type ProposableWidgetType,\n  type ProposalFieldMapping,\n} from './proposalContract';\n\n/** A sink the current user may bind to, as the panel knows it. */\nexport interface ProposalCandidateSink {\n  id: string;\n  key: string;\n  name?: string | null;\n}\n\n/**\n * Converts the workspace store into a proposal-safe candidate set. The API\n * excludes soft-deleted sinks, but this second boundary is intentional:\n * persisted client state can outlive an out-of-band deletion.\n */\nexport function selectActiveProposalSinks(\n  sinks: ReadonlyArray<ProposalCandidateSink & { deletedAt?: string | null }>\n): ProposalCandidateSink[] {\n  return sinks.filter((sink) => !sink.deletedAt).map(({ id, key, name }) => ({ id, key, name }));\n}\n\n/** A parser the current user may bind to. */\nexport interface ProposalCandidateParser {\n  id: string;\n  name: string;\n  inputSinkKey: string;\n}\n\nexport interface ProposalRequest {\n  prompt: string;\n  sinks: readonly ProposalCandidateSink[];\n  parsers: readonly ProposalCandidateParser[];\n}\n\nexport interface CustomWidgetProposalSource {\n  /** Stable id, surfaced in the UI so reviewers know what produced a proposal. */\n  readonly id: string;\n  propose(request: ProposalRequest): Promise<CustomWidgetProposal>;\n}\n\n// ============================================================================\n// Local heuristic source\n// ============================================================================\n\n/**\n * Keyword → widget type. Ordered most-specific first so \"conversion funnel\"\n * matches funnel before a generic \"chart\" would win.\n */\nconst TYPE_KEYWORDS: ReadonlyArray<{ type: ProposableWidgetType; words: readonly string[] }> = [\n  { type: 'funnel_chart', words: ['funnel', 'conversion', 'drop-off', 'dropoff', 'stage'] },\n  { type: 'heatmap', words: ['heatmap', 'heat map', 'matrix', 'intensity', 'by hour', 'density'] },\n  { type: 'retention', words: ['retention', 'cohort'] },\n  { type: 'table', words: ['table', 'list of', 'rows', 'breakdown table', 'grid'] },\n  { type: 'metric_card', words: ['kpi', 'single number', 'metric card', 'scorecard', 'total'] },\n  { type: 'chart', words: ['chart', 'trend', 'over time', 'line', 'bar', 'area', 'pie', 'graph'] },\n];\n\nconst CHART_SUBTYPE_KEYWORDS: ReadonlyArray<{ chartType: string; words: readonly string[] }> = [\n  { chartType: 'bar', words: ['bar'] },\n  { chartType: 'area', words: ['area', 'cumulative'] },\n  { chartType: 'pie', words: ['pie', 'composition', 'share', 'mix'] },\n  { chartType: 'line', words: ['line', 'trend', 'over time'] },\n];\n\nfunction detectWidgetType(prompt: string): ProposableWidgetType {\n  const lower = prompt.toLowerCase();\n  for (const { type, words } of TYPE_KEYWORDS) {\n    if (words.some((word) => lower.includes(word))) return type;\n  }\n  return 'chart';\n}\n\nfunction detectChartSubtype(prompt: string): string {\n  const lower = prompt.toLowerCase();\n  for (const { chartType, words } of CHART_SUBTYPE_KEYWORDS) {\n    if (words.some((word) => lower.includes(word))) return chartType;\n  }\n  return 'line';\n}\n\n/**\n * Picks the sink whose key/name shares the most word-stems with the prompt.\n * Falls back to the first permitted sink so a proposal is always reviewable\n * rather than failing outright.\n */\nfunction pickSink(prompt: string, sinks: readonly ProposalCandidateSink[]): ProposalCandidateSink | undefined {\n  if (sinks.length === 0) return undefined;\n  const tokens = prompt\n    .toLowerCase()\n    .split(/[^a-z0-9]+/)\n    .filter((token) => token.length > 2);\n\n  let best: { sink: ProposalCandidateSink; score: number } | undefined;\n  for (const sink of sinks) {\n    const haystack = `${sink.key} ${sink.name ?? ''}`.toLowerCase();\n    const score = tokens.reduce((acc, token) => (haystack.includes(token) ? acc + 1 : acc), 0);\n    if (!best || score > best.score) best = { sink, score };\n  }\n  return best?.sink ?? sinks[0];\n}\n\n/** Default field mapping per widget type, using the renderers' conventions. */\nfunction defaultFieldMapping(type: ProposableWidgetType): ProposalFieldMapping {\n  switch (type) {\n    case 'heatmap':\n      return { xAxisField: 'column', yAxisField: 'row', valueField: 'value' };\n    case 'funnel_chart':\n      return { labelField: 'name', valueField: 'value' };\n    case 'metric_card':\n      return { valueField: 'value' };\n    case 'table':\n      return {};\n    case 'retention':\n      return { cohortField: 'cohort', valueField: 'value' };\n    case 'chart':\n    default:\n      return { xAxisField: 'name', labelField: 'name', valueField: 'value' };\n  }\n}\n\nfunction defaultConfig(type: ProposableWidgetType, prompt: string): Record<string, unknown> {\n  const base: Record<string, unknown> = { showLegend: true, showTooltip: true };\n  switch (type) {\n    case 'chart':\n      return { ...base, chartType: detectChartSubtype(prompt), showGrid: true };\n    case 'funnel_chart':\n      return { ...base, chartType: 'funnel', showLabels: true, showPercentages: true, orientation: 'vertical' };\n    case 'heatmap':\n      return { ...base, colorScheme: 'blue', showValues: true };\n    case 'table':\n      return { ...base, pageSize: 10, sortable: true };\n    case 'metric_card':\n      return { ...base, showTrend: true };\n    default:\n      return base;\n  }\n}\n\n/** Turns the prompt's first clause into a widget title. */\nfunction deriveTitle(prompt: string): string {\n  const cleaned = prompt\n    .trim()\n    .replace(/^(please\\s+)?(create|build|make|add|show me|show|give me)\\s+(an?\\s+|the\\s+)?/i, '')\n    .split(/[.;\\n]/)[0]\n    .trim();\n  if (!cleaned) return 'Custom widget';\n  const titled = cleaned.charAt(0).toUpperCase() + cleaned.slice(1);\n  return titled.length > 60 ? `${titled.slice(0, 57)}…` : titled;\n}\n\nlet proposalCounter = 0;\n\n/**\n * Derives a proposal from the prompt and the workspace's real, permitted sinks\n * and parsers. Deterministic, so the review UI and its tests behave predictably.\n */\nexport const localProposalSource: CustomWidgetProposalSource = {\n  id: 'local-heuristic-v1',\n\n  async propose({ prompt, sinks, parsers }: ProposalRequest): Promise<CustomWidgetProposal> {\n    const widgetType = detectWidgetType(prompt);\n    const sink = pickSink(prompt, sinks);\n    const parser = sink ? parsers.find((candidate) => candidate.inputSinkKey === sink.key) : undefined;\n\n    proposalCounter += 1;\n\n    return {\n      version: CUSTOM_WIDGET_PROPOSAL_VERSION,\n      id: `proposal-${proposalCounter}`,\n      sourcePrompt: prompt,\n      generatedBy: localProposalSource.id,\n      widgetType,\n      binding: {\n        dataSinkId: sink?.id ?? '',\n        dataSinkKey: sink?.key,\n        parserId: parser?.id,\n        parserName: parser?.name,\n      },\n      fieldMapping: defaultFieldMapping(widgetType),\n      presentation: {\n        title: deriveTitle(prompt),\n        description: `Generated from: \"${prompt}\"`,\n        config: defaultConfig(widgetType, prompt),\n      },\n      rationale: sink\n        ? `Matched DataSink \"${sink.key}\"${parser ? ` and parser \"${parser.name}\"` : ' (no parser found for this sink)'}.`\n        : 'No DataSink is available in this workspace — create one before saving this widget.',\n    };\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"proposalSource.js","names":[],"sources":["../../../src/bigconsole/customWidget/proposalSource.ts"],"sourcesContent":["/**\n * Proposal source — the seam between the review UI and whatever produces\n * proposals (BOFF-5532 / BOFF-3021).\n *\n * The UI only ever talks to `CustomWidgetProposalSource`. Today the default\n * implementation derives a proposal locally from the prompt and the workspace's\n * real sinks and parsers, because the backend operation that will emit typed\n * proposals is owned by BOFF-3021's backend half and does not exist yet.\n *\n * When it lands, add a `graphqlProposalSource` here that calls it and swap the\n * value passed to the panel. Nothing in the review, edit, approve or persist\n * path changes: those already run against real sinks, real parsers and the real\n * `createBigConsoleWidget` mutation.\n */\n\nimport {\n  CUSTOM_WIDGET_PROPOSAL_VERSION,\n  type CustomWidgetProposal,\n  type ProposableWidgetType,\n  type ProposalFieldMapping,\n} from './proposalContract';\n\n/** A sink the current user may bind to, as the panel knows it. */\nexport interface ProposalCandidateSink {\n  id: string;\n  key: string;\n  name?: string | null;\n}\n\n/**\n * Converts the workspace store into a proposal-safe candidate set. The API\n * excludes soft-deleted sinks, but this second boundary is intentional:\n * persisted client state can outlive an out-of-band deletion, and a sink whose\n * deletion signal is missing from a lightweight list fragment must still be\n * excluded if its active flag has been cleared.\n */\nexport function selectActiveProposalSinks(\n  sinks: ReadonlyArray<ProposalCandidateSink & { deletedAt?: string | null; isActive?: boolean | null }>\n): ProposalCandidateSink[] {\n  return sinks\n    .filter((sink) => !sink.deletedAt && sink.isActive !== false)\n    .map(({ id, key, name }) => ({ id, key, name }));\n}\n\n/** A parser the current user may bind to. */\nexport interface ProposalCandidateParser {\n  id: string;\n  name: string;\n  inputSinkKey: string;\n}\n\nexport interface ProposalRequest {\n  prompt: string;\n  sinks: readonly ProposalCandidateSink[];\n  parsers: readonly ProposalCandidateParser[];\n}\n\nexport interface CustomWidgetProposalSource {\n  /** Stable id, surfaced in the UI so reviewers know what produced a proposal. */\n  readonly id: string;\n  propose(request: ProposalRequest): Promise<CustomWidgetProposal>;\n}\n\n// ============================================================================\n// Local heuristic source\n// ============================================================================\n\n/**\n * Keyword → widget type. Ordered most-specific first so \"conversion funnel\"\n * matches funnel before a generic \"chart\" would win.\n */\nconst TYPE_KEYWORDS: ReadonlyArray<{ type: ProposableWidgetType; words: readonly string[] }> = [\n  { type: 'funnel_chart', words: ['funnel', 'conversion', 'drop-off', 'dropoff', 'stage'] },\n  { type: 'heatmap', words: ['heatmap', 'heat map', 'matrix', 'intensity', 'by hour', 'density'] },\n  { type: 'retention', words: ['retention', 'cohort'] },\n  { type: 'table', words: ['table', 'list of', 'rows', 'breakdown table', 'grid'] },\n  { type: 'metric_card', words: ['kpi', 'single number', 'metric card', 'scorecard', 'total'] },\n  { type: 'chart', words: ['chart', 'trend', 'over time', 'line', 'bar', 'area', 'pie', 'graph'] },\n];\n\nconst CHART_SUBTYPE_KEYWORDS: ReadonlyArray<{ chartType: string; words: readonly string[] }> = [\n  { chartType: 'bar', words: ['bar'] },\n  { chartType: 'area', words: ['area', 'cumulative'] },\n  { chartType: 'pie', words: ['pie', 'composition', 'share', 'mix'] },\n  { chartType: 'line', words: ['line', 'trend', 'over time'] },\n];\n\nfunction detectWidgetType(prompt: string): ProposableWidgetType {\n  const lower = prompt.toLowerCase();\n  for (const { type, words } of TYPE_KEYWORDS) {\n    if (words.some((word) => lower.includes(word))) return type;\n  }\n  return 'chart';\n}\n\nfunction detectChartSubtype(prompt: string): string {\n  const lower = prompt.toLowerCase();\n  for (const { chartType, words } of CHART_SUBTYPE_KEYWORDS) {\n    if (words.some((word) => lower.includes(word))) return chartType;\n  }\n  return 'line';\n}\n\n/**\n * Picks the sink whose key/name shares the most word-stems with the prompt.\n * Falls back to the first permitted sink so a proposal is always reviewable\n * rather than failing outright.\n */\nfunction pickSink(prompt: string, sinks: readonly ProposalCandidateSink[]): ProposalCandidateSink | undefined {\n  if (sinks.length === 0) return undefined;\n  const tokens = prompt\n    .toLowerCase()\n    .split(/[^a-z0-9]+/)\n    .filter((token) => token.length > 2);\n\n  let best: { sink: ProposalCandidateSink; score: number } | undefined;\n  for (const sink of sinks) {\n    const haystack = `${sink.key} ${sink.name ?? ''}`.toLowerCase();\n    const score = tokens.reduce((acc, token) => (haystack.includes(token) ? acc + 1 : acc), 0);\n    if (!best || score > best.score) best = { sink, score };\n  }\n  return best?.sink ?? sinks[0];\n}\n\n/** Default field mapping per widget type, using the renderers' conventions. */\nfunction defaultFieldMapping(type: ProposableWidgetType): ProposalFieldMapping {\n  switch (type) {\n    case 'heatmap':\n      return { xAxisField: 'column', yAxisField: 'row', valueField: 'value' };\n    case 'funnel_chart':\n      return { labelField: 'name', valueField: 'value' };\n    case 'metric_card':\n      return { valueField: 'value' };\n    case 'table':\n      return {};\n    case 'retention':\n      return { cohortField: 'cohort', valueField: 'value' };\n    case 'chart':\n    default:\n      return { xAxisField: 'name', labelField: 'name', valueField: 'value' };\n  }\n}\n\nfunction defaultConfig(type: ProposableWidgetType, prompt: string): Record<string, unknown> {\n  const base: Record<string, unknown> = { showLegend: true, showTooltip: true };\n  switch (type) {\n    case 'chart':\n      return { ...base, chartType: detectChartSubtype(prompt), showGrid: true };\n    case 'funnel_chart':\n      return { ...base, chartType: 'funnel', showLabels: true, showPercentages: true, orientation: 'vertical' };\n    case 'heatmap':\n      return { ...base, colorScheme: 'blue', showValues: true };\n    case 'table':\n      return { ...base, pageSize: 10, sortable: true };\n    case 'metric_card':\n      return { ...base, showTrend: true };\n    default:\n      return base;\n  }\n}\n\n/** Turns the prompt's first clause into a widget title. */\nfunction deriveTitle(prompt: string): string {\n  const cleaned = prompt\n    .trim()\n    .replace(/^(please\\s+)?(create|build|make|add|show me|show|give me)\\s+(an?\\s+|the\\s+)?/i, '')\n    .split(/[.;\\n]/)[0]\n    .trim();\n  if (!cleaned) return 'Custom widget';\n  const titled = cleaned.charAt(0).toUpperCase() + cleaned.slice(1);\n  return titled.length > 60 ? `${titled.slice(0, 57)}…` : titled;\n}\n\nlet proposalCounter = 0;\n\n/**\n * Derives a proposal from the prompt and the workspace's real, permitted sinks\n * and parsers. Deterministic, so the review UI and its tests behave predictably.\n */\nexport const localProposalSource: CustomWidgetProposalSource = {\n  id: 'local-heuristic-v1',\n\n  async propose({ prompt, sinks, parsers }: ProposalRequest): Promise<CustomWidgetProposal> {\n    const widgetType = detectWidgetType(prompt);\n    const sink = pickSink(prompt, sinks);\n    const parser = sink ? parsers.find((candidate) => candidate.inputSinkKey === sink.key) : undefined;\n\n    proposalCounter += 1;\n\n    return {\n      version: CUSTOM_WIDGET_PROPOSAL_VERSION,\n      id: `proposal-${proposalCounter}`,\n      sourcePrompt: prompt,\n      generatedBy: localProposalSource.id,\n      widgetType,\n      binding: {\n        dataSinkId: sink?.id ?? '',\n        dataSinkKey: sink?.key,\n        parserId: parser?.id,\n        parserName: parser?.name,\n      },\n      fieldMapping: defaultFieldMapping(widgetType),\n      presentation: {\n        title: deriveTitle(prompt),\n        description: `Generated from: \"${prompt}\"`,\n        config: defaultConfig(widgetType, prompt),\n      },\n      rationale: sink\n        ? `Matched DataSink \"${sink.key}\"${parser ? ` and parser \"${parser.name}\"` : ' (no parser found for this sink)'}.`\n        : 'No DataSink is available in this workspace — create one before saving this widget.',\n    };\n  },\n};\n"],"mappings":"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"}

package/dist/bigconsole/hooks/useDashboardOperations.js

@@ -6,6 +6,10 @@ import { useCallback as l, useEffect as u, useState as d } from "react";
 import { useApolloClient as f } from "@apollo/client/react";
 //#region src/bigconsole/hooks/useDashboardOperations.ts
 function p(e) {
+	let t = e?.toUpperCase();
+	return t === "PRIVATE" || t === "WORKSPACE" || t === "PUBLIC" ? t : void 0;
+}
+function m(e) {
 	let t = e.pages?.edges?.map((t) => ({
 		id: t.node.id,
 		dashboardId: t.node.dashboardId || e.id,
@@ -26,6 +30,7 @@ function p(e) {
 		slug: e.name?.toLowerCase().replace(/\s+/g, "-") || "",
 		isPublished: e.isPublic || !1,
 		isTemplate: e.isTemplate || !1,
+		visibility: p(e.visibility),
 		layoutConfig: e.layout || {
 			columns: 12,
 			rowHeight: 100,
@@ -40,13 +45,18 @@ function p(e) {
 		updatedAt: e.updatedAt || (/* @__PURE__ */ new Date()).toISOString()
 	};
 }
-function m(e) {
+function h(e) {
+	let t = e?.toUpperCase();
+	return t === "DRAFT" || t === "PUBLISHED" || t === "ARCHIVED" ? t : void 0;
+}
+function g(e) {
 	return {
 		id: e.id,
 		name: e.name || "Untitled Dashboard",
 		description: e.description,
 		category: e.category,
 		isPublic: e.isPublic,
+		status: h(e.status),
 		viewCount: e.viewCount,
 		widgetCount: e.widgetCount,
 		createdAt: e.createdAt || (/* @__PURE__ */ new Date()).toISOString(),
@@ -54,10 +64,10 @@ function m(e) {
 		pageCount: e.pages?.totalCount ?? 0
 	};
 }
-function h() {
-	let [h, g] = d(!1), [_, v] = d(null), [y, b] = d([]), x = f(), S = e((e) => e.currentDashboard), C = e((e) => e.setCurrentDashboard), w = l(async (e) => {
+function _({ skipFetch: p = !1 } = {}) {
+	let [h, _] = d(!1), [v, y] = d(null), [b, x] = d([]), S = f(), C = e((e) => e.currentDashboard), w = e((e) => e.setCurrentDashboard), T = l(async (e) => {
 		try {
-			g(!0), v(null), b(((await x.query({
+			_(!0), y(null), x(((await S.query({
 				query: a,
 				variables: {
 					first: 50,
@@ -65,34 +75,34 @@ function h() {
 					includeArchived: !1
 				},
 				fetchPolicy: "network-only"
-			})).data?.listDashboards?.edges || []).map((e) => m(e.node)));
+			})).data?.listDashboards?.edges || []).map((e) => g(e.node)));
 		} catch (e) {
-			v(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to fetch dashboards"));
+			y(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to fetch dashboards"));
 		} finally {
-			g(!1);
+			_(!1);
 		}
-	}, [x]), T = l(async (e, t) => {
+	}, [S]), E = l(async (e, t) => {
 		let n = t?.silent ?? !1;
 		try {
-			n || (g(!0), v(null));
-			let t = await x.query({
+			n || (_(!0), y(null));
+			let t = await S.query({
 				query: i,
 				variables: { id: e },
 				fetchPolicy: "network-only"
 			});
 			if (t.data?.getDashboard) {
-				let e = p(t.data.getDashboard);
-				return C(e), e;
+				let e = m(t.data.getDashboard);
+				return w(e), e;
 			}
 			return null;
 		} catch (e) {
-			return n || v(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to fetch dashboard")), null;
+			return n || y(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to fetch dashboard")), null;
 		} finally {
-			n || g(!1);
+			n || _(!1);
 		}
-	}, [x, C]), E = l(async (e) => {
+	}, [S, w]), D = l(async (e) => {
 		try {
-			g(!0), v(null);
+			_(!0), y(null);
 			let t = {
 				name: e.name,
 				description: e.description,
@@ -101,64 +111,64 @@ function h() {
 				createDefaultPage: !0
 			};
 			e.tags && e.tags.length > 0 && (t.metadata = { tags: e.tags });
-			let r = await x.mutate({
+			let r = await S.mutate({
 				mutation: n,
 				variables: { input: t }
 			});
 			if (c(r)) throw s(r);
 			if (r.data?.createBigConsoleDashboard) {
-				let e = p(r.data.createBigConsoleDashboard);
-				return await w(), e;
+				let e = m(r.data.createBigConsoleDashboard);
+				return await T(), e;
 			}
 			return null;
 		} catch (e) {
 			if (c(e)) throw e;
-			return v(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to create dashboard")), null;
+			return y(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to create dashboard")), null;
 		} finally {
-			g(!1);
+			_(!1);
 		}
-	}, [x, w]), D = l(async (e) => {
+	}, [S, T]), O = l(async (e) => {
 		try {
-			g(!0), v(null);
-			let t = await x.mutate({
+			_(!0), y(null);
+			let t = await S.mutate({
 				mutation: o,
 				variables: { input: e }
 			});
 			if (t.data?.updateBigConsoleDashboard) {
-				let n = p(t.data.updateBigConsoleDashboard);
-				return S?.id === e.id && C(n), await w(), n;
+				let n = m(t.data.updateBigConsoleDashboard);
+				return C?.id === e.id && w(n), await T(), n;
 			}
 			return null;
 		} catch (e) {
-			return v(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to update dashboard")), null;
+			return y(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to update dashboard")), null;
 		} finally {
-			g(!1);
+			_(!1);
 		}
 	}, [
-		x,
-		S?.id,
-		C,
-		w
-	]), O = l(async (e) => {
+		S,
+		C?.id,
+		w,
+		T
+	]), k = l(async (e) => {
 		try {
-			return g(!0), v(null), (await x.mutate({
+			return _(!0), y(null), (await S.mutate({
 				mutation: r,
 				variables: { id: e }
-			})).data?.deleteBigConsoleDashboard ? (S?.id === e && C(null), await w(), !0) : !1;
+			})).data?.deleteBigConsoleDashboard ? (C?.id === e && w(null), await T(), !0) : !1;
 		} catch (e) {
-			return v(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to delete dashboard")), !1;
+			return y(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to delete dashboard")), !1;
 		} finally {
-			g(!1);
+			_(!1);
 		}
 	}, [
-		x,
-		S?.id,
-		C,
-		w
-	]), k = l(async (e, n) => {
+		S,
+		C?.id,
+		w,
+		T
+	]), A = l(async (e, n) => {
 		try {
-			g(!0), v(null);
-			let r = await x.mutate({
+			_(!0), y(null);
+			let r = await S.mutate({
 				mutation: t,
 				variables: { input: {
 					sourceDashboardId: e,
@@ -168,36 +178,36 @@ function h() {
 			});
 			if (c(r)) throw s(r);
 			if (r.data?.cloneDashboard) {
-				let e = p(r.data.cloneDashboard);
-				return await w(), e;
+				let e = m(r.data.cloneDashboard);
+				return await T(), e;
 			}
 			return null;
 		} catch (e) {
 			if (c(e)) throw e;
-			return v(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to clone dashboard")), null;
+			return y(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to clone dashboard")), null;
 		} finally {
-			g(!1);
+			_(!1);
 		}
-	}, [x, w]), A = l(async () => {
-		await w();
-	}, [w]);
+	}, [S, T]), j = l(async () => {
+		await T();
+	}, [T]);
 	return u(() => {
-		w();
-	}, [w]), {
+		p || T();
+	}, [T, p]), {
 		loading: h,
-		error: _,
-		dashboards: y,
-		currentDashboard: S,
-		fetchDashboards: w,
-		fetchDashboard: T,
-		createDashboard: E,
-		updateDashboard: D,
-		deleteDashboard: O,
-		cloneDashboard: k,
-		refetch: A
+		error: v,
+		dashboards: b,
+		currentDashboard: C,
+		fetchDashboards: T,
+		fetchDashboard: E,
+		createDashboard: D,
+		updateDashboard: O,
+		deleteDashboard: k,
+		cloneDashboard: A,
+		refetch: j
 	};
 }
 //#endregion
-export { h as default };
+export { _ as default };
 
 //# sourceMappingURL=useDashboardOperations.js.map

package/dist/bigconsole/hooks/useDashboardOperations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboardOperations.js","names":[],"sources":["../../../src/bigconsole/hooks/useDashboardOperations.ts"],"sourcesContent":["/**\n * useDashboardOperations Hook\n *\n * Provides CRUD operations for dashboards using GraphQL.\n */\n\nimport { useCallback, useState, useEffect } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport type { Dashboard, DashboardLayoutConfig } from '../types';\nimport { useDashboardStore } from '../store';\nimport { createBigConsoleQuotaError, isBigConsoleQuotaError } from '../utils/quota';\nimport {\n  ListDashboardsDocument,\n  GetDashboardDocument,\n  CreateDashboardDocument,\n  UpdateDashboardDocument,\n  DeleteDashboardDocument,\n  CloneDashboardDocument,\n} from '../../generated/wspace-operations';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DashboardListItem {\n  id: string;\n  name: string;\n  description?: string;\n  category?: string;\n  isPublic?: boolean;\n  viewCount?: number;\n  widgetCount?: number;\n  createdAt: string;\n  updatedAt: string;\n  pageCount: number;\n}\n\ninterface CreateDashboardInput {\n  name: string;\n  description?: string;\n  category?: string;\n  layoutType?: string;\n  tags?: string[];\n}\n\ninterface UpdateDashboardInput {\n  id: string;\n  name?: string;\n  description?: string;\n  category?: string;\n  isPublic?: boolean;\n}\n\ninterface FetchDashboardOptions {\n  /**\n   * Silent refetch for live-canvas polling: do NOT toggle the global `loading`\n   * flag (which would flash the page-level spinner) and do NOT surface a\n   * transient fetch error (which would replace the board with the error screen).\n   * The last good dashboard stays on screen if a poll fails.\n   */\n  silent?: boolean;\n}\n\ninterface DashboardOperationsResult {\n  loading: boolean;\n  error: Error | null;\n  dashboards: DashboardListItem[];\n  currentDashboard: Dashboard | null;\n\n  // Operations\n  fetchDashboards: (search?: string) => Promise<void>;\n  fetchDashboard: (id: string, options?: FetchDashboardOptions) => Promise<Dashboard | null>;\n  createDashboard: (input: CreateDashboardInput) => Promise<Dashboard | null>;\n  updateDashboard: (input: UpdateDashboardInput) => Promise<Dashboard | null>;\n  deleteDashboard: (id: string) => Promise<boolean>;\n  cloneDashboard: (sourceDashboardId: string, name: string) => Promise<Dashboard | null>;\n  refetch: () => Promise<void>;\n}\n\n// ============================================================================\n// Helper: Normalize dashboard from GraphQL response\n// ============================================================================\n\n// Raw GraphQL response shape for dashboard data\ninterface RawDashboardData {\n  id: string;\n  name?: string;\n  description?: string;\n  workspaceId?: string;\n  isPublic?: boolean;\n  isTemplate?: boolean;\n  layout?: Record<string, unknown>;\n  category?: string;\n  viewCount?: number;\n  widgetCount?: number;\n  createdBy?: string;\n  ownerId?: string;\n  createdAt?: string;\n  updatedAt?: string;\n  pages?: {\n    edges?: Array<{\n      node: {\n        id: string;\n        dashboardId?: string;\n        name?: string;\n        order?: number;\n        layout?: Record<string, unknown>;\n        gridColumns?: number;\n        createdAt?: string;\n        updatedAt?: string;\n      };\n    }>;\n    totalCount?: number;\n  };\n}\n\nfunction normalizeDashboard(data: RawDashboardData): Dashboard {\n  const pages =\n    data.pages?.edges?.map((edge) => ({\n      id: edge.node.id,\n      dashboardId: edge.node.dashboardId || data.id,\n      name: edge.node.name,\n      slug: edge.node.name?.toLowerCase().replace(/\\s+/g, '-') || '',\n      order: edge.node.order || 0,\n      layoutConfig: edge.node.layout || {},\n      gridColumns: edge.node.gridColumns || 12,\n      widgets: [], // Widgets loaded separately via useWidgetOperations\n      createdAt: edge.node.createdAt || new Date().toISOString(),\n      updatedAt: edge.node.updatedAt || new Date().toISOString(),\n    })) || [];\n\n  // GetDashboard caps pages at first:10 to stay under the gateway cost-limit\n  // (see DashboardFullFields fragment / BOFF-2720). Surface a warning instead of\n  // silently dropping pages if a dashboard ever exceeds the cap.\n  const totalPages = data.pages?.totalCount ?? pages.length;\n  if (totalPages > pages.length) {\n    console.warn(\n      `[bigconsole] Dashboard ${data.id} has ${totalPages} pages but only ${pages.length} were loaded ` +\n        `(GetDashboard pages cap). Pages beyond the cap are not shown — see BOFF-2720.`\n    );\n  }\n\n  return {\n    id: data.id,\n    workspaceId: data.workspaceId || '',\n    name: data.name || 'Untitled Dashboard',\n    description: data.description,\n    slug: data.name?.toLowerCase().replace(/\\s+/g, '-') || '',\n    isPublished: data.isPublic || false,\n    isTemplate: data.isTemplate || false,\n    layoutConfig: (data.layout as unknown as DashboardLayoutConfig) || {\n      columns: 12,\n      rowHeight: 100,\n      gap: 10,\n      margin: [10, 10],\n      containerPadding: [10, 10],\n    },\n    pages,\n    translations: [],\n    createdBy: data.createdBy || data.ownerId || '',\n    createdAt: data.createdAt || new Date().toISOString(),\n    updatedAt: data.updatedAt || new Date().toISOString(),\n  };\n}\n\nfunction normalizeDashboardListItem(data: RawDashboardData): DashboardListItem {\n  // The list query selects only pages.totalCount (no edges) to stay under the\n  // gateway Armor cost-limit — see DashboardListItem fragment / BOFF-2719.\n  return {\n    id: data.id,\n    name: data.name || 'Untitled Dashboard',\n    description: data.description,\n    category: data.category,\n    isPublic: data.isPublic,\n    viewCount: data.viewCount,\n    widgetCount: data.widgetCount,\n    createdAt: data.createdAt || new Date().toISOString(),\n    updatedAt: data.updatedAt || new Date().toISOString(),\n    pageCount: data.pages?.totalCount ?? 0,\n  };\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\nexport function useDashboardOperations(): DashboardOperationsResult {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const [dashboards, setDashboards] = useState<DashboardListItem[]>([]);\n\n  // Get Apollo Client - will throw if not in ApolloProvider context\n  const apolloClient = useApolloClient();\n\n  // Store actions\n  const currentDashboard = useDashboardStore((state) => state.currentDashboard);\n  const setCurrentDashboard = useDashboardStore((state) => state.setCurrentDashboard);\n\n  // Fetch dashboards list\n  const fetchDashboards = useCallback(\n    async (search?: string) => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        const result = await apolloClient.query<{ listDashboards?: { edges?: Array<{ node: RawDashboardData }> } }>({\n          query: ListDashboardsDocument,\n          variables: {\n            first: 50,\n            search,\n            includeArchived: false,\n          },\n          fetchPolicy: 'network-only',\n        });\n\n        const edges = result.data?.listDashboards?.edges || [];\n        const dashboardsList = edges.map((edge) => normalizeDashboardListItem(edge.node));\n        setDashboards(dashboardsList);\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error('Failed to fetch dashboards');\n        setError(error);\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  // Fetch single dashboard\n  const fetchDashboard = useCallback(\n    async (id: string, options?: FetchDashboardOptions): Promise<Dashboard | null> => {\n      const silent = options?.silent ?? false;\n      try {\n        if (!silent) {\n          setLoading(true);\n          setError(null);\n        }\n\n        const result = await apolloClient.query<{ getDashboard?: RawDashboardData }>({\n          query: GetDashboardDocument,\n          variables: { id },\n          fetchPolicy: 'network-only',\n        });\n\n        if (result.data?.getDashboard) {\n          const dashboard = normalizeDashboard(result.data.getDashboard);\n          setCurrentDashboard(dashboard);\n          return dashboard;\n        }\n\n        return null;\n      } catch (err) {\n        // Silent (live-poll) failures must not wipe the board or flip the page to\n        // the error screen — keep the last good dashboard on screen.\n        if (!silent) {\n          const error = err instanceof Error ? err : new Error('Failed to fetch dashboard');\n          setError(error);\n        }\n        return null;\n      } finally {\n        if (!silent) {\n          setLoading(false);\n        }\n      }\n    },\n    [apolloClient, setCurrentDashboard]\n  );\n\n  // Create dashboard\n  const createDashboard = useCallback(\n    async (input: CreateDashboardInput): Promise<Dashboard | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        // Build mutation input\n        // Note: Tags require Tag IDs from the Tags service. For now, tags are stored in metadata.\n        // Full tag integration would require querying/creating tags via the Tags service first.\n        const mutationInput: Record<string, unknown> = {\n          name: input.name,\n          description: input.description,\n          category: input.category || 'CUSTOM',\n          layout: input.layoutType || 'GRID',\n          createDefaultPage: true,\n        };\n\n        // Store tags in metadata until full Tags service integration\n        if (input.tags && input.tags.length > 0) {\n          mutationInput.metadata = {\n            tags: input.tags,\n          };\n        }\n\n        const result = await apolloClient.mutate<{ createBigConsoleDashboard?: RawDashboardData }>({\n          mutation: CreateDashboardDocument,\n          variables: {\n            input: mutationInput,\n          },\n        });\n\n        if (isBigConsoleQuotaError(result)) {\n          throw createBigConsoleQuotaError(result);\n        }\n\n        if (result.data?.createBigConsoleDashboard) {\n          const newDashboard = normalizeDashboard(result.data.createBigConsoleDashboard);\n          await fetchDashboards();\n          return newDashboard;\n        }\n\n        return null;\n      } catch (err) {\n        if (isBigConsoleQuotaError(err)) {\n          throw err;\n        }\n        const error = err instanceof Error ? err : new Error('Failed to create dashboard');\n        setError(error);\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient, fetchDashboards]\n  );\n\n  // Update dashboard\n  const updateDashboard = useCallback(\n    async (input: UpdateDashboardInput): Promise<Dashboard | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        const result = await apolloClient.mutate<{ updateBigConsoleDashboard?: RawDashboardData }>({\n          mutation: UpdateDashboardDocument,\n          variables: { input },\n        });\n\n        if (result.data?.updateBigConsoleDashboard) {\n          const updatedDashboard = normalizeDashboard(result.data.updateBigConsoleDashboard);\n          if (currentDashboard?.id === input.id) {\n            setCurrentDashboard(updatedDashboard);\n          }\n          await fetchDashboards();\n          return updatedDashboard;\n        }\n\n        return null;\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error('Failed to update dashboard');\n        setError(error);\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient, currentDashboard?.id, setCurrentDashboard, fetchDashboards]\n  );\n\n  // Delete dashboard\n  const deleteDashboard = useCallback(\n    async (id: string): Promise<boolean> => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        const result = await apolloClient.mutate<{ deleteBigConsoleDashboard?: boolean }>({\n          mutation: DeleteDashboardDocument,\n          variables: { id },\n        });\n\n        if (result.data?.deleteBigConsoleDashboard) {\n          if (currentDashboard?.id === id) {\n            setCurrentDashboard(null);\n          }\n          await fetchDashboards();\n          return true;\n        }\n\n        return false;\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error('Failed to delete dashboard');\n        setError(error);\n        return false;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient, currentDashboard?.id, setCurrentDashboard, fetchDashboards]\n  );\n\n  // Clone dashboard (duplicate including widgets)\n  const cloneDashboard = useCallback(\n    async (sourceDashboardId: string, name: string): Promise<Dashboard | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        const result = await apolloClient.mutate<{ cloneDashboard?: RawDashboardData }>({\n          mutation: CloneDashboardDocument,\n          variables: {\n            input: { sourceDashboardId, name, includeWidgets: true },\n          },\n        });\n\n        if (isBigConsoleQuotaError(result)) {\n          throw createBigConsoleQuotaError(result);\n        }\n\n        if (result.data?.cloneDashboard) {\n          const cloned = normalizeDashboard(result.data.cloneDashboard);\n          await fetchDashboards();\n          return cloned;\n        }\n\n        return null;\n      } catch (err) {\n        if (isBigConsoleQuotaError(err)) {\n          throw err;\n        }\n        const error = err instanceof Error ? err : new Error('Failed to clone dashboard');\n        setError(error);\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient, fetchDashboards]\n  );\n\n  // Refetch\n  const refetch = useCallback(async () => {\n    await fetchDashboards();\n  }, [fetchDashboards]);\n\n  // Fetch on mount\n  useEffect(() => {\n    fetchDashboards();\n  }, [fetchDashboards]);\n\n  return {\n    loading,\n    error,\n    dashboards,\n    currentDashboard,\n    fetchDashboards,\n    fetchDashboard,\n    createDashboard,\n    updateDashboard,\n    deleteDashboard,\n    cloneDashboard,\n    refetch,\n  };\n}\n\nexport default useDashboardOperations;\n"],"mappings":"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"}
+{"version":3,"file":"useDashboardOperations.js","names":[],"sources":["../../../src/bigconsole/hooks/useDashboardOperations.ts"],"sourcesContent":["/**\n * useDashboardOperations Hook\n *\n * Provides CRUD operations for dashboards using GraphQL.\n */\n\nimport { useCallback, useState, useEffect } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport type { Dashboard, DashboardLayoutConfig, DashboardVisibility } from '../types';\nimport { useDashboardStore } from '../store';\nimport { createBigConsoleQuotaError, isBigConsoleQuotaError } from '../utils/quota';\nimport {\n  ListDashboardsDocument,\n  GetDashboardDocument,\n  CreateDashboardDocument,\n  UpdateDashboardDocument,\n  DeleteDashboardDocument,\n  CloneDashboardDocument,\n} from '../../generated/wspace-operations';\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Lifecycle status of a dashboard (`Dashboard.status`, DashboardStatus enum).\n * DRAFT until it is published; ARCHIVED after a soft delete.\n */\nexport type DashboardListStatus = 'DRAFT' | 'PUBLISHED' | 'ARCHIVED';\n\nexport interface DashboardListItem {\n  id: string;\n  name: string;\n  description?: string;\n  category?: string;\n  isPublic?: boolean;\n  /** Undefined only if the field is missing from the response. */\n  status?: DashboardListStatus;\n  viewCount?: number;\n  widgetCount?: number;\n  createdAt: string;\n  updatedAt: string;\n  pageCount: number;\n}\n\ninterface CreateDashboardInput {\n  name: string;\n  description?: string;\n  category?: string;\n  layoutType?: string;\n  tags?: string[];\n}\n\ninterface UpdateDashboardInput {\n  id: string;\n  name?: string;\n  description?: string;\n  category?: string;\n  isPublic?: boolean;\n  /** General access level (`BigConsoleUpdateDashboardInput.visibility`). */\n  visibility?: DashboardVisibility;\n}\n\ninterface FetchDashboardOptions {\n  /**\n   * Silent refetch for live-canvas polling: do NOT toggle the global `loading`\n   * flag (which would flash the page-level spinner) and do NOT surface a\n   * transient fetch error (which would replace the board with the error screen).\n   * The last good dashboard stays on screen if a poll fails.\n   */\n  silent?: boolean;\n}\n\ninterface DashboardOperationsResult {\n  loading: boolean;\n  error: Error | null;\n  dashboards: DashboardListItem[];\n  currentDashboard: Dashboard | null;\n\n  // Operations\n  fetchDashboards: (search?: string) => Promise<void>;\n  fetchDashboard: (id: string, options?: FetchDashboardOptions) => Promise<Dashboard | null>;\n  createDashboard: (input: CreateDashboardInput) => Promise<Dashboard | null>;\n  updateDashboard: (input: UpdateDashboardInput) => Promise<Dashboard | null>;\n  deleteDashboard: (id: string) => Promise<boolean>;\n  cloneDashboard: (sourceDashboardId: string, name: string) => Promise<Dashboard | null>;\n  refetch: () => Promise<void>;\n}\n\n// ============================================================================\n// Helper: Normalize dashboard from GraphQL response\n// ============================================================================\n\n// Raw GraphQL response shape for dashboard data\ninterface RawDashboardData {\n  id: string;\n  name?: string;\n  description?: string;\n  workspaceId?: string;\n  isPublic?: boolean;\n  isTemplate?: boolean;\n  layout?: Record<string, unknown>;\n  category?: string;\n  status?: string;\n  visibility?: string;\n  viewCount?: number;\n  widgetCount?: number;\n  createdBy?: string;\n  ownerId?: string;\n  createdAt?: string;\n  updatedAt?: string;\n  pages?: {\n    edges?: Array<{\n      node: {\n        id: string;\n        dashboardId?: string;\n        name?: string;\n        order?: number;\n        layout?: Record<string, unknown>;\n        gridColumns?: number;\n        createdAt?: string;\n        updatedAt?: string;\n      };\n    }>;\n    totalCount?: number;\n  };\n}\n\n/**\n * Narrow the raw `visibility` string to the DashboardVisibility enum. An\n * unrecognised value yields `undefined`, which hides the general-access control\n * rather than showing a level the backend never returned.\n */\nfunction toDashboardVisibility(raw: string | undefined): DashboardVisibility | undefined {\n  const upper = raw?.toUpperCase();\n  return upper === 'PRIVATE' || upper === 'WORKSPACE' || upper === 'PUBLIC' ? upper : undefined;\n}\n\nfunction normalizeDashboard(data: RawDashboardData): Dashboard {\n  const pages =\n    data.pages?.edges?.map((edge) => ({\n      id: edge.node.id,\n      dashboardId: edge.node.dashboardId || data.id,\n      name: edge.node.name,\n      slug: edge.node.name?.toLowerCase().replace(/\\s+/g, '-') || '',\n      order: edge.node.order || 0,\n      layoutConfig: edge.node.layout || {},\n      gridColumns: edge.node.gridColumns || 12,\n      widgets: [], // Widgets loaded separately via useWidgetOperations\n      createdAt: edge.node.createdAt || new Date().toISOString(),\n      updatedAt: edge.node.updatedAt || new Date().toISOString(),\n    })) || [];\n\n  // GetDashboard caps pages at first:10 to stay under the gateway cost-limit\n  // (see DashboardFullFields fragment / BOFF-2720). Surface a warning instead of\n  // silently dropping pages if a dashboard ever exceeds the cap.\n  const totalPages = data.pages?.totalCount ?? pages.length;\n  if (totalPages > pages.length) {\n    console.warn(\n      `[bigconsole] Dashboard ${data.id} has ${totalPages} pages but only ${pages.length} were loaded ` +\n        `(GetDashboard pages cap). Pages beyond the cap are not shown — see BOFF-2720.`\n    );\n  }\n\n  return {\n    id: data.id,\n    workspaceId: data.workspaceId || '',\n    name: data.name || 'Untitled Dashboard',\n    description: data.description,\n    slug: data.name?.toLowerCase().replace(/\\s+/g, '-') || '',\n    isPublished: data.isPublic || false,\n    isTemplate: data.isTemplate || false,\n    // Selected by DashboardFullFields; it was parsed away here, so the share\n    // dialog had no way to know the board's current general-access level.\n    visibility: toDashboardVisibility(data.visibility),\n    layoutConfig: (data.layout as unknown as DashboardLayoutConfig) || {\n      columns: 12,\n      rowHeight: 100,\n      gap: 10,\n      margin: [10, 10],\n      containerPadding: [10, 10],\n    },\n    pages,\n    translations: [],\n    createdBy: data.createdBy || data.ownerId || '',\n    createdAt: data.createdAt || new Date().toISOString(),\n    updatedAt: data.updatedAt || new Date().toISOString(),\n  };\n}\n\n/**\n * Narrow the raw `status` string to the DashboardStatus enum.\n *\n * The gateway returns the SCREAMING_SNAKE enum name, but normalising defensively\n * (rather than casting) means an unexpected value renders nothing instead of an\n * unstyled badge claiming a status the backend never defined.\n */\nfunction toDashboardListStatus(raw: string | undefined): DashboardListStatus | undefined {\n  const upper = raw?.toUpperCase();\n  return upper === 'DRAFT' || upper === 'PUBLISHED' || upper === 'ARCHIVED' ? upper : undefined;\n}\n\nfunction normalizeDashboardListItem(data: RawDashboardData): DashboardListItem {\n  // The list query selects only pages.totalCount (no edges) to stay under the\n  // gateway Armor cost-limit — see DashboardListItem fragment / BOFF-2719.\n  return {\n    id: data.id,\n    name: data.name || 'Untitled Dashboard',\n    description: data.description,\n    category: data.category,\n    isPublic: data.isPublic,\n    status: toDashboardListStatus(data.status),\n    viewCount: data.viewCount,\n    widgetCount: data.widgetCount,\n    createdAt: data.createdAt || new Date().toISOString(),\n    updatedAt: data.updatedAt || new Date().toISOString(),\n    pageCount: data.pages?.totalCount ?? 0,\n  };\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\nexport interface UseDashboardOperationsOptions {\n  /**\n   * Skip the mount-time `listDashboards` fetch. For callers that only need a\n   * mutation (e.g. the share dialog changing visibility) and must not pull the\n   * whole dashboard list to do it.\n   */\n  skipFetch?: boolean;\n}\n\nexport function useDashboardOperations({\n  skipFetch = false,\n}: UseDashboardOperationsOptions = {}): DashboardOperationsResult {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const [dashboards, setDashboards] = useState<DashboardListItem[]>([]);\n\n  // Get Apollo Client - will throw if not in ApolloProvider context\n  const apolloClient = useApolloClient();\n\n  // Store actions\n  const currentDashboard = useDashboardStore((state) => state.currentDashboard);\n  const setCurrentDashboard = useDashboardStore((state) => state.setCurrentDashboard);\n\n  // Fetch dashboards list\n  const fetchDashboards = useCallback(\n    async (search?: string) => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        const result = await apolloClient.query<{ listDashboards?: { edges?: Array<{ node: RawDashboardData }> } }>({\n          query: ListDashboardsDocument,\n          variables: {\n            first: 50,\n            search,\n            includeArchived: false,\n          },\n          fetchPolicy: 'network-only',\n        });\n\n        const edges = result.data?.listDashboards?.edges || [];\n        const dashboardsList = edges.map((edge) => normalizeDashboardListItem(edge.node));\n        setDashboards(dashboardsList);\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error('Failed to fetch dashboards');\n        setError(error);\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  // Fetch single dashboard\n  const fetchDashboard = useCallback(\n    async (id: string, options?: FetchDashboardOptions): Promise<Dashboard | null> => {\n      const silent = options?.silent ?? false;\n      try {\n        if (!silent) {\n          setLoading(true);\n          setError(null);\n        }\n\n        const result = await apolloClient.query<{ getDashboard?: RawDashboardData }>({\n          query: GetDashboardDocument,\n          variables: { id },\n          fetchPolicy: 'network-only',\n        });\n\n        if (result.data?.getDashboard) {\n          const dashboard = normalizeDashboard(result.data.getDashboard);\n          setCurrentDashboard(dashboard);\n          return dashboard;\n        }\n\n        return null;\n      } catch (err) {\n        // Silent (live-poll) failures must not wipe the board or flip the page to\n        // the error screen — keep the last good dashboard on screen.\n        if (!silent) {\n          const error = err instanceof Error ? err : new Error('Failed to fetch dashboard');\n          setError(error);\n        }\n        return null;\n      } finally {\n        if (!silent) {\n          setLoading(false);\n        }\n      }\n    },\n    [apolloClient, setCurrentDashboard]\n  );\n\n  // Create dashboard\n  const createDashboard = useCallback(\n    async (input: CreateDashboardInput): Promise<Dashboard | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        // Build mutation input\n        // Note: Tags require Tag IDs from the Tags service. For now, tags are stored in metadata.\n        // Full tag integration would require querying/creating tags via the Tags service first.\n        const mutationInput: Record<string, unknown> = {\n          name: input.name,\n          description: input.description,\n          category: input.category || 'CUSTOM',\n          layout: input.layoutType || 'GRID',\n          createDefaultPage: true,\n        };\n\n        // Store tags in metadata until full Tags service integration\n        if (input.tags && input.tags.length > 0) {\n          mutationInput.metadata = {\n            tags: input.tags,\n          };\n        }\n\n        const result = await apolloClient.mutate<{ createBigConsoleDashboard?: RawDashboardData }>({\n          mutation: CreateDashboardDocument,\n          variables: {\n            input: mutationInput,\n          },\n        });\n\n        if (isBigConsoleQuotaError(result)) {\n          throw createBigConsoleQuotaError(result);\n        }\n\n        if (result.data?.createBigConsoleDashboard) {\n          const newDashboard = normalizeDashboard(result.data.createBigConsoleDashboard);\n          await fetchDashboards();\n          return newDashboard;\n        }\n\n        return null;\n      } catch (err) {\n        if (isBigConsoleQuotaError(err)) {\n          throw err;\n        }\n        const error = err instanceof Error ? err : new Error('Failed to create dashboard');\n        setError(error);\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient, fetchDashboards]\n  );\n\n  // Update dashboard\n  const updateDashboard = useCallback(\n    async (input: UpdateDashboardInput): Promise<Dashboard | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        const result = await apolloClient.mutate<{ updateBigConsoleDashboard?: RawDashboardData }>({\n          mutation: UpdateDashboardDocument,\n          variables: { input },\n        });\n\n        if (result.data?.updateBigConsoleDashboard) {\n          const updatedDashboard = normalizeDashboard(result.data.updateBigConsoleDashboard);\n          if (currentDashboard?.id === input.id) {\n            setCurrentDashboard(updatedDashboard);\n          }\n          await fetchDashboards();\n          return updatedDashboard;\n        }\n\n        return null;\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error('Failed to update dashboard');\n        setError(error);\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient, currentDashboard?.id, setCurrentDashboard, fetchDashboards]\n  );\n\n  // Delete dashboard\n  const deleteDashboard = useCallback(\n    async (id: string): Promise<boolean> => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        const result = await apolloClient.mutate<{ deleteBigConsoleDashboard?: boolean }>({\n          mutation: DeleteDashboardDocument,\n          variables: { id },\n        });\n\n        if (result.data?.deleteBigConsoleDashboard) {\n          if (currentDashboard?.id === id) {\n            setCurrentDashboard(null);\n          }\n          await fetchDashboards();\n          return true;\n        }\n\n        return false;\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error('Failed to delete dashboard');\n        setError(error);\n        return false;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient, currentDashboard?.id, setCurrentDashboard, fetchDashboards]\n  );\n\n  // Clone dashboard (duplicate including widgets)\n  const cloneDashboard = useCallback(\n    async (sourceDashboardId: string, name: string): Promise<Dashboard | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        const result = await apolloClient.mutate<{ cloneDashboard?: RawDashboardData }>({\n          mutation: CloneDashboardDocument,\n          variables: {\n            input: { sourceDashboardId, name, includeWidgets: true },\n          },\n        });\n\n        if (isBigConsoleQuotaError(result)) {\n          throw createBigConsoleQuotaError(result);\n        }\n\n        if (result.data?.cloneDashboard) {\n          const cloned = normalizeDashboard(result.data.cloneDashboard);\n          await fetchDashboards();\n          return cloned;\n        }\n\n        return null;\n      } catch (err) {\n        if (isBigConsoleQuotaError(err)) {\n          throw err;\n        }\n        const error = err instanceof Error ? err : new Error('Failed to clone dashboard');\n        setError(error);\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient, fetchDashboards]\n  );\n\n  // Refetch\n  const refetch = useCallback(async () => {\n    await fetchDashboards();\n  }, [fetchDashboards]);\n\n  // Fetch on mount (unless the caller only wants the mutations)\n  useEffect(() => {\n    if (skipFetch) return;\n    fetchDashboards();\n  }, [fetchDashboards, skipFetch]);\n\n  return {\n    loading,\n    error,\n    dashboards,\n    currentDashboard,\n    fetchDashboards,\n    fetchDashboard,\n    createDashboard,\n    updateDashboard,\n    deleteDashboard,\n    cloneDashboard,\n    refetch,\n  };\n}\n\nexport default useDashboardOperations;\n"],"mappings":";;;;;;;AAqIA,SAAS,EAAsB,GAA0D;CACvF,IAAM,IAAQ,GAAK,aAAa;AAChC,QAAO,MAAU,aAAa,MAAU,eAAe,MAAU,WAAW,IAAQ,KAAA;;AAGtF,SAAS,EAAmB,GAAmC;CAC7D,IAAM,IACJ,EAAK,OAAO,OAAO,KAAK,OAAU;EAChC,IAAI,EAAK,KAAK;EACd,aAAa,EAAK,KAAK,eAAe,EAAK;EAC3C,MAAM,EAAK,KAAK;EAChB,MAAM,EAAK,KAAK,MAAM,aAAa,CAAC,QAAQ,QAAQ,IAAI,IAAI;EAC5D,OAAO,EAAK,KAAK,SAAS;EAC1B,cAAc,EAAK,KAAK,UAAU,EAAE;EACpC,aAAa,EAAK,KAAK,eAAe;EACtC,SAAS,EAAE;EACX,WAAW,EAAK,KAAK,8BAAa,IAAI,MAAM,EAAC,aAAa;EAC1D,WAAW,EAAK,KAAK,8BAAa,IAAI,MAAM,EAAC,aAAa;EAC3D,EAAE,IAAI,EAAE,EAKL,IAAa,EAAK,OAAO,cAAc,EAAM;AAQnD,QAPI,IAAa,EAAM,UACrB,QAAQ,KACN,0BAA0B,EAAK,GAAG,OAAO,EAAW,kBAAkB,EAAM,OAAO,4FAEpF,EAGI;EACL,IAAI,EAAK;EACT,aAAa,EAAK,eAAe;EACjC,MAAM,EAAK,QAAQ;EACnB,aAAa,EAAK;EAClB,MAAM,EAAK,MAAM,aAAa,CAAC,QAAQ,QAAQ,IAAI,IAAI;EACvD,aAAa,EAAK,YAAY;EAC9B,YAAY,EAAK,cAAc;EAG/B,YAAY,EAAsB,EAAK,WAAW;EAClD,cAAe,EAAK,UAA+C;GACjE,SAAS;GACT,WAAW;GACX,KAAK;GACL,QAAQ,CAAC,IAAI,GAAG;GAChB,kBAAkB,CAAC,IAAI,GAAG;GAC3B;EACD;EACA,cAAc,EAAE;EAChB,WAAW,EAAK,aAAa,EAAK,WAAW;EAC7C,WAAW,EAAK,8BAAa,IAAI,MAAM,EAAC,aAAa;EACrD,WAAW,EAAK,8BAAa,IAAI,MAAM,EAAC,aAAa;EACtD;;AAUH,SAAS,EAAsB,GAA0D;CACvF,IAAM,IAAQ,GAAK,aAAa;AAChC,QAAO,MAAU,WAAW,MAAU,eAAe,MAAU,aAAa,IAAQ,KAAA;;AAGtF,SAAS,EAA2B,GAA2C;AAG7E,QAAO;EACL,IAAI,EAAK;EACT,MAAM,EAAK,QAAQ;EACnB,aAAa,EAAK;EAClB,UAAU,EAAK;EACf,UAAU,EAAK;EACf,QAAQ,EAAsB,EAAK,OAAO;EAC1C,WAAW,EAAK;EAChB,aAAa,EAAK;EAClB,WAAW,EAAK,8BAAa,IAAI,MAAM,EAAC,aAAa;EACrD,WAAW,EAAK,8BAAa,IAAI,MAAM,EAAC,aAAa;EACrD,WAAW,EAAK,OAAO,cAAc;EACtC;;AAgBH,SAAgB,EAAuB,EACrC,eAAY,OACqB,EAAE,EAA6B;CAChE,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAuB,KAAK,EAChD,CAAC,GAAY,KAAiB,EAA8B,EAAE,CAAC,EAG/D,IAAe,GAAiB,EAGhC,IAAmB,GAAmB,MAAU,EAAM,iBAAiB,EACvE,IAAsB,GAAmB,MAAU,EAAM,oBAAoB,EAG7E,IAAkB,EACtB,OAAO,MAAoB;AACzB,MAAI;AAgBF,GAfA,EAAW,GAAK,EAChB,EAAS,KAAK,EAcd,IAZe,MAAM,EAAa,MAA0E;IAC1G,OAAO;IACP,WAAW;KACT,OAAO;KACP;KACA,iBAAiB;KAClB;IACD,aAAa;IACd,CAAC,EAEmB,MAAM,gBAAgB,SAAS,EAAE,EACzB,KAAK,MAAS,EAA2B,EAAK,KAAK,CAAC,CACpD;WACtB,GAAK;AAEZ,KADc,aAAe,QAAQ,IAAM,gBAAI,MAAM,6BAA6B,CACnE;YACP;AACR,KAAW,GAAM;;IAGrB,CAAC,EAAa,CACf,EAGK,IAAiB,EACrB,OAAO,GAAY,MAA+D;EAChF,IAAM,IAAS,GAAS,UAAU;AAClC,MAAI;AACF,GAAK,MACH,EAAW,GAAK,EAChB,EAAS,KAAK;GAGhB,IAAM,IAAS,MAAM,EAAa,MAA2C;IAC3E,OAAO;IACP,WAAW,EAAE,OAAI;IACjB,aAAa;IACd,CAAC;AAEF,OAAI,EAAO,MAAM,cAAc;IAC7B,IAAM,IAAY,EAAmB,EAAO,KAAK,aAAa;AAE9D,WADA,EAAoB,EAAU,EACvB;;AAGT,UAAO;WACA,GAAK;AAOZ,UAJK,KAEH,EADc,aAAe,QAAQ,IAAM,gBAAI,MAAM,4BAA4B,CAClE,EAEV;YACC;AACR,GAAK,KACH,EAAW,GAAM;;IAIvB,CAAC,GAAc,EAAoB,CACpC,EAGK,IAAkB,EACtB,OAAO,MAA2D;AAChE,MAAI;AAEF,GADA,EAAW,GAAK,EAChB,EAAS,KAAK;GAKd,IAAM,IAAyC;IAC7C,MAAM,EAAM;IACZ,aAAa,EAAM;IACnB,UAAU,EAAM,YAAY;IAC5B,QAAQ,EAAM,cAAc;IAC5B,mBAAmB;IACpB;AAGD,GAAI,EAAM,QAAQ,EAAM,KAAK,SAAS,MACpC,EAAc,WAAW,EACvB,MAAM,EAAM,MACb;GAGH,IAAM,IAAS,MAAM,EAAa,OAAyD;IACzF,UAAU;IACV,WAAW,EACT,OAAO,GACR;IACF,CAAC;AAEF,OAAI,EAAuB,EAAO,CAChC,OAAM,EAA2B,EAAO;AAG1C,OAAI,EAAO,MAAM,2BAA2B;IAC1C,IAAM,IAAe,EAAmB,EAAO,KAAK,0BAA0B;AAE9E,WADA,MAAM,GAAiB,EAChB;;AAGT,UAAO;WACA,GAAK;AACZ,OAAI,EAAuB,EAAI,CAC7B,OAAM;AAIR,UADA,EADc,aAAe,QAAQ,IAAM,gBAAI,MAAM,6BAA6B,CACnE,EACR;YACC;AACR,KAAW,GAAM;;IAGrB,CAAC,GAAc,EAAgB,CAChC,EAGK,IAAkB,EACtB,OAAO,MAA2D;AAChE,MAAI;AAEF,GADA,EAAW,GAAK,EAChB,EAAS,KAAK;GAEd,IAAM,IAAS,MAAM,EAAa,OAAyD;IACzF,UAAU;IACV,WAAW,EAAE,UAAO;IACrB,CAAC;AAEF,OAAI,EAAO,MAAM,2BAA2B;IAC1C,IAAM,IAAmB,EAAmB,EAAO,KAAK,0BAA0B;AAKlF,WAJI,GAAkB,OAAO,EAAM,MACjC,EAAoB,EAAiB,EAEvC,MAAM,GAAiB,EAChB;;AAGT,UAAO;WACA,GAAK;AAGZ,UADA,EADc,aAAe,QAAQ,IAAM,gBAAI,MAAM,6BAA6B,CACnE,EACR;YACC;AACR,KAAW,GAAM;;IAGrB;EAAC;EAAc,GAAkB;EAAI;EAAqB;EAAgB,CAC3E,EAGK,IAAkB,EACtB,OAAO,MAAiC;AACtC,MAAI;AAiBF,UAhBA,EAAW,GAAK,EAChB,EAAS,KAAK,GAEC,MAAM,EAAa,OAAgD;IAChF,UAAU;IACV,WAAW,EAAE,OAAI;IAClB,CAAC,EAES,MAAM,6BACX,GAAkB,OAAO,KAC3B,EAAoB,KAAK,EAE3B,MAAM,GAAiB,EAChB,MAGF;WACA,GAAK;AAGZ,UADA,EADc,aAAe,QAAQ,IAAM,gBAAI,MAAM,6BAA6B,CACnE,EACR;YACC;AACR,KAAW,GAAM;;IAGrB;EAAC;EAAc,GAAkB;EAAI;EAAqB;EAAgB,CAC3E,EAGK,IAAiB,EACrB,OAAO,GAA2B,MAA4C;AAC5E,MAAI;AAEF,GADA,EAAW,GAAK,EAChB,EAAS,KAAK;GAEd,IAAM,IAAS,MAAM,EAAa,OAA8C;IAC9E,UAAU;IACV,WAAW,EACT,OAAO;KAAE;KAAmB;KAAM,gBAAgB;KAAM,EACzD;IACF,CAAC;AAEF,OAAI,EAAuB,EAAO,CAChC,OAAM,EAA2B,EAAO;AAG1C,OAAI,EAAO,MAAM,gBAAgB;IAC/B,IAAM,IAAS,EAAmB,EAAO,KAAK,eAAe;AAE7D,WADA,MAAM,GAAiB,EAChB;;AAGT,UAAO;WACA,GAAK;AACZ,OAAI,EAAuB,EAAI,CAC7B,OAAM;AAIR,UADA,EADc,aAAe,QAAQ,IAAM,gBAAI,MAAM,4BAA4B,CAClE,EACR;YACC;AACR,KAAW,GAAM;;IAGrB,CAAC,GAAc,EAAgB,CAChC,EAGK,IAAU,EAAY,YAAY;AACtC,QAAM,GAAiB;IACtB,CAAC,EAAgB,CAAC;AAQrB,QALA,QAAgB;AACV,OACJ,GAAiB;IAChB,CAAC,GAAiB,EAAU,CAAC,EAEzB;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/bigconsole/pages/DashboardBuilderPage.js

@@ -14,8 +14,8 @@ import { BIGCONSOLE_PERMISSIONS as c } from "../../constants/permissions.js";
 import { BuilderCanvas as ee } from "../components/builder/BuilderCanvas.js";
 import { BuilderTopbar as te } from "../components/builder/BuilderTopbar.js";
 import { DashboardEditorShell as l } from "../components/builder/DashboardEditorShell.js";
-import "../components/builder/index.js";
 import { findNextAvailablePosition as ne } from "../utils/widgetPositioning.js";
+import "../components/builder/index.js";
 import re from "../components/dashboard/DashboardCanvas.js";
 import ie from "../components/dashboard/ExportDashboardDialog.js";
 import "../components/dashboard/index.js";