@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.10

package/dist/bigconsole/components/pipeline/PipelineStatusBadge.d.ts

@@ -6,3 +6,4 @@ interface PipelineStatusBadgeProps {
 }
 export declare const PipelineStatusBadge: import('react').NamedExoticComponent<PipelineStatusBadgeProps>;
 export default PipelineStatusBadge;
+//# sourceMappingURL=PipelineStatusBadge.d.ts.map

package/dist/bigconsole/components/pipeline/PipelineStatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineStatusBadge.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/pipeline/PipelineStatusBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAMlD,UAAU,wBAAwB;IAChC,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAgCD,eAAO,MAAM,mBAAmB,gEAiB9B,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/dist/bigconsole/components/pipeline/PipelineStatusBadge.js

@@ -29,3 +29,5 @@ var n = {
 });
 //#endregion
 export { r as default };
+
+//# sourceMappingURL=PipelineStatusBadge.js.map

package/dist/bigconsole/components/pipeline/PipelineStatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PipelineStatusBadge.js","names":[],"sources":["../../../../src/bigconsole/components/pipeline/PipelineStatusBadge.tsx"],"sourcesContent":["/**\n * PipelineStatusBadge Component\n *\n * Displays the status of a Pipeline with appropriate styling.\n *\n * BOFF-5635: the fills used to be `bg-status-*-bg/10`, which is almost invisible\n * against `bg-bg-surface` — the chip carried no signal at a glance. Each status\n * now uses its own `bgSubtle` fill plus a matching border, and `md` steps up to\n * `text-sm` so the badge holds its own next to a page `h1`.\n */\n\nimport { memo } from 'react';\nimport type { PipelineStatus } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface PipelineStatusBadgeProps {\n  status: PipelineStatus;\n  size?: 'sm' | 'md';\n}\n\n// ============================================================================\n// STATUS CONFIG\n// ============================================================================\n\nconst STATUS_CONFIG: Record<PipelineStatus, { label: string; className: string }> = {\n  draft: {\n    label: 'Draft',\n    className: 'bg-bg-sunken text-text-secondary border-[var(--color-border-subtle)]',\n  },\n  active: {\n    label: 'Active',\n    className:\n      'bg-[var(--color-status-success-bgSubtle)] text-status-success-text border-[var(--color-status-success-border)]',\n  },\n  inactive: {\n    label: 'Inactive',\n    className:\n      'bg-[var(--color-status-warning-bgSubtle)] text-[var(--color-status-warning-text)] border-[var(--color-status-warning-border)]',\n  },\n  error: {\n    label: 'Error',\n    className:\n      'bg-[var(--color-status-error-bgSubtle)] text-status-error-text border-[var(--color-status-error-border)]',\n  },\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const PipelineStatusBadge = memo(function PipelineStatusBadge({\n  status,\n  size = 'md',\n}: PipelineStatusBadgeProps) {\n  const config = STATUS_CONFIG[status] || STATUS_CONFIG.draft;\n\n  const sizeClasses = size === 'sm' ? 'px-2 py-0.5 text-xs' : 'px-2.5 py-1 text-sm';\n\n  return (\n    <span\n      data-testid=\"pipeline-status-badge\"\n      data-status={status}\n      className={`inline-flex shrink-0 items-center whitespace-nowrap rounded-pill border font-medium ${sizeClasses} ${config.className}`}\n    >\n      {config.label}\n    </span>\n  );\n});\n\nexport default PipelineStatusBadge;\n"],"mappings":";;;AA2BA,IAAM,IAA8E;CAClF,OAAO;EACL,OAAO;EACP,WAAW;EACZ;CACD,QAAQ;EACN,OAAO;EACP,WACE;EACH;CACD,UAAU;EACR,OAAO;EACP,WACE;EACH;CACD,OAAO;EACL,OAAO;EACP,WACE;EACH;CACF,EAMY,IAAsB,EAAK,SAA6B,EACnE,WACA,UAAO,QACoB;CAC3B,IAAM,IAAS,EAAc,MAAW,EAAc;AAItD,QACE,kBAAC,QAAD;EACE,eAAY;EACZ,eAAa;EACb,WAAW,uFANK,MAAS,OAAO,wBAAwB,sBAMsD,GAAG,EAAO;YAEvH,EAAO;EACH,CAAA;EAET"}

package/dist/bigconsole/components/pipeline/index.d.ts

@@ -6,3 +6,4 @@
 export { PipelineCard } from './PipelineCard';
 export { PipelineStatusBadge } from './PipelineStatusBadge';
 export { PipelineDeleteDialog } from './PipelineDeleteDialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/pipeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/pipeline/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/bigconsole/components/preview/AiPreviewContent.d.ts

@@ -19,3 +19,4 @@ export declare function WidgetsContent({ dashboardId, live }: {
     dashboardId?: string;
     live: boolean;
 }): import("react").JSX.Element;
+//# sourceMappingURL=AiPreviewContent.d.ts.map

package/dist/bigconsole/components/preview/AiPreviewContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiPreviewContent.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/preview/AiPreviewContent.tsx"],"names":[],"mappings":"AA6JA,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,+BAmB3E;AAED,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,IAAY,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,+BAiBvG;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,+BAwBrF;AA6CD,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,+BA0B5F"}

package/dist/bigconsole/components/preview/AiPreviewContent.js

@@ -179,3 +179,5 @@ function D({ dashboardId: e, live: t }) {
 }
 //#endregion
 export { C as DashboardContent, S as DataSinkContent, w as ParserContent, D as WidgetsContent };
+
+//# sourceMappingURL=AiPreviewContent.js.map

package/dist/bigconsole/components/preview/AiPreviewContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiPreviewContent.js","names":[],"sources":["../../../../src/bigconsole/components/preview/AiPreviewContent.tsx"],"sourcesContent":["/**\n * Live content renderers for the AI preview tabs.\n *\n * Each tab shows the REAL content of the entity the assistant just built —\n * the data sink's rows, the live dashboard, the parser's transformed output,\n * the rendered widget charts — not a list with an Open button. They reuse the\n * same components the real pages use (DataSinkTableViewer, DrilldownDashboard-\n * Renderer, WidgetWrapper) so what you see in the preview is what you get.\n *\n * These require Apollo + the BigConsole providers, which is why they live only\n * in the full AiPreviewPanel (mounted inside BigConsoleRoot), never in the\n * store-only app-shell mini panel.\n *\n * ── BC0 (BOFF-7333; BOFF-7270, BOFF-7271) ────────────────────────────────────\n * A PREVIEW MUST OBSERVE, NEVER MUTATE, AND NEVER PUBLISH.\n *\n * Three defects made this panel change the system it was previewing:\n *\n *   1. The Parser tab polled `executeParser` — a MUTATION — every 4s for 60s,\n *      re-running the transform server-side up to ~15 times per turn. It now\n *      reads the parser and evaluates a governed source sample through queries.\n *      It does not persist output or call mutations.\n *   2. The Widgets tab went through `useWidgetOperations`, which publishes into\n *      the GLOBAL widget store — so opening the preview overwrote the widgets an\n *      already-open dashboard was rendering. It now holds widgets in local state.\n *   3. `useLiveContent` never reset on key change, so the PREVIOUS entity's rows\n *      stayed on screen as though current, and an un-caught rejection left the\n *      tab spinning forever with no error surface.\n *\n * ★ Deliberately NOT changed: the other `executeParser` callers\n * (`ParserViewPage`, `CustomWidgetBuilderSheet`, `PropertiesPanel`). Those are\n * user-initiated \"run this parser\" actions where executing IS the intent. Only\n * the passive preview had no business mutating.\n */\nimport { useEffect, useRef, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\n\nimport { DataSinkTableViewer } from '../datasink/DataSinkTableViewer';\nimport { DrilldownDashboardRenderer } from '../DrilldownDashboardRenderer';\nimport { WidgetWrapper } from '../widgets/WidgetWrapper';\nimport { useDataSinkOperations } from '../../hooks/useDataSinkOperations';\nimport { normalizeWidget } from '../../hooks/useWidgetOperations';\nimport { ListWidgetsByDashboardDocument } from '../../../generated/wspace-operations';\nimport type { Widget } from '../../types';\nimport { useAssistantRunStore } from '../../assistant/assistantRunStore';\nimport { loadParserPreview, parserSampleCaption } from './parserPreview';\n\n/** While the build is live, re-pull content on this cadence so it fills in. */\nconst CONTENT_POLL_MS = 4000;\n\n/**\n * Loading and waiting states share one recessed, height-reserved block so the\n * panel does not jump every time a tab fills in — previously each tab had its\n * own bare paragraph and its own height.\n */\nconst PLACEHOLDER_BOX =\n  'flex min-h-[6rem] min-w-0 items-center justify-center gap-2 rounded-card bg-bg-sunken px-3 py-6 text-center text-sm text-text-muted';\n\nfunction CenteredSpinner({ label, testId }: { label: string; testId?: string }) {\n  return (\n    <div className={PLACEHOLDER_BOX} data-testid={testId}>\n      <Spinner className=\"size-4 shrink-0\" />\n      {label}\n    </div>\n  );\n}\n\nfunction Waiting({ text, testId }: { text: string; testId?: string }) {\n  return (\n    <p className={PLACEHOLDER_BOX} data-testid={testId}>\n      {text}\n    </p>\n  );\n}\n\n/**\n * ★ BC0: the tab had no error surface at all. An un-caught rejection inside the\n * poller left `loading` true forever, so a failed read was indistinguishable\n * from a slow one — and it surfaced as an unhandled promise rejection.\n */\nfunction ErrorBox({ text, testId }: { text: string; testId?: string }) {\n  return (\n    <p className={`${PLACEHOLDER_BOX} text-status-error-text`} data-testid={testId}>\n      {text}\n    </p>\n  );\n}\n\n/**\n * Fetch-on-mount and confirmed-result revisions, then re-fetch every CONTENT_POLL_MS while `live`. Returns { data, loading, error }. `fetcher` must be\n * stable-ish; we hold it in a ref so the effect keys only on `key`/`live`.\n *\n * ★★ BC0: RESETS ON KEY CHANGE. Previously `data` survived a key change, so\n * switching to a different entity rendered the PREVIOUS entity's rows as though\n * they were the new one's — with `loading` already false, nothing said otherwise.\n */\nfunction useLiveContent<T>(fetcher: () => Promise<T | null>, key: string | undefined, live: boolean) {\n  const revision = useAssistantRunStore((state) => state.contentRevision);\n  const [data, setData] = useState<T | null>(null);\n  const [loading, setLoading] = useState(Boolean(key));\n  const [error, setError] = useState<Error | null>(null);\n  const [renderedKey, setRenderedKey] = useState(key);\n  const fetcherRef = useRef(fetcher);\n  fetcherRef.current = fetcher;\n\n  // ★★ The reset happens DURING RENDER, not in an effect. An effect-based reset\n  // commits one frame carrying the PREVIOUS entity's rows before clearing them —\n  // which is the very defect being fixed here. Adjusting state while rendering is\n  // React's supported pattern for \"a prop changed, discard the derived state\": it\n  // re-runs this component immediately, before anything reaches the DOM, so the\n  // stale rows are never painted. A key going undefined clears the render too.\n  if (key !== renderedKey) {\n    setRenderedKey(key);\n    setData(null);\n    setError(null);\n    setLoading(Boolean(key));\n  }\n\n  useEffect(() => {\n    if (!key) return;\n\n    let cancelled = false;\n    let fetching = false;\n    const pull = async () => {\n      if (fetching) return;\n      fetching = true;\n      try {\n        const result = await fetcherRef.current();\n        if (cancelled) return;\n        setData(result ?? null);\n        setError(null);\n      } catch (err) {\n        if (cancelled) return;\n        // A later successful poll clears this, so a transient blip does not\n        // strand the tab on an error.\n        setError(err instanceof Error ? err : new Error('Failed to load preview content'));\n      } finally {\n        fetching = false;\n        if (!cancelled) setLoading(false);\n      }\n    };\n    void pull();\n    const intervalId = window.setInterval(() => {\n      if (!live) return;\n      if (typeof document !== 'undefined' && document.visibilityState !== 'visible') return;\n      void pull();\n    }, CONTENT_POLL_MS);\n    return () => {\n      cancelled = true;\n      window.clearInterval(intervalId);\n    };\n  }, [key, live, revision]);\n\n  return { data, loading, error };\n}\n\nexport function DataSinkContent({ id, live }: { id?: string; live: boolean }) {\n  const { getDataSinkData } = useDataSinkOperations({ skipFetch: true });\n  const { data, loading, error } = useLiveContent(\n    async () => {\n      const res = await getDataSinkData({ id }, { limit: 50 });\n      return res ? res.raw : null;\n    },\n    id,\n    live\n  );\n\n  if (!id) return <Waiting text=\"Waiting for the data sink to be created…\" testId=\"ai-preview-datasink-waiting\" />;\n  if (error) return <ErrorBox text=\"Could not load the data sink's rows.\" testId=\"ai-preview-datasink-error\" />;\n  if (loading) return <CenteredSpinner label=\"Loading the data sink’s data…\" testId=\"ai-preview-datasink-loading\" />;\n  return (\n    <div data-testid=\"ai-preview-content-datasink\" className=\"min-w-0\">\n      <DataSinkTableViewer data={data} maxHeight=\"300px\" />\n    </div>\n  );\n}\n\nexport function DashboardContent({ dashboardId, live = false }: { dashboardId?: string; live?: boolean }) {\n  const revision = useAssistantRunStore((state) => state.contentRevision);\n  if (!dashboardId)\n    return <Waiting text=\"Waiting for the dashboard to be created…\" testId=\"ai-preview-dashboard-waiting\" />;\n  // No inner `max-h + overflow-y-auto`: the panel already owns a vertical\n  // scroll, and nesting a second one put two scrollbars in ~440px of space.\n  return (\n    <div data-testid=\"ai-preview-content-dashboard\" className=\"min-w-0\">\n      <DrilldownDashboardRenderer\n        key={dashboardId}\n        dashboardId={dashboardId}\n        params={{}}\n        live={live}\n        refreshRevision={revision}\n      />\n    </div>\n  );\n}\n\n/**\n * Read-only evaluation of the saved expression against up to 50 current source\n * rows. outputKey is a widget binding, not a physical DataSink. The governed\n * query applies masking and returns sampling metadata; it persists no output.\n */\nexport function ParserContent({ parserId, live }: { parserId?: string; live: boolean }) {\n  const client = useApolloClient();\n  const { data, loading, error } = useLiveContent(\n    () => (parserId ? loadParserPreview(client, parserId) : Promise.resolve(null)),\n    parserId,\n    live\n  );\n  const sampleCaption = parserSampleCaption(data);\n\n  if (!parserId) return <Waiting text=\"Waiting for the parser to be created…\" testId=\"ai-preview-parser-waiting\" />;\n  if (error) return <ErrorBox text=\"Could not read the parser's output.\" testId=\"ai-preview-parser-error\" />;\n  if (loading) return <CenteredSpinner label=\"Loading the parser’s output…\" testId=\"ai-preview-parser-loading\" />;\n  // The \"Parser output (transformed rows)\" caption used to sit here; it now\n  // lives on the section header, so the tab does not label itself twice.\n  return (\n    <div data-testid=\"ai-preview-content-parser\" className=\"min-w-0\">\n      {sampleCaption && (\n        <p data-testid=\"ai-preview-parser-sample\" className=\"mb-2 text-xs text-text-muted\">\n          {sampleCaption}\n        </p>\n      )}\n      <DataSinkTableViewer data={data?.output ?? null} maxHeight=\"280px\" />\n    </div>\n  );\n}\n\n/**\n * Recharts needs a definite height or it renders 0px tall, but a hard 320px box\n * eats a short viewport whole. `min(px, vh)` keeps the definite height Recharts\n * needs while letting the box shrink on small screens.\n */\nfunction widgetBoxHeight(type: string): string {\n  const t = type.toUpperCase();\n  if (t.includes('METRIC') || t.includes('KPI') || t.includes('CARD') || t.includes('STAT')) return 'min(160px, 40vh)';\n  if (t.includes('TABLE') || t.includes('LIST')) return 'min(280px, 50vh)';\n  return 'min(320px, 50vh)';\n}\n\n/**\n * ★★★ BC0 — COMPONENT-LOCAL widgets.\n *\n * `useWidgetOperations` publishes every fetch into the GLOBAL widget store, so\n * merely opening this preview replaced the widget set an already-open dashboard\n * was rendering. The query and the normalisation are reused — `normalizeWidget`\n * is exported from that hook precisely so the two paths cannot drift — but the\n * result stays here, in this component's state.\n *\n * It also inherits `useLiveContent`'s result refresh and visibility check,\n * replacing the bespoke interval this tab used to run.\n */\nfunction usePreviewWidgets(dashboardId: string | undefined, live: boolean) {\n  const client = useApolloClient();\n  const { data, loading, error } = useLiveContent<Widget[]>(\n    async () => {\n      if (!dashboardId) return null;\n      const result = await client.query<Record<string, unknown>>({\n        query: ListWidgetsByDashboardDocument,\n        variables: { dashboardId },\n        fetchPolicy: 'network-only',\n      });\n      const list = (result.data?.listWidgetsByDashboard as Record<string, unknown>[]) || [];\n      return list.map(normalizeWidget);\n    },\n    dashboardId,\n    live\n  );\n  return { widgets: data ?? [], loading, error };\n}\n\nexport function WidgetsContent({ dashboardId, live }: { dashboardId?: string; live: boolean }) {\n  const { widgets, loading, error } = usePreviewWidgets(dashboardId, live);\n\n  if (!dashboardId)\n    return <Waiting text=\"Waiting for the dashboard — widgets live on it.\" testId=\"ai-preview-widget-waiting\" />;\n  if (error) return <ErrorBox text=\"Could not load this dashboard's widgets.\" testId=\"ai-preview-widget-error\" />;\n  if (loading && widgets.length === 0)\n    return <CenteredSpinner label=\"Loading widgets…\" testId=\"ai-preview-widget-loading\" />;\n  if (widgets.length === 0)\n    return <Waiting text=\"No widgets on this dashboard yet.\" testId=\"ai-preview-widget-empty\" />;\n\n  return (\n    <div data-testid=\"ai-preview-content-widget\" className=\"flex min-w-0 flex-col gap-list-gap\">\n      {widgets.map((widget) => (\n        <div\n          key={widget.id}\n          // `border-border-subtle` is registered as a frozen light hex in this\n          // shell, so the box kept a light border in dark mode.\n          className=\"min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-canvas\"\n          style={{ height: widgetBoxHeight(widget.type) }}\n        >\n          <WidgetWrapper widget={widget} isLoading={false} error={null} filterValues={{}} />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/bigconsole/components/preview/AiPreviewMiniPanel.d.ts

@@ -8,3 +8,4 @@ interface AiPreviewMiniPanelProps {
 }
 export declare function AiPreviewMiniPanel({ onNavigate }: AiPreviewMiniPanelProps): import("react").JSX.Element | null;
 export {};
+//# sourceMappingURL=AiPreviewMiniPanel.d.ts.map

package/dist/bigconsole/components/preview/AiPreviewMiniPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiPreviewMiniPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/preview/AiPreviewMiniPanel.tsx"],"names":[],"mappings":"AAmCA,UAAU,uBAAuB;IAC/B;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AASD,wBAAgB,kBAAkB,CAAC,EAAE,UAAU,EAAE,EAAE,uBAAuB,sCA6MzE"}

package/dist/bigconsole/components/preview/AiPreviewMiniPanel.js

@@ -136,3 +136,5 @@ function x({ onNavigate: x }) {
 }
 //#endregion
 export { x as AiPreviewMiniPanel };
+
+//# sourceMappingURL=AiPreviewMiniPanel.js.map

package/dist/bigconsole/components/preview/AiPreviewMiniPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiPreviewMiniPanel.js","names":[],"sources":["../../../../src/bigconsole/components/preview/AiPreviewMiniPanel.tsx"],"sourcesContent":["/**\n * AI Preview — the app-shell copy.\n *\n * The full <AiPreviewPanel> lives inside BigConsoleRoot and only exists on\n * /bigconsole pages, but the assistant widget is global: you can start a build\n * from anywhere. This lightweight panel is mounted by the app shell so the build\n * is visible on WHATEVER page you are on — workflows, store, workspaces, search.\n *\n * It is deliberately store-only: no Apollo, no BigConsole context, no data\n * fetching. That is what lets it mount above the router. It shows the same live\n * step rail and caption as the full panel, plus click-through links to each\n * entity as it lands. The rich per-entity tabs stay on the /bigconsole pages,\n * where the data layer actually exists.\n *\n * It renders nothing while the full panel is up (`richMounted`), so the two\n * never stack. Leave a /bigconsole page mid-run and the full panel unmounts,\n * `richMounted` flips false, and this one takes over without a flicker.\n *\n * Section emphasis (BOFF-5639): the chrome (header, progress) is recessed and\n * the \"Built so far\" list is the one raised surface — the same ladder as the\n * full panel, so the two copies read as one component. Spacing is identical to\n * the full panel too; they used to differ (`pt-1` vs `pt-3`), which shifted the\n * page under the user as they navigated.\n */\nimport type { ReactNode } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { AssistantEntityPreview, type AssistantPreviewStep } from '@burdenoff/fe-libs/shared/assistant';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowUpRight, Braces, Database, LayoutDashboard, Loader2, Sparkles, X } from 'lucide-react';\n\nimport { PREVIEW_STEPS, useAssistantRunStore } from '../../assistant/assistantRunStore';\nimport { useAssistantRunWorkspace } from '../../assistant/useAssistantRunWorkspace';\nimport { Section } from '../common';\nimport { DOCK_CLEARANCE, PreviewMeta, STEP_LABEL, formatAgo, previewLabels } from './previewShared';\n\ninterface AiPreviewMiniPanelProps {\n  /**\n   * Route to an in-app path. The links are absolute (`/bigconsole/...`) because\n   * this panel renders outside the BigConsole router. Falls back to a full\n   * navigation when the host does not supply a handler.\n   */\n  onNavigate?: (path: string) => void;\n}\n\ninterface QuickLink {\n  key: string;\n  label: string;\n  path: string;\n  icon: ReactNode;\n}\n\nexport function AiPreviewMiniPanel({ onNavigate }: AiPreviewMiniPanelProps) {\n  const { t } = useI18n();\n  // ★★★ THE PAGE SURFACES ARE THE ONLY SURFACES (BOFF-7799). The assistant's\n  // controller is headless, so nothing inside the panel competes with this one\n  // and there is nothing to stand down for. Binding the workspace restores the\n  // run after a reload in this tab and clears it on a workspace switch.\n  useAssistantRunWorkspace();\n  const isRunning = useAssistantRunStore((state) => state.isRunning);\n  const previewOpen = useAssistantRunStore((state) => state.previewOpen);\n  const hasRun = useAssistantRunStore((state) => state.hasRun);\n  const richMounted = useAssistantRunStore((state) => state.richMounted);\n  const steps = useAssistantRunStore((state) => state.steps);\n  const entityIds = useAssistantRunStore((state) => state.entityIds);\n  const caption = useAssistantRunStore((state) => state.caption);\n  const error = useAssistantRunStore((state) => state.error);\n  const updatedAt = useAssistantRunStore((state) => state.updatedAt);\n  const openPreview = useAssistantRunStore((state) => state.openPreview);\n  const closePreview = useAssistantRunStore((state) => state.closePreview);\n\n  const go = (path: string) => {\n    if (onNavigate) onNavigate(path);\n    else if (typeof window !== 'undefined') window.location.assign(path);\n  };\n\n  // Nothing has run, or the full in-context panel is already on screen.\n  if (!hasRun || richMounted) return null;\n\n  if (!previewOpen) {\n    return (\n      <div\n        className=\"flex flex-wrap items-center justify-end gap-control-gap px-4 pt-3 md:px-6\"\n        style={{ marginRight: DOCK_CLEARANCE }}\n      >\n        <span className=\"text-xs text-text-muted\">\n          {isRunning\n            ? t('bigconsole.widget.aiPreview.buildRunning', 'AI build running')\n            : t('bigconsole.widget.aiPreview.buildFinished', 'AI build finished')}\n        </span>\n        <Button size=\"sm\" variant=\"outline\" onClick={openPreview} data-testid=\"ai-preview-open\">\n          <Sparkles className=\"mr-1.5 size-4\" />\n          {t('bigconsole.widget.aiPreviewMini.previewButton', 'Preview')}\n          {isRunning ? <Loader2 className=\"ml-1.5 size-3.5 animate-spin\" /> : null}\n        </Button>\n      </div>\n    );\n  }\n\n  const links: QuickLink[] = [];\n  if (entityIds.datasink)\n    links.push({\n      key: 'datasink',\n      label: t('bigconsole.widget.aiPreviewMini.link.dataSink', 'Data Sink'),\n      path: `/bigconsole/datasinks/${entityIds.datasink}`,\n      icon: <Database className=\"size-4 shrink-0 text-text-muted\" aria-hidden=\"true\" />,\n    });\n  if (entityIds.dashboard)\n    links.push({\n      key: 'dashboard',\n      label: t('bigconsole.widget.aiPreviewMini.link.dashboard', 'Dashboard'),\n      path: `/bigconsole/dashboards/${entityIds.dashboard}`,\n      icon: <LayoutDashboard className=\"size-4 shrink-0 text-text-muted\" aria-hidden=\"true\" />,\n    });\n  if (entityIds.parser)\n    links.push({\n      key: 'parser',\n      label: t('bigconsole.widget.aiPreviewMini.link.parser', 'Parser'),\n      path: `/bigconsole/parsers/${entityIds.parser}`,\n      icon: <Braces className=\"size-4 shrink-0 text-text-muted\" aria-hidden=\"true\" />,\n    });\n\n  const railSteps: AssistantPreviewStep[] = PREVIEW_STEPS.map((key) => ({\n    id: key,\n    label: t(STEP_LABEL[key].key, STEP_LABEL[key].fallback),\n    status: steps[key],\n  }));\n\n  return (\n    // ★ The wrapper owns POSITIONING only — clearance for the assistant dock,\n    // page gutters, and the testids this panel already had. Everything visual\n    // belongs to the shared surface, which is what keeps this copy and the full\n    // panel from drifting apart now that `previewShared` no longer holds a shell\n    // recipe for them both.\n    //\n    // ★★ PADDING, not margin: `mx-4 md:mx-6` is the page gutter and it is\n    // RESPONSIVE. See DOCK_CLEARANCE's docblock.\n    <div\n      data-testid=\"ai-preview-panel\"\n      data-variant=\"mini\"\n      style={{ paddingRight: DOCK_CLEARANCE }}\n      className=\"mx-4 mb-3 mt-3 min-w-0 md:mx-6\"\n    >\n      {/* ★★ The panel's own heading, restored. The shared surface renders its\n          title as a styled <span> inside a <section aria-label>, which labels\n          the region but leaves NO heading — while it still renders an <h3> for\n          the step rail. main had <h2>AI Preview</h2> above that <h3>, so the\n          migration both removed the panel from screen-reader heading navigation\n          and orphaned the h3 under whatever <h2> the page beneath happens to\n          end with. Visually hidden because the surface already shows the title;\n          this only restores the structure. */}\n      <h2 className=\"sr-only\">{t('bigconsole.widget.aiPreviewMini.title', 'AI Preview')}</h2>\n      <AssistantEntityPreview\n        title={t('bigconsole.widget.aiPreviewMini.title', 'AI Preview')}\n        steps={railSteps}\n        // ★★ TWO branches, not three, and deliberately so: the shared surface\n        // renders `{error ? '' : caption}` — it BLANKS the caption whenever\n        // `error` is set, so a failure branch here would compute a string that\n        // is then discarded. The failure is named in `meta` instead, which\n        // `PreviewHeader` renders without consulting `error`.\n        caption={\n          isRunning\n            ? caption || t('bigconsole.widget.aiPreviewMini.working', 'Working…')\n            : t('bigconsole.widget.aiPreviewMini.done', 'Done')\n        }\n        error={error}\n        meta={\n          <PreviewMeta\n            state={isRunning ? 'running' : error ? 'stopped' : 'idle'}\n            stateLabel={\n              isRunning\n                ? t('bigconsole.widget.aiPreviewMini.live', 'Live')\n                : error\n                  ? t('bigconsole.widget.aiPreviewMini.stopped', 'Stopped')\n                  : null\n            }\n            updatedLabel={t('bigconsole.widget.aiPreviewMini.updated', 'updated')}\n            updatedAt={updatedAt}\n            ago={(seconds) => formatAgo(seconds, t)}\n          />\n        }\n        headerActions={\n          <Button\n            size=\"sm\"\n            variant=\"ghost\"\n            onClick={closePreview}\n            aria-label={t('bigconsole.widget.aiPreviewMini.closeAriaLabel', 'Close preview')}\n            data-testid=\"ai-preview-close\"\n          >\n            <X className=\"size-4\" />\n          </Button>\n        }\n        labels={previewLabels(t)}\n      >\n        {/* ★ No tabs here, by design: the rich per-entity views need Apollo and\n            the BigConsole providers, which do not exist above the router. Links\n            are what this copy can honestly offer. */}\n        <div className=\"p-3\">\n          <Section\n            emphasis=\"standard\"\n            padding=\"compact\"\n            headingLevel={3}\n            title={t('bigconsole.widget.aiPreviewMini.builtSoFar', 'Built so far')}\n            description={t('bigconsole.widget.aiPreviewMini.builtSoFarHint', 'Open any piece to see the real thing.')}\n            bodyClassName=\"flex flex-col gap-list-gap\"\n          >\n            {links.length === 0 ? (\n              <p className=\"text-sm text-text-muted\">\n                {isRunning\n                  ? t(\n                      'bigconsole.widget.aiPreviewMini.building',\n                      'Building… links appear here as each piece is created.'\n                    )\n                  : t('bigconsole.widget.aiPreviewMini.nothingBuilt', 'Nothing built yet.')}\n              </p>\n            ) : (\n              links.map((link) => (\n                <div\n                  key={link.key}\n                  data-testid=\"ai-preview-row\"\n                  className=\"flex min-w-0 items-center justify-between gap-control-gap rounded-card border border-[var(--color-border-subtle)] bg-bg-canvas px-3 py-2\"\n                >\n                  <p className=\"flex min-w-0 items-center gap-icon-gap text-sm font-medium text-text-primary\">\n                    {link.icon}\n                    <span className=\"truncate\">\n                      {t('bigconsole.widget.aiPreviewMini.linkReady', '{{label}} ready', { label: link.label })}\n                    </span>\n                  </p>\n                  <Button size=\"sm\" variant=\"ghost\" onClick={() => go(link.path)}>\n                    {t('bigconsole.widget.aiPreviewMini.open', 'Open')}\n                    <ArrowUpRight className=\"ml-1 size-3.5\" />\n                  </Button>\n                </div>\n              ))\n            )}\n            {entityIds.dashboard ? (\n              // fe-libs `Button` is `whitespace-nowrap` with a fixed `h-8` at\n              // `size=\"sm\"`, so this long label overflowed the panel (which is\n              // `overflow-hidden`) at 390px — and the hi/ta strings are longer\n              // still. `h-auto whitespace-normal` lets it wrap to two lines\n              // instead of being clipped.\n              <Button\n                size=\"sm\"\n                variant=\"outline\"\n                className=\"h-auto w-full whitespace-normal py-1.5 text-center\"\n                data-testid=\"ai-preview-open-in-bigconsole\"\n                onClick={() => go(`/bigconsole/dashboards/${entityIds.dashboard ?? ''}`)}\n              >\n                {t('bigconsole.widget.aiPreviewMini.openInBigConsole', 'Open in BigConsole for the live view')}\n                <ArrowUpRight className=\"ml-1 size-3.5\" />\n              </Button>\n            ) : null}\n          </Section>\n        </div>\n      </AssistantEntityPreview>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/bigconsole/components/preview/AiPreviewPanel.d.ts

@@ -1 +1,2 @@
 export declare function AiPreviewPanel(): import("react").JSX.Element | null;
+//# sourceMappingURL=AiPreviewPanel.d.ts.map

package/dist/bigconsole/components/preview/AiPreviewPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiPreviewPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/preview/AiPreviewPanel.tsx"],"names":[],"mappings":"AA0EA,wBAAgB,cAAc,uCAqP7B"}

package/dist/bigconsole/components/preview/AiPreviewPanel.js

@@ -165,3 +165,5 @@ function O() {
 }
 //#endregion
 export { O as AiPreviewPanel };
+
+//# sourceMappingURL=AiPreviewPanel.js.map

package/dist/bigconsole/components/preview/AiPreviewPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiPreviewPanel.js","names":[],"sources":["../../../../src/bigconsole/components/preview/AiPreviewPanel.tsx"],"sourcesContent":["/**\n * AI Preview — watch the assistant build, with the real content inline.\n *\n * Opens by itself the moment a prompt starts. A step rail (driven by the agent's\n * own narration) shows DataSink → Dashboard → Parser → Widget filling in, and\n * the four tabs show the ACTUAL content of each entity as it lands — the data\n * sink's rows, the live dashboard, the parser's transformed output, the rendered\n * widget charts — not a list of links. Each tab has an \"Open\" button that jumps\n * to the real page.\n *\n * The content renderers need Apollo + the BigConsole providers, which is why\n * this full panel lives inside BigConsoleRoot; the store-only app-shell mini\n * panel (AiPreviewMiniPanel) keeps the lighter link view for other pages.\n *\n * ★★★ THE SHELL, RAIL AND TABS ARE fe-libs' NOW (`AssistantEntityPreview`).\n * What stays here is what is actually BigConsole's: which entities exist, how to\n * render each one, and where the panel sits relative to the assistant sidebar.\n * The shared surface brought three things this file could not have on its own:\n *\n *  - a viewer's tab choice is HONOURED. The local `useEffect` re-selected a tab\n *    on every store tick, so clicking one held for about 1.5 seconds before the\n *    next progress update took it back — you could not read a tab while the\n *    build continued.\n *  - the rail can show a FAILED step instead of drawing a failure as \"not\n *    started\" (the store still cannot produce one — see `assistantRunStore` —\n *    but the surface no longer loses it if it ever does).\n *  - keyboard navigation across the tabs, which the Radix tablist here never\n *    had overflow handling for below ~430px.\n */\nimport { useEffect, useRef, useState, type ReactNode } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport {\n  AssistantEntityPreview,\n  type AssistantPreviewStep,\n  type AssistantPreviewTab,\n} from '@burdenoff/fe-libs/shared/assistant';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowUpRight, Loader2, Sparkles, X } from 'lucide-react';\n\nimport { PREVIEW_STEPS, useAssistantRunStore } from '../../assistant/assistantRunStore';\nimport { useAssistantRunWorkspace } from '../../assistant/useAssistantRunWorkspace';\nimport { useBigConsoleNavigate } from '../../context';\nimport { Section } from '../common';\nimport { DOCK_CLEARANCE, PreviewMeta, STEP_LABEL, formatAgo, previewLabels } from './previewShared';\nimport { DashboardContent, DataSinkContent, ParserContent, WidgetsContent } from './AiPreviewContent';\n\n/**\n * The scroll box each tab's content sits in.\n *\n * ★★ The cap is NOT cosmetic and does not belong in fe-libs: the shared surface\n * is laid out by whatever contains it, and this panel is injected ABOVE a\n * routed page — so without a cap a long data-sink preview pushes the whole page\n * down. `min(440px, 60vh)` is the original value; the hard 440px alone ate most\n * of the fold on a short laptop screen.\n */\nfunction TabBody({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"min-w-0 overflow-y-auto p-3\" style={{ maxHeight: 'min(440px, 60vh)' }}>\n      {children}\n    </div>\n  );\n}\n\n/** Jump-to-the-real-page button, shared by all four tabs. */\nfunction OpenEntityButton({ onOpen }: { onOpen: () => void }) {\n  const { t } = useI18n();\n  return (\n    <Button size=\"sm\" variant=\"outline\" onClick={onOpen} data-testid=\"ai-preview-open-entity\">\n      {t('bigconsole.widget.aiPreview.open', 'Open')}\n      <ArrowUpRight className=\"ml-1 size-3.5\" />\n    </Button>\n  );\n}\n\nexport function AiPreviewPanel() {\n  const { t } = useI18n();\n  // ★★★ THE PAGE SURFACES ARE THE ONLY SURFACES (BOFF-7799). The assistant's\n  // controller is headless, so nothing inside the panel competes with this one\n  // and there is nothing to stand down for. Binding the workspace restores the\n  // run after a reload in this tab and clears it on a workspace switch.\n  useAssistantRunWorkspace();\n  const navigate = useBigConsoleNavigate();\n\n  const isRunning = useAssistantRunStore((state) => state.isRunning);\n  const previewOpen = useAssistantRunStore((state) => state.previewOpen);\n  const hasRun = useAssistantRunStore((state) => state.hasRun);\n  const steps = useAssistantRunStore((state) => state.steps);\n  const entityIds = useAssistantRunStore((state) => state.entityIds);\n  const caption = useAssistantRunStore((state) => state.caption);\n  const error = useAssistantRunStore((state) => state.error);\n  const updatedAt = useAssistantRunStore((state) => state.updatedAt);\n  const openPreview = useAssistantRunStore((state) => state.openPreview);\n  const closePreview = useAssistantRunStore((state) => state.closePreview);\n  const setRichMounted = useAssistantRunStore((state) => state.setRichMounted);\n\n  useEffect(() => {\n    setRichMounted(true);\n    return () => {\n      setRichMounted(false);\n    };\n  }, [setRichMounted]);\n\n  /**\n   * ★★★ WHAT COUNTS AS A \"RUN\" HERE, for the purpose of releasing a pinned tab.\n   *\n   * The store has no run id and deliberately never resets — a new prompt\n   * CONTINUES the same build, preserving every step and entity id already made\n   * (`assistantRunStore.startRun`). So the key is minted here, on the rising\n   * edge of `isRunning`: each new turn is a new run, which releases a tab the\n   * viewer pinned during the previous one. That is the right side to err on —\n   * asking for something new and being shown the old tab is worse than losing a\n   * pin you made a turn ago.\n   */\n  const [runKey, setRunKey] = useState(0);\n  const wasRunningRef = useRef(false);\n  useEffect(() => {\n    if (isRunning && !wasRunningRef.current) setRunKey((n) => n + 1);\n    wasRunningRef.current = isRunning;\n  }, [isRunning]);\n\n  if (!hasRun) return null;\n\n  if (!previewOpen) {\n    return (\n      <div\n        className=\"flex flex-wrap items-center justify-end gap-control-gap px-4 pt-3 md:px-6\"\n        style={{ marginRight: DOCK_CLEARANCE }}\n      >\n        {/* The lone button gave no clue what it belonged to. */}\n        <span className=\"text-xs text-text-muted\">\n          {isRunning\n            ? t('bigconsole.widget.aiPreview.buildRunning', 'AI build running')\n            : t('bigconsole.widget.aiPreview.buildFinished', 'AI build finished')}\n        </span>\n        <Button size=\"sm\" variant=\"outline\" onClick={openPreview} data-testid=\"ai-preview-open\">\n          <Sparkles className=\"mr-1.5 size-4\" />\n          {t('bigconsole.widget.aiPreview.previewButton', 'Preview')}\n          {isRunning ? <Loader2 className=\"ml-1.5 size-3.5 animate-spin\" /> : null}\n        </Button>\n      </div>\n    );\n  }\n\n  const dashboardId = entityIds.dashboard;\n\n  const railSteps: AssistantPreviewStep[] = PREVIEW_STEPS.map((key) => ({\n    id: key,\n    label: t(STEP_LABEL[key].key, STEP_LABEL[key].fallback),\n    status: steps[key],\n  }));\n\n  const tabs: AssistantPreviewTab[] = [\n    {\n      id: 'datasink',\n      label: t('bigconsole.widget.aiPreview.tab.dataSink', 'Data Sink'),\n      render: () => (\n        <TabBody>\n          <Section\n            emphasis=\"standard\"\n            padding=\"compact\"\n            headingLevel={3}\n            title={t('bigconsole.widget.aiPreview.dataSinkRows', 'Data sink rows')}\n            description={t(\n              'bigconsole.widget.aiPreview.dataSinkRowsHint',\n              'The rows the assistant just landed, straight from the sink.'\n            )}\n            actions={\n              entityIds.datasink ? (\n                <OpenEntityButton onOpen={() => navigate(`/datasinks/${entityIds.datasink}`)} />\n              ) : undefined\n            }\n          >\n            <DataSinkContent id={entityIds.datasink} live={isRunning} />\n          </Section>\n        </TabBody>\n      ),\n    },\n    {\n      id: 'dashboard',\n      label: t('bigconsole.widget.aiPreview.tab.dashboard', 'Dashboard'),\n      render: () => (\n        <TabBody>\n          <Section\n            emphasis=\"standard\"\n            padding=\"compact\"\n            headingLevel={3}\n            title={t('bigconsole.widget.aiPreview.tab.dashboard', 'Dashboard')}\n            description={t(\n              'bigconsole.widget.aiPreview.dashboardHint',\n              'The live board, rendered exactly as the real page renders it.'\n            )}\n            actions={\n              dashboardId ? <OpenEntityButton onOpen={() => navigate(`/dashboards/${dashboardId}`)} /> : undefined\n            }\n          >\n            <DashboardContent dashboardId={dashboardId} live={isRunning} />\n          </Section>\n        </TabBody>\n      ),\n    },\n    {\n      id: 'parser',\n      label: t('bigconsole.widget.aiPreview.tab.parser', 'Parser'),\n      render: () => (\n        <TabBody>\n          <Section\n            emphasis=\"standard\"\n            padding=\"compact\"\n            headingLevel={3}\n            title={t('bigconsole.widget.aiPreview.parserOutput', 'Parser output')}\n            description={t(\n              'bigconsole.widget.aiPreview.parserOutputHint',\n              \"The rows after the parser's transform, so you can check the shape.\"\n            )}\n            actions={\n              entityIds.parser ? (\n                <OpenEntityButton onOpen={() => navigate(`/parsers/${entityIds.parser}`)} />\n              ) : undefined\n            }\n          >\n            <ParserContent parserId={entityIds.parser} live={isRunning} />\n          </Section>\n        </TabBody>\n      ),\n    },\n    {\n      id: 'widget',\n      label: t('bigconsole.widget.aiPreview.tab.widget', 'Widget'),\n      render: () => (\n        <TabBody>\n          <Section\n            emphasis=\"standard\"\n            padding=\"compact\"\n            headingLevel={3}\n            title={t('bigconsole.widget.aiPreview.widgets', 'Widgets')}\n            description={t(\n              'bigconsole.widget.aiPreview.widgetsHint',\n              'Every widget on the new dashboard, rendered live.'\n            )}\n            actions={\n              dashboardId ? <OpenEntityButton onOpen={() => navigate(`/dashboards/${dashboardId}`)} /> : undefined\n            }\n          >\n            <WidgetsContent dashboardId={dashboardId} live={isRunning} />\n          </Section>\n        </TabBody>\n      ),\n    },\n  ];\n\n  return (\n    // ★ The wrapper owns POSITIONING only — clearance for the assistant dock,\n    // page gutters, and the testid BigConsole already had. Everything visual\n    // belongs to the shared surface.\n    //\n    // ★★ PADDING, not margin: `mx-4 md:mx-6` is the page gutter and it is\n    // RESPONSIVE. See DOCK_CLEARANCE's docblock.\n    <div data-testid=\"ai-preview-panel\" style={{ paddingRight: DOCK_CLEARANCE }} className=\"mx-4 mt-3 min-w-0 md:mx-6\">\n      {/* ★★ The panel's own heading, restored. The shared surface renders its\n          title as a styled <span> inside a <section aria-label>, which labels\n          the region but leaves NO heading — while it still renders an <h3> for\n          the step rail. main had <h2>AI Preview</h2> above that <h3>, so the\n          migration both removed the panel from screen-reader heading navigation\n          and orphaned the h3 under whatever <h2> the page beneath happens to\n          end with. Visually hidden because the surface already shows the title;\n          this only restores the structure. */}\n      <h2 className=\"sr-only\">{t('bigconsole.widget.aiPreview.title', 'AI Preview')}</h2>\n      <AssistantEntityPreview\n        title={t('bigconsole.widget.aiPreview.title', 'AI Preview')}\n        runKey={String(runKey)}\n        steps={railSteps}\n        tabs={tabs}\n        // ★ Explicit, though it is the default: this panel's own rule was\n        // \"show the LATEST thing that actually landed — so the moment the data\n        // sink is created you see its rows, not an empty 'waiting for the\n        // dashboard' tab\". Stating it keeps that reasoning attached to the\n        // consumer that discovered it, not only to the library that adopted it.\n        follow=\"produced\"\n        // ★★ TWO branches, not three, and deliberately so: the shared surface\n        // renders `{error ? '' : caption}` — it BLANKS the caption whenever\n        // `error` is set, so a failure branch here would compute a string that\n        // is then discarded. The failure is named in `meta` instead, which\n        // `PreviewHeader` renders without consulting `error`.\n        caption={\n          isRunning\n            ? caption || t('bigconsole.widget.aiPreview.working', 'Working…')\n            : t('bigconsole.widget.aiPreview.done', 'Done')\n        }\n        error={error}\n        meta={\n          <PreviewMeta\n            state={isRunning ? 'running' : error ? 'stopped' : 'idle'}\n            stateLabel={\n              isRunning\n                ? t('bigconsole.widget.aiPreview.live', 'Live')\n                : error\n                  ? t('bigconsole.widget.aiPreview.stopped', 'Stopped')\n                  : null\n            }\n            updatedLabel={t('bigconsole.widget.aiPreview.updated', 'updated')}\n            updatedAt={updatedAt}\n            ago={(seconds) => formatAgo(seconds, t)}\n          />\n        }\n        headerActions={\n          <Button\n            size=\"sm\"\n            variant=\"ghost\"\n            onClick={closePreview}\n            aria-label={t('bigconsole.widget.aiPreview.closeAriaLabel', 'Close preview')}\n            data-testid=\"ai-preview-close\"\n          >\n            <X className=\"size-4\" />\n          </Button>\n        }\n        labels={previewLabels(t)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/bigconsole/components/preview/parserPreview.d.ts

@@ -16,3 +16,4 @@ export declare function parserSampleCaption(preview: {
     sampledRows?: number | null;
     totalRows?: number | null;
 } | null): string | null;
+//# sourceMappingURL=parserPreview.d.ts.map

package/dist/bigconsole/components/preview/parserPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parserPreview.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/preview/parserPreview.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQnD,mFAAmF;AACnF,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,MAAM;;;;;;;;;UAuB5F;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,IAAI,GACnG,MAAM,GAAG,IAAI,CAMf"}

package/dist/bigconsole/components/preview/parserPreview.js

@@ -27,3 +27,5 @@ function r(e) {
 }
 //#endregion
 export { n as loadParserPreview, r as parserSampleCaption };
+
+//# sourceMappingURL=parserPreview.js.map

package/dist/bigconsole/components/preview/parserPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parserPreview.js","names":[],"sources":["../../../../src/bigconsole/components/preview/parserPreview.ts"],"sourcesContent":["import type { ApolloClient } from '@apollo/client';\nimport {\n  GetParserDocument,\n  TestParserExpressionDocument,\n  type GetParserQuery,\n  type TestParserExpressionQuery,\n} from '../../../generated/wspace-operations';\n\n/** Evaluate a bounded, governed source sample without persisting parser output. */\nexport async function loadParserPreview(client: Pick<ApolloClient, 'query'>, parserId: string) {\n  const parserResult = await client.query<GetParserQuery>({\n    query: GetParserDocument,\n    variables: { id: parserId },\n    fetchPolicy: 'network-only',\n  });\n  const parser = parserResult.data?.parser;\n  if (!parser) return null;\n  const result = await client.query<TestParserExpressionQuery>({\n    query: TestParserExpressionDocument,\n    variables: {\n      input: {\n        type: parser.type,\n        expression: parser.expression,\n        dataSinkKey: parser.inputSinkKey,\n        sampleLimit: 50,\n      },\n    },\n    fetchPolicy: 'network-only',\n  });\n  const preview = result.data?.testParserExpression;\n  if (!preview?.success) throw new Error(preview?.error || 'Could not evaluate the parser preview');\n  return preview;\n}\n\nexport function parserSampleCaption(\n  preview: { sampled?: boolean | null; sampledRows?: number | null; totalRows?: number | null } | null\n): string | null {\n  if (!preview?.sampled) return null;\n  const rows = preview.sampledRows ?? 50;\n  return preview.totalRows !== null && preview.totalRows !== undefined\n    ? `Preview evaluated ${rows} of ${preview.totalRows} source rows. Full execution may differ.`\n    : `Preview evaluated ${rows} source rows. Full execution may differ.`;\n}\n"],"mappings":";;AASA,eAAsB,EAAkB,GAAqC,GAAkB;CAM7F,IAAM,KALe,MAAM,EAAO,MAAsB;EACtD,OAAO;EACP,WAAW,EAAE,IAAI,GAAU;EAC3B,aAAa;EACd,CAAC,EAC0B,MAAM;AAClC,KAAI,CAAC,EAAQ,QAAO;CAapB,IAAM,KAZS,MAAM,EAAO,MAAiC;EAC3D,OAAO;EACP,WAAW,EACT,OAAO;GACL,MAAM,EAAO;GACb,YAAY,EAAO;GACnB,aAAa,EAAO;GACpB,aAAa;GACd,EACF;EACD,aAAa;EACd,CAAC,EACqB,MAAM;AAC7B,KAAI,CAAC,GAAS,QAAS,OAAU,MAAM,GAAS,SAAS,wCAAwC;AACjG,QAAO;;AAGT,SAAgB,EACd,GACe;AACf,KAAI,CAAC,GAAS,QAAS,QAAO;CAC9B,IAAM,IAAO,EAAQ,eAAe;AACpC,QAAO,EAAQ,cAAc,QAAQ,EAAQ,cAAc,KAAA,IACvD,qBAAqB,EAAK,MAAM,EAAQ,UAAU,4CAClD,qBAAqB,EAAK"}

package/dist/bigconsole/components/preview/previewShared.d.ts

@@ -131,3 +131,4 @@ export declare function PreviewMeta({ state, stateLabel, updatedLabel, updatedAt
     ago: (seconds: number) => string;
 }): import("react").JSX.Element;
 export {};
+//# sourceMappingURL=previewShared.d.ts.map

package/dist/bigconsole/components/preview/previewShared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewShared.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/preview/previewShared.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAEvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAExE;qDACqD;AACrD,KAAK,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAAK,MAAM,CAAC;AAErG;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,GAAG,MAAM,CAY/D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,cAAc,mEAAmE,CAAC;AAE/F;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,cAAc,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAKhF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,SAAS,GAAG,2BAA2B,CAAC,QAAQ,CAAC,CAmBjF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,UAAU,EACV,YAAY,EACZ,SAAS,EACT,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACtC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,2EAA2E;IAC3E,GAAG,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;CAClC,+BA8DA"}

package/dist/bigconsole/components/preview/previewShared.js

@@ -66,3 +66,5 @@ function c({ state: i, stateLabel: a, updatedLabel: o, updatedAt: s, ago: c }) {
 }
 //#endregion
 export { a as DOCK_CLEARANCE, c as PreviewMeta, o as STEP_LABEL, i as formatAgo, s as previewLabels };
+
+//# sourceMappingURL=previewShared.js.map

package/dist/bigconsole/components/preview/previewShared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"previewShared.js","names":[],"sources":["../../../../src/bigconsole/components/preview/previewShared.tsx"],"sourcesContent":["/**\n * What is still BigConsole's about the AI preview surfaces.\n *\n * ★★★ THE SHELL, DIVIDERS AND STEP RAIL HAVE MOVED TO fe-libs\n * (`AssistantEntityPreview` / `AssistantStepRail`). They existed here so the\n * full panel and the mini panel could not drift apart; the shared component now\n * guarantees that for both, and for every other product that adopts it.\n *\n * What remains is genuinely local: BigConsole's relationship to the assistant\n * DOCK, and how it words a relative timestamp.\n *\n * Nothing here touches Apollo, React Query, BigConsole context — or, since BC4,\n * the DOM: the dock clearance is a CSS custom property fe-libs publishes, so\n * what is left is one constant plus formatting, which is why the mini panel can\n * live in the app shell without dragging the data layer along.\n */\nimport { useEffect, useState } from 'react';\n\nimport type { AssistantEntityPreviewProps } from '@burdenoff/fe-libs/shared/assistant';\n\nimport type { PreviewStepKey } from '../../assistant/assistantRunStore';\n\n/** The `t` both panels already hold — accepted rather than imported, so this\n *  file keeps no provider requirement of its own. */\ntype Translate = (key: string, fallback: string, params?: Record<string, string | number>) => string;\n\n/**\n * \"just now\" / \"40s ago\" / \"12m ago\" / \"3h ago\".\n *\n * ★★ TRANSLATED, and it now has an hour bucket. It used to return English in\n * all three locales (en, hi, ta), and a panel left open past an hour read \"240m ago\" rather\n * than \"4h ago\" — both of which were only visible on the surface that outlives\n * a build, which is exactly the one people leave sitting there.\n */\nexport function formatAgo(seconds: number, t: Translate): string {\n  if (seconds < 5) return t('bigconsole.widget.aiPreview.agoJustNow', 'just now');\n  if (seconds < 60) {\n    return t('bigconsole.widget.aiPreview.agoSeconds', '{{n}}s ago', { n: seconds });\n  }\n  if (seconds < 3600) {\n    return t('bigconsole.widget.aiPreview.agoMinutes', '{{n}}m ago', { n: Math.floor(seconds / 60) });\n  }\n  // ★ `{{n}}`, not `{n}` — fe-libs' single-brace interpolation was broken until\n  // 2026.910.7 and shipped raw braces to users across the fleet. Double braces\n  // are what this repo already uses (see `…aiPreviewMini.linkReady`).\n  return t('bigconsole.widget.aiPreview.agoHours', '{{n}}h ago', { n: Math.floor(seconds / 3600) });\n}\n\n/**\n * Clearance for the assistant dock, as a CSS length.\n *\n * ★★★ THIS REPLACED A 500ms `querySelector` POLL (BC4, BOFF-7337). The old hook\n * measured `[data-testid=\"assistant-widget-window\"][data-layout=\"sidebar\"]` on an\n * interval because the legacy widget lived in fe-libs, was mounted by the app\n * shell, and emitted nothing when it opened or closed — reading the DOM really\n * was the only signal available.\n *\n * The shared overlay publishes its width instead. fe-libs sets\n * `--assistant-dock-width` on `<html>` from\n * `publishedAssistantDockWidth({ isOpen, docked, isDesktop })` — 440px only when\n * the panel is open AND docked AND the viewport is at least 640px — and REMOVES\n * the property on unmount.\n *\n * ★★★ THE FLOATING PANEL NEEDS CLEARANCE TOO (BOFF-7799, fe-libs 2026.930.3).\n * The dock width is `0px` while the panel FLOATS, which is the default, so\n * reading it alone left the right 45 % of the preview (its close button, its\n * \"Live · updated\" status and the tabs' Open buttons) under the open chat.\n * fe-libs now also publishes `--assistant-panel-inset` from\n * `publishedAssistantPanelInset`: 440px docked, 544px floating (the 520px\n * window plus its 24px right gap), and `0px` closed or below 640px, where the\n * panel is a bottom sheet. It is read FIRST, with the dock width as the fallback\n * for an fe-libs that does not publish it, and `0px` after that for a host with\n * no overlay mounted at all.\n *\n * ★★★ THE FALLBACK FAILS OPEN, SO THE VERSIONS ARE COUPLED. A host shell that\n * pins this package but still mounts the LEGACY `AssistantWidget` publishes no\n * variable at all, this resolves to `0px`, and the preview renders underneath a\n * fixed 440px dock where tabs and Open buttons silently stop taking clicks.\n * Nothing throws and no test fails. bigconsole-app therefore bumps this\n * dependency and mounts `AssistantOverlay` in the SAME commit.\n *\n * ★★ A STRING, NOT A HOOK. It needs no React context and no provider ancestry —\n * which matters because the mini panel is mounted by the app shell, outside the\n * assistant's own tree — and the browser recomputes the margin on open/close\n * with no re-render at all.\n *\n * ★ APPLIED TWO WAYS, DELIBERATELY. The collapsed bars carry only `px-*`, so\n * they take it as `marginRight` and a closed dock reproduces the old `0`\n * exactly. The open panels carry `mx-4 md:mx-6`, so they take it as\n * `paddingRight` and leave those margins alone: the old\n * `assistantWidth ? assistantWidth + 16 : undefined` fell through to the\n * RESPONSIVE 24px gutter at md when closed, and folding a flat `+ 16px` into a\n * calc would have quietly shrunk it on every desktop width. Padding keeps the\n * closed state pixel-identical and only adds clearance while the panel is open.\n */\nexport const DOCK_CLEARANCE = 'var(--assistant-panel-inset, var(--assistant-dock-width, 0px))';\n\n/**\n * Step labels, reusing the TAB keys.\n *\n * ★★ They used to be English constants in the store (`PREVIEW_STEP_LABEL`), so\n * the rail rendered \"Data Sink / Dashboard / Parser / Widget\" in every locale —\n * directly beside the SAME four names rendered translated as tab labels. The\n * keys already exist and are already seeded; nothing new was needed to fix it.\n *\n * ★ Lives here because BOTH panels render the rail. It was defined twice, which\n * is the exact duplication this migration exists to remove.\n */\nexport const STEP_LABEL: Record<PreviewStepKey, { key: string; fallback: string }> = {\n  datasink: { key: 'bigconsole.widget.aiPreview.tab.dataSink', fallback: 'Data Sink' },\n  dashboard: { key: 'bigconsole.widget.aiPreview.tab.dashboard', fallback: 'Dashboard' },\n  parser: { key: 'bigconsole.widget.aiPreview.tab.parser', fallback: 'Parser' },\n  widget: { key: 'bigconsole.widget.aiPreview.tab.widget', fallback: 'Widget' },\n};\n\n/**\n * The shared surface's chrome strings, already translated.\n *\n * ★★ ONE copy, deliberately. BOTH defects this migration produced were the same\n * bug written twice — the failure caption and the reopen clock each had to be\n * fixed in the full panel AND the mini panel — so anything the two pass\n * identically belongs here rather than inlined in each. That is the same reason\n * the shell lived in this file before it moved to fe-libs.\n *\n * ★ Both surfaces use the `aiPreview` namespace, not `aiPreviewMini`: the rail\n * says the same thing wherever it is rendered, and splitting the keys would mean\n * translating \"running\" and \"failed\" twice per locale for no difference.\n *\n * `AssistantEntityPreviewProps['labels']` rather than a hand-written shape, so a\n * new label added upstream is a type error here instead of a silently missing\n * string.\n */\nexport function previewLabels(t: Translate): AssistantEntityPreviewProps['labels'] {\n  const buildProgress = t('bigconsole.widget.aiPreview.buildProgress', 'Build progress');\n  const skipped = t('bigconsole.widget.aiPreview.stepSkipped', 'skipped');\n  return {\n    // ★ main named the failure \"Build stopped\" in a hardcoded English <h3>. The\n    //   shared surface cannot know that word — it takes it as a label — so this\n    //   both restores the name AND makes it translatable for the first time.\n    errorHeading: t('bigconsole.widget.aiPreview.errorHeading', 'Build stopped'),\n    steps: buildProgress,\n    stepsHeading: buildProgress,\n    skipped,\n    stepStatus: {\n      pending: t('bigconsole.widget.aiPreview.stepPending', 'not started'),\n      running: t('bigconsole.widget.aiPreview.stepRunning', 'running'),\n      done: t('bigconsole.widget.aiPreview.stepDone', 'completed'),\n      failed: t('bigconsole.widget.aiPreview.stepFailed', 'failed'),\n      skipped,\n    },\n  };\n}\n\n/**\n * The status strip both panels hand to the shared surface as `meta`.\n *\n * ★★★ ONE copy, and this one is not a tidiness argument — the SAME DEFECT was\n * written into both panels twice over. The migration changed this chip from\n * `bg-status-success-bg` to `bg-status-success-bgSubtle` in both files, and that\n * utility DOES NOT EXIST: the token is `--color-status-success-bgSubtle` but the\n * Tailwind preset exposes it as `status-success-bg-subtle`. The app shell emits\n * `.bg-status-success-bg-subtle` and never `.bg-status-success-bgSubtle`, so the\n * \"Live\" pill lost its background entirely and became transparent text.\n * Nothing failed: an unknown utility is simply absent from the stylesheet.\n *\n * ★ Fixed with the ARBITRARY-VALUE form, `bg-[var(--color-status-…-bgSubtle)]`,\n * which is what the other ~30 sites in this repo use. It names the token\n * directly, so it cannot be broken by a preset key being spelled differently\n * from the variable — which is the entire mechanism of the bug above.\n *\n * ★★ It also carries the FAILED state, which the caption cannot. The shared\n * surface blanks `caption` whenever `error` is set — deliberately, so a rotating\n * \"Creating…\" cannot sit under a dead run — so a product that wants the failure\n * NAMED (as this one did on main, with \"Stopped\") has to say it somewhere the\n * error does not suppress. `meta` is that place: `PreviewHeader` renders it\n * without consulting `error`.\n *\n * Labels are passed in already translated, so the `t('literal.key', …)` calls\n * stay greppable at each call site and each panel keeps its own namespace.\n */\nexport function PreviewMeta({\n  state,\n  stateLabel,\n  updatedLabel,\n  updatedAt,\n  ago,\n}: {\n  state: 'running' | 'stopped' | 'idle';\n  stateLabel: string | null;\n  updatedLabel: string;\n  /** When the run last changed, or null when there is nothing to age. */\n  updatedAt: number | null;\n  /** Renders the elapsed seconds — `formatAgo` bound to the caller's `t`. */\n  ago: (seconds: number) => string;\n}) {\n  /**\n   * ★★★ THE CLOCK LIVES HERE, in the one element that displays it.\n   *\n   * It used to live in each panel, and that made a 1 Hz `setState` on the PANEL\n   * — which re-rendered everything below it. `AssistantEntityPreview` calls\n   * `activeTab.render()` on every render with no memo, so the Widgets tab's live\n   * dashboard and every Recharts widget inside it re-rendered once a second, for\n   * as long as the preview stayed open. main did not: its ticker was gated on\n   * `isRunning`, so it stopped when the build did. Ungating it to fix the frozen\n   * timestamp is right, but it has to cost one <span>, not the whole subtree.\n   *\n   * ★★ Mounting is also the gate now. The mini panel is mounted on EVERY route\n   * and returns null when the full panel is up — but a hook cannot sit below an\n   * early return, so its interval ran on every page regardless of whether\n   * anything was shown. Owning the timer here means \"not rendered\" is \"not\n   * ticking\", by construction rather than by remembering to pass a flag.\n   */\n  const [now, setNow] = useState(() => Date.now());\n  useEffect(() => {\n    if (updatedAt === null) return;\n    // ★ Re-read on mount so a reopened panel cannot show the previous open's\n    // reading for up to a second. See the note on lint in the git history:\n    // reading the clock in render is an ESLint error (Date.now is impure).\n    setNow(Date.now());\n    const id = window.setInterval(() => setNow(Date.now()), 1000);\n    return () => window.clearInterval(id);\n  }, [updatedAt]);\n\n  const agoSeconds = updatedAt === null ? 0 : Math.max(0, Math.floor((now - updatedAt) / 1000));\n\n  const chip =\n    'inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide';\n  return (\n    <span className=\"inline-flex items-center gap-2\" data-testid=\"ai-preview-ago\">\n      {state !== 'idle' && stateLabel ? (\n        <span\n          className={\n            state === 'running'\n              ? `${chip} bg-[var(--color-status-success-bgSubtle)] text-status-success-text`\n              : `${chip} bg-[var(--color-status-error-bgSubtle)] text-status-error-text`\n          }\n          data-testid={state === 'running' ? 'ai-preview-live' : 'ai-preview-stopped'}\n        >\n          {state === 'running' ? (\n            <span className=\"relative flex size-2\">\n              <span className=\"absolute inline-flex size-full rounded-full bg-status-success-text opacity-75 motion-safe:animate-ping\" />\n              <span className=\"relative inline-flex size-2 rounded-full bg-status-success-text\" />\n            </span>\n          ) : (\n            /* ★ Still, not pulsing: the ping says \"this is happening now\", which\n               is the opposite of what a stopped run means. */\n            <span className=\"relative inline-flex size-2 rounded-full bg-status-error-text\" />\n          )}\n          {stateLabel}\n        </span>\n      ) : null}\n      <span>\n        {updatedLabel} {ago(agoSeconds)}\n      </span>\n    </span>\n  );\n}\n"],"mappings":";;;AAkCA,SAAgB,EAAU,GAAiB,GAAsB;AAW/D,QAVI,IAAU,IAAU,EAAE,0CAA0C,WAAW,GAC3E,IAAU,KACL,EAAE,0CAA0C,cAAc,EAAE,GAAG,GAAS,CAAC,GAE9E,IAAU,OACL,EAAE,0CAA0C,cAAc,EAAE,GAAG,KAAK,MAAM,IAAU,GAAG,EAAE,CAAC,GAK5F,EAAE,wCAAwC,cAAc,EAAE,GAAG,KAAK,MAAM,IAAU,KAAK,EAAE,CAAC;;AAkDnG,IAAa,IAAiB,kEAajB,IAAwE;CACnF,UAAU;EAAE,KAAK;EAA4C,UAAU;EAAa;CACpF,WAAW;EAAE,KAAK;EAA6C,UAAU;EAAa;CACtF,QAAQ;EAAE,KAAK;EAA0C,UAAU;EAAU;CAC7E,QAAQ;EAAE,KAAK;EAA0C,UAAU;EAAU;CAC9E;AAmBD,SAAgB,EAAc,GAAqD;CACjF,IAAM,IAAgB,EAAE,6CAA6C,iBAAiB,EAChF,IAAU,EAAE,2CAA2C,UAAU;AACvE,QAAO;EAIL,cAAc,EAAE,4CAA4C,gBAAgB;EAC5E,OAAO;EACP,cAAc;EACd;EACA,YAAY;GACV,SAAS,EAAE,2CAA2C,cAAc;GACpE,SAAS,EAAE,2CAA2C,UAAU;GAChE,MAAM,EAAE,wCAAwC,YAAY;GAC5D,QAAQ,EAAE,0CAA0C,SAAS;GAC7D;GACD;EACF;;AA8BH,SAAgB,EAAY,EAC1B,UACA,eACA,iBACA,cACA,UASC;CAkBD,IAAM,CAAC,GAAK,KAAU,QAAe,KAAK,KAAK,CAAC;AAChD,SAAgB;AACd,MAAI,MAAc,KAAM;AAIxB,IAAO,KAAK,KAAK,CAAC;EAClB,IAAM,IAAK,OAAO,kBAAkB,EAAO,KAAK,KAAK,CAAC,EAAE,IAAK;AAC7D,eAAa,OAAO,cAAc,EAAG;IACpC,CAAC,EAAU,CAAC;CAEf,IAAM,IAAa,MAAc,OAAO,IAAI,KAAK,IAAI,GAAG,KAAK,OAAO,IAAM,KAAa,IAAK,CAAC,EAEvF,IACJ;AACF,QACE,kBAAC,QAAD;EAAM,WAAU;EAAiC,eAAY;YAA7D,CACG,MAAU,UAAU,IACnB,kBAAC,QAAD;GACE,WACE,MAAU,YACN,GAAG,EAAK,uEACR,GAAG,EAAK;GAEd,eAAa,MAAU,YAAY,oBAAoB;aANzD,CAQG,MAAU,YACT,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,QAAD,EAAM,WAAU,0GAA2G,CAAA,EAC3H,kBAAC,QAAD,EAAM,WAAU,mEAAoE,CAAA,CAC/E;QAIP,kBAAC,QAAD,EAAM,WAAU,iEAAkE,CAAA,EAEnF,EACI;OACL,MACJ,kBAAC,QAAD,EAAA,UAAA;GACG;GAAa;GAAE,EAAI,EAAW;GAC1B,EAAA,CAAA,CACF"}

package/dist/bigconsole/components/widgets/ActionConfigDialog.d.ts

@@ -17,3 +17,4 @@ export interface ActionConfigDialogProps {
 }
 export declare const ActionConfigDialog: FC<ActionConfigDialogProps>;
 export default ActionConfigDialog;
+//# sourceMappingURL=ActionConfigDialog.d.ts.map

package/dist/bigconsole/components/widgets/ActionConfigDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionConfigDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/widgets/ActionConfigDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAkE,MAAM,OAAO,CAAC;AAmBhG,OAAO,KAAK,EAAE,YAAY,EAAmC,MAAM,8BAA8B,CAAC;AAGlG,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACxB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAMxF,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6EAA6E;IAC7E,MAAM,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5E;AA4ED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA0mBzD,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/dist/bigconsole/components/widgets/ActionConfigDialog.js

@@ -557,3 +557,5 @@ var Se = [
 });
 //#endregion
 export { g as default };
+
+//# sourceMappingURL=ActionConfigDialog.js.map

package/dist/bigconsole/components/widgets/ActionConfigDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionConfigDialog.js","names":[],"sources":["../../../../src/bigconsole/components/widgets/ActionConfigDialog.tsx"],"sourcesContent":["/**\n * ActionConfigDialog: compact API button setup (BOFF-7626).\n *\n * Modal dialog for creating/editing widget actions.\n *\n * v2.1 (BOFF-5659): reframed around the *outcome* — \"When clicked, do this\" —\n * instead of the abstract action Type. A button always emits\n * `widget:<name>:clicked`; the dialog now lets the user attach the behaviour\n * inline. Today the two shippable outcomes are:\n *   - \"Call a webhook / my API\"  → captures a URL + method; the parent pairs the\n *     action with an EventWebhookMapping bound to that event (no backend change).\n *   - \"Just emit an event\"       → the raw emit, for callers wiring their own\n *     consumers.\n * The action `name` (the event id) is auto-derived from the label and tucked\n * under More options. Label and destination are the two required inputs.\n *\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { type FC, memo, useState, useCallback, useEffect, useMemo, useRef, useId } from 'react';\nimport {\n  ResponsiveDialog as Dialog,\n  ResponsiveDialogContent as DialogContent,\n  ResponsiveDialogDescription as DialogDescription,\n  ResponsiveDialogFooter as DialogFooter,\n  ResponsiveDialogHeader as DialogHeader,\n  ResponsiveDialogTitle as DialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Textarea } from '@burdenoff/fe-libs/ui';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@burdenoff/fe-libs/ui';\nimport { Checkbox } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport { BIGCONSOLE_PERMISSIONS } from '../../../constants/permissions';\nimport type { WidgetAction, ActionStyle, ActionConfirmation } from '../../hooks/useWidgetActions';\nimport type { HttpMethod } from '../../hooks/useEventWebhooks';\nimport { Section } from '../common';\nimport {\n  slugifyActionName,\n  validateActionConfig,\n  serializeActionConfig,\n  type ActionConfigError,\n  type ActionConfigDraft,\n  type ActionOutcome,\n  type ActionSaveData,\n  type ActionWebhookDraft,\n} from './actionConfig';\nexport type { ActionOutcome, ActionSaveData, ActionWebhookDraft } from './actionConfig';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ActionConfigDialogProps {\n  isOpen: boolean;\n  action?: WidgetAction;\n  /** Existing webhook binding for the edited action (prefills the URL field). */\n  initialWebhook?: ActionWebhookDraft | null;\n  isLoading?: boolean;\n  /** A save failure from the parent (action or webhook mutation) to surface inline. */\n  saveError?: string | null;\n  onClose: () => void;\n  /** `webhook` is the paired binding, or `null` to remove any existing one. */\n  onSave: (data: ActionSaveData, webhook: ActionWebhookDraft | null) => void;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst HTTP_METHODS: HttpMethod[] = ['POST', 'GET', 'PUT', 'PATCH', 'DELETE'];\n\n/** Stable style values + preview colors; labels are resolved via i18n in-component. */\nconst ACTION_STYLE_META: { value: ActionStyle; color: string }[] = [\n  { value: 'PRIMARY', color: 'var(--color-action-primary-bg)' },\n  { value: 'SECONDARY', color: 'var(--color-action-secondary-bg)' },\n  { value: 'SUCCESS', color: 'var(--color-status-success-bg)' },\n  { value: 'WARNING', color: 'var(--color-status-warning-bg)' },\n  { value: 'DANGER', color: 'var(--color-action-danger-bg)' },\n  { value: 'GHOST', color: 'transparent' },\n  { value: 'LINK', color: 'transparent' },\n];\n\n/** Stable icon values; labels are resolved via i18n in-component. */\nconst ICON_VALUES = [\n  '',\n  'refresh',\n  'download',\n  'upload',\n  'trash',\n  'edit',\n  'plus',\n  'check',\n  'eye',\n  'copy',\n  'share',\n  'settings',\n  'filter',\n  'search',\n] as const;\n\n// Field labels sit BELOW group headings in the type ladder: `medium` here,\n// `bold` + uppercase tracking for the group heading. Previously both were\n// semibold body-sm, so a label and a group heading were indistinguishable.\nconst labelStyle: React.CSSProperties = {\n  display: 'block',\n  fontSize: 'var(--font-size-body-sm)',\n  fontWeight: 'var(--font-weight-medium)',\n  color: 'var(--color-text-primary)',\n  marginBottom: 'var(--space-controlGap)',\n};\n\n/** Group heading inside the dialog body: \"Appearance\" / \"Behaviour\" / \"Advanced\". */\nconst groupHeadingStyle: React.CSSProperties = {\n  margin: '0 0 var(--space-controlGap) 0',\n  fontSize: 'var(--font-size-body-sm)',\n  fontWeight: 'var(--font-weight-bold)',\n  letterSpacing: '0.06em',\n  textTransform: 'uppercase',\n  color: 'var(--color-text-secondary)',\n};\n\nconst hintStyle: React.CSSProperties = {\n  fontSize: 'var(--font-size-body-sm)',\n  color: 'var(--color-text-muted)',\n  marginTop: 'var(--space-controlGap)',\n};\n\nconst selectContentStyle: React.CSSProperties = {\n  zIndex: 9999,\n  backgroundColor: 'var(--color-overlay-popoverBg, var(--color-bg-surface))',\n  border: '1px solid var(--color-border-subtle)',\n  boxShadow: 'var(--shadow-elevation-3)',\n  borderRadius: 'var(--radius-button)',\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ActionConfigDialog: FC<ActionConfigDialogProps> = memo(function ActionConfigDialog({\n  isOpen,\n  action,\n  initialWebhook,\n  isLoading = false,\n  saveError,\n  onClose,\n  onSave,\n}) {\n  const { t } = useI18n();\n  const isEditMode = !!action;\n  const labelInputRef = useRef<HTMLInputElement>(null);\n  const urlInputRef = useRef<HTMLInputElement>(null);\n  const nameInputRef = useRef<HTMLInputElement>(null);\n  const fieldId = useId();\n  const fallbackNameRef = useRef('');\n  // True once the user touches the webhook fields, so a late-arriving\n  // `initialWebhook` fetch can seed the form without clobbering in-progress edits.\n  const webhookTouchedRef = useRef(false);\n\n  // Form state\n  const [label, setLabel] = useState('');\n  const [name, setName] = useState('');\n  const [nameEdited, setNameEdited] = useState(false);\n  const [style, setStyle] = useState<ActionStyle>('PRIMARY');\n  const [icon, setIcon] = useState('');\n  const [outcome, setOutcome] = useState<ActionOutcome>('WEBHOOK');\n  const [webhookUrl, setWebhookUrl] = useState('');\n  const [webhookMethod, setWebhookMethod] = useState<HttpMethod>('POST');\n  const [disabled, setDisabled] = useState(false);\n  const [hidden, setHidden] = useState(false);\n  const [showAdvanced, setShowAdvanced] = useState(false);\n  const [hasConfirmation, setHasConfirmation] = useState(false);\n  const [confirmTitle, setConfirmTitle] = useState(() =>\n    t('bigconsole.widget.actions.confirm.defaultTitle', 'Confirm Action')\n  );\n  const [confirmMessage, setConfirmMessage] = useState(() =>\n    t('bigconsole.widget.actions.confirm.defaultMessage', 'Are you sure you want to proceed?')\n  );\n  const [confirmLabel, setConfirmLabel] = useState(() =>\n    t('bigconsole.widget.actions.confirm.defaultConfirmLabel', 'Confirm')\n  );\n  const [cancelLabel, setCancelLabel] = useState(() =>\n    t('bigconsole.widget.actions.confirm.defaultCancelLabel', 'Cancel')\n  );\n  const [error, setError] = useState<ActionConfigError | null>(null);\n\n  // Localized option lists — value/enum fields stay stable; only the display copy is translated.\n  const ACTION_STYLES = useMemo<{ value: ActionStyle; label: string; color: string }[]>(() => {\n    const labels: Record<ActionStyle, string> = {\n      PRIMARY: t('bigconsole.widget.actions.style.primary', 'Primary'),\n      SECONDARY: t('bigconsole.widget.actions.style.secondary', 'Secondary'),\n      SUCCESS: t('bigconsole.widget.actions.style.success', 'Success'),\n      WARNING: t('bigconsole.widget.actions.style.warning', 'Warning'),\n      DANGER: t('bigconsole.widget.actions.style.danger', 'Danger'),\n      GHOST: t('bigconsole.widget.actions.style.ghost', 'Ghost'),\n      LINK: t('bigconsole.widget.actions.style.link', 'Link'),\n    };\n    return ACTION_STYLE_META.map((s) => ({ value: s.value, label: labels[s.value], color: s.color }));\n  }, [t]);\n\n  const ICON_OPTIONS = useMemo(() => {\n    const labels: Record<(typeof ICON_VALUES)[number], string> = {\n      '': t('bigconsole.widget.actions.icon.none', 'No icon'),\n      refresh: t('bigconsole.widget.actions.icon.refresh', 'Refresh'),\n      download: t('bigconsole.widget.actions.icon.download', 'Download'),\n      upload: t('bigconsole.widget.actions.icon.upload', 'Upload'),\n      trash: t('bigconsole.widget.actions.icon.trash', 'Trash'),\n      edit: t('bigconsole.widget.actions.icon.edit', 'Edit'),\n      plus: t('bigconsole.widget.actions.icon.plus', 'Plus'),\n      check: t('bigconsole.widget.actions.icon.check', 'Check'),\n      eye: t('bigconsole.widget.actions.icon.eye', 'View'),\n      copy: t('bigconsole.widget.actions.icon.copy', 'Copy'),\n      share: t('bigconsole.widget.actions.icon.share', 'Share'),\n      settings: t('bigconsole.widget.actions.icon.settings', 'Settings'),\n      filter: t('bigconsole.widget.actions.icon.filter', 'Filter'),\n      search: t('bigconsole.widget.actions.icon.search', 'Search'),\n    };\n    return ICON_VALUES.map((value) => ({ value, label: labels[value] }));\n  }, [t]);\n\n  // Reset form when the dialog opens or the edited action changes. Deliberately\n  // does NOT depend on `initialWebhook` — that fetch can settle after the dialog\n  // is open, and re-running this would wipe the user's in-progress edits (#6).\n  // The webhook fields are seeded by the separate effect below.\n  useEffect(() => {\n    if (!isOpen) return;\n\n    webhookTouchedRef.current = false;\n    // Non-Latin labels still get an internal ID without asking users to name an event.\n    fallbackNameRef.current = `button_${crypto.randomUUID().replace(/-/g, '').slice(0, 12)}`;\n    setWebhookUrl('');\n    setWebhookMethod('POST');\n\n    if (action) {\n      setLabel(action.label);\n      setName(action.name);\n      setNameEdited(false);\n      setStyle(action.style);\n      setIcon(action.icon || '');\n      setDisabled(action.disabled);\n      setHidden(action.hidden);\n      // Default to \"emit\"; the seed effect flips to WEBHOOK if a mapping exists.\n      setOutcome('EMIT');\n      setHasConfirmation(!!action.confirmation);\n      if (action.confirmation) {\n        setConfirmTitle(action.confirmation.title);\n        setConfirmMessage(action.confirmation.message);\n        setConfirmLabel(\n          action.confirmation.confirmLabel || t('bigconsole.widget.actions.confirm.defaultConfirmLabel', 'Confirm')\n        );\n        setCancelLabel(\n          action.confirmation.cancelLabel || t('bigconsole.widget.actions.confirm.defaultCancelLabel', 'Cancel')\n        );\n      } else {\n        setConfirmTitle(t('bigconsole.widget.actions.confirm.defaultTitle', 'Confirm Action'));\n        setConfirmMessage(t('bigconsole.widget.actions.confirm.defaultMessage', 'Are you sure you want to proceed?'));\n        setConfirmLabel(t('bigconsole.widget.actions.confirm.defaultConfirmLabel', 'Confirm'));\n        setCancelLabel(t('bigconsole.widget.actions.confirm.defaultCancelLabel', 'Cancel'));\n      }\n    } else {\n      setLabel('');\n      setName('');\n      setNameEdited(false);\n      setStyle('PRIMARY');\n      setIcon('');\n      setOutcome('WEBHOOK');\n      setDisabled(false);\n      setHidden(false);\n      setHasConfirmation(false);\n      setConfirmTitle(t('bigconsole.widget.actions.confirm.defaultTitle', 'Confirm Action'));\n      setConfirmMessage(t('bigconsole.widget.actions.confirm.defaultMessage', 'Are you sure you want to proceed?'));\n      setConfirmLabel(t('bigconsole.widget.actions.confirm.defaultConfirmLabel', 'Confirm'));\n      setCancelLabel(t('bigconsole.widget.actions.confirm.defaultCancelLabel', 'Cancel'));\n    }\n    setShowAdvanced(false);\n    setError(null);\n    // Focus the label after the dialog paints — a double rAF is more reliable than\n    // a magic setTimeout delay and doesn't race the open animation.\n    const raf = requestAnimationFrame(() => requestAnimationFrame(() => labelInputRef.current?.focus()));\n    return () => cancelAnimationFrame(raf);\n  }, [isOpen, action, t]);\n\n  // Seed the webhook fields from the (possibly late-arriving) mapping fetch,\n  // unless the user has already started editing them.\n  useEffect(() => {\n    if (!isOpen || !initialWebhook || webhookTouchedRef.current) return;\n    setOutcome('WEBHOOK');\n    setWebhookUrl(initialWebhook.url);\n    setWebhookMethod(initialWebhook.method);\n  }, [isOpen, initialWebhook]);\n\n  // Keep the auto-derived name in sync with the label until the user overrides it.\n  const handleLabelChange = useCallback(\n    (value: string) => {\n      setLabel(value);\n      if (!nameEdited && !isEditMode) setName(slugifyActionName(value) || fallbackNameRef.current);\n      if (error) setError(null);\n    },\n    [nameEdited, error, isEditMode]\n  );\n\n  const handleSubmit = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n\n      const finalName =\n        isEditMode && action\n          ? action.name\n          : slugifyActionName(nameEdited ? name : label) || slugifyActionName(label) || fallbackNameRef.current;\n\n      const confirmation: ActionConfirmation | undefined = hasConfirmation\n        ? {\n            title: confirmTitle.trim() || t('bigconsole.widget.actions.confirm.defaultTitle', 'Confirm Action'),\n            message: confirmMessage.trim() || t('bigconsole.widget.actions.confirm.fallbackMessage', 'Are you sure?'),\n            confirmLabel: confirmLabel.trim() || t('bigconsole.widget.actions.confirm.defaultConfirmLabel', 'Confirm'),\n            cancelLabel: cancelLabel.trim() || t('bigconsole.widget.actions.confirm.defaultCancelLabel', 'Cancel'),\n          }\n        : undefined;\n\n      const draft: ActionConfigDraft = {\n        label,\n        name: finalName,\n        outcome,\n        url: webhookUrl,\n        method: webhookMethod,\n        style,\n        icon,\n        confirmation: confirmation ?? null,\n        disabled,\n        hidden,\n      };\n      const invalid = validateActionConfig(draft);\n      setError(invalid);\n      if (invalid) {\n        if (invalid.field === 'name') setShowAdvanced(true);\n        const input = invalid.field === 'url' ? urlInputRef : invalid.field === 'label' ? labelInputRef : nameInputRef;\n        // A hidden advanced field must mount before it can receive focus.\n        requestAnimationFrame(() => input.current?.focus());\n        return;\n      }\n      const payload = serializeActionConfig(draft, action);\n      onSave(payload.data, payload.webhook);\n    },\n    [\n      label,\n      name,\n      nameEdited,\n      outcome,\n      webhookUrl,\n      webhookMethod,\n      style,\n      icon,\n      disabled,\n      hidden,\n      hasConfirmation,\n      confirmTitle,\n      confirmMessage,\n      confirmLabel,\n      cancelLabel,\n      isEditMode,\n      action,\n      onSave,\n      t,\n    ]\n  );\n\n  const getStyleColor = (s: ActionStyle) =>\n    ACTION_STYLES.find((as) => as.value === s)?.color || 'var(--color-action-primary-bg)';\n\n  const errorMessage =\n    error?.field === 'url'\n      ? error.reason === 'required'\n        ? t('bigconsole.widget.actions.validation.urlRequired', 'Enter the URL to call when the button is clicked')\n        : t('bigconsole.widget.actions.validation.urlScheme', 'Enter a complete URL starting with http:// or https://')\n      : error?.field === 'label'\n        ? t('bigconsole.widget.actions.validation.labelRequired', 'Button label is required')\n        : error\n          ? t(\n              'bigconsole.widget.actions.validation.labelLettersOrNumbers',\n              'Enter an event name using letters or numbers'\n            )\n          : null;\n  const fieldError = (field: ActionConfigError['field']) =>\n    error?.field === field ? (\n      <p id={`${fieldId}-${field}-error`} role=\"alert\" className=\"mt-1 text-sm text-[var(--color-status-error-text)]\">\n        {errorMessage}\n      </p>\n    ) : null;\n\n  return (\n    <Dialog open={isOpen} onOpenChange={(open) => !open && !isLoading && onClose()}>\n      {/* Sheets sit at z-120. This nested dialog must remain above its inspector. */}\n      <DialogContent\n        data-testid=\"action-config-dialog\"\n        showHandle={false}\n        style={{\n          width: 'min(500px, calc(100vw - 2rem))',\n          maxWidth: 'calc(100vw - 2rem)',\n          maxHeight: 'calc(100dvh - 2rem)',\n          padding: 0,\n          gap: 0,\n          zIndex: 140,\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n        onEscapeKeyDown={(event) => {\n          if (isLoading) event.preventDefault();\n        }}\n      >\n        <DialogHeader className=\"p-4 pr-12 text-left\">\n          <DialogTitle>\n            {isEditMode\n              ? t('bigconsole.widget.actions.header.editTitle', 'Edit Button')\n              : t('bigconsole.widget.actions.header.addTitle', 'Add Button')}\n          </DialogTitle>\n          <DialogDescription>\n            {isEditMode\n              ? t('bigconsole.widget.actions.header.editDescription', 'Update the button and what it does')\n              : t(\n                  'bigconsole.widget.actions.header.addDescription',\n                  'Add a button that sends this widget’s data to an API.'\n                )}\n          </DialogDescription>\n        </DialogHeader>\n        <form\n          onSubmit={handleSubmit}\n          noValidate\n          className=\"flex min-h-0 flex-col\"\n          style={{ maxHeight: 'calc(100dvh - 8rem)' }}\n        >\n          <div className=\"min-h-0 overflow-y-auto px-4 pb-4\">\n            {saveError && (\n              <Section\n                tone=\"danger\"\n                padding=\"compact\"\n                headingLevel={3}\n                title={t('bigconsole.widget.actions.validation.saveFailed', 'This button could not be saved')}\n                className=\"mb-4\"\n              >\n                <p role=\"alert\" className=\"break-words text-sm\">\n                  {saveError}\n                </p>\n              </Section>\n            )}\n            <div className=\"mb-4\">\n              <label htmlFor={`${fieldId}-label`} style={labelStyle}>\n                {t('bigconsole.widget.actions.field.buttonLabel', 'Button label')} *\n              </label>\n              <Input\n                id={`${fieldId}-label`}\n                ref={labelInputRef}\n                value={label}\n                onChange={(e) => handleLabelChange(e.target.value)}\n                placeholder={t(\n                  'bigconsole.widget.actions.field.buttonLabelPlaceholder',\n                  'e.g., Refresh Data, Export CSV'\n                )}\n                disabled={isLoading}\n                aria-required\n                aria-invalid={error?.field === 'label'}\n                aria-describedby={error?.field === 'label' ? `${fieldId}-label-error` : undefined}\n              />\n              {fieldError('label')}\n            </div>\n            <div className=\"mb-4\">\n              <p style={labelStyle}>{t('bigconsole.widget.actions.field.whenClicked', 'When clicked')}</p>\n              <p className=\"text-sm text-text-secondary\" data-testid=\"action-outcome-summary\">\n                {outcome === 'WEBHOOK'\n                  ? t('bigconsole.widget.actions.outcome.webhook.label', 'Send data to an API')\n                  : t('bigconsole.widget.actions.outcome.emit.label', 'Emit a custom event')}\n              </p>\n            </div>\n            {outcome === 'WEBHOOK' && (\n              <div className=\"mb-4\">\n                <label htmlFor={`${fieldId}-url`} style={labelStyle}>\n                  {t('bigconsole.widget.actions.webhook.urlLabel', 'Destination URL')} *\n                </label>\n                <Input\n                  id={`${fieldId}-url`}\n                  ref={urlInputRef}\n                  type=\"url\"\n                  value={webhookUrl}\n                  onChange={(e) => {\n                    webhookTouchedRef.current = true;\n                    setWebhookUrl(e.target.value);\n                    if (error?.field === 'url') setError(null);\n                  }}\n                  placeholder={t('bigconsole.widget.actions.webhook.urlPlaceholder', 'https://your-service.com/hook')}\n                  disabled={isLoading}\n                  aria-required\n                  aria-invalid={error?.field === 'url'}\n                  aria-describedby={error?.field === 'url' ? `${fieldId}-url-error` : `${fieldId}-url-hint`}\n                />\n                {fieldError('url')}\n                <p id={`${fieldId}-url-hint`} style={hintStyle}>\n                  {t(\n                    'bigconsole.widget.actions.webhook.payloadHint',\n                    \"The widget's current data is sent as the request payload.\"\n                  )}\n                </p>\n              </div>\n            )}\n            <button\n              type=\"button\"\n              onClick={() => setShowAdvanced((v) => !v)}\n              aria-expanded={showAdvanced}\n              aria-controls={`${fieldId}-options`}\n              className=\"flex min-h-10 items-center gap-2 text-sm font-medium\"\n              disabled={isLoading}\n            >\n              {showAdvanced ? <ChevronDown className=\"size-4\" /> : <ChevronRight className=\"size-4\" />}\n              {t('bigconsole.widget.actions.advanced.toggle', 'More options')}\n            </button>\n            {/* Collapse display, never reset the values used when submitting. */}\n            <div\n              id={`${fieldId}-options`}\n              hidden={!showAdvanced}\n              className=\"space-y-4 border-t border-border-subtle pt-4\"\n            >\n              <div>\n                <h3 style={groupHeadingStyle}>{t('bigconsole.widget.actions.options.appearance', 'Appearance')}</h3>\n                <div className=\"grid grid-cols-2 gap-3\">\n                  <div>\n                    <label id={`${fieldId}-style-label`} htmlFor={`${fieldId}-style`} style={labelStyle}>\n                      {t('bigconsole.widget.actions.field.style', 'Style')}\n                    </label>\n                    <Select\n                      value={style}\n                      onValueChange={(v) => {\n                        const selected = ACTION_STYLES.find((s) => s.value === v);\n                        if (selected) setStyle(selected.value);\n                      }}\n                      disabled={isLoading}\n                    >\n                      <SelectTrigger id={`${fieldId}-style`} aria-labelledby={`${fieldId}-style-label`}>\n                        <SelectValue />\n                      </SelectTrigger>\n                      <SelectContent style={selectContentStyle}>\n                        {ACTION_STYLES.map((s) => (\n                          <SelectItem key={s.value} value={s.value}>\n                            {s.label}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  </div>\n                  <div>\n                    <label id={`${fieldId}-icon-label`} htmlFor={`${fieldId}-icon`} style={labelStyle}>\n                      {t('bigconsole.widget.actions.field.icon', 'Icon')}\n                    </label>\n                    <Select\n                      value={icon || 'none'}\n                      onValueChange={(value) => setIcon(value === 'none' ? '' : value)}\n                      disabled={isLoading}\n                    >\n                      <SelectTrigger id={`${fieldId}-icon`} aria-labelledby={`${fieldId}-icon-label`}>\n                        <SelectValue />\n                      </SelectTrigger>\n                      <SelectContent style={{ ...selectContentStyle, maxHeight: '200px' }}>\n                        {ICON_OPTIONS.map((i) => (\n                          <SelectItem key={i.value || 'none'} value={i.value || 'none'}>\n                            {i.label}\n                          </SelectItem>\n                        ))}\n                      </SelectContent>\n                    </Select>\n                  </div>\n                </div>\n                <div className=\"mt-3 flex items-center gap-2 rounded-button bg-bg-sunken p-2\">\n                  <span className=\"text-sm text-text-muted\">\n                    {t('bigconsole.widget.actions.preview.label', 'Preview:')}\n                  </span>\n                  <span\n                    className=\"rounded-button px-3 py-1 text-sm\"\n                    style={{ backgroundColor: getStyleColor(style), color: 'var(--color-action-primary-text)' }}\n                  >\n                    {label || t('bigconsole.widget.actions.preview.buttonFallback', 'Button')}\n                  </span>\n                </div>\n              </div>\n              {outcome === 'WEBHOOK' && (\n                <div>\n                  <label id={`${fieldId}-method-label`} htmlFor={`${fieldId}-method`} style={labelStyle}>\n                    {t('bigconsole.widget.actions.webhook.methodLabel', 'Request method')}\n                  </label>\n                  <Select\n                    value={webhookMethod}\n                    onValueChange={(v) => {\n                      const method = HTTP_METHODS.find((m) => m === v);\n                      if (method) {\n                        webhookTouchedRef.current = true;\n                        setWebhookMethod(method);\n                      }\n                    }}\n                    disabled={isLoading}\n                  >\n                    <SelectTrigger id={`${fieldId}-method`} aria-labelledby={`${fieldId}-method-label`}>\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent style={selectContentStyle}>\n                      {HTTP_METHODS.map((m) => (\n                        <SelectItem key={m} value={m}>\n                          {m}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </div>\n              )}\n              <div>\n                <label className=\"flex items-center gap-2 text-sm\">\n                  <Checkbox\n                    checked={hasConfirmation}\n                    onCheckedChange={(c) => setHasConfirmation(c === true)}\n                    disabled={isLoading}\n                  />\n                  {t('bigconsole.widget.actions.confirm.toggleLabel', 'Ask for confirmation first')}\n                </label>\n                {hasConfirmation && (\n                  <div className=\"mt-3 space-y-3\">\n                    <label htmlFor={`${fieldId}-message`} style={labelStyle}>\n                      {t('bigconsole.widget.actions.confirm.messageLabel', 'Message')}\n                    </label>\n                    <Textarea\n                      id={`${fieldId}-message`}\n                      value={confirmMessage}\n                      onChange={(e) => setConfirmMessage(e.target.value)}\n                      rows={2}\n                      disabled={isLoading}\n                    />\n                    <details>\n                      <summary className=\"cursor-pointer text-sm text-text-secondary\">\n                        {t('bigconsole.widget.actions.confirm.customize', 'Customize confirmation labels')}\n                      </summary>\n                      <div className=\"mt-3 space-y-3\">\n                        <div>\n                          <label htmlFor={`${fieldId}-confirm-title`} style={labelStyle}>\n                            {t('bigconsole.widget.actions.confirm.dialogTitleLabel', 'Dialog Title')}\n                          </label>\n                          <Input\n                            id={`${fieldId}-confirm-title`}\n                            value={confirmTitle}\n                            onChange={(e) => setConfirmTitle(e.target.value)}\n                            disabled={isLoading}\n                          />\n                        </div>\n                        <div>\n                          <label htmlFor={`${fieldId}-confirm-label`} style={labelStyle}>\n                            {t('bigconsole.widget.actions.confirm.confirmButtonLabel', 'Confirm Button')}\n                          </label>\n                          <Input\n                            id={`${fieldId}-confirm-label`}\n                            value={confirmLabel}\n                            onChange={(e) => setConfirmLabel(e.target.value)}\n                            disabled={isLoading}\n                          />\n                        </div>\n                        <div>\n                          <label htmlFor={`${fieldId}-cancel-label`} style={labelStyle}>\n                            {t('bigconsole.widget.actions.confirm.cancelButtonLabel', 'Cancel Button')}\n                          </label>\n                          <Input\n                            id={`${fieldId}-cancel-label`}\n                            value={cancelLabel}\n                            onChange={(e) => setCancelLabel(e.target.value)}\n                            disabled={isLoading}\n                          />\n                        </div>\n                      </div>\n                    </details>\n                  </div>\n                )}\n              </div>\n              <div>\n                <label className=\"flex items-center gap-2 text-sm\">\n                  <Checkbox\n                    checked={outcome === 'EMIT'}\n                    onCheckedChange={(checked) => {\n                      webhookTouchedRef.current = true;\n                      setOutcome(checked === true ? 'EMIT' : 'WEBHOOK');\n                      setError(null);\n                    }}\n                    disabled={isLoading}\n                  />\n                  {t('bigconsole.widget.actions.options.customEvent', 'Use a custom event instead of calling an API')}\n                </label>\n                <p style={hintStyle}>\n                  {t(\n                    'bigconsole.widget.actions.outcome.emit.hint',\n                    'For integrations configured in Webhooks / Events.'\n                  )}\n                </p>\n                <div className=\"mt-3\">\n                  <label htmlFor={`${fieldId}-name`} style={labelStyle}>\n                    {t('bigconsole.widget.actions.advanced.eventNameLabel', 'Event name (id)')}\n                  </label>\n                  <Input\n                    id={`${fieldId}-name`}\n                    ref={nameInputRef}\n                    value={isEditMode && action ? action.name : name}\n                    onChange={(e) => {\n                      setName(e.target.value);\n                      setNameEdited(true);\n                      if (error?.field === 'name') setError(null);\n                    }}\n                    disabled={isLoading || isEditMode}\n                    aria-invalid={error?.field === 'name'}\n                    aria-describedby={error?.field === 'name' ? `${fieldId}-name-error` : undefined}\n                  />\n                  {fieldError('name')}\n                  <p style={hintStyle}>\n                    <code>\n                      widget:{isEditMode && action ? action.name : slugifyActionName(name || label) || '<name>'}:clicked\n                    </code>\n                  </p>\n                </div>\n              </div>\n              <div className=\"flex flex-wrap gap-4 text-sm\">\n                <label className=\"flex items-center gap-2\">\n                  <Checkbox checked={disabled} onCheckedChange={(c) => setDisabled(c === true)} disabled={isLoading} />\n                  {t('bigconsole.widget.actions.advanced.disabled', 'Disabled')}\n                </label>\n                <label className=\"flex items-center gap-2\">\n                  <Checkbox checked={hidden} onCheckedChange={(c) => setHidden(c === true)} disabled={isLoading} />\n                  {t('bigconsole.widget.actions.advanced.hidden', 'Hidden')}\n                </label>\n              </div>\n            </div>\n          </div>\n          <DialogFooter className=\"shrink-0 border-t border-border-subtle bg-bg-sunken p-4\">\n            <Button type=\"button\" variant=\"outline\" onClick={onClose} disabled={isLoading}>\n              {t('bigconsole.widget.actions.footer.cancel', 'Cancel')}\n            </Button>\n            <PermissionButton\n              permission={\n                isEditMode ? BIGCONSOLE_PERMISSIONS.WIDGET_ACTION_UPDATE : BIGCONSOLE_PERMISSIONS.WIDGET_ACTION_CREATE\n              }\n              deniedBehavior=\"disable\"\n            >\n              <Button type=\"submit\" disabled={isLoading}>\n                {isLoading ? (\n                  <>\n                    <Spinner className=\"size-4\" />\n                    {t('bigconsole.widget.actions.footer.saving', 'Saving...')}\n                  </>\n                ) : isEditMode ? (\n                  t('bigconsole.widget.actions.footer.updateButton', 'Update Button')\n                ) : (\n                  t('bigconsole.widget.actions.footer.addButton', 'Add Button')\n                )}\n              </Button>\n            </PermissionButton>\n          </DialogFooter>\n        </form>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\nexport default ActionConfigDialog;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/DrilldownConfigPanel.d.ts

@@ -23,3 +23,4 @@ export interface DrilldownConfig {
 }
 export declare const DrilldownConfigPanel: FC<DrilldownConfigPanelProps>;
 export default DrilldownConfigPanel;
+//# sourceMappingURL=DrilldownConfigPanel.d.ts.map

package/dist/bigconsole/components/widgets/DrilldownConfigPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrilldownConfigPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/widgets/DrilldownConfigPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAmD,MAAM,OAAO,CAAC;AAGjF,OAAO,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AA0C1D,MAAM,WAAW,yBAAyB;IACxC,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0EAA0E;IAC1E,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzC,yDAAyD;IACzD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAC;CAClB;AA6DD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAkjB7D,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

package/dist/bigconsole/components/widgets/DrilldownConfigPanel.js

@@ -476,3 +476,5 @@ var S = a(function({ widget: a, onChange: S, widgetData: C }) {
 });
 //#endregion
 export { S as default };
+
+//# sourceMappingURL=DrilldownConfigPanel.js.map

package/dist/bigconsole/components/widgets/DrilldownConfigPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrilldownConfigPanel.js","names":[],"sources":["../../../../src/bigconsole/components/widgets/DrilldownConfigPanel.tsx"],"sourcesContent":["/**\n * DrilldownConfigPanel Component\n *\n * UI for configuring widget drilldown settings.\n * Allows selecting the target (a page of this dashboard, or another dashboard\n * and optionally one of its pages), navigation mode, and parameter mappings.\n *\n * Features:\n * - Target page (BOFF-7625): same-dashboard drilldowns must pick another page;\n *   other dashboards default to their first page\n * - Searchable dashboard picker; a saved target that was archived, deleted or\n *   unshared is flagged as unavailable\n * - passGlobalFilters: Pass current dashboard filters to target\n * - maxDepth: Limit drilldown depth (default: 3)\n * - Field suggestions based on widget data\n */\n\nimport { type FC, memo, useState, useEffect, useCallback, useMemo } from 'react';\nimport { useApolloClient, useQuery } from '@apollo/client/react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { Widget, NavigationMode } from '../../types';\nimport {\n  GetDrilldownTargetDashboardDocument,\n  GetWidgetDrilldownTargetDocument,\n  ListDashboardsDocument,\n  type GetDrilldownTargetDashboardQuery,\n  type GetDrilldownTargetDashboardQueryVariables,\n  type GetWidgetDrilldownTargetQuery,\n  type GetWidgetDrilldownTargetQueryVariables,\n  type ListDashboardsQuery,\n  type ListDashboardsQueryVariables,\n} from '../../../generated/wspace-operations';\nimport { DEFAULT_MAX_DEPTH } from '../../hooks/useDrilldown';\nimport { Section, SECTION_FOCUS_RING } from '../common';\n\n/**\n * Shared recipes for the raw controls in this panel. The panel predates the\n * fe-libs form primitives and previously used literal Tailwind palette colours\n * (`bg-gray-300`, `bg-white`, `text-white`, `bg-amber-100`), which ignore the\n * theme entirely — a white switch knob on a light track is invisible in dark\n * mode. Everything below resolves through semantic tokens (BOFF-5636).\n */\n/**\n * Chrome only — no width or horizontal padding. Those are per-call-site, because\n * appending `w-auto`/`px-2` to a recipe that already carries `w-full`/`px-3`\n * leaves the winner to Tailwind's internal utility ordering rather than to the\n * author.\n */\nconst RAW_CONTROL_CHROME =\n  'min-h-control-md rounded-input border border-[var(--color-border-subtle)] bg-bg-surface py-2 text-sm text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface';\n\n/** Full-bleed form control: the common case in this panel. */\nconst RAW_CONTROL_CLASSES = `${RAW_CONTROL_CHROME} w-full px-3`;\n\nconst SWITCH_TRACK_ON = 'bg-action-primary-bg border-action-primary-bg';\nconst SWITCH_TRACK_OFF = 'bg-bg-sunken border-[var(--color-border-strong)]';\nconst SWITCH_KNOB = 'bg-bg-surface shadow-[var(--shadow-elevation-1)]';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownConfigPanelProps {\n  /** Widget to configure drilldown for */\n  widget: Widget;\n  /** Callback when drilldown settings change (for tracking unsaved changes) */\n  onChange?: (config: DrilldownConfig) => void;\n  /** Sample widget data for field suggestions */\n  widgetData?: Record<string, unknown>;\n}\n\nexport interface DrilldownConfig {\n  enabled: boolean;\n  targetDashboardId: string;\n  /** Page of the target dashboard; null opens its first page (BOFF-7625) */\n  targetPageId: string | null;\n  navigationMode: NavigationMode;\n  parameterMapping: Record<string, string>;\n  /** Whether to pass global filters to target dashboard */\n  passGlobalFilters: boolean;\n  /** Maximum drilldown depth (default: 3) */\n  maxDepth: number;\n}\n\ninterface DashboardOption {\n  id: string;\n  name: string;\n}\n\ninterface PageOption {\n  id: string;\n  name: string;\n  order: number;\n}\n\n/** Page size for the searchable dashboard picker. */\nconst DASHBOARD_PICKER_PAGE_SIZE = 50;\n/** Debounce for the dashboard picker search box. */\nconst DASHBOARD_SEARCH_DEBOUNCE_MS = 250;\n\ninterface ParameterMapping {\n  key: string;\n  value: string;\n}\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Extract available fields from widget data for field suggestions\n */\nfunction extractFieldPaths(obj: unknown, prefix = ''): string[] {\n  if (!obj || typeof obj !== 'object') return [];\n\n  const paths: string[] = [];\n\n  // Handle arrays - use first element as template\n  if (Array.isArray(obj)) {\n    if (obj.length > 0 && typeof obj[0] === 'object') {\n      return extractFieldPaths(obj[0], prefix);\n    }\n    return [];\n  }\n\n  // Handle objects\n  for (const [key, value] of Object.entries(obj as Record<string, unknown>)) {\n    const path = prefix ? `${prefix}.${key}` : key;\n    paths.push(path);\n\n    // Recurse into nested objects (but not too deep)\n    if (value && typeof value === 'object' && !Array.isArray(value) && prefix.split('.').length < 2) {\n      paths.push(...extractFieldPaths(value, path));\n    }\n  }\n\n  return paths;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownConfigPanel: FC<DrilldownConfigPanelProps> = memo(function DrilldownConfigPanel({\n  widget,\n  onChange,\n  widgetData,\n}) {\n  const { t } = useI18n();\n  const apolloClient = useApolloClient();\n\n  // State\n  const [enabled, setEnabled] = useState(widget.drilldown?.enabled ?? false);\n  const [targetDashboardId, setTargetDashboardId] = useState(widget.drilldown?.targetDashboardId ?? '');\n  const [targetPageId, setTargetPageId] = useState<string | null>(widget.drilldown?.targetPageId ?? null);\n  const [navigationMode, setNavigationMode] = useState<NavigationMode>(widget.drilldown?.navigationMode ?? 'MODAL');\n  const [passGlobalFilters, setPassGlobalFilters] = useState(widget.drilldown?.passGlobalFilters ?? true);\n  const [maxDepth, setMaxDepth] = useState(widget.drilldown?.maxDepth ?? DEFAULT_MAX_DEPTH);\n  const [parameterMappings, setParameterMappings] = useState<ParameterMapping[]>(() => {\n    const mapping = widget.drilldown?.parameterMapping as Record<string, string> | undefined;\n    if (mapping) {\n      return Object.entries(mapping).map(([key, value]) => ({ key, value }));\n    }\n    return [{ key: '', value: '' }];\n  });\n\n  const [dashboards, setDashboards] = useState<DashboardOption[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [dashboardsError, setDashboardsError] = useState(false);\n  const [dashboardSearch, setDashboardSearch] = useState('');\n  const [showFieldSuggestions, setShowFieldSuggestions] = useState<number | null>(null);\n\n  const currentDashboardId = widget.dashboardId ?? '';\n  const isSameDashboard = !!targetDashboardId && targetDashboardId === currentDashboardId;\n\n  // Saved target as the server resolves it: null means archived, deleted or no\n  // longer readable by this user (BOFF-7625).\n  const savedDrilldownId = widget.drilldown?.id;\n  const { data: savedTargetData } = useQuery<GetWidgetDrilldownTargetQuery, GetWidgetDrilldownTargetQueryVariables>(\n    GetWidgetDrilldownTargetDocument,\n    {\n      variables: { widgetId: widget.id },\n      skip: !savedDrilldownId,\n      fetchPolicy: 'cache-and-network',\n    }\n  );\n  const savedTarget = savedTargetData?.getWidget?.drilldown;\n  const savedTargetUnavailable =\n    !!savedDrilldownId &&\n    !!savedTargetData &&\n    !savedTarget?.targetDashboard &&\n    targetDashboardId === (widget.drilldown?.targetDashboardId ?? '');\n\n  // Pages of the selected target, for the page picker.\n  const { data: targetPagesData, loading: targetPagesLoading } = useQuery<\n    GetDrilldownTargetDashboardQuery,\n    GetDrilldownTargetDashboardQueryVariables\n  >(GetDrilldownTargetDashboardDocument, {\n    variables: { id: targetDashboardId },\n    skip: !targetDashboardId,\n    fetchPolicy: 'cache-first',\n  });\n  const targetPages = useMemo<PageOption[]>(() => {\n    const edges = targetPagesData?.getDashboard?.pages?.edges ?? [];\n    return edges\n      .map((edge) => edge?.node)\n      .filter((node): node is NonNullable<typeof node> => !!node)\n      .map((node) => ({ id: node.id, name: node.name ?? '', order: node.order ?? 0 }))\n      .sort((a, b) => a.order - b.order);\n  }, [targetPagesData]);\n  // A same-dashboard drilldown to the widget's own page would be a no-op.\n  const selectablePages = useMemo(\n    () => (isSameDashboard ? targetPages.filter((page) => page.id !== widget.pageId) : targetPages),\n    [isSameDashboard, targetPages, widget.pageId]\n  );\n  const samePageMissing = enabled && isSameDashboard && !targetPageId;\n\n  // Extract available field paths from widget data\n  const availableFields = useMemo(() => {\n    if (!widgetData) return [];\n\n    // Common prefixes for different widget types\n    const prefixes = ['row', 'item', 'point', 'selectedData'];\n    const fields = extractFieldPaths(widgetData);\n\n    // Generate mustache-style suggestions\n    const suggestions: string[] = [];\n    for (const field of fields) {\n      for (const prefix of prefixes) {\n        suggestions.push(`{{${prefix}.${field}}}`);\n      }\n    }\n\n    // Add common widget data fields\n    suggestions.push('{{widget.value}}', '{{widget.title}}', '{{widget.id}}');\n    suggestions.push('{{globals.vars.dateFrom}}', '{{globals.vars.dateTo}}');\n\n    return [...new Set(suggestions)];\n  }, [widgetData]);\n\n  // Notify parent of changes\n  const notifyChange = useCallback(() => {\n    const parameterMapping: Record<string, string> = {};\n    for (const { key, value } of parameterMappings) {\n      if (key.trim() && value.trim()) {\n        parameterMapping[key.trim()] = value.trim();\n      }\n    }\n    onChange?.({\n      enabled,\n      targetDashboardId,\n      targetPageId,\n      navigationMode,\n      parameterMapping,\n      passGlobalFilters,\n      maxDepth,\n    });\n  }, [\n    enabled,\n    targetDashboardId,\n    targetPageId,\n    navigationMode,\n    parameterMappings,\n    passGlobalFilters,\n    maxDepth,\n    onChange,\n  ]);\n\n  // Call notifyChange when any value changes\n  useEffect(() => {\n    notifyChange();\n  }, [\n    enabled,\n    targetDashboardId,\n    targetPageId,\n    navigationMode,\n    parameterMappings,\n    passGlobalFilters,\n    maxDepth,\n    notifyChange,\n  ]);\n\n  // Fetch dashboards for the picker. `listDashboards` only returns dashboards\n  // the caller can read, so an inaccessible dashboard can never be picked.\n  useEffect(() => {\n    let cancelled = false;\n    const timer = setTimeout(async () => {\n      setLoading(true);\n      setDashboardsError(false);\n      try {\n        const search = dashboardSearch.trim();\n        const result = await apolloClient.query<ListDashboardsQuery, ListDashboardsQueryVariables>({\n          query: ListDashboardsDocument,\n          variables: {\n            first: DASHBOARD_PICKER_PAGE_SIZE,\n            ...(search ? { search } : {}),\n          },\n          fetchPolicy: 'cache-first',\n        });\n        if (cancelled) return;\n        const edges = result.data?.listDashboards?.edges ?? [];\n        setDashboards(\n          edges\n            .map((edge) => edge?.node)\n            .filter((node): node is NonNullable<typeof node> => !!node)\n            .map((node) => ({ id: node.id, name: node.name }))\n        );\n      } catch {\n        if (!cancelled) setDashboardsError(true);\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    }, DASHBOARD_SEARCH_DEBOUNCE_MS);\n\n    return () => {\n      cancelled = true;\n      clearTimeout(timer);\n    };\n  }, [apolloClient, dashboardSearch]);\n\n  // Options for the dashboard select: this dashboard first, then the others,\n  // plus the saved target when the current search does not include it.\n  const dashboardOptions = useMemo<DashboardOption[]>(() => {\n    const others = dashboards.filter((d) => d.id !== currentDashboardId);\n    if (\n      targetDashboardId &&\n      targetDashboardId !== currentDashboardId &&\n      !others.some((d) => d.id === targetDashboardId)\n    ) {\n      const savedName =\n        savedTarget?.targetDashboard?.id === targetDashboardId ? savedTarget.targetDashboard.name : undefined;\n      others.unshift({\n        id: targetDashboardId,\n        name: savedName ?? t('bigconsole.widget.drilldown.unavailableDashboard', 'Unavailable dashboard'),\n      });\n    }\n    return others;\n  }, [dashboards, currentDashboardId, targetDashboardId, savedTarget, t]);\n\n  const handleTargetDashboardChange = useCallback((nextDashboardId: string) => {\n    setTargetDashboardId(nextDashboardId);\n    // A page belongs to exactly one dashboard.\n    setTargetPageId(null);\n  }, []);\n\n  // Add parameter mapping row\n  const addParameterMapping = useCallback(() => {\n    setParameterMappings((prev) => [...prev, { key: '', value: '' }]);\n  }, []);\n\n  // Remove parameter mapping row\n  const removeParameterMapping = useCallback((index: number) => {\n    setParameterMappings((prev) => prev.filter((_, i) => i !== index));\n  }, []);\n\n  // Update parameter mapping\n  const updateParameterMapping = useCallback((index: number, field: 'key' | 'value', newValue: string) => {\n    setParameterMappings((prev) => prev.map((item, i) => (i === index ? { ...item, [field]: newValue } : item)));\n  }, []);\n\n  return (\n    <div className=\"min-w-0 space-y-form-gap\">\n      {/* Enable Toggle */}\n      <div className=\"flex min-w-0 flex-wrap items-center justify-between gap-2 rounded-card border border-[var(--color-border-subtle)] bg-bg-surface p-3\">\n        <label htmlFor=\"drilldown-enable\" className=\"text-sm font-medium text-text-primary\">\n          {t('bigconsole.widget.drilldown.enableLabel', 'Enable Drilldown')}\n        </label>\n        <button\n          id=\"drilldown-enable\"\n          type=\"button\"\n          role=\"switch\"\n          aria-checked={enabled}\n          onClick={() => setEnabled(!enabled)}\n          className={`relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border motion-safe:transition-colors ${SECTION_FOCUS_RING} ${\n            enabled ? SWITCH_TRACK_ON : SWITCH_TRACK_OFF\n          }`}\n        >\n          <span\n            className={`inline-block h-4 w-4 transform rounded-full motion-safe:transition-transform ${SWITCH_KNOB} ${\n              enabled ? 'translate-x-6' : 'translate-x-1'\n            }`}\n          />\n        </button>\n      </div>\n\n      {enabled && (\n        <>\n          {/* Target Dashboard */}\n          <div>\n            <label htmlFor=\"drilldown-target\" className=\"mb-1 block text-sm font-medium text-text-primary\">\n              {t('bigconsole.widget.drilldown.targetDashboardLabel', 'Target Dashboard')}\n            </label>\n            <input\n              type=\"search\"\n              value={dashboardSearch}\n              onChange={(e) => setDashboardSearch(e.target.value)}\n              placeholder={t('bigconsole.widget.drilldown.searchDashboards', 'Search dashboards...')}\n              aria-label={t('bigconsole.widget.drilldown.searchDashboards', 'Search dashboards...')}\n              className={`${RAW_CONTROL_CLASSES} mb-2`}\n              data-testid=\"drilldown-dashboard-search\"\n            />\n            <select\n              id=\"drilldown-target\"\n              value={targetDashboardId}\n              onChange={(e) => handleTargetDashboardChange(e.target.value)}\n              className={RAW_CONTROL_CLASSES}\n              data-testid=\"drilldown-target-dashboard\"\n            >\n              <option value=\"\">{t('bigconsole.widget.drilldown.selectDashboard', 'Select a dashboard...')}</option>\n              {currentDashboardId && (\n                <option value={currentDashboardId}>\n                  {t('bigconsole.widget.drilldown.thisDashboard', 'This dashboard (another page)')}\n                </option>\n              )}\n              {dashboardOptions.map((dashboard) => (\n                <option key={dashboard.id} value={dashboard.id}>\n                  {dashboard.name}\n                </option>\n              ))}\n            </select>\n            {loading && (\n              <p className=\"mt-1 text-xs text-text-muted\" role=\"status\">\n                {t('bigconsole.widget.drilldown.loadingDashboards', 'Loading dashboards...')}\n              </p>\n            )}\n            {dashboardsError && (\n              <p className=\"mt-1 text-xs text-[var(--color-status-error-text)]\" role=\"alert\">\n                {t('bigconsole.widget.drilldown.dashboardsLoadError', 'Could not load dashboards. Try again.')}\n              </p>\n            )}\n          </div>\n\n          {/* Target Page */}\n          {targetDashboardId && (\n            <div>\n              <label htmlFor=\"drilldown-target-page\" className=\"mb-1 block text-sm font-medium text-text-primary\">\n                {t('bigconsole.widget.drilldown.targetPageLabel', 'Target Page')}\n              </label>\n              <select\n                id=\"drilldown-target-page\"\n                value={targetPageId ?? ''}\n                onChange={(e) => setTargetPageId(e.target.value || null)}\n                disabled={targetPagesLoading}\n                aria-invalid={samePageMissing}\n                className={RAW_CONTROL_CLASSES}\n                data-testid=\"drilldown-target-page\"\n              >\n                <option value=\"\">\n                  {isSameDashboard\n                    ? t('bigconsole.widget.drilldown.selectPage', 'Select a page...')\n                    : t('bigconsole.widget.drilldown.firstPage', 'First page (default)')}\n                </option>\n                {selectablePages.map((page, index) => (\n                  <option key={page.id} value={page.id}>\n                    {page.name || t('bigconsole.dashboards.view.pageName', 'Page {{count}}', { count: index + 1 })}\n                  </option>\n                ))}\n              </select>\n              {samePageMissing && (\n                <p className=\"mt-1 text-xs text-[var(--color-status-error-text)]\" role=\"alert\">\n                  {selectablePages.length === 0 && !targetPagesLoading\n                    ? t(\n                        'bigconsole.widget.drilldown.noOtherPages',\n                        'This dashboard has no other page. Add a page, or pick another dashboard.'\n                      )\n                    : t('bigconsole.widget.drilldown.samePageRequired', 'Pick the page of this dashboard to open.')}\n                </p>\n              )}\n            </div>\n          )}\n\n          {savedTargetUnavailable && (\n            <Section\n              tone=\"warning\"\n              padding=\"compact\"\n              headingLevel={4}\n              title={t('bigconsole.widget.drilldown.unavailableTitle', 'Target unavailable')}\n              data-testid=\"drilldown-target-unavailable\"\n            >\n              <p className=\"text-xs text-text-secondary\">\n                {t(\n                  'bigconsole.widget.drilldown.unavailableHelp',\n                  'The target dashboard was deleted, archived, or is no longer shared with you. Viewers see a notice instead of navigating. Pick another target.'\n                )}\n              </p>\n            </Section>\n          )}\n\n          {/* Navigation Mode */}\n          <div>\n            <p className=\"mb-1 text-sm font-medium text-text-primary\" id=\"drilldown-nav-mode-label\">\n              {t('bigconsole.widget.drilldown.navigationModeLabel', 'Navigation Mode')}\n            </p>\n            <div className=\"flex flex-wrap gap-2\" role=\"group\" aria-labelledby=\"drilldown-nav-mode-label\">\n              {(['MODAL', 'NEW_TAB', 'SAME_WINDOW'] as NavigationMode[]).map((mode) => (\n                <button\n                  key={mode}\n                  type=\"button\"\n                  aria-pressed={navigationMode === mode}\n                  onClick={() => setNavigationMode(mode)}\n                  className={`min-h-control-md min-w-[7rem] flex-1 rounded-button px-3 text-sm font-medium motion-safe:transition-colors ${SECTION_FOCUS_RING} ${\n                    navigationMode === mode\n                      ? 'bg-action-primary-bg text-action-primary-text'\n                      : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\n                  }`}\n                >\n                  {mode === 'MODAL' && t('bigconsole.widget.drilldown.mode.modal', 'Modal')}\n                  {mode === 'NEW_TAB' && t('bigconsole.widget.drilldown.mode.newTab', 'New Tab')}\n                  {mode === 'SAME_WINDOW' && t('bigconsole.widget.drilldown.mode.sameWindow', 'Same Window')}\n                </button>\n              ))}\n            </div>\n            <p className=\"mt-1 text-xs text-text-muted\">\n              {navigationMode === 'MODAL' &&\n                t('bigconsole.widget.drilldown.modeHelp.modal', 'Opens the target in a modal overlay')}\n              {navigationMode === 'NEW_TAB' &&\n                t('bigconsole.widget.drilldown.modeHelp.newTab', 'Opens the target in a new browser tab')}\n              {navigationMode === 'SAME_WINDOW' &&\n                t(\n                  'bigconsole.widget.drilldown.modeHelp.sameWindow',\n                  'Navigates to the target in the current window; Back returns here'\n                )}\n            </p>\n          </div>\n\n          {/* Parameter Mappings */}\n          <div>\n            <div className=\"mb-2 flex flex-wrap items-center justify-between gap-2\">\n              <p className=\"text-sm font-medium text-text-primary\">\n                {t('bigconsole.widget.drilldown.parameterMappingsLabel', 'Parameter Mappings')}\n              </p>\n              <button\n                type=\"button\"\n                onClick={addParameterMapping}\n                className={`rounded-button px-1 text-xs text-text-link hover:underline ${SECTION_FOCUS_RING}`}\n              >\n                {t('bigconsole.widget.drilldown.addParameter', '+ Add Parameter')}\n              </button>\n            </div>\n\n            <div className=\"space-y-2\">\n              {parameterMappings.map((mapping, index) => (\n                <div key={index} className=\"relative\">\n                  <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n                    <input\n                      type=\"text\"\n                      value={mapping.key}\n                      onChange={(e) => updateParameterMapping(index, 'key', e.target.value)}\n                      placeholder={t('bigconsole.widget.drilldown.parameterNamePlaceholder', 'Parameter name')}\n                      aria-label={`Parameter ${index + 1} name`}\n                      className={`${RAW_CONTROL_CLASSES} min-w-[7rem] flex-1`}\n                    />\n                    <span aria-hidden=\"true\" className=\"text-text-muted\">\n                      =\n                    </span>\n                    <div className=\"relative min-w-[7rem] flex-1\">\n                      <input\n                        type=\"text\"\n                        value={mapping.value}\n                        onChange={(e) => updateParameterMapping(index, 'value', e.target.value)}\n                        onFocus={() => setShowFieldSuggestions(index)}\n                        onBlur={() => setTimeout(() => setShowFieldSuggestions(null), 200)}\n                        placeholder={t(\n                          'bigconsole.widget.drilldown.parameterValuePlaceholder',\n                          '{{row.field}} or static'\n                        )}\n                        aria-label={`Parameter ${index + 1} value`}\n                        className={RAW_CONTROL_CLASSES}\n                      />\n                      {/* Field suggestions dropdown */}\n                      {showFieldSuggestions === index && availableFields.length > 0 && (\n                        <div className=\"absolute left-0 right-0 top-full z-10 mt-1 max-h-40 overflow-y-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-surface shadow-[var(--shadow-elevation-2)]\">\n                          {availableFields.slice(0, 10).map((field) => (\n                            <button\n                              key={field}\n                              type=\"button\"\n                              onClick={() => {\n                                updateParameterMapping(index, 'value', field);\n                                setShowFieldSuggestions(null);\n                              }}\n                              className={`w-full px-3 py-1.5 text-left font-mono text-xs text-text-primary hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n                            >\n                              {field}\n                            </button>\n                          ))}\n                        </div>\n                      )}\n                    </div>\n                    {parameterMappings.length > 1 && (\n                      <button\n                        type=\"button\"\n                        onClick={() => removeParameterMapping(index)}\n                        aria-label={`Remove parameter ${index + 1}`}\n                        className={`rounded-button p-1 text-text-muted hover:text-[var(--color-status-error-text)] ${SECTION_FOCUS_RING}`}\n                      >\n                        <svg className=\"h-icon-sm w-icon-sm\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n                        </svg>\n                      </button>\n                    )}\n                  </div>\n                </div>\n              ))}\n            </div>\n\n            <p className=\"mt-2 text-xs text-text-muted\">\n              {t('bigconsole.widget.drilldown.paramHelp.usePrefix', 'Use')}{' '}\n              <code className=\"px-1 bg-bg-sunken rounded\">{'{{row.field}}'}</code>{' '}\n              {t('bigconsole.widget.drilldown.paramHelp.useSuffix', 'for dynamic values or enter static text.')}\n              <br />\n              {t('bigconsole.widget.drilldown.paramHelp.examples', 'Examples:')}{' '}\n              <code className=\"px-1 bg-bg-sunken rounded\">{'{{row.category}}'}</code>,{' '}\n              <code className=\"px-1 bg-bg-sunken rounded\">{'{{item.id}}'}</code>,{' '}\n              <code className=\"px-1 bg-bg-sunken rounded\">{'{{globals.vars.dateFrom}}'}</code>\n            </p>\n          </div>\n\n          {/* Advanced Options — a nested block, so it steps down to `muted` */}\n          <Section\n            emphasis=\"muted\"\n            padding=\"compact\"\n            headingLevel={4}\n            title={t('bigconsole.widget.drilldown.advancedOptions', 'Advanced Options')}\n            description={t(\n              'bigconsole.widget.drilldown.advancedOptionsHelp',\n              'Rarely changed. Defaults suit most drilldowns.'\n            )}\n            data-testid=\"drilldown-advanced\"\n          >\n            <div className=\"flex flex-col gap-2\">\n              {/* Pass Global Filters */}\n              <div className=\"flex min-w-0 flex-wrap items-center justify-between gap-2 rounded-button bg-bg-surface p-2\">\n                <div className=\"min-w-0\">\n                  <label htmlFor=\"drilldown-pass-filters\" className=\"text-sm text-text-primary\">\n                    {t('bigconsole.widget.drilldown.passGlobalFiltersLabel', 'Pass Global Filters')}\n                  </label>\n                  <p className=\"text-xs text-text-muted\">\n                    {t(\n                      'bigconsole.widget.drilldown.passGlobalFiltersHelp',\n                      'Include current dashboard filters in drilldown'\n                    )}\n                  </p>\n                </div>\n                <button\n                  id=\"drilldown-pass-filters\"\n                  type=\"button\"\n                  role=\"switch\"\n                  aria-checked={passGlobalFilters}\n                  onClick={() => setPassGlobalFilters(!passGlobalFilters)}\n                  className={`relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border motion-safe:transition-colors ${SECTION_FOCUS_RING} ${\n                    passGlobalFilters ? SWITCH_TRACK_ON : SWITCH_TRACK_OFF\n                  }`}\n                >\n                  <span\n                    className={`inline-block h-3 w-3 transform rounded-full motion-safe:transition-transform ${SWITCH_KNOB} ${\n                      passGlobalFilters ? 'translate-x-5' : 'translate-x-1'\n                    }`}\n                  />\n                </button>\n              </div>\n\n              {/* Max Depth */}\n              <div className=\"flex min-w-0 flex-wrap items-center justify-between gap-2 rounded-button bg-bg-surface p-2\">\n                <div className=\"min-w-0\">\n                  <label htmlFor=\"drilldown-max-depth\" className=\"text-sm text-text-primary\">\n                    {t('bigconsole.widget.drilldown.maxDepthLabel', 'Max Drilldown Depth')}\n                  </label>\n                  <p className=\"text-xs text-text-muted\">\n                    {t('bigconsole.widget.drilldown.maxDepthHelp', 'Limit nested drilldown levels')}\n                  </p>\n                </div>\n                <select\n                  id=\"drilldown-max-depth\"\n                  value={maxDepth}\n                  onChange={(e) => setMaxDepth(Number(e.target.value))}\n                  className={`${RAW_CONTROL_CHROME} w-auto min-w-[4rem] shrink-0 px-2`}\n                >\n                  {[1, 2, 3, 4, 5].map((n) => (\n                    <option key={n} value={n}>\n                      {n}\n                    </option>\n                  ))}\n                </select>\n              </div>\n            </div>\n          </Section>\n        </>\n      )}\n\n      {/* Info when drilldown will be removed */}\n      {!enabled && widget.drilldown?.id && (\n        <Section\n          tone=\"warning\"\n          padding=\"compact\"\n          headingLevel={4}\n          title={t('bigconsole.widget.drilldown.removalTitle', 'Drilldown will be removed')}\n          data-testid=\"drilldown-removal-notice\"\n        >\n          <p className=\"text-xs text-text-secondary\">\n            {t('bigconsole.widget.drilldown.removalWarning', 'Drilldown will be removed when you save changes.')}\n          </p>\n        </Section>\n      )}\n    </div>\n  );\n});\n\nexport default DrilldownConfigPanel;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/PropertiesPanel.d.ts

@@ -6,3 +6,4 @@ export interface PropertiesPanelProps {
 }
 export declare const PropertiesPanel: FC<PropertiesPanelProps>;
 export default PropertiesPanel;
+//# sourceMappingURL=PropertiesPanel.d.ts.map

package/dist/bigconsole/components/widgets/PropertiesPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesPanel.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/widgets/PropertiesPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAc,EAAE,KAAK,EAAE,EAA2D,MAAM,OAAO,CAAC;AAmJhG,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAqWD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA0kDnD,CAAC;AAEH,eAAe,eAAe,CAAC"}