@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.11

package/dist/bigconsole/components/DrilldownDashboardRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrilldownDashboardRenderer.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownDashboardRenderer.tsx"],"sourcesContent":["/**\n * DrilldownDashboardRenderer Component\n *\n * Renders a dashboard inside the DrilldownModal.\n * Fetches dashboard data and displays the target page's widgets (the page named\n * by the drilldown, else the first page) with passed parameters (BOFF-7625).\n */\n\nimport { type FC, memo, useEffect, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport type { Widget } from '../types';\nimport { WidgetWrapper } from './widgets/WidgetWrapper';\nimport { Section, SectionStack } from './common';\nimport { ListWidgetsByDashboardDocument, GetDashboardDocument } from '../../generated/wspace-operations';\nimport { mapFromFederationWidgetType } from '../utils/widgetTypeMapping';\nimport { MODAL_TARGET_PAGE_PARAM } from '../hooks/useDrilldown';\nimport { getVisibleDrilldownParams } from '../utils/drilldownParams';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownDashboardRendererProps {\n  /** Target dashboard ID to render */\n  dashboardId: string;\n  live?: boolean;\n  refreshRevision?: number;\n  /** Parameters passed from drilldown (can be used for filtering) */\n  params: Record<string, unknown>;\n}\n\ninterface DashboardData {\n  id: string;\n  name: string;\n  description?: string;\n  pages: Array<{\n    id: string;\n    name: string;\n  }>;\n}\n\n// ============================================================================\n// Helper: Normalize widget from GraphQL\n// ============================================================================\n\nfunction normalizeWidget(raw: Record<string, unknown>, index: number): Widget {\n  // For drilldown modal, stack widgets vertically with compact sizing\n  const posX = 0;\n  const posY = index * 4; // Stack vertically, 4 row units per widget\n  const posW = 12; // Full width\n  const posH = 4; // Better height for widget content\n\n  const position = { x: posX, y: posY, width: posW, height: posH };\n\n  // Get the config object\n  const config = (raw.config as Record<string, unknown>) || {};\n\n  // Map widget type correctly: check _internalWidgetType first, then map from federation type\n  // This is critical — federation types like 'KPI' must be mapped to internal types like 'metric_card'\n  const internalType = config._internalWidgetType as string | undefined;\n  const widgetType = internalType || mapFromFederationWidgetType((raw.type as string) || 'KPI');\n\n  return {\n    id: (raw.id as string) ?? '',\n    pageId: (raw.pageId as string) || '',\n    dashboardId: raw.dashboardId as string | undefined,\n    type: widgetType,\n    title: (raw.title as string) || 'Untitled Widget',\n    renderer: raw.renderer || 'BIGCONSOLE',\n    template: raw.template || null,\n    dataSinkId: raw.dataSinkId || null,\n    datasetId: raw.datasetId || null,\n    parserId: raw.parserId || null,\n    parserRules: raw.parserRules || null,\n    config: config,\n    position: position,\n    positionX: posX,\n    positionY: posY,\n    positionWidth: posW,\n    positionHeight: posH,\n    positionResponsive: raw.positionResponsive as Widget['positionResponsive'],\n    rowOrder: (raw.rowOrder as number | null) ?? null,\n    refreshInterval: raw.refreshInterval,\n    lastRefreshedAt: raw.lastRefreshedAt,\n    cacheTTL: (raw.cacheTTL as number | null) ?? null,\n    drilldown: raw.drilldown as Widget['drilldown'],\n    actions: (raw.actions as Widget['actions']) || [],\n    translations: (raw.translations as Widget['translations']) || [],\n    metadata: raw.metadata as Record<string, unknown> | undefined,\n    context: raw.context,\n    // Include widget data from backend (critical for showing real data in modal)\n    data: raw.data || null,\n    createdAt: (raw.createdAt as string) || new Date().toISOString(),\n    updatedAt: (raw.updatedAt as string) || new Date().toISOString(),\n  } as Widget;\n}\n\n/** Place a widget at a given slot of the modal's single-column stack. */\nfunction normalizeStacking(widget: Widget, index: number): Widget {\n  const position = { x: 0, y: index * 4, width: 12, height: 4 };\n  return { ...widget, position, positionX: 0, positionY: position.y, positionWidth: 12, positionHeight: 4 };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownDashboardRenderer: FC<DrilldownDashboardRendererProps> = memo(\n  function DrilldownDashboardRenderer({ dashboardId, params, live = false, refreshRevision = 0 }) {\n    const apolloClient = useApolloClient();\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<string | null>(null);\n    const [dashboard, setDashboard] = useState<DashboardData | null>(null);\n    const [widgets, setWidgets] = useState<Widget[]>([]);\n\n    // Fetch dashboard and widgets — only when dashboardId is provided\n    useEffect(() => {\n      if (!dashboardId) {\n        setLoading(false);\n        return;\n      }\n\n      let cancelled = false;\n      let fetching = false;\n      setLoading(true);\n      async function fetchData() {\n        if (fetching) return;\n        fetching = true;\n        setError(null);\n\n        try {\n          // Fetch dashboard info\n          interface DashboardQueryResult {\n            getDashboard: {\n              id: string;\n              name: string;\n              description?: string;\n              pages?: {\n                edges?: Array<{ node: { id: string; name?: string } }>;\n              };\n            } | null;\n          }\n\n          const dashboardResult = await apolloClient.query<DashboardQueryResult>({\n            query: GetDashboardDocument,\n            variables: { id: dashboardId },\n            fetchPolicy: 'network-only',\n          });\n\n          if (cancelled) return;\n          const dashboardData = dashboardResult.data?.getDashboard;\n          if (!dashboardData) {\n            setError('Dashboard not found');\n            setLoading(false);\n            return;\n          }\n\n          // Normalize dashboard\n          const pages =\n            dashboardData.pages?.edges?.map((edge) => ({\n              id: edge.node.id,\n              name: edge.node.name || 'Page 1',\n            })) || [];\n\n          setDashboard({\n            id: dashboardData.id,\n            name: dashboardData.name,\n            description: dashboardData.description,\n            pages,\n          });\n\n          // Fetch widgets for the dashboard\n          const widgetsResult = await apolloClient.query<{ listWidgetsByDashboard: Record<string, unknown>[] }>({\n            query: ListWidgetsByDashboardDocument,\n            variables: { dashboardId },\n            fetchPolicy: 'network-only',\n          });\n\n          if (cancelled) return;\n          const widgetsList = widgetsResult.data?.listWidgetsByDashboard || [];\n          setWidgets(widgetsList.map((w, i) => normalizeWidget(w, i)));\n        } catch (err) {\n          if (!cancelled) setError(err instanceof Error ? err.message : 'Failed to load dashboard');\n        } finally {\n          fetching = false;\n          if (!cancelled) setLoading(false);\n        }\n      }\n\n      void fetchData();\n      const interval = live\n        ? window.setInterval(() => {\n            if (document.visibilityState === 'visible') void fetchData();\n          }, 4000)\n        : undefined;\n      return () => {\n        cancelled = true;\n        if (interval !== undefined) window.clearInterval(interval);\n      };\n    }, [dashboardId, apolloClient, live, refreshRevision]);\n\n    // Loading state\n    if (loading) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3\">\n            <div className=\"w-8 h-8 border-2 border-action-primary-bg border-t-transparent rounded-full animate-spin\" />\n            <p className=\"text-sm text-text-secondary\">Loading dashboard...</p>\n          </div>\n        </div>\n      );\n    }\n\n    // Error state\n    if (error) {\n      return (\n        <div className=\"flex h-full items-center justify-center\" role=\"alert\">\n          <Section\n            headingLevel={3}\n            tone=\"danger\"\n            className=\"w-full max-w-md\"\n            data-testid=\"drilldown-error\"\n            title=\"Could not load this dashboard\"\n            description={error}\n            icon={\n              <svg className=\"h-icon-md w-icon-md\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={1.5}\n                  d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n                />\n              </svg>\n            }\n          />\n        </div>\n      );\n    }\n\n    // Empty state\n    if (!dashboard || widgets.length === 0) {\n      return (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"flex flex-col items-center gap-3 text-center\">\n            <svg className=\"w-12 h-12 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={1.5}\n                d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\n              />\n            </svg>\n            <p className=\"text-sm text-text-secondary\">\n              {dashboard ? 'This dashboard has no widgets' : 'Dashboard not found'}\n            </p>\n          </div>\n        </div>\n      );\n    }\n\n    const visibleParams = getVisibleDrilldownParams(params);\n\n    // Show one page: the drilldown's target page when it still exists, else the\n    // first page. Widgets without a page id (older payloads) are always shown.\n    const requestedPageId = params[MODAL_TARGET_PAGE_PARAM];\n    const activePage = dashboard.pages.find((page) => page.id === requestedPageId) ?? dashboard.pages[0] ?? null;\n    const pageWidgets = activePage\n      ? widgets.filter((widget) => !widget.pageId || widget.pageId === activePage.id)\n      : widgets;\n    // Re-flow the page's widgets top to bottom (the stacking was computed over\n    // the whole dashboard).\n    const stackedWidgets = pageWidgets.map((widget, index) => normalizeStacking(widget, index));\n\n    return (\n      <SectionStack className=\"w-full\">\n        {/* Which board you drilled into — identity, not content. */}\n        <Section\n          emphasis=\"bare\"\n          padding=\"none\"\n          headingLevel={3}\n          title={dashboard.name}\n          description={\n            dashboard.pages.length > 1 && activePage ? (\n              <span data-testid=\"drilldown-dashboard-page\">{activePage.name}</span>\n            ) : (\n              dashboard.description\n            )\n          }\n          data-testid=\"drilldown-dashboard-header\"\n        />\n\n        {/* The filter context you arrived with: supporting detail, recessed. */}\n        {visibleParams.length > 0 && (\n          <Section\n            emphasis=\"muted\"\n            padding=\"compact\"\n            headingLevel={3}\n            title=\"Filtered by\"\n            data-testid=\"drilldown-params\"\n            bodyClassName=\"flex flex-wrap gap-control-gap\"\n          >\n            {visibleParams.map(([key, value]) => (\n              <span\n                key={key}\n                className=\"inline-flex items-center rounded-pill bg-bg-surface px-2 py-1 text-xs text-text-secondary\"\n              >\n                <span className=\"font-medium text-text-primary\">{key}:</span>\n                <span className=\"ml-1\">\n                  {typeof value === 'object' && value !== null ? JSON.stringify(value) : String(value)}\n                </span>\n              </span>\n            ))}\n          </Section>\n        )}\n\n        {/* Widgets List - simple vertical layout for modal */}\n        <div className=\"flex flex-col gap-form-gap\">\n          {stackedWidgets.length === 0 && (\n            <p className=\"text-sm text-text-secondary\" data-testid=\"drilldown-page-empty\">\n              This page has no widgets\n            </p>\n          )}\n          {stackedWidgets.map((widget) => {\n            // Chart widgets (LINE_CHART / chart) need explicit pixel height because\n            // Recharts ResponsiveContainer height=\"100%\" requires a parent with\n            // a definite height — minHeight alone doesn't work.\n            const internalType = (widget.config as Record<string, unknown>)?._internalWidgetType as string | undefined;\n            const widgetType = widget.type as string;\n            const isChartWidget =\n              widgetType === 'LINE_CHART' ||\n              widgetType === 'chart' ||\n              internalType === 'chart' ||\n              internalType === 'funnel_chart';\n            const isTableWidget =\n              widgetType === 'TABLE' ||\n              widgetType === 'table' ||\n              internalType === 'table' ||\n              internalType === 'list' ||\n              internalType === 'pivot_table';\n\n            // Charts need an explicit height (Recharts' ResponsiveContainer needs a\n            // definite parent). Clamping against the viewport keeps a 350px chart\n            // plus a 500px table from filling a phone screen twice over.\n            const heightStyle = isChartWidget\n              ? { height: 'clamp(220px, 45vh, 350px)' }\n              : isTableWidget\n                ? { minHeight: 'min(250px, 40vh)', maxHeight: 'min(500px, 65vh)' }\n                : { minHeight: 'min(120px, 25vh)', maxHeight: 'min(300px, 50vh)' };\n\n            return (\n              <div\n                key={widget.id}\n                className=\"min-w-0 overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-surface\"\n                style={heightStyle}\n              >\n                <WidgetInModal widget={widget} filterValues={params} />\n              </div>\n            );\n          })}\n        </div>\n      </SectionStack>\n    );\n  }\n);\n\n// ============================================================================\n// Widget In Modal Component\n// ============================================================================\n\ninterface WidgetInModalProps {\n  widget: Widget;\n  filterValues?: Record<string, unknown>;\n}\n\nconst WidgetInModal: FC<WidgetInModalProps> = memo(function WidgetInModal({ widget, filterValues }) {\n  return (\n    <div className=\"h-full [&_[data-widget-id]]:border-transparent [&_[data-widget-id]:hover]:border-transparent\">\n      <WidgetWrapper widget={widget} isLoading={false} error={null} filterValues={filterValues} />\n    </div>\n  );\n});\n\nexport default DrilldownDashboardRenderer;\n"],"mappings":";;;;;;;;;;;AA6CA,SAAS,EAAgB,GAA8B,GAAuB;CAE5E,IACM,IAAO,IAAQ,GAIf,IAAW;EAAE,GAAG;EAAM,GAAG;EAAM,OAAO;EAAM,QAAQ;EAAM,EAG1D,IAAU,EAAI,UAAsC,EAAE,EAKtD,IADe,EAAO,uBACO,EAA6B,EAAI,QAAmB,MAAM;AAE7F,QAAO;EACL,IAAK,EAAI,MAAiB;EAC1B,QAAS,EAAI,UAAqB;EAClC,aAAa,EAAI;EACjB,MAAM;EACN,OAAQ,EAAI,SAAoB;EAChC,UAAU,EAAI,YAAY;EAC1B,UAAU,EAAI,YAAY;EAC1B,YAAY,EAAI,cAAc;EAC9B,WAAW,EAAI,aAAa;EAC5B,UAAU,EAAI,YAAY;EAC1B,aAAa,EAAI,eAAe;EACxB;EACE;EACV,WAAW;EACX,WAAW;EACX,eAAe;EACf,gBAAgB;EAChB,oBAAoB,EAAI;EACxB,UAAW,EAAI,YAA8B;EAC7C,iBAAiB,EAAI;EACrB,iBAAiB,EAAI;EACrB,UAAW,EAAI,YAA8B;EAC7C,WAAW,EAAI;EACf,SAAU,EAAI,WAAiC,EAAE;EACjD,cAAe,EAAI,gBAA2C,EAAE;EAChE,UAAU,EAAI;EACd,SAAS,EAAI;EAEb,MAAM,EAAI,QAAQ;EAClB,WAAY,EAAI,8BAAwB,IAAI,MAAM,EAAC,aAAa;EAChE,WAAY,EAAI,8BAAwB,IAAI,MAAM,EAAC,aAAa;EACjE;;AAIH,SAAS,EAAkB,GAAgB,GAAuB;CAChE,IAAM,IAAW;EAAE,GAAG;EAAG,GAAG,IAAQ;EAAG,OAAO;EAAI,QAAQ;EAAG;AAC7D,QAAO;EAAE,GAAG;EAAQ;EAAU,WAAW;EAAG,WAAW,EAAS;EAAG,eAAe;EAAI,gBAAgB;EAAG;;AAO3G,IAAa,IAAkE,EAC7E,SAAoC,EAAE,gBAAa,WAAQ,UAAO,IAAO,qBAAkB,KAAK;CAC9F,IAAM,IAAe,GAAiB,EAChC,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAO,KAAY,EAAwB,KAAK,EACjD,CAAC,GAAW,KAAgB,EAA+B,KAAK,EAChE,CAAC,GAAS,KAAc,EAAmB,EAAE,CAAC;AAyFpD,KAtFA,QAAgB;AACd,MAAI,CAAC,GAAa;AAChB,KAAW,GAAM;AACjB;;EAGF,IAAI,IAAY,IACZ,IAAW;AACf,IAAW,GAAK;EAChB,eAAe,IAAY;AACrB,WAEJ;IADA,IAAW,IACX,EAAS,KAAK;AAEd,QAAI;KAaF,IAAM,IAAkB,MAAM,EAAa,MAA4B;MACrE,OAAO;MACP,WAAW,EAAE,IAAI,GAAa;MAC9B,aAAa;MACd,CAAC;AAEF,SAAI,EAAW;KACf,IAAM,IAAgB,EAAgB,MAAM;AAC5C,SAAI,CAAC,GAAe;AAElB,MADA,EAAS,sBAAsB,EAC/B,EAAW,GAAM;AACjB;;KAIF,IAAM,IACJ,EAAc,OAAO,OAAO,KAAK,OAAU;MACzC,IAAI,EAAK,KAAK;MACd,MAAM,EAAK,KAAK,QAAQ;MACzB,EAAE,IAAI,EAAE;AAEX,OAAa;MACX,IAAI,EAAc;MAClB,MAAM,EAAc;MACpB,aAAa,EAAc;MAC3B;MACD,CAAC;KAGF,IAAM,IAAgB,MAAM,EAAa,MAA6D;MACpG,OAAO;MACP,WAAW,EAAE,gBAAa;MAC1B,aAAa;MACd,CAAC;AAEF,SAAI,EAAW;AAEf,QADoB,EAAc,MAAM,0BAA0B,EAAE,EAC7C,KAAK,GAAG,MAAM,EAAgB,GAAG,EAAE,CAAC,CAAC;aACrD,GAAK;AACZ,KAAK,KAAW,EAAS,aAAe,QAAQ,EAAI,UAAU,2BAA2B;cACjF;AAER,KADA,IAAW,IACN,KAAW,EAAW,GAAM;;;;AAIhC,KAAW;EAChB,IAAM,IAAW,IACb,OAAO,kBAAkB;AACvB,GAAI,SAAS,oBAAoB,aAAgB,GAAW;KAC3D,IAAK,GACR,KAAA;AACJ,eAAa;AAEX,GADA,IAAY,IACR,MAAa,KAAA,KAAW,OAAO,cAAc,EAAS;;IAE3D;EAAC;EAAa;EAAc;EAAM;EAAgB,CAAC,EAGlD,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAK,WAAU,4FAA6F,CAAA,EAC5G,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAAwB,CAAA,CAC/D;;EACF,CAAA;AAKV,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;EAA0C,MAAK;YAC5D,kBAAC,GAAD;GACE,cAAc;GACd,MAAK;GACL,WAAU;GACV,eAAY;GACZ,OAAM;GACN,aAAa;GACb,MACE,kBAAC,OAAD;IAAK,WAAU;IAAsB,MAAK;IAAO,QAAO;IAAe,SAAQ;cAC7E,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,CAAA;EACE,CAAA;AAKV,KAAI,CAAC,KAAa,EAAQ,WAAW,EACnC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;IAA4B,MAAK;IAAO,QAAO;IAAe,SAAQ;cACnF,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA,EACN,kBAAC,KAAD;IAAG,WAAU;cACV,IAAY,kCAAkC;IAC7C,CAAA,CACA;;EACF,CAAA;CAIV,IAAM,IAAgB,EAA0B,EAAO,EAIjD,IAAkB,EAAO,IACzB,IAAa,EAAU,MAAM,MAAM,MAAS,EAAK,OAAO,EAAgB,IAAI,EAAU,MAAM,MAAM,MAMlG,KALc,IAChB,EAAQ,QAAQ,MAAW,CAAC,EAAO,UAAU,EAAO,WAAW,EAAW,GAAG,GAC7E,GAG+B,KAAK,GAAQ,MAAU,EAAkB,GAAQ,EAAM,CAAC;AAE3F,QACE,kBAAC,GAAD;EAAc,WAAU;YAAxB;GAEE,kBAAC,GAAD;IACE,UAAS;IACT,SAAQ;IACR,cAAc;IACd,OAAO,EAAU;IACjB,aACE,EAAU,MAAM,SAAS,KAAK,IAC5B,kBAAC,QAAD;KAAM,eAAY;eAA4B,EAAW;KAAY,CAAA,GAErE,EAAU;IAGd,eAAY;IACZ,CAAA;GAGD,EAAc,SAAS,KACtB,kBAAC,GAAD;IACE,UAAS;IACT,SAAQ;IACR,cAAc;IACd,OAAM;IACN,eAAY;IACZ,eAAc;cAEb,EAAc,KAAK,CAAC,GAAK,OACxB,kBAAC,QAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAAiD,GAAI,IAAQ;SAC7D,kBAAC,QAAD;MAAM,WAAU;gBACb,OAAO,KAAU,YAAY,IAAiB,KAAK,UAAU,EAAM,GAAG,OAAO,EAAM;MAC/E,CAAA,CACF;OAPA,EAOA,CACP;IACM,CAAA;GAIZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAe,WAAW,KACzB,kBAAC,KAAD;KAAG,WAAU;KAA8B,eAAY;eAAuB;KAE1E,CAAA,EAEL,EAAe,KAAK,MAAW;KAI9B,IAAM,IAAgB,EAAO,QAAoC,qBAC3D,IAAa,EAAO;AAsB1B,YACE,kBAAC,OAAD;MAEE,WAAU;MACV,OAxBF,MAAe,gBACf,MAAe,WACf,MAAiB,WACjB,MAAiB,iBAYf,EAAE,QAAQ,6BAA6B,GAVzC,MAAe,WACf,MAAe,WACf,MAAiB,WACjB,MAAiB,UACjB,MAAiB,gBAQb;OAAE,WAAW;OAAoB,WAAW;OAAoB,GAChE;OAAE,WAAW;OAAoB,WAAW;OAAoB;gBAQlE,kBAAC,GAAD;OAAuB;OAAQ,cAAc;OAAU,CAAA;MACnD,EALC,EAAO,GAKR;MAER,CACE;;GACO;;EAGpB,EAWK,IAAwC,EAAK,SAAuB,EAAE,WAAQ,mBAAgB;AAClG,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAuB;GAAQ,WAAW;GAAO,OAAO;GAAoB;GAAgB,CAAA;EACxF,CAAA;EAER"}

package/dist/bigconsole/components/DrilldownModal.d.ts

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

package/dist/bigconsole/components/DrilldownModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrilldownModal.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/components/DrilldownModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAe3D,MAAM,WAAW,mBAAmB;IAClC,gDAAgD;IAChD,eAAe,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5F,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoHjD,CAAC;AAYH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/DrilldownModal.js

@@ -119,3 +119,5 @@ function p() {
 }
 //#endregion
 export { f as default };
+
+//# sourceMappingURL=DrilldownModal.js.map

package/dist/bigconsole/components/DrilldownModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrilldownModal.js","names":[],"sources":["../../../src/bigconsole/components/DrilldownModal.tsx"],"sourcesContent":["/**\n * DrilldownModal Component\n *\n * Modal overlay for displaying drilldown dashboards.\n * Supports nested drilldowns with back navigation.\n */\n\nimport { type FC, useCallback, useRef, memo } from 'react';\nimport { useDrilldownStore } from '../store/drilldownStore';\nimport { SECTION_FOCUS_RING } from './common';\nimport { getVisibleDrilldownParams } from '../utils/drilldownParams';\nimport {\n  ResponsiveDialog as Dialog,\n  ResponsiveDialogContent as DialogContent,\n  ResponsiveDialogTitle as DialogTitle,\n  ResponsiveDialogDescription as DialogDescription,\n} from '@burdenoff/fe-libs/ui';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DrilldownModalProps {\n  /** Custom content renderer for the dashboard */\n  renderDashboard?: (dashboardId: string, params: Record<string, unknown>) => React.ReactNode;\n  /** Called when modal closes */\n  onClose?: () => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DrilldownModal: FC<DrilldownModalProps> = memo(function DrilldownModal({ renderDashboard, onClose }) {\n  const returnFocus = useRef<HTMLElement | null>(null);\n  const isOpen = useDrilldownStore((state) => state.isOpen);\n  const dashboardId = useDrilldownStore((state) => state.dashboardId);\n  const params = useDrilldownStore((state) => state.params);\n  const history = useDrilldownStore((state) => state.history);\n  const closeModal = useDrilldownStore((state) => state.closeModal);\n  const popDrilldown = useDrilldownStore((state) => state.popDrilldown);\n\n  // Define handlers before effects that use them\n  const handleClose = useCallback(() => {\n    closeModal();\n    onClose?.();\n  }, [closeModal, onClose]);\n\n  const handleBack = useCallback(() => {\n    popDrilldown();\n  }, [popDrilldown]);\n\n  if (!isOpen || !dashboardId) {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open) handleClose();\n      }}\n    >\n      <DialogContent\n        showCloseButton={false}\n        onOpenAutoFocus={() => {\n          const activeElement = document.activeElement;\n          if (\n            activeElement instanceof HTMLElement &&\n            activeElement !== document.body &&\n            !activeElement.closest('[role=\"dialog\"]')\n          ) {\n            returnFocus.current = activeElement;\n          }\n        }}\n        onCloseAutoFocus={(event) => {\n          event.preventDefault();\n          if (returnFocus.current?.isConnected) returnFocus.current.focus();\n        }}\n        className=\"flex w-full md:w-[calc(100%-2rem)] max-w-5xl flex-col gap-0 overflow-hidden rounded-card bg-bg-surface p-0 sm:max-w-5xl\"\n        style={{ maxHeight: 'calc(100dvh - 2rem)' }}\n      >\n        <DialogDescription className=\"sr-only\">\n          Explore the linked dashboard and return to the previous drilldown level.\n        </DialogDescription>\n        {/* Header — bare chrome: identity + close, no surface of its own */}\n        <div className=\"flex flex-shrink-0 flex-wrap items-center justify-between gap-control-gap border-b border-[var(--color-border-subtle)] px-4 py-3\">\n          <div className=\"flex min-w-0 items-center gap-3\">\n            {/* Back button */}\n            {history.length > 0 && (\n              <button\n                type=\"button\"\n                onClick={handleBack}\n                className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n                title=\"Go back\"\n                aria-label=\"Go back\"\n              >\n                <svg className=\"w-5 h-5 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M15 19l-7-7 7-7\" />\n                </svg>\n              </button>\n            )}\n\n            {/* Title */}\n            <DialogTitle className=\"truncate text-sm font-semibold text-text-primary\">Drilldown View</DialogTitle>\n\n            {/* Breadcrumb indicator */}\n            {history.length > 0 && (\n              <span className=\"text-xs text-text-muted\">\n                ({history.length + 1} level{history.length > 0 ? 's' : ''} deep)\n              </span>\n            )}\n          </div>\n\n          {/* Close button */}\n          <button\n            type=\"button\"\n            onClick={handleClose}\n            className={`flex h-control-md w-[var(--size-controlHeight-md)] shrink-0 items-center justify-center rounded-button motion-safe:transition-colors hover:bg-bg-sunken ${SECTION_FOCUS_RING}`}\n            title=\"Close (Esc)\"\n            aria-label=\"Close drilldown\"\n          >\n            <svg className=\"w-5 h-5 text-text-secondary\" 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        </div>\n\n        {/* Dashboard Content — the point of the overlay, so it gets the surface\n            weight and the chrome around it stays flat. */}\n        <div className=\"min-h-0 flex-1 overflow-y-auto bg-bg-sunken p-4\">\n          {renderDashboard ? renderDashboard(dashboardId, params) : <DrilldownFallback />}\n        </div>\n\n        {/* Footer — supporting detail only */}\n        <div className=\"flex-shrink-0 border-t border-[var(--color-border-subtle)] px-4 py-2\">\n          <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-xs text-text-muted\">\n            <span>\n              Parameters:{' '}\n              {getVisibleDrilldownParams(params)\n                .map(([key]) => key)\n                .join(', ') || 'None'}\n            </span>\n            <span>Press Esc to close</span>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n});\n\n// Fallback when no renderDashboard prop is provided (should not happen in normal usage\n// since BigConsoleRoot always passes DrilldownDashboardRenderer).\nfunction DrilldownFallback() {\n  return (\n    <div className=\"flex items-center justify-center h-full text-sm text-text-secondary\">\n      Unable to load drilldown content. Please try again.\n    </div>\n  );\n}\n\nexport default DrilldownModal;\n"],"mappings":";;;;;;;;AAiCA,IAAa,IAA0C,EAAK,SAAwB,EAAE,oBAAiB,cAAW;CAChH,IAAM,IAAc,EAA2B,KAAK,EAC9C,IAAS,GAAmB,MAAU,EAAM,OAAO,EACnD,IAAc,GAAmB,MAAU,EAAM,YAAY,EAC7D,IAAS,GAAmB,MAAU,EAAM,OAAO,EACnD,IAAU,GAAmB,MAAU,EAAM,QAAQ,EACrD,IAAa,GAAmB,MAAU,EAAM,WAAW,EAC3D,IAAe,GAAmB,MAAU,EAAM,aAAa,EAG/D,IAAc,QAAkB;AAEpC,EADA,GAAY,EACZ,KAAW;IACV,CAAC,GAAY,EAAQ,CAAC,EAEnB,IAAa,QAAkB;AACnC,KAAc;IACb,CAAC,EAAa,CAAC;AAMlB,QAJI,CAAC,KAAU,CAAC,IACP,OAIP,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,MAAS;AACtB,GAAK,KAAM,GAAa;;YAG1B,kBAAC,GAAD;GACE,iBAAiB;GACjB,uBAAuB;IACrB,IAAM,IAAgB,SAAS;AAC/B,IACE,aAAyB,eACzB,MAAkB,SAAS,QAC3B,CAAC,EAAc,QAAQ,oBAAkB,KAEzC,EAAY,UAAU;;GAG1B,mBAAmB,MAAU;AAE3B,IADA,EAAM,gBAAgB,EAClB,EAAY,SAAS,eAAa,EAAY,QAAQ,OAAO;;GAEnE,WAAU;GACV,OAAO,EAAE,WAAW,uBAAuB;aAjB7C;IAmBE,kBAAC,GAAD;KAAmB,WAAU;eAAU;KAEnB,CAAA;IAEpB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OAEG,EAAQ,SAAS,KAChB,kBAAC,UAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW;QACX,OAAM;QACN,cAAW;kBAEX,kBAAC,OAAD;SAAK,WAAU;SAA8B,MAAK;SAAO,QAAO;SAAe,SAAQ;mBACrF,kBAAC,QAAD;UAAM,eAAc;UAAQ,gBAAe;UAAQ,aAAa;UAAG,GAAE;UAAoB,CAAA;SACrF,CAAA;QACC,CAAA;OAIX,kBAAC,GAAD;QAAa,WAAU;kBAAmD;QAA4B,CAAA;OAGrG,EAAQ,SAAS,KAChB,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SAA0C;SACtC,EAAQ,SAAS;SAAE;SAAO,EAAQ,SAAS,IAAI,MAAM;SAAG;SACrD;;OAEL;SAGN,kBAAC,UAAD;MACE,MAAK;MACL,SAAS;MACT,WAAW,2JAA2J;MACtK,OAAM;MACN,cAAW;gBAEX,kBAAC,OAAD;OAAK,WAAU;OAA8B,MAAK;OAAO,QAAO;OAAe,SAAQ;iBACrF,kBAAC,QAAD;QAAM,eAAc;QAAQ,gBAAe;QAAQ,aAAa;QAAG,GAAE;QAAyB,CAAA;OAC1F,CAAA;MACC,CAAA,CACL;;IAIN,kBAAC,OAAD;KAAK,WAAU;eACZ,IAAkB,EAAgB,GAAa,EAAO,GAAG,kBAAC,GAAD,EAAqB,CAAA;KAC3E,CAAA;IAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;OAAM;OACQ;OACX,EAA0B,EAAO,CAC/B,KAAK,CAAC,OAAS,EAAI,CACnB,KAAK,KAAK,IAAI;OACZ,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAM,sBAAyB,CAAA,CAC3B;;KACF,CAAA;IACQ;;EACT,CAAA;EAEX;AAIF,SAAS,IAAoB;AAC3B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAsE;EAE/E,CAAA"}

package/dist/bigconsole/components/builder/BuilderCanvas.d.ts

@@ -14,3 +14,4 @@ export interface BuilderCanvasProps {
  * inside itself instead of pushing the page into horizontal scroll.
  */
 export declare const BuilderCanvas: FC<BuilderCanvasProps>;
+//# sourceMappingURL=BuilderCanvas.d.ts.map

package/dist/bigconsole/components/builder/BuilderCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderCanvas.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/builder/BuilderCanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAW/C,CAAC"}

package/dist/bigconsole/components/builder/BuilderCanvas.js

@@ -17,3 +17,5 @@ var r = e(function({ palette: e, canvas: r, inspector: i }) {
 });
 //#endregion
 export { r as BuilderCanvas };
+
+//# sourceMappingURL=BuilderCanvas.js.map

package/dist/bigconsole/components/builder/BuilderCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderCanvas.js","names":[],"sources":["../../../../src/bigconsole/components/builder/BuilderCanvas.tsx"],"sourcesContent":["import { type FC, type ReactNode, memo } from 'react';\n\nexport interface BuilderCanvasProps {\n  palette?: ReactNode;\n  canvas: ReactNode;\n  inspector?: ReactNode;\n}\n\n/**\n * Stable pane composition for the builder: palette, canvas, inspector.\n *\n * The three panes sit side by side from `md` up. Below that they stack, because\n * a 300px palette pinned next to a canvas leaves the canvas unusably narrow on a\n * phone (BOFF-5636). The canvas keeps `min-w-0` so a wide widget grid scrolls\n * inside itself instead of pushing the page into horizontal scroll.\n */\nexport const BuilderCanvas: FC<BuilderCanvasProps> = memo(function BuilderCanvas({ palette, canvas, inspector }) {\n  return (\n    <div\n      className=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden md:flex-row\"\n      data-testid=\"dashboard-editor-panes\"\n    >\n      {palette}\n      <main className=\"relative min-h-0 min-w-0 flex-1 overflow-hidden\">{canvas}</main>\n      {inspector}\n    </div>\n  );\n});\n"],"mappings":";;;AAgBA,IAAa,IAAwC,EAAK,SAAuB,EAAE,YAAS,WAAQ,gBAAa;AAC/G,QACE,kBAAC,OAAD;EACE,WAAU;EACV,eAAY;YAFd;GAIG;GACD,kBAAC,QAAD;IAAM,WAAU;cAAmD;IAAc,CAAA;GAChF;GACG;;EAER"}

package/dist/bigconsole/components/builder/BuilderTopbar.d.ts

@@ -14,3 +14,4 @@ export interface BuilderTopbarProps {
  * The bar is a `bare` structural strip — spacing and a seam, no card surface.
  */
 export declare const BuilderTopbar: FC<BuilderTopbarProps>;
+//# sourceMappingURL=BuilderTopbar.d.ts.map

package/dist/bigconsole/components/builder/BuilderTopbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderTopbar.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/builder/BuilderTopbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAItD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAa/C,CAAC"}

package/dist/bigconsole/components/builder/BuilderTopbar.js

@@ -29,3 +29,5 @@ var a = e(function({ title: e, onBack: a, actions: o }) {
 });
 //#endregion
 export { a as BuilderTopbar };
+
+//# sourceMappingURL=BuilderTopbar.js.map

package/dist/bigconsole/components/builder/BuilderTopbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderTopbar.js","names":[],"sources":["../../../../src/bigconsole/components/builder/BuilderTopbar.tsx"],"sourcesContent":["import { type FC, type ReactNode, memo } from 'react';\nimport { ArrowLeft } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\n\nexport interface BuilderTopbarProps {\n  title: string;\n  onBack: () => void;\n  actions?: ReactNode;\n}\n\n/**\n * Route-level navigation and identity for the dashboard editor.\n *\n * This is the route's `h1`, so it is set heavier than the section titles below\n * it; previously it was `text-sm`, i.e. lighter than the dashboard title in the\n * toolbar directly beneath, which made two adjacent bars compete (BOFF-5636).\n * The bar is a `bare` structural strip — spacing and a seam, no card surface.\n */\nexport const BuilderTopbar: FC<BuilderTopbarProps> = memo(function BuilderTopbar({ title, onBack, actions }) {\n  return (\n    <header className=\"flex min-h-12 flex-wrap items-center gap-x-control-gap gap-y-1 border-b border-[var(--color-border-subtle)] bg-bg-surface px-3 py-2\">\n      <Button onClick={onBack} variant=\"ghost\" size=\"sm\" title=\"Back to Dashboards\" aria-label=\"Back to Dashboards\">\n        <ArrowLeft className=\"mr-2 size-4\" />\n        Back\n      </Button>\n      <h1 className=\"min-w-0 flex-1 truncate text-base font-semibold tracking-tight text-text-primary\" title={title}>\n        {title}\n      </h1>\n      {actions && <div className=\"flex flex-shrink-0 flex-wrap items-center gap-2\">{actions}</div>}\n    </header>\n  );\n});\n"],"mappings":";;;;;AAkBA,IAAa,IAAwC,EAAK,SAAuB,EAAE,UAAO,WAAQ,cAAW;AAC3G,QACE,kBAAC,UAAD;EAAQ,WAAU;YAAlB;GACE,kBAAC,GAAD;IAAQ,SAAS;IAAQ,SAAQ;IAAQ,MAAK;IAAK,OAAM;IAAqB,cAAW;cAAzF,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EAAA,OAE9B;;GACT,kBAAC,MAAD;IAAI,WAAU;IAA0F;cACrG;IACE,CAAA;GACJ,KAAW,kBAAC,OAAD;IAAK,WAAU;cAAmD;IAAc,CAAA;GACrF;;EAEX"}

package/dist/bigconsole/components/builder/DashboardEditorShell.d.ts

@@ -6,3 +6,4 @@ export interface DashboardEditorShellProps {
 }
 /** Full-height route shell for the dashboard editing experience. */
 export declare const DashboardEditorShell: FC<DashboardEditorShellProps>;
+//# sourceMappingURL=DashboardEditorShell.d.ts.map

package/dist/bigconsole/components/builder/DashboardEditorShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditorShell.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/builder/DashboardEditorShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,oEAAoE;AACpE,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAa7D,CAAC"}

package/dist/bigconsole/components/builder/DashboardEditorShell.js

@@ -16,3 +16,5 @@ var r = e(function({ topbar: e, children: r }) {
 });
 //#endregion
 export { r as DashboardEditorShell };
+
+//# sourceMappingURL=DashboardEditorShell.js.map

package/dist/bigconsole/components/builder/DashboardEditorShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardEditorShell.js","names":[],"sources":["../../../../src/bigconsole/components/builder/DashboardEditorShell.tsx"],"sourcesContent":["import { type FC, type ReactNode, memo } from 'react';\n\nexport interface DashboardEditorShellProps {\n  topbar: ReactNode;\n  children: ReactNode;\n}\n\n/** Full-height route shell for the dashboard editing experience. */\nexport const DashboardEditorShell: FC<DashboardEditorShellProps> = memo(function DashboardEditorShell({\n  topbar,\n  children,\n}) {\n  return (\n    <section\n      className=\"flex h-full min-h-0 min-w-0 flex-col overflow-hidden bg-bg-canvas\"\n      data-testid=\"dashboard-editor\"\n    >\n      <div className=\"flex-shrink-0\">{topbar}</div>\n      <div className=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden\">{children}</div>\n    </section>\n  );\n});\n"],"mappings":";;;AAQA,IAAa,IAAsD,EAAK,SAA8B,EACpG,WACA,eACC;AACD,QACE,kBAAC,WAAD;EACE,WAAU;EACV,eAAY;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAiB;GAAa,CAAA,EAC7C,kBAAC,OAAD;GAAK,WAAU;GAAwD;GAAe,CAAA,CAC9E;;EAEZ"}

package/dist/bigconsole/components/builder/WidgetInspector.d.ts

@@ -12,3 +12,4 @@ export interface WidgetInspectorProps {
  * so that migration does not create a second editing surface.
  */
 export declare const WidgetInspector: FC<WidgetInspectorProps>;
+//# sourceMappingURL=WidgetInspector.d.ts.map

package/dist/bigconsole/components/builder/WidgetInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetInspector.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/builder/WidgetInspector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAGtC,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAEnD,CAAC"}

package/dist/bigconsole/components/builder/WidgetInspector.js

@@ -10,3 +10,5 @@ var r = t(function({ isOpen: t, onClose: r }) {
 });
 //#endregion
 export { r as WidgetInspector };
+
+//# sourceMappingURL=WidgetInspector.js.map

package/dist/bigconsole/components/builder/WidgetInspector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetInspector.js","names":[],"sources":["../../../../src/bigconsole/components/builder/WidgetInspector.tsx"],"sourcesContent":["import { type FC, memo } from 'react';\nimport { PropertiesPanel } from '../widgets/PropertiesPanel';\n\nexport interface WidgetInspectorProps {\n  isOpen: boolean;\n  onClose: () => void;\n}\n\n/**\n * Canonical add/edit inspector entry point.\n *\n * PropertiesPanel remains the compatibility implementation while its sections\n * are extracted incrementally. Builder callers should depend on this component\n * so that migration does not create a second editing surface.\n */\nexport const WidgetInspector: FC<WidgetInspectorProps> = memo(function WidgetInspector({ isOpen, onClose }) {\n  return <PropertiesPanel isOpen={isOpen} onClose={onClose} />;\n});\n"],"mappings":";;;;AAeA,IAAa,IAA4C,EAAK,SAAyB,EAAE,WAAQ,cAAW;AAC1G,QAAO,kBAAC,GAAD;EAAyB;EAAiB;EAAW,CAAA;EAC5D"}

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

@@ -2,3 +2,4 @@ export { BuilderCanvas, type BuilderCanvasProps } from './BuilderCanvas';
 export { BuilderTopbar, type BuilderTopbarProps } from './BuilderTopbar';
 export { DashboardEditorShell, type DashboardEditorShellProps } from './DashboardEditorShell';
 export { WidgetInspector, type WidgetInspectorProps } from './WidgetInspector';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/builder/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/bigconsole/components/builder/inspector/AdvancedSection.d.ts

@@ -14,3 +14,4 @@ export interface AdvancedSectionProps {
 }
 /** Renderer/template controls; actions and integrations migrate here next. */
 export declare const AdvancedSection: FC<AdvancedSectionProps>;
+//# sourceMappingURL=AdvancedSection.d.ts.map

package/dist/bigconsole/components/builder/inspector/AdvancedSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSection.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/builder/inspector/AdvancedSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,YAAY,CAAC;IACvB,eAAe,EAAE,sBAAsB,EAAE,CAAC;IAC1C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IACnD,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,8EAA8E;AAC9E,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA+BnD,CAAC"}

package/dist/bigconsole/components/builder/inspector/AdvancedSection.js

@@ -40,3 +40,5 @@ var l = t(function({ renderer: t, rendererOptions: l, onRendererChange: u, templ
 });
 //#endregion
 export { l as AdvancedSection };
+
+//# sourceMappingURL=AdvancedSection.js.map

package/dist/bigconsole/components/builder/inspector/AdvancedSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedSection.js","names":[],"sources":["../../../../../src/bigconsole/components/builder/inspector/AdvancedSection.tsx"],"sourcesContent":["import { type FC, type ReactNode, memo } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@burdenoff/fe-libs/ui';\nimport type { RendererType } from '../../../types';\nimport { Section } from '../../common';\n\nexport interface AdvancedRendererOption {\n  value: RendererType;\n  label: string;\n  description: string;\n}\n\nexport interface AdvancedSectionProps {\n  renderer: RendererType;\n  rendererOptions: AdvancedRendererOption[];\n  onRendererChange: (renderer: RendererType) => void;\n  templateEditor?: ReactNode;\n}\n\n/** Renderer/template controls; actions and integrations migrate here next. */\nexport const AdvancedSection: FC<AdvancedSectionProps> = memo(function AdvancedSection({\n  renderer,\n  rendererOptions,\n  onRendererChange,\n  templateEditor,\n}) {\n  const selectedOption = rendererOptions.find((option) => option.value === renderer);\n\n  return (\n    <Section\n      id=\"widget-advanced-renderer\"\n      title=\"Renderer\"\n      description=\"Which engine draws this widget's body. Non-native renderers take a JSON template.\"\n      data-testid=\"widget-inspector-renderer\"\n    >\n      <Select value={renderer} onValueChange={(value) => onRendererChange(value as RendererType)}>\n        <SelectTrigger className=\"h-control-md text-sm\">\n          <SelectValue placeholder=\"Select renderer\" />\n        </SelectTrigger>\n        <SelectContent position=\"popper\" side=\"bottom\" sideOffset={4} align=\"start\" className=\"max-h-52\">\n          {rendererOptions.map((option) => (\n            <SelectItem key={option.value} value={option.value}>\n              {option.label}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      {selectedOption && <p className=\"mt-1 text-sm text-text-muted\">{selectedOption.description}</p>}\n      {templateEditor}\n    </Section>\n  );\n});\n"],"mappings":";;;;;;AAmBA,IAAa,IAA4C,EAAK,SAAyB,EACrF,aACA,oBACA,qBACA,qBACC;CACD,IAAM,IAAiB,EAAgB,MAAM,MAAW,EAAO,UAAU,EAAS;AAElF,QACE,kBAAC,GAAD;EACE,IAAG;EACH,OAAM;EACN,aAAY;EACZ,eAAY;YAJd;GAME,kBAAC,GAAD;IAAQ,OAAO;IAAU,gBAAgB,MAAU,EAAiB,EAAsB;cAA1F,CACE,kBAAC,GAAD;KAAe,WAAU;eACvB,kBAAC,GAAD,EAAa,aAAY,mBAAoB,CAAA;KAC/B,CAAA,EAChB,kBAAC,GAAD;KAAe,UAAS;KAAS,MAAK;KAAS,YAAY;KAAG,OAAM;KAAQ,WAAU;eACnF,EAAgB,KAAK,MACpB,kBAAC,GAAD;MAA+B,OAAO,EAAO;gBAC1C,EAAO;MACG,EAFI,EAAO,MAEX,CACb;KACY,CAAA,CACT;;GACR,KAAkB,kBAAC,KAAD;IAAG,WAAU;cAAgC,EAAe;IAAgB,CAAA;GAC9F;GACO;;EAEZ"}

package/dist/bigconsole/components/builder/inspector/AppearanceSection.d.ts

@@ -8,3 +8,4 @@ export interface AppearanceSectionProps {
 }
 /** Widget-specific visual configuration with a shared empty state. */
 export declare const AppearanceSection: FC<AppearanceSectionProps>;
+//# sourceMappingURL=AppearanceSection.d.ts.map

package/dist/bigconsole/components/builder/inspector/AppearanceSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceSection.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/builder/inspector/AppearanceSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAsBjD,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACrD;AA0BD,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAgCvD,CAAC"}

package/dist/bigconsole/components/builder/inspector/AppearanceSection.js

@@ -52,3 +52,5 @@ var f = c(function({ widgetType: t, config: n, onChange: r }) {
 });
 //#endregion
 export { f as AppearanceSection };
+
+//# sourceMappingURL=AppearanceSection.js.map

package/dist/bigconsole/components/builder/inspector/AppearanceSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceSection.js","names":[],"sources":["../../../../../src/bigconsole/components/builder/inspector/AppearanceSection.tsx"],"sourcesContent":["import { type ComponentType, type FC, memo } from 'react';\nimport type { WidgetType } from '../../../types';\nimport { Section } from '../../common';\nimport { MetricCardConfig } from '../../widgets/metric-card/MetricCardConfig';\nimport { ChartConfig } from '../../widgets/chart/ChartConfig';\nimport { TableConfig } from '../../widgets/table/TableConfig';\nimport { GaugeConfig } from '../../widgets/gauge/GaugeConfig';\nimport { ProgressConfig } from '../../widgets/progress/ProgressConfig';\nimport { ListConfig } from '../../widgets/list/ListConfig';\nimport { HeatmapConfig } from '../../widgets/heatmap/HeatmapConfig';\n\ninterface ConfigComponentProps {\n  config: never;\n  onChange: (config: never) => void;\n}\n\n// Legacy widget config components expose distinct config interfaces even though\n// they share the same runtime { config, onChange } contract. Keep the narrowing\n// cast in this adapter instead of spreading `never` casts across inspector code.\nfunction asConfigComponent(component: ComponentType<unknown>): ComponentType<ConfigComponentProps> {\n  return component as unknown as ComponentType<ConfigComponentProps>;\n}\n\nexport interface AppearanceSectionProps {\n  widgetType: WidgetType;\n  config: Record<string, unknown>;\n  onChange: (config: Record<string, unknown>) => void;\n}\n\nfunction getConfigComponent(type: WidgetType): ComponentType<ConfigComponentProps> | null {\n  switch (type) {\n    case 'metric_card':\n    case 'kpi_card_comparison':\n      return asConfigComponent(MetricCardConfig as ComponentType<unknown>);\n    case 'chart':\n    case 'funnel_chart':\n      return asConfigComponent(ChartConfig as ComponentType<unknown>);\n    case 'table':\n    case 'pivot_table':\n      return asConfigComponent(TableConfig as ComponentType<unknown>);\n    case 'gauge':\n      return asConfigComponent(GaugeConfig as ComponentType<unknown>);\n    case 'progress':\n      return asConfigComponent(ProgressConfig as ComponentType<unknown>);\n    case 'list':\n      return asConfigComponent(ListConfig as ComponentType<unknown>);\n    case 'heatmap':\n      return asConfigComponent(HeatmapConfig as ComponentType<unknown>);\n    default:\n      return null;\n  }\n}\n\n/** Widget-specific visual configuration with a shared empty state. */\nexport const AppearanceSection: FC<AppearanceSectionProps> = memo(function AppearanceSection({\n  widgetType,\n  config,\n  onChange,\n}) {\n  const ConfigComponent = getConfigComponent(widgetType);\n\n  if (!ConfigComponent) {\n    return (\n      <Section\n        tone=\"info\"\n        padding=\"compact\"\n        title=\"No style options\"\n        headingLevel={3}\n        data-testid=\"widget-inspector-style-empty\"\n      >\n        <p className=\"text-sm text-text-secondary\">\n          This widget type renders from its data and template, so there is nothing to style here.\n        </p>\n      </Section>\n    );\n  }\n\n  return (\n    <Section\n      title=\"Style\"\n      description=\"Presentation options for this widget type. Data and identity live on the other tabs.\"\n      data-testid=\"widget-inspector-style\"\n    >\n      <ConfigComponent config={config as never} onChange={onChange as (config: never) => void} />\n    </Section>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AAmBA,SAAS,EAAkB,GAAwE;AACjG,QAAO;;AAST,SAAS,EAAmB,GAA8D;AACxF,SAAQ,GAAR;EACE,KAAK;EACL,KAAK,sBACH,QAAO,EAAkB,EAA2C;EACtE,KAAK;EACL,KAAK,eACH,QAAO,EAAkB,EAAsC;EACjE,KAAK;EACL,KAAK,cACH,QAAO,EAAkB,EAAsC;EACjE,KAAK,QACH,QAAO,EAAkB,EAAsC;EACjE,KAAK,WACH,QAAO,EAAkB,EAAyC;EACpE,KAAK,OACH,QAAO,EAAkB,EAAqC;EAChE,KAAK,UACH,QAAO,EAAkB,EAAwC;EACnE,QACE,QAAO;;;AAKb,IAAa,IAAgD,EAAK,SAA2B,EAC3F,eACA,WACA,eACC;CACD,IAAM,IAAkB,EAAmB,EAAW;AAkBtD,QAhBK,IAiBH,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,eAAY;YAEZ,kBAAC,GAAD;GAAyB;GAA2B;GAAuC,CAAA;EACnF,CAAA,GArBR,kBAAC,GAAD;EACE,MAAK;EACL,SAAQ;EACR,OAAM;EACN,cAAc;EACd,eAAY;YAEZ,kBAAC,KAAD;GAAG,WAAU;aAA8B;GAEvC,CAAA;EACI,CAAA;EAad"}

package/dist/bigconsole/components/builder/inspector/DataBindingSection.d.ts

@@ -17,3 +17,4 @@ export interface DataBindingSectionProps {
     onDataPathChange: (path: string | undefined) => void;
 }
 export declare const DataBindingSection: FC<DataBindingSectionProps>;
+//# sourceMappingURL=DataBindingSection.d.ts.map

package/dist/bigconsole/components/builder/inspector/DataBindingSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataBindingSection.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/builder/inspector/DataBindingSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAKjF,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,aAAa,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AAgBD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAmK1D,CAAC"}

package/dist/bigconsole/components/builder/inspector/DataBindingSection.js

@@ -155,3 +155,5 @@ var u = {
 };
 //#endregion
 export { d as DataBindingSection };
+
+//# sourceMappingURL=DataBindingSection.js.map

package/dist/bigconsole/components/builder/inspector/DataBindingSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataBindingSection.js","names":[],"sources":["../../../../../src/bigconsole/components/builder/inspector/DataBindingSection.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Input, Label, Spinner } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { WidgetBinding, WidgetBindingStatus, Parser } from '../../../types';\nimport { DataSinkSelector } from '../../parser/DataSinkSelector';\nimport { ParserSelector } from '../../parser/ParserSelector';\nimport { Section, SectionStack, type SectionTone } from '../../common';\n\nexport interface DataBindingSectionProps {\n  consoleId: string;\n  binding: WidgetBinding;\n  resolvedParser?: Parser;\n  dataSinkKey: string | null;\n  dataPath?: string;\n  status: WidgetBindingStatus;\n  resolving?: boolean;\n  missingFields?: string[];\n  preview?: unknown;\n  error?: string | null;\n  onDataSinkChange: (key: string | null) => void;\n  onParserChange: (parserId: string | null) => void;\n  onDataPathChange: (path: string | undefined) => void;\n}\n\n/**\n * Binding health is the single most important signal on this tab, so it gets a\n * toned section of its own instead of the bare `<p class=\"text-xs\">` it used to\n * be (BOFF-5636).\n */\nconst STATUS_TONES: Record<WidgetBindingStatus, SectionTone> = {\n  unbound: 'info',\n  loading: 'info',\n  bound: 'success',\n  no_data: 'warning',\n  parser_error: 'danger',\n  field_mismatch: 'warning',\n};\n\nexport const DataBindingSection: FC<DataBindingSectionProps> = ({\n  consoleId,\n  binding,\n  resolvedParser,\n  dataSinkKey,\n  dataPath,\n  status,\n  resolving = false,\n  missingFields = [],\n  preview,\n  error,\n  onDataSinkChange,\n  onParserChange,\n  onDataPathChange,\n}) => {\n  const { t } = useI18n();\n\n  const statusLabels: Record<WidgetBindingStatus, string> = {\n    unbound: t('bigconsole.builder.dataBinding.status.unbound', 'Select a DataSink to begin'),\n    loading: resolving\n      ? t('bigconsole.parsers.selector.loading', 'Loading parsers...')\n      : t('bigconsole.builder.dataBinding.status.loading', 'Testing parser and detecting fields…'),\n    bound: t('bigconsole.builder.dataBinding.status.bound', 'Binding ready'),\n    no_data: t('bigconsole.builder.dataBinding.status.noData', 'Parser returned no data'),\n    parser_error: t('bigconsole.builder.dataBinding.status.parserError', 'Parser test failed'),\n    field_mismatch: t('bigconsole.builder.dataBinding.status.fieldMismatch', 'Some mapped fields were not found'),\n  };\n\n  return (\n    <SectionStack>\n      <Section\n        title=\"Data source\"\n        description={t(\n          'bigconsole.builder.dataBinding.intro',\n          'Connect this widget to a DataSink and Parser to display transformed data.'\n        )}\n        data-testid=\"widget-inspector-data-source\"\n      >\n        <div className=\"flex flex-col gap-form-gap\">\n          <div className=\"space-y-2\">\n            <Label>{t('bigconsole.builder.dataBinding.dataSinkLabel', 'DataSink')}</Label>\n            <DataSinkSelector\n              value={dataSinkKey}\n              onChange={onDataSinkChange}\n              placeholder={t('bigconsole.builder.dataBinding.dataSinkPlaceholder', 'Select a DataSink...')}\n            />\n            {dataSinkKey && (\n              <p className=\"text-xs text-text-secondary\">\n                {t('bigconsole.builder.dataBinding.keyLabel', 'Key: {{key}}', { key: dataSinkKey })}\n                {binding.source.ref && (\n                  <span className=\"ml-2 text-text-muted\">\n                    {t('bigconsole.builder.dataBinding.idLabel', 'ID: {{id}}...', {\n                      id: binding.source.ref.slice(0, 8),\n                    })}\n                  </span>\n                )}\n              </p>\n            )}\n          </div>\n\n          <div className=\"space-y-2\">\n            <Label>{t('bigconsole.builder.dataBinding.parserLabel', 'Parser')}</Label>\n            <ParserSelector\n              consoleId={consoleId}\n              value={binding.parserId ?? null}\n              resolvedParser={resolvedParser}\n              onChange={onParserChange}\n              filterInputSinkKey={dataSinkKey ?? undefined}\n              filterStatus={undefined}\n              placeholder={\n                dataSinkKey\n                  ? t('bigconsole.builder.dataBinding.parserPlaceholder', 'Select a parser...')\n                  : t('bigconsole.builder.dataBinding.parserPlaceholderNoSink', 'Select a DataSink first...')\n              }\n              disabled={!dataSinkKey}\n            />\n          </div>\n        </div>\n      </Section>\n\n      <Section\n        title={statusLabels[status]}\n        tone={STATUS_TONES[status]}\n        padding=\"compact\"\n        headingLevel={3}\n        icon={status === 'loading' ? <Spinner style={{ width: '14px', height: '14px' }} /> : undefined}\n        data-testid=\"widget-inspector-binding-status\"\n      >\n        <div role=\"status\" aria-live=\"polite\" className=\"min-w-0 space-y-1\">\n          {/*\n            The status label is the section heading, which sits OUTSIDE this live\n            region — without this echo a screen reader would never hear the binding\n            flip from \"loading\" to \"bound\".\n          */}\n          <p className=\"sr-only\">{statusLabels[status]}</p>\n          {error && <p className=\"break-words text-xs text-[var(--color-status-error-text)]\">{error}</p>}\n          {missingFields.length > 0 && (\n            <p className=\"break-words text-xs text-[var(--color-status-warning-text)]\">\n              {t('bigconsole.builder.dataBinding.missingFields', 'Missing: {{fields}}', {\n                fields: missingFields.join(', '),\n              })}\n            </p>\n          )}\n          {!error && missingFields.length === 0 && status === 'bound' && preview !== undefined && (\n            <p className=\"text-xs text-text-secondary\">\n              The parser ran and its output matches the fields this widget expects.\n            </p>\n          )}\n        </div>\n      </Section>\n\n      {binding.parserId && Object.keys(binding.fields).length > 0 && (\n        <Section\n          emphasis=\"muted\"\n          padding=\"compact\"\n          title={t('bigconsole.builder.dataBinding.fieldMappingsConfigured', 'Field mappings configured')}\n          headingLevel={3}\n        >\n          <div className=\"min-w-0 space-y-1 text-xs text-text-secondary\">\n            {Object.entries(binding.fields).map(([name, path]) => (\n              <p key={name} className=\"break-words\">\n                {name}: <code className=\"rounded bg-bg-surface px-1 font-mono\">{path}</code>\n              </p>\n            ))}\n          </div>\n        </Section>\n      )}\n\n      {preview !== undefined && (\n        <Section\n          emphasis=\"muted\"\n          padding=\"compact\"\n          title={t('bigconsole.builder.dataBinding.livePreviewLabel', 'Live Preview')}\n          description=\"Raw parser output, exactly as the widget receives it.\"\n          headingLevel={3}\n        >\n          <pre className=\"max-h-40 min-w-0 overflow-auto rounded-input border border-[var(--color-border-subtle)] bg-bg-surface p-3 text-xs text-text-secondary\">\n            {JSON.stringify(preview, null, 2)}\n          </pre>\n        </Section>\n      )}\n\n      <Section emphasis=\"muted\" padding=\"compact\" title=\"Data path\" headingLevel={3}>\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"widget-inspector-data-path\">\n            {t('bigconsole.builder.dataBinding.dataPathLabel', 'Data Path (Optional)')}\n          </Label>\n          <Input\n            id=\"widget-inspector-data-path\"\n            value={dataPath ?? ''}\n            onChange={(event) => onDataPathChange(event.target.value || undefined)}\n            placeholder={t('bigconsole.builder.dataBinding.dataPathPlaceholder', 'e.g., summary.totalRevenue')}\n          />\n          <p className=\"text-xs text-text-secondary\">\n            {t(\n              'bigconsole.builder.dataBinding.dataPathHelp',\n              'Path to extract specific data from the parser output (dot notation)'\n            )}\n          </p>\n        </div>\n      </Section>\n    </SectionStack>\n  );\n};\n"],"mappings":"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"}

package/dist/bigconsole/components/builder/inspector/GeneralSection.d.ts

@@ -15,3 +15,4 @@ export interface GeneralSectionProps {
  * label can never be mistaken for the heading that groups it (BOFF-5636).
  */
 export declare const GeneralSection: FC<GeneralSectionProps>;
+//# sourceMappingURL=GeneralSection.d.ts.map

package/dist/bigconsole/components/builder/inspector/GeneralSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralSection.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/builder/inspector/GeneralSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAItC,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,uBAAuB,EAAE,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACxE;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA8DjD,CAAC"}

package/dist/bigconsole/components/builder/inspector/GeneralSection.js

@@ -60,3 +60,5 @@ var o = t(function({ title: t, description: o, refreshInterval: s, onTitleChange
 });
 //#endregion
 export { o as GeneralSection };
+
+//# sourceMappingURL=GeneralSection.js.map

package/dist/bigconsole/components/builder/inspector/GeneralSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralSection.js","names":[],"sources":["../../../../../src/bigconsole/components/builder/inspector/GeneralSection.tsx"],"sourcesContent":["import { type FC, memo } from 'react';\nimport { Input, Textarea } from '@burdenoff/fe-libs/ui';\nimport { Section } from '../../common';\n\nexport interface GeneralSectionProps {\n  title: string;\n  description: string;\n  refreshInterval?: number;\n  onTitleChange: (title: string) => void;\n  onDescriptionChange: (description: string) => void;\n  onRefreshIntervalChange: (refreshInterval: number | undefined) => void;\n}\n\n/**\n * Widget identity and refresh settings shared by every widget type.\n *\n * Field labels are `font-medium`: the section heading owns `font-semibold`, so a\n * label can never be mistaken for the heading that groups it (BOFF-5636).\n */\nexport const GeneralSection: FC<GeneralSectionProps> = memo(function GeneralSection({\n  title,\n  description,\n  refreshInterval,\n  onTitleChange,\n  onDescriptionChange,\n  onRefreshIntervalChange,\n}) {\n  const labelClassName = 'mb-1 block text-sm font-medium text-text-primary';\n\n  return (\n    <Section\n      title=\"Identity\"\n      description=\"How this widget names itself on the dashboard, and how often it reloads.\"\n      data-testid=\"widget-inspector-general\"\n    >\n      <div className=\"flex flex-col gap-form-gap\">\n        <div>\n          <label htmlFor=\"widget-inspector-title\" className={labelClassName}>\n            Title\n          </label>\n          <Input\n            id=\"widget-inspector-title\"\n            value={title}\n            onChange={(event) => onTitleChange(event.target.value)}\n            className=\"h-control-md text-sm\"\n          />\n        </div>\n\n        <div>\n          <label htmlFor=\"widget-inspector-description\" className={labelClassName}>\n            Description\n          </label>\n          <Textarea\n            id=\"widget-inspector-description\"\n            value={description}\n            onChange={(event) => onDescriptionChange(event.target.value)}\n            rows={3}\n            className=\"resize-none text-sm\"\n          />\n        </div>\n\n        <div>\n          <label htmlFor=\"widget-inspector-refresh\" className={labelClassName}>\n            Auto-refresh (seconds)\n          </label>\n          <Input\n            id=\"widget-inspector-refresh\"\n            type=\"number\"\n            value={refreshInterval ?? ''}\n            onChange={(event) =>\n              onRefreshIntervalChange(event.target.value === '' ? undefined : Number(event.target.value))\n            }\n            min={0}\n            placeholder=\"No auto-refresh\"\n            className=\"h-control-md text-sm\"\n          />\n          <p className=\"mt-1 text-xs text-text-secondary\">Leave empty to refresh only on demand.</p>\n        </div>\n      </div>\n    </Section>\n  );\n});\n"],"mappings":";;;;;;AAmBA,IAAa,IAA0C,EAAK,SAAwB,EAClF,UACA,gBACA,oBACA,kBACA,wBACA,8BACC;CACD,IAAM,IAAiB;AAEvB,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,eAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,SAAQ;KAAyB,WAAW;eAAgB;KAE3D,CAAA,EACR,kBAAC,GAAD;KACE,IAAG;KACH,OAAO;KACP,WAAW,MAAU,EAAc,EAAM,OAAO,MAAM;KACtD,WAAU;KACV,CAAA,CACE,EAAA,CAAA;IAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,SAAQ;KAA+B,WAAW;eAAgB;KAEjE,CAAA,EACR,kBAAC,GAAD;KACE,IAAG;KACH,OAAO;KACP,WAAW,MAAU,EAAoB,EAAM,OAAO,MAAM;KAC5D,MAAM;KACN,WAAU;KACV,CAAA,CACE,EAAA,CAAA;IAEN,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,SAAD;MAAO,SAAQ;MAA2B,WAAW;gBAAgB;MAE7D,CAAA;KACR,kBAAC,GAAD;MACE,IAAG;MACH,MAAK;MACL,OAAO,KAAmB;MAC1B,WAAW,MACT,EAAwB,EAAM,OAAO,UAAU,KAAK,KAAA,IAAY,OAAO,EAAM,OAAO,MAAM,CAAC;MAE7F,KAAK;MACL,aAAY;MACZ,WAAU;MACV,CAAA;KACF,kBAAC,KAAD;MAAG,WAAU;gBAAmC;MAA0C,CAAA;KACtF,EAAA,CAAA;IACF;;EACE,CAAA;EAEZ"}

package/dist/bigconsole/components/builder/inspector/LayoutSection.d.ts

@@ -25,3 +25,4 @@ export interface LayoutSectionProps {
  */
 export declare const LayoutSection: FC<LayoutSectionProps>;
 export default LayoutSection;
+//# sourceMappingURL=LayoutSection.d.ts.map

package/dist/bigconsole/components/builder/inspector/LayoutSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutSection.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/builder/inspector/LayoutSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAEvE,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,QAAQ,EAAE,cAAc,CAAC;IACzB,iEAAiE;IACjE,OAAO,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,QAAQ,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;CAC9C;AAYD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAkE/C,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/bigconsole/components/builder/inspector/LayoutSection.js

@@ -67,3 +67,5 @@ var o = {
 });
 //#endregion
 export { s as default };
+
+//# sourceMappingURL=LayoutSection.js.map

package/dist/bigconsole/components/builder/inspector/LayoutSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutSection.js","names":[],"sources":["../../../../../src/bigconsole/components/builder/inspector/LayoutSection.tsx"],"sourcesContent":["import { type FC, memo, useCallback } from 'react';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Section } from '../../common';\nimport type { WidgetPosition } from '../../../utils/widgetPositioning';\n\nexport interface LayoutSectionProps {\n  /** Current grid placement of the selected widget. */\n  position: WidgetPosition;\n  /** Columns in the board's grid — the ceiling for `x + width`. */\n  columns: number;\n  /** Commit a new placement. The caller persists it with the dashboard. */\n  onChange: (position: WidgetPosition) => void;\n}\n\n/** Which of the four numbers an input edits. */\ntype PositionField = keyof WidgetPosition;\n\nconst FIELD_LABELS: Record<PositionField, string> = {\n  x: 'Column (X)',\n  y: 'Row (Y)',\n  width: 'Width',\n  height: 'Height',\n};\n\n/**\n * Numeric grid placement for the selected widget.\n *\n * Drag-and-resize on the canvas is the only way a widget could be placed until\n * now, which makes precise alignment guesswork and leaves keyboard-only users\n * with no way to move a widget at all. The four numbers here are the SAME ones\n * the canvas writes (`Widget.position` / `positionX|Y|Width|Height`), committed\n * through the same store action, so the board and this panel can never disagree\n * and the dashboard's Save persists them exactly as a drag would.\n *\n * The mockup also shows Min W / Min H fields. Those are deliberately absent:\n * `WidgetPosition` on the service carries only x/y/width/height, so a minimum\n * would have nowhere to be stored and would silently reset on reload.\n */\nexport const LayoutSection: FC<LayoutSectionProps> = memo(function LayoutSection({ position, columns, onChange }) {\n  const labelClassName = 'mb-1 block text-sm font-medium text-text-primary';\n\n  const commit = useCallback(\n    (field: PositionField, raw: string) => {\n      const parsed = Number.parseInt(raw, 10);\n      if (Number.isNaN(parsed)) return;\n\n      const next: WidgetPosition = { ...position, [field]: parsed };\n\n      // Clamp to a placement the grid can actually hold. Letting a widget be\n      // 0 columns wide, or start past the last column, produces a widget that\n      // renders nowhere — an input that appears to work and then loses content.\n      next.width = Math.min(Math.max(next.width, 1), columns);\n      next.x = Math.min(Math.max(next.x, 0), Math.max(columns - next.width, 0));\n      next.height = Math.max(next.height, 1);\n      next.y = Math.max(next.y, 0);\n\n      if (\n        next.x === position.x &&\n        next.y === position.y &&\n        next.width === position.width &&\n        next.height === position.height\n      ) {\n        return;\n      }\n\n      onChange(next);\n    },\n    [columns, onChange, position]\n  );\n\n  const fields: Array<{ field: PositionField; min: number; max?: number }> = [\n    { field: 'x', min: 0, max: Math.max(columns - position.width, 0) },\n    { field: 'y', min: 0 },\n    { field: 'width', min: 1, max: columns },\n    { field: 'height', min: 1 },\n  ];\n\n  return (\n    <Section\n      title=\"Position & size\"\n      description={`Grid placement on the ${columns}-column board. Saved with the dashboard.`}\n      data-testid=\"widget-inspector-layout\"\n    >\n      <div className=\"grid grid-cols-2 gap-form-gap\">\n        {fields.map(({ field, min, max }) => (\n          <div key={field}>\n            <label htmlFor={`widget-inspector-position-${field}`} className={labelClassName}>\n              {FIELD_LABELS[field]}\n            </label>\n            <Input\n              id={`widget-inspector-position-${field}`}\n              type=\"number\"\n              inputMode=\"numeric\"\n              value={position[field]}\n              min={min}\n              max={max}\n              onChange={(event) => commit(field, event.target.value)}\n              className=\"h-control-md text-sm\"\n            />\n          </div>\n        ))}\n      </div>\n    </Section>\n  );\n});\n\nexport default LayoutSection;\n"],"mappings":";;;;;;AAiBA,IAAM,IAA8C;CAClD,GAAG;CACH,GAAG;CACH,OAAO;CACP,QAAQ;CACT,EAgBY,IAAwC,EAAK,SAAuB,EAAE,aAAU,YAAS,eAAY;CAChH,IAEM,IAAS,GACZ,GAAsB,MAAgB;EACrC,IAAM,IAAS,OAAO,SAAS,GAAK,GAAG;AACvC,MAAI,OAAO,MAAM,EAAO,CAAE;EAE1B,IAAM,IAAuB;GAAE,GAAG;IAAW,IAAQ;GAAQ;AAK7D,IAAK,QAAQ,KAAK,IAAI,KAAK,IAAI,EAAK,OAAO,EAAE,EAAE,EAAQ,EACvD,EAAK,IAAI,KAAK,IAAI,KAAK,IAAI,EAAK,GAAG,EAAE,EAAE,KAAK,IAAI,IAAU,EAAK,OAAO,EAAE,CAAC,EACzE,EAAK,SAAS,KAAK,IAAI,EAAK,QAAQ,EAAE,EACtC,EAAK,IAAI,KAAK,IAAI,EAAK,GAAG,EAAE,EAG1B,IAAK,MAAM,EAAS,KACpB,EAAK,MAAM,EAAS,KACpB,EAAK,UAAU,EAAS,SACxB,EAAK,WAAW,EAAS,WAK3B,EAAS,EAAK;IAEhB;EAAC;EAAS;EAAU;EAAS,CAC9B,EAEK,IAAqE;EACzE;GAAE,OAAO;GAAK,KAAK;GAAG,KAAK,KAAK,IAAI,IAAU,EAAS,OAAO,EAAE;GAAE;EAClE;GAAE,OAAO;GAAK,KAAK;GAAG;EACtB;GAAE,OAAO;GAAS,KAAK;GAAG,KAAK;GAAS;EACxC;GAAE,OAAO;GAAU,KAAK;GAAG;EAC5B;AAED,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,yBAAyB,EAAQ;EAC9C,eAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAO,KAAK,EAAE,UAAO,QAAK,aACzB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,SAAS,6BAA6B;IAAS,WAAW;cAC9D,EAAa;IACR,CAAA,EACR,kBAAC,GAAD;IACE,IAAI,6BAA6B;IACjC,MAAK;IACL,WAAU;IACV,OAAO,EAAS;IACX;IACA;IACL,WAAW,MAAU,EAAO,GAAO,EAAM,OAAO,MAAM;IACtD,WAAU;IACV,CAAA,CACE,EAAA,EAdI,EAcJ,CACN;GACE,CAAA;EACE,CAAA;EAEZ"}

package/dist/bigconsole/components/builder/inspector/index.d.ts

@@ -3,3 +3,4 @@ export { AppearanceSection, type AppearanceSectionProps } from './AppearanceSect
 export { GeneralSection, type GeneralSectionProps } from './GeneralSection';
 export { DataBindingSection, type DataBindingSectionProps } from './DataBindingSection';
 export { LayoutSection, type LayoutSectionProps } from './LayoutSection';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/builder/inspector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/builder/inspector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC5G,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/bigconsole/components/common/Section.d.ts

@@ -74,3 +74,4 @@ export interface SectionStackProps {
  * `space-y-6`, so section spacing tracks the workspace density setting.
  */
 export declare const SectionStack: import('react').NamedExoticComponent<SectionStackProps>;
+//# sourceMappingURL=Section.d.ts.map

package/dist/bigconsole/components/common/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/common/Section.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAIL,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEpF,iFAAiF;AACjF,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,+EAA+E;IAC/E,KAAK,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yEAAyE;IACzE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,0DAoCxB,CAAC;AAEH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;IACjG;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mEAAmE;IACnE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,oDAgElB,CAAC;AAEH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,yDAEvB,CAAC"}

package/dist/bigconsole/components/common/Section.js

@@ -66,3 +66,5 @@ var s = r(function({ title: e, description: t, icon: r, actions: i, meta: s, hea
 });
 //#endregion
 export { c as Section, s as SectionHeader, l as SectionStack };
+
+//# sourceMappingURL=Section.js.map

package/dist/bigconsole/components/common/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","names":[],"sources":["../../../../src/bigconsole/components/common/Section.tsx"],"sourcesContent":["/**\n * Section / SectionHeader / SectionStack — BigConsole's section-emphasis\n * components (BOFF-5632).\n *\n * A `Section` is a labelled region of a screen. It renders a real `<section>`\n * tied to its heading with `aria-labelledby`, so screen-reader users get the\n * same \"where am I\" landmarks that the visual treatment gives sighted users.\n *\n * ```tsx\n * <SectionStack>\n *   <Section title=\"Configuration\" description=\"How this parser reads input.\" >\n *     …fields…\n *   </Section>\n *   <Section title=\"Output\" emphasis=\"primary\" actions={<Button>Run</Button>}>\n *     …result…\n *   </Section>\n *   <Section title=\"Last run failed\" emphasis=\"standard\" tone=\"danger\">\n *     …error detail…\n *   </Section>\n * </SectionStack>\n * ```\n *\n * The class vocabulary lives in `./sectionStyles.ts` — see the notes there on which\n * design tokens actually emit CSS in the BigConsole shell.\n */\n\nimport { memo, useId, type ReactNode } from 'react';\nimport {\n  SECTION_STACK,\n  sectionSurfaceClasses,\n  sectionTitleClasses,\n  type SectionEmphasis,\n  type SectionPadding,\n  type SectionTone,\n} from './sectionStyles';\n\nexport type { SectionEmphasis, SectionPadding, SectionTone } from './sectionStyles';\n\n/** Heading level the section title renders as. Keep the page outline ordered. */\nexport type SectionHeadingLevel = 2 | 3 | 4;\n\nexport interface SectionHeaderProps {\n  /** Short, scannable label. Sentence case — this is a UI label, not a title. */\n  title: ReactNode;\n  /** One line of context. Keep it under ~120 characters. */\n  description?: ReactNode;\n  /** Leading icon, already sized by the caller (`h-icon-sm w-icon-sm`). */\n  icon?: ReactNode;\n  /** Buttons/toggles for this section. They wrap under the title on mobile. */\n  actions?: ReactNode;\n  /** Status chip or count rendered right after the title. */\n  meta?: ReactNode;\n  headingLevel?: SectionHeadingLevel;\n  tone?: SectionTone;\n  /** id applied to the heading so the owning `<section>` can reference it. */\n  headingId?: string;\n  className?: string;\n}\n\n/**\n * The header row of a section: icon + title + meta on the left, actions on the\n * right. Stacks vertically below `sm` so a two-button action cluster never\n * squeezes the title into a one-word-per-line column on mobile.\n */\nexport const SectionHeader = memo(function SectionHeader({\n  title,\n  description,\n  icon,\n  actions,\n  meta,\n  headingLevel = 3,\n  tone = 'neutral',\n  headingId,\n  className,\n}: SectionHeaderProps) {\n  const Heading = `h${headingLevel}` as 'h2' | 'h3' | 'h4';\n\n  return (\n    <div\n      className={`flex flex-col gap-control-gap sm:flex-row sm:items-start sm:justify-between ${className ?? ''}`.trim()}\n    >\n      <div className=\"flex min-w-0 items-start gap-icon-gap\">\n        {icon ? (\n          <span aria-hidden=\"true\" className=\"mt-0.5 flex shrink-0 items-center justify-center text-text-secondary\">\n            {icon}\n          </span>\n        ) : null}\n        <div className=\"min-w-0\">\n          <div className=\"flex flex-wrap items-center gap-icon-gap\">\n            <Heading id={headingId} className={sectionTitleClasses(tone)}>\n              {title}\n            </Heading>\n            {meta}\n          </div>\n          {description ? <p className=\"mt-1 text-sm leading-relaxed text-text-secondary\">{description}</p> : null}\n        </div>\n      </div>\n      {actions ? <div className=\"flex shrink-0 flex-wrap items-center gap-control-gap\">{actions}</div> : null}\n    </div>\n  );\n});\n\nexport interface SectionProps extends Omit<SectionHeaderProps, 'headingId' | 'className' | 'title'> {\n  /**\n   * Visible section label. Optional: a `bare` strip or a section whose heading\n   * is supplied through `header` can go without one, but it must then carry an\n   * `aria-label` so the region is still announced.\n   */\n  title?: ReactNode;\n  /** Visual weight relative to sibling sections. @default 'standard' */\n  emphasis?: SectionEmphasis;\n  /** Inner padding step. Use `none` when the child owns its own scroll area. */\n  padding?: SectionPadding;\n  /** Extra classes for the `<section>` element itself. */\n  className?: string;\n  /** Extra classes for the body wrapper (below the header). */\n  bodyClassName?: string;\n  /** Classes for the header block (e.g. `mb-form-gap` overrides). */\n  headerClassName?: string;\n  /**\n   * Renders the header without a title element — for sections whose heading is\n   * supplied by a caller-provided node. Prefer passing `title` when possible.\n   */\n  header?: ReactNode;\n  children?: ReactNode;\n  id?: string;\n  /** Accessible name when the section has no visible title. */\n  'aria-label'?: string;\n  'data-testid'?: string;\n}\n\n/**\n * A labelled region with a consistent emphasis treatment.\n *\n * Layout rules that hold at every breakpoint:\n * - the section never forces horizontal page scroll (`min-w-0`);\n * - the header collapses to a column below `sm` (640px);\n * - padding and inter-section gaps follow the density tokens, so a compact\n *   workspace stays compact and a spacious one stays readable.\n */\nexport const Section = memo(function Section({\n  title,\n  description,\n  icon,\n  actions,\n  meta,\n  headingLevel = 3,\n  emphasis = 'standard',\n  tone = 'neutral',\n  padding = 'default',\n  className,\n  bodyClassName,\n  headerClassName,\n  header,\n  children,\n  id,\n  'aria-label': ariaLabel,\n  'data-testid': dataTestId,\n}: SectionProps) {\n  const generatedId = useId();\n  const headingId = title ? `${id ?? generatedId}-title` : undefined;\n  const hasHeader = Boolean(title || header);\n\n  // `title` and `aria-label` are independently optional, so nothing in the type\n  // system stops a caller from rendering a `<section>` landmark that screen\n  // readers announce as just \"section\". Fail loudly in development rather than\n  // shipping a silent a11y regression.\n  if (import.meta.env.DEV && !title && !ariaLabel) {\n    console.warn(\n      '[BigConsole] Section: pass `title` or `aria-label` — a section landmark without an accessible name is announced with no context.'\n    );\n  }\n\n  return (\n    <section\n      id={id}\n      data-testid={dataTestId}\n      data-section-emphasis={emphasis}\n      data-section-tone={tone}\n      aria-labelledby={headingId}\n      aria-label={headingId ? undefined : ariaLabel}\n      className={`${sectionSurfaceClasses(emphasis, tone, padding)} ${className ?? ''}`.trim()}\n    >\n      {hasHeader ? (\n        <div className={headerClassName ?? (children ? 'mb-form-gap' : undefined)}>\n          {title ? (\n            <SectionHeader\n              title={title}\n              description={description}\n              icon={icon}\n              actions={actions}\n              meta={meta}\n              headingLevel={headingLevel}\n              tone={tone}\n              headingId={headingId}\n            />\n          ) : (\n            header\n          )}\n        </div>\n      ) : null}\n      {children ? <div className={`min-w-0 ${bodyClassName ?? ''}`.trim()}>{children}</div> : null}\n    </section>\n  );\n});\n\nexport interface SectionStackProps {\n  children: ReactNode;\n  className?: string;\n}\n\n/**\n * Vertical rhythm container for sibling sections. Use it instead of ad-hoc\n * `space-y-6`, so section spacing tracks the workspace density setting.\n */\nexport const SectionStack = memo(function SectionStack({ children, className }: SectionStackProps) {\n  return <div className={`${SECTION_STACK} ${className ?? ''}`.trim()}>{children}</div>;\n});\n"],"mappings":";;;;AAgEA,IAAa,IAAgB,EAAK,SAAuB,EACvD,UACA,gBACA,SACA,YACA,SACA,kBAAe,GACf,UAAO,WACP,cACA,gBACqB;CACrB,IAAM,IAAU,IAAI;AAEpB,QACE,kBAAC,OAAD;EACE,WAAW,+EAA+E,KAAa,KAAK,MAAM;YADpH,CAGE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,IACC,kBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;cAChC;IACI,CAAA,GACL,MACJ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAS,IAAI;MAAW,WAAW,EAAoB,EAAK;gBACzD;MACO,CAAA,EACT,EACG;QACL,IAAc,kBAAC,KAAD;KAAG,WAAU;eAAoD;KAAgB,CAAA,GAAG,KAC/F;MACF;MACL,IAAU,kBAAC,OAAD;GAAK,WAAU;aAAwD;GAAc,CAAA,GAAG,KAC/F;;EAER,EAwCW,IAAU,EAAK,SAAiB,EAC3C,UACA,gBACA,SACA,YACA,SACA,kBAAe,GACf,cAAW,YACX,UAAO,WACP,aAAU,WACV,cACA,kBACA,oBACA,WACA,aACA,OACA,cAAc,GACd,eAAe,KACA;CACf,IAAM,IAAc,GAAO,EACrB,IAAY,IAAQ,GAAG,KAAM,EAAY,UAAU,KAAA,GACnD,IAAY,GAAQ,KAAS;AAYnC,QACE,kBAAC,WAAD;EACM;EACJ,eAAa;EACb,yBAAuB;EACvB,qBAAmB;EACnB,mBAAiB;EACjB,cAAY,IAAY,KAAA,IAAY;EACpC,WAAW,GAAG,EAAsB,GAAU,GAAM,EAAQ,CAAC,GAAG,KAAa,KAAK,MAAM;YAP1F,CASG,IACC,kBAAC,OAAD;GAAK,WAAW,MAAoB,IAAW,gBAAgB,KAAA;aAC5D,IACC,kBAAC,GAAD;IACS;IACM;IACP;IACG;IACH;IACQ;IACR;IACK;IACX,CAAA,GAEF;GAEE,CAAA,GACJ,MACH,IAAW,kBAAC,OAAD;GAAK,WAAW,WAAW,KAAiB,KAAK,MAAM;GAAG;GAAe,CAAA,GAAG,KAChF;;EAEZ,EAWW,IAAe,EAAK,SAAsB,EAAE,aAAU,gBAAgC;AACjG,QAAO,kBAAC,OAAD;EAAK,WAAW,GAAG,EAAc,GAAG,KAAa,KAAK,MAAM;EAAG;EAAe,CAAA;EACrF"}

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

@@ -1,3 +1,4 @@
 export { Section, SectionHeader, SectionStack } from './Section';
 export type { SectionHeadingLevel, SectionHeaderProps, SectionProps, SectionStackProps } from './Section';
 export { SECTION_FOCUS_RING, SECTION_MOTION, SECTION_STACK, sectionSurfaceClasses, sectionTitleClasses, type SectionEmphasis, type SectionPadding, type SectionTone, } from './sectionStyles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/common/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACjE,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC1G,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,qBAAqB,EACrB,mBAAmB,EACnB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,WAAW,GACjB,MAAM,iBAAiB,CAAC"}

package/dist/bigconsole/components/common/sectionStyles.d.ts

@@ -65,3 +65,4 @@ export declare const SECTION_STACK = "flex flex-col gap-section-gap";
 export declare function sectionSurfaceClasses(emphasis?: SectionEmphasis, tone?: SectionTone, padding?: SectionPadding): string;
 /** Title classes for a section header at the given tone. */
 export declare function sectionTitleClasses(tone?: SectionTone): string;
+//# sourceMappingURL=sectionStyles.d.ts.map

package/dist/bigconsole/components/common/sectionStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sectionStyles.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/common/sectionStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH;;;;;;;;;;GAUG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAExE,iFAAiF;AACjF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhF,+EAA+E;AAC/E,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AA0D5D;;;;GAIG;AACH,eAAO,MAAM,cAAc,qKACyI,CAAC;AAErK,gFAAgF;AAChF,eAAO,MAAM,kBAAkB,6IAC6G,CAAC;AAE7I,kEAAkE;AAClE,eAAO,MAAM,aAAa,kCAAkC,CAAC;AAE7D;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,GAAE,eAA4B,EACtC,IAAI,GAAE,WAAuB,EAC7B,OAAO,GAAE,cAA0B,GAClC,MAAM,CAmBR;AAED,4DAA4D;AAC5D,wBAAgB,mBAAmB,CAAC,IAAI,GAAE,WAAuB,GAAG,MAAM,CAEzE"}

package/dist/bigconsole/components/common/sectionStyles.js

@@ -38,3 +38,5 @@ function l(e = "neutral") {
 }
 //#endregion
 export { o as SECTION_FOCUS_RING, a as SECTION_MOTION, s as SECTION_STACK, c as sectionSurfaceClasses, l as sectionTitleClasses };
+
+//# sourceMappingURL=sectionStyles.js.map

package/dist/bigconsole/components/common/sectionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sectionStyles.js","names":[],"sources":["../../../../src/bigconsole/components/common/sectionStyles.ts"],"sourcesContent":["/**\n * Section emphasis — shared visual-hierarchy vocabulary for BigConsole (BOFF-5632).\n *\n * BigConsole screens are dense: a builder can stack a toolbar, a palette, a\n * canvas, an inspector, a preview and a status strip on one route. Before this\n * module every one of those blocks was drawn with the same weight, so nothing\n * told the eye where a section started or which one mattered. This file is the\n * single source of truth for that answer; `Section.tsx` renders it and every\n * module imports from there.\n *\n * ## Why the class recipes look the way they do\n *\n * The host shells (`bigconsole-app`, `admin-app`) register a *narrower*\n * `@theme` than `fe-libs/shared/styles/app-shell.css`. A Tailwind utility only\n * exists if its token key is in that shell registry, which makes three\n * otherwise reasonable choices silently emit **no CSS** (the same failure mode\n * as BOFF-5660's `state-*` classes):\n *\n *   - `shadow-elevation-1` … `shadow-elevation-5` are not registered — the\n *     elevation scale has to be reached through `shadow-[var(--shadow-…)]`.\n *   - `--color-border-*` are registered as *hard-coded light hex*, so\n *     `border-border-subtle` keeps a light border in dark mode. The arbitrary\n *     form `border-[var(--color-border-subtle)]` re-resolves per theme.\n *   - `status-{warning,info}-text` are not registered even though the CSS\n *     variables exist per theme, so tones read their text colour through\n *     `text-[var(--color-status-…-text)]`.\n *\n * Everything below therefore uses registered utilities where they exist and\n * `var()` arbitrary values where they do not. Both forms are theme-aware, so a\n * section keeps its meaning in light, dark and high-contrast themes.\n */\n\n/**\n * How much visual weight a section carries relative to its siblings.\n *\n * - `primary` — the one block the route exists for (the canvas, the generated\n *   result, the test output). Raised surface + border + elevation shadow.\n * - `standard` — a normal grouped block: configuration, lists, forms.\n * - `muted` — supporting context that must stay readable but never compete:\n *   metadata, raw payloads, help, secondary summaries. Recessed surface.\n * - `bare` — structural grouping only (header strips, toolbars, filter rows).\n *   Contributes rhythm and a11y semantics, no surface of its own.\n */\nexport type SectionEmphasis = 'primary' | 'standard' | 'muted' | 'bare';\n\n/** Semantic colouring for state-carrying sections (banners, results, errors). */\nexport type SectionTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';\n\n/** Padding step. `none` is for sections that own their inner scroll/canvas. */\nexport type SectionPadding = 'none' | 'compact' | 'default';\n\n/**\n * Emphasis is split into STRUCTURE (geometry) and FILL (colour) so that a\n * section never carries two competing `bg-*` or `border-*` utilities.\n *\n * The obvious implementation — emit the emphasis surface, then append the tone\n * surface to override it — relies on the tone's utility winning the cascade.\n * Tailwind v4 orders utilities by their position in the generated stylesheet,\n * not by their order in the `class` attribute, so that override is an accident\n * of build output rather than a guarantee: it can invert silently on a Tailwind\n * upgrade and leave a danger banner painted like a neutral card. Composing\n * exactly one fill instead makes the outcome independent of stylesheet order.\n */\nconst EMPHASIS_STRUCTURE: Record<SectionEmphasis, string> = {\n  primary: 'rounded-card border shadow-[var(--shadow-elevation-1)]',\n  standard: 'rounded-card border',\n  muted: 'rounded-card border',\n  bare: '',\n};\n\n/** Neutral fill per emphasis level — used when no tone is set. */\nconst EMPHASIS_FILL: Record<Exclude<SectionEmphasis, 'bare'>, string> = {\n  primary: 'border-[var(--color-border-subtle)] bg-bg-surface',\n  standard: 'border-[var(--color-border-subtle)] bg-bg-surface',\n  muted: 'border-transparent bg-bg-sunken',\n};\n\n/**\n * Tone fills replace the emphasis fill (they are alternatives, never additions)\n * so a status section reads as status first while keeping its emphasis\n * geometry. `bare` has no surface at all, so a tone on `bare` colours nothing —\n * callers wanting a coloured banner use `muted`/`standard`.\n */\nconst TONE_SURFACE: Record<Exclude<SectionTone, 'neutral'>, string> = {\n  info: 'border-[var(--color-status-info-border)] bg-[var(--color-status-info-bgSubtle)]',\n  success: 'border-[var(--color-status-success-border)] bg-[var(--color-status-success-bgSubtle)]',\n  warning: 'border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bgSubtle)]',\n  danger: 'border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)]',\n};\n\n/** Title colour per tone — the neutral case inherits the normal heading colour. */\nconst TONE_TITLE: Record<SectionTone, string> = {\n  neutral: 'text-text-primary',\n  info: 'text-[var(--color-status-info-text)]',\n  success: 'text-[var(--color-status-success-text)]',\n  warning: 'text-[var(--color-status-warning-text)]',\n  danger: 'text-[var(--color-status-error-text)]',\n};\n\nconst PADDING: Record<SectionPadding, string> = {\n  none: '',\n  // `--spacing-control-gap` and `--spacing-card-padding` both track\n  // `data-density`, so compact/comfortable/spacious users keep their rhythm.\n  compact: 'p-control-gap',\n  default: 'p-card-padding',\n};\n\n/**\n * Transitions are opt-in through `motion-safe:` so the OS \"reduce motion\"\n * setting removes them; the shell's `data-reduce-motion` attribute neutralises\n * whatever survives. Only colour/shadow animate — never layout.\n */\nexport const SECTION_MOTION =\n  'motion-safe:transition-[box-shadow,border-color,background-color] motion-safe:duration-[var(--motion-duration-fast)] motion-safe:ease-[var(--motion-easing-out)]';\n\n/** Focus ring used when a section itself is focusable (collapsible headers). */\nexport const SECTION_FOCUS_RING =\n  '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/** Vertical rhythm between sibling sections. Density-reactive. */\nexport const SECTION_STACK = 'flex flex-col gap-section-gap';\n\n/**\n * Composes the container classes for a section.\n *\n * `min-w-0` is always applied: BigConsole sections routinely host tables, JSON\n * previews and node canvases, and without it a flex/grid child refuses to\n * shrink and pushes the page into horizontal scroll on tablet and mobile.\n */\nexport function sectionSurfaceClasses(\n  emphasis: SectionEmphasis = 'standard',\n  tone: SectionTone = 'neutral',\n  padding: SectionPadding = 'default'\n): string {\n  const parts = ['min-w-0'];\n\n  if (emphasis === 'bare') {\n    // A tone is a fill, and `bare` has no surface to fill — asking for\n    // `emphasis=\"bare\" tone=\"danger\"` silently produces an uncoloured section,\n    // which reads as a styling bug rather than a deliberate choice. Say so.\n    if (import.meta.env.DEV && tone !== 'neutral') {\n      console.warn(\n        `[BigConsole] Section: tone=\"${tone}\" is ignored on emphasis=\"bare\" — a tone needs a surface. Use \"muted\" or \"standard\" for a coloured banner.`\n      );\n    }\n    if (padding !== 'default') parts.push(PADDING[padding]);\n  } else {\n    const fill = tone === 'neutral' ? EMPHASIS_FILL[emphasis] : TONE_SURFACE[tone];\n    parts.push(EMPHASIS_STRUCTURE[emphasis], fill, PADDING[padding], SECTION_MOTION);\n  }\n\n  return parts.filter(Boolean).join(' ');\n}\n\n/** Title classes for a section header at the given tone. */\nexport function sectionTitleClasses(tone: SectionTone = 'neutral'): string {\n  return `text-sm font-semibold leading-tight tracking-tight ${TONE_TITLE[tone]}`;\n}\n"],"mappings":";AA+DA,IAAM,IAAsD;CAC1D,SAAS;CACT,UAAU;CACV,OAAO;CACP,MAAM;CACP,EAGK,IAAkE;CACtE,SAAS;CACT,UAAU;CACV,OAAO;CACR,EAQK,IAAgE;CACpE,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;CACT,EAGK,IAA0C;CAC9C,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;CACT,EAEK,IAA0C;CAC9C,MAAM;CAGN,SAAS;CACT,SAAS;CACV,EAOY,IACX,oKAGW,IACX,4IAGW,IAAgB;AAS7B,SAAgB,EACd,IAA4B,YAC5B,IAAoB,WACpB,IAA0B,WAClB;CACR,IAAM,IAAQ,CAAC,UAAU;AAEzB,KAAI,MAAa,QASX,MAAY,aAAW,EAAM,KAAK,EAAQ,GAAS;MAClD;EACL,IAAM,IAAO,MAAS,YAAY,EAAc,KAAY,EAAa;AACzE,IAAM,KAAK,EAAmB,IAAW,GAAM,EAAQ,IAAU,EAAe;;AAGlF,QAAO,EAAM,OAAO,QAAQ,CAAC,KAAK,IAAI;;AAIxC,SAAgB,EAAoB,IAAoB,WAAmB;AACzE,QAAO,sDAAsD,EAAW"}

package/dist/bigconsole/components/dashboard/CreateDashboardDialog.d.ts

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

package/dist/bigconsole/components/dashboard/CreateDashboardDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateDashboardDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/CreateDashboardDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAsE,MAAM,OAAO,CAAC;AA6BpG,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,kBAAkB,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7F;AAQD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA+qB/D,CAAC;AAEH,eAAe,qBAAqB,CAAC"}

package/dist/bigconsole/components/dashboard/CreateDashboardDialog.js

@@ -541,3 +541,5 @@ var _ = a(function({ isOpen: a, isCreating: _ = !1, onClose: v, onCreate: y, sho
 });
 //#endregion
 export { _ as default };
+
+//# sourceMappingURL=CreateDashboardDialog.js.map