@burdenoff/microfe-bigconsole 2026.1005.4 → 2026.1006.1

package/dist/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SavedViewsDropdown.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.tsx"],"sourcesContent":["/**\n * SavedViewsDropdown Component\n *\n * Dropdown for managing and switching between saved dashboard views.\n */\n\nimport React, { useState, useEffect, useCallback, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useDashboardViews, type DashboardView } from '../../../hooks';\nimport { SEMANTIC_COLORS } from '../../../utils/semanticTokens';\nimport { reportBigConsoleQuotaError } from '../../../utils/quota';\n\n// ============================================================================\n// Solid Background Colors (for portal-rendered dropdowns)\n// ============================================================================\n\n// Hook to detect dark mode and provide solid background color\nfunction useSolidBackground() {\n  const [isDark, setIsDark] = useState(false);\n\n  useEffect(() => {\n    const checkDarkMode = () => {\n      setIsDark(document.documentElement.classList.contains('dark'));\n    };\n    checkDarkMode();\n\n    const observer = new MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });\n    return () => observer.disconnect();\n  }, []);\n\n  // Return solid opaque colors - no transparency\n  return isDark ? '#1f2937' : '#ffffff';\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface SavedViewsDropdownProps {\n  dashboardId: string;\n  currentFilters?: Record<string, unknown>;\n  currentLayout?: Record<string, unknown>;\n  onViewLoad?: (view: DashboardView) => void;\n  className?: string;\n}\n\n// Use shared semantic tokens for portal rendering\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function SavedViewsDropdown({\n  dashboardId,\n  currentFilters,\n  currentLayout,\n  onViewLoad,\n  className = '',\n}: SavedViewsDropdownProps) {\n  const { t } = useI18n();\n  const {\n    views,\n    currentView,\n    loading,\n    fetchViews,\n    saveCurrentView,\n    loadView,\n    updateView,\n    deleteView,\n    setAsDefault,\n    clearCurrentView,\n  } = useDashboardViews();\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [showSaveDialog, setShowSaveDialog] = useState(false);\n  const [newViewName, setNewViewName] = useState('');\n  const [newViewDescription, setNewViewDescription] = useState('');\n  const [saveAsDefault, setSaveAsDefault] = useState(false);\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0 });\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  // Get solid background color for portal-rendered dropdown (no transparency)\n  const solidBgColor = useSolidBackground();\n\n  // Fetch views on mount\n  useEffect(() => {\n    if (dashboardId) {\n      fetchViews(dashboardId);\n    }\n  }, [dashboardId, fetchViews]);\n\n  // Update dropdown position when opening\n  useEffect(() => {\n    if (isOpen && buttonRef.current) {\n      const rect = buttonRef.current.getBoundingClientRect();\n      const dropdownWidth = 280;\n\n      // Calculate left position - align left edge with button, but ensure it doesn't go off screen\n      let leftPos = rect.left;\n\n      // If dropdown would go off the right edge of screen, align right edge with button instead\n      if (leftPos + dropdownWidth > window.innerWidth - 16) {\n        leftPos = rect.right - dropdownWidth;\n      }\n\n      // Ensure minimum left margin\n      leftPos = Math.max(16, leftPos);\n\n      setDropdownPosition({\n        top: rect.bottom + 4,\n        left: leftPos,\n      });\n    }\n  }, [isOpen]);\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      const target = event.target as Node;\n      if (\n        buttonRef.current &&\n        !buttonRef.current.contains(target) &&\n        dropdownRef.current &&\n        !dropdownRef.current.contains(target)\n      ) {\n        setIsOpen(false);\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside);\n      return () => document.removeEventListener('mousedown', handleClickOutside);\n    }\n  }, [isOpen]);\n\n  // Handle view selection\n  const handleSelectView = useCallback(\n    (viewId: string) => {\n      const view = views.find((v) => v.id === viewId);\n      if (view) {\n        loadView(viewId);\n        if (onViewLoad) {\n          onViewLoad(view);\n        }\n      }\n      setIsOpen(false);\n    },\n    [views, loadView, onViewLoad]\n  );\n\n  // Handle save new view\n  const handleSaveView = useCallback(async () => {\n    if (!newViewName.trim()) return;\n\n    try {\n      await saveCurrentView({\n        dashboardId,\n        name: newViewName.trim(),\n        description: newViewDescription.trim() || undefined,\n        filters: currentFilters,\n        layout: currentLayout,\n        isDefault: saveAsDefault,\n      });\n    } catch (err) {\n      if (reportBigConsoleQuotaError(err, 'session')) {\n        setShowSaveDialog(false);\n        setIsOpen(false);\n        return;\n      }\n      throw err;\n    }\n\n    setNewViewName('');\n    setNewViewDescription('');\n    setSaveAsDefault(false);\n    setShowSaveDialog(false);\n  }, [dashboardId, newViewName, newViewDescription, currentFilters, currentLayout, saveAsDefault, saveCurrentView]);\n\n  // Handle update current view\n  const handleUpdateCurrentView = useCallback(async () => {\n    if (!currentView) return;\n\n    await updateView({\n      id: currentView.id,\n      filters: currentFilters,\n      layout: currentLayout,\n    });\n  }, [currentView, currentFilters, currentLayout, updateView]);\n\n  // Handle delete view\n  const handleDeleteView = useCallback(\n    async (viewId: string, e: React.MouseEvent) => {\n      e.stopPropagation();\n      if (\n        window.confirm(\n          t('bigconsole.dashboards.savedViews.confirmDelete', 'Are you sure you want to delete this view?')\n        )\n      ) {\n        await deleteView(viewId);\n      }\n    },\n    [deleteView, t]\n  );\n\n  // Handle set as default\n  const handleSetDefault = useCallback(\n    async (viewId: string, e: React.MouseEvent) => {\n      e.stopPropagation();\n      await setAsDefault(viewId);\n    },\n    [setAsDefault]\n  );\n\n  // Clear current view\n  const handleClearView = useCallback(() => {\n    clearCurrentView();\n    setIsOpen(false);\n  }, [clearCurrentView]);\n\n  // Dropdown Menu rendered via portal\n  const dropdownMenu = isOpen\n    ? createPortal(\n        <div\n          ref={dropdownRef}\n          style={{\n            position: 'fixed',\n            top: dropdownPosition.top,\n            left: Math.max(16, dropdownPosition.left), // Ensure minimum left margin\n            minWidth: 'min(280px, calc(100vw - 2rem))',\n            maxWidth: 'calc(100vw - 2rem)',\n            backgroundColor: solidBgColor, // Solid opaque background - no transparency\n            border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n            borderRadius: '8px',\n            boxShadow: 'var(--shadow-elevation-3)',\n            zIndex: 99998,\n            overflow: 'hidden',\n          }}\n        >\n          {/* Header */}\n          <div\n            style={{\n              padding: '12px 16px',\n              borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n            }}\n          >\n            <span style={{ fontSize: '13px', fontWeight: 600, color: SEMANTIC_COLORS.textPrimary }}>\n              {t('bigconsole.dashboards.savedViews.header', 'Saved Views')}\n            </span>\n            <button\n              onClick={() => setShowSaveDialog(true)}\n              style={{\n                padding: '4px 10px',\n                backgroundColor: SEMANTIC_COLORS.actionPrimaryBg,\n                color: 'var(--color-action-primary-text)',\n                border: 'none',\n                borderRadius: '4px',\n                cursor: 'pointer',\n                fontSize: '12px',\n              }}\n            >\n              {t('bigconsole.dashboards.savedViews.saveCurrent', '+ Save Current')}\n            </button>\n          </div>\n\n          {/* Views List */}\n          <div style={{ maxHeight: '300px', overflowY: 'auto' }}>\n            {loading && views.length === 0 ? (\n              <div style={{ padding: '16px', color: SEMANTIC_COLORS.textSecondary, fontSize: '13px' }}>\n                {t('bigconsole.dashboards.savedViews.loading', 'Loading views...')}\n              </div>\n            ) : views.length === 0 ? (\n              <div style={{ padding: '16px', color: SEMANTIC_COLORS.textSecondary, fontSize: '13px' }}>\n                {t(\n                  'bigconsole.dashboards.savedViews.empty',\n                  'No saved views yet. Save your current view to get started.'\n                )}\n              </div>\n            ) : (\n              <>\n                {/* Reset to Default Option */}\n                <button\n                  onClick={handleClearView}\n                  style={{\n                    display: 'flex',\n                    alignItems: 'center',\n                    width: '100%',\n                    padding: '10px 16px',\n                    backgroundColor: !currentView ? SEMANTIC_COLORS.bgSecondary : SEMANTIC_COLORS.bgPrimary,\n                    border: 'none',\n                    cursor: 'pointer',\n                    textAlign: 'left',\n                    borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  }}\n                >\n                  <div>\n                    <div style={{ fontSize: '13px', fontWeight: 500, color: SEMANTIC_COLORS.textPrimary }}>\n                      {t('bigconsole.dashboards.savedViews.defaultView', 'Default View')}\n                    </div>\n                    <div style={{ fontSize: '11px', color: SEMANTIC_COLORS.textSecondary }}>\n                      {t('bigconsole.dashboards.savedViews.defaultViewHint', 'Reset to original dashboard state')}\n                    </div>\n                  </div>\n                </button>\n\n                {/* Saved Views */}\n                {views.map((view) => (\n                  <div\n                    key={view.id}\n                    onClick={() => handleSelectView(view.id)}\n                    style={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      justifyContent: 'space-between',\n                      padding: '10px 16px',\n                      backgroundColor:\n                        currentView?.id === view.id ? SEMANTIC_COLORS.bgSecondary : SEMANTIC_COLORS.bgPrimary,\n                      cursor: 'pointer',\n                      borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    }}\n                  >\n                    <div style={{ flex: 1 }}>\n                      <div style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>\n                        <span\n                          style={{\n                            fontSize: '13px',\n                            fontWeight: 500,\n                            color: SEMANTIC_COLORS.textPrimary,\n                          }}\n                        >\n                          {view.name}\n                        </span>\n                        {view.isDefault && (\n                          <span\n                            style={{\n                              fontSize: '9px',\n                              padding: '2px 4px',\n                              backgroundColor: SEMANTIC_COLORS.actionPrimaryBgSubtle,\n                              color: SEMANTIC_COLORS.actionPrimaryBg,\n                              borderRadius: '4px',\n                              textTransform: 'uppercase',\n                              fontWeight: 600,\n                            }}\n                          >\n                            {t('bigconsole.dashboards.savedViews.defaultBadge', 'Default')}\n                          </span>\n                        )}\n                      </div>\n                      {view.description && (\n                        <div style={{ fontSize: '11px', color: SEMANTIC_COLORS.textSecondary, marginTop: '2px' }}>\n                          {view.description}\n                        </div>\n                      )}\n                      <div style={{ fontSize: '10px', color: SEMANTIC_COLORS.textSecondary, marginTop: '2px' }}>\n                        {new Date(view.updatedAt).toLocaleDateString()}\n                      </div>\n                    </div>\n                    <div style={{ display: 'flex', alignItems: 'center', gap: '4px' }}>\n                      {!view.isDefault && (\n                        <button\n                          onClick={(e) => handleSetDefault(view.id, e)}\n                          title={t('bigconsole.dashboards.savedViews.setAsDefaultTitle', 'Set as default')}\n                          style={{\n                            padding: '4px 6px',\n                            backgroundColor: 'transparent',\n                            border: 'none',\n                            cursor: 'pointer',\n                            color: SEMANTIC_COLORS.textSecondary,\n                            fontSize: '11px',\n                          }}\n                        >\n                          {t('bigconsole.dashboards.savedViews.setDefault', 'Set Default')}\n                        </button>\n                      )}\n                      <button\n                        onClick={(e) => handleDeleteView(view.id, e)}\n                        title={t('bigconsole.dashboards.savedViews.deleteViewTitle', 'Delete view')}\n                        style={{\n                          padding: '4px 6px',\n                          backgroundColor: 'transparent',\n                          border: 'none',\n                          cursor: 'pointer',\n                          color: SEMANTIC_COLORS.statusErrorText,\n                          fontSize: '11px',\n                        }}\n                      >\n                        {t('bigconsole.dashboards.savedViews.delete', 'Delete')}\n                      </button>\n                    </div>\n                  </div>\n                ))}\n              </>\n            )}\n          </div>\n\n          {/* Update Current View Button */}\n          {currentView && (\n            <div\n              style={{\n                padding: '12px 16px',\n                borderTop: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                backgroundColor: SEMANTIC_COLORS.bgSecondary,\n              }}\n            >\n              <button\n                onClick={handleUpdateCurrentView}\n                style={{\n                  width: '100%',\n                  padding: '8px',\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  borderRadius: '4px',\n                  cursor: 'pointer',\n                  fontSize: '12px',\n                  color: SEMANTIC_COLORS.textPrimary,\n                }}\n              >\n                {t('bigconsole.dashboards.savedViews.updateCurrent', 'Update \"{{name}}\" with current state', {\n                  name: currentView.name ?? '',\n                })}\n              </button>\n            </div>\n          )}\n        </div>,\n        document.body\n      )\n    : null;\n\n  // Save Dialog rendered via portal\n  const saveDialog = showSaveDialog\n    ? createPortal(\n        <div\n          style={{\n            position: 'fixed',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            backgroundColor: 'var(--color-overlay-scrim)',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            padding: 'var(--space-formGap)',\n            zIndex: 99999,\n            isolation: 'isolate',\n          }}\n          onClick={() => setShowSaveDialog(false)}\n        >\n          <div\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"saved-view-dialog-title\"\n            style={{\n              // was a hard 400px, which overflowed a 375px phone viewport\n              width: '100%',\n              maxWidth: '400px',\n              maxHeight: '85vh',\n              overflowY: 'auto',\n              backgroundColor: solidBgColor, // Solid opaque background - no transparency\n              borderRadius: 'var(--radius-card)',\n              boxShadow: 'var(--shadow-elevation-3)',\n              overflow: 'hidden',\n              position: 'relative',\n              zIndex: 100000,\n              color: SEMANTIC_COLORS.textPrimary,\n            }}\n            onClick={(e) => e.stopPropagation()}\n          >\n            <div\n              style={{\n                padding: '16px 20px',\n                borderBottom: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n              }}\n            >\n              <h3\n                id=\"saved-view-dialog-title\"\n                style={{ margin: 0, fontSize: '16px', fontWeight: 600, color: SEMANTIC_COLORS.textPrimary }}\n              >\n                {t('bigconsole.dashboards.savedViews.saveDialog.title', 'Save Current View')}\n              </h3>\n            </div>\n            <div style={{ padding: '20px' }}>\n              <div style={{ marginBottom: '16px' }}>\n                <label\n                  style={{\n                    display: 'block',\n                    marginBottom: '6px',\n                    fontSize: '13px',\n                    fontWeight: 500,\n                    color: SEMANTIC_COLORS.textPrimary,\n                  }}\n                >\n                  {t('bigconsole.dashboards.savedViews.saveDialog.nameLabel', 'View Name *')}\n                </label>\n                <input\n                  type=\"text\"\n                  value={newViewName}\n                  onChange={(e) => setNewViewName(e.target.value)}\n                  placeholder={t(\n                    'bigconsole.dashboards.savedViews.saveDialog.namePlaceholder',\n                    'e.g., Q4 Analysis, Sales Overview'\n                  )}\n                  style={{\n                    width: '100%',\n                    padding: '10px 12px',\n                    border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    borderRadius: '6px',\n                    fontSize: '14px',\n                    backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                    color: SEMANTIC_COLORS.textPrimary,\n                    boxSizing: 'border-box',\n                  }}\n                />\n              </div>\n              <div style={{ marginBottom: '16px' }}>\n                <label\n                  style={{\n                    display: 'block',\n                    marginBottom: '6px',\n                    fontSize: '13px',\n                    fontWeight: 500,\n                    color: SEMANTIC_COLORS.textPrimary,\n                  }}\n                >\n                  {t('bigconsole.dashboards.savedViews.saveDialog.descriptionLabel', 'Description')}\n                </label>\n                <textarea\n                  value={newViewDescription}\n                  onChange={(e) => setNewViewDescription(e.target.value)}\n                  placeholder={t(\n                    'bigconsole.dashboards.savedViews.saveDialog.descriptionPlaceholder',\n                    'Optional description...'\n                  )}\n                  rows={2}\n                  style={{\n                    width: '100%',\n                    padding: '10px 12px',\n                    border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                    borderRadius: '6px',\n                    fontSize: '14px',\n                    resize: 'vertical',\n                    backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                    color: SEMANTIC_COLORS.textPrimary,\n                    boxSizing: 'border-box',\n                  }}\n                />\n              </div>\n              <label style={{ display: 'flex', alignItems: 'center', gap: '8px', cursor: 'pointer' }}>\n                <input type=\"checkbox\" checked={saveAsDefault} onChange={(e) => setSaveAsDefault(e.target.checked)} />\n                <span style={{ fontSize: '13px', color: SEMANTIC_COLORS.textPrimary }}>\n                  {t('bigconsole.dashboards.savedViews.saveDialog.setAsDefault', 'Set as default view')}\n                </span>\n              </label>\n            </div>\n            <div\n              style={{\n                padding: '16px 20px',\n                borderTop: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                display: 'flex',\n                justifyContent: 'flex-end',\n                gap: '12px',\n                backgroundColor: SEMANTIC_COLORS.bgSecondary,\n              }}\n            >\n              <button\n                onClick={() => setShowSaveDialog(false)}\n                style={{\n                  padding: '10px 20px',\n                  backgroundColor: SEMANTIC_COLORS.bgPrimary,\n                  border: `1px solid ${SEMANTIC_COLORS.borderDefault}`,\n                  borderRadius: '6px',\n                  cursor: 'pointer',\n                  fontSize: '14px',\n                  color: SEMANTIC_COLORS.textPrimary,\n                }}\n              >\n                {t('bigconsole.dashboards.savedViews.saveDialog.cancel', 'Cancel')}\n              </button>\n              <button\n                onClick={handleSaveView}\n                disabled={!newViewName.trim()}\n                style={{\n                  padding: '10px 20px',\n                  backgroundColor: newViewName.trim() ? SEMANTIC_COLORS.actionPrimaryBg : SEMANTIC_COLORS.bgSecondary,\n                  color: newViewName.trim() ? 'var(--color-action-primary-text)' : SEMANTIC_COLORS.textSecondary,\n                  border: 'none',\n                  borderRadius: '6px',\n                  cursor: newViewName.trim() ? 'pointer' : 'not-allowed',\n                  fontSize: '14px',\n                  fontWeight: 500,\n                }}\n              >\n                {t('bigconsole.dashboards.savedViews.saveDialog.save', 'Save View')}\n              </button>\n            </div>\n          </div>\n        </div>,\n        document.body\n      )\n    : null;\n\n  return (\n    <div className={className} style={{ position: 'relative', display: 'inline-block' }}>\n      {/* Trigger Button */}\n      <button\n        ref={buttonRef}\n        onClick={() => setIsOpen(!isOpen)}\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: '6px',\n          padding: '6px 12px',\n          backgroundColor: currentView ? SEMANTIC_COLORS.actionPrimaryBgSubtle : SEMANTIC_COLORS.bgSecondary,\n          border: `1px solid ${currentView ? SEMANTIC_COLORS.actionPrimaryBg : SEMANTIC_COLORS.borderDefault}`,\n          borderRadius: '6px',\n          cursor: 'pointer',\n          fontSize: '13px',\n          color: currentView ? SEMANTIC_COLORS.actionPrimaryBg : SEMANTIC_COLORS.textPrimary,\n        }}\n      >\n        <span style={{ fontWeight: 500 }}>\n          {currentView ? currentView.name : t('bigconsole.dashboards.savedViews.triggerLabel', 'Views')}\n        </span>\n        <span style={{ fontSize: '10px' }}>{isOpen ? '▲' : '▼'}</span>\n      </button>\n\n      {/* Dropdown Menu - rendered via portal */}\n      {dropdownMenu}\n\n      {/* Save Dialog - rendered via portal */}\n      {saveDialog}\n    </div>\n  );\n}\n\nexport default SavedViewsDropdown;\n"],"mappings":"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"}

package/dist/bigconsole/components/dashboard/SavedViewsDropdown/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/SavedViewsDropdown/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/bigconsole/components/dashboard/ShareDialog/EmbedTab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedTab.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/ShareDialog/EmbedTab.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAMpE,UAAU,YAAY;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,8DAA8D;AAC9D,KAAK,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAInD;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAYpF;AAgBD,wBAAgB,QAAQ,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,aAAa,qBA8e9D;AAED,eAAe,QAAQ,CAAC"}

package/dist/bigconsole/components/dashboard/ShareDialog/EmbedTab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbedTab.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/ShareDialog/EmbedTab.tsx"],"sourcesContent":["/**\n * EmbedTab — \"Publish to web\" section of the dashboard Share dialog.\n *\n * Owner-facing UI to publish a dashboard as an anonymous-link embed serving LIVE\n * data, manage the allowed parent domains, copy the iframe snippet, rotate the\n * link key, and unpublish. Backed by {@link useDashboardEmbedPolicy}; all\n * mutations are gateway-enforced by `@rbac(manage_embed)` (owner-only).\n *\n * Self-contained (inline styles driven by the dialog's `colors`) so it slots into\n * the existing hand-styled ShareDialog without a broader refactor.\n */\n\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useDashboardEmbedPolicy, themeChoiceFromPolicy } from '../../../hooks/useDashboardEmbedPolicy';\nimport { BIGCONSOLE_PERMISSIONS } from '../../../../constants/permissions';\n\ninterface DialogColors {\n  bgPrimary: string;\n  bgSecondary: string;\n  bgTertiary: string;\n  textPrimary: string;\n  textSecondary: string;\n  textTertiary: string;\n  borderDefault: string;\n  actionPrimaryBg: string;\n  actionPrimaryBgHover: string;\n  statusSuccessBg: string;\n  statusErrorText: string;\n}\n\nexport interface EmbedTabProps {\n  dashboardId: string;\n  colors: DialogColors;\n}\n\n/** Embed color-mode baked into the iframe URL (BOFF-5734). */\ntype EmbedSnippetTheme = 'light' | 'dark' | 'auto';\n\nconst THEME_OPTION_VALUES: ReadonlyArray<EmbedSnippetTheme> = ['light', 'dark', 'auto'];\n\n/**\n * Bake the chosen color mode into an iframe snippet by adding `?theme=` to its\n * `src` URL. `light` is the default and is left implicit so existing/plain\n * snippets stay unchanged. The secret `#key=` fragment is preserved untouched.\n *\n * Inserted via string splicing (before the fragment) rather than `URL`/\n * `URLSearchParams`, which re-serialize ALL params and could subtly re-encode\n * existing ones (e.g. `%20` → `+`). `theme` is a fixed enum, so no encoding is\n * needed; every other part of the URL is passed through byte-for-byte.\n */\nexport function withThemeInSnippet(snippet: string, theme: EmbedSnippetTheme): string {\n  if (theme === 'light') return snippet;\n  // Require whitespace before `src` so we match the real attribute, never a\n  // substring like `data-src`/`srcdoc` (the snippet is backend-generated with\n  // each attribute on its own indented line).\n  return snippet.replace(/(?<=\\s)src=\"([^\"]*)\"/, (_match, url: string) => {\n    const hashIdx = url.indexOf('#');\n    const base = hashIdx === -1 ? url : url.slice(0, hashIdx);\n    const fragment = hashIdx === -1 ? '' : url.slice(hashIdx);\n    const sep = base.includes('?') ? '&' : '?';\n    return `src=\"${base}${sep}theme=${theme}${fragment}\"`;\n  });\n}\n\n/** Validate an exact https origin (matches the backend allowlist rules). */\nfunction normalizeOrigin(raw: string): string | null {\n  const trimmed = raw.trim();\n  if (!trimmed) return null;\n  try {\n    const url = new URL(trimmed);\n    if (url.protocol !== 'https:') return null;\n    if ((url.pathname !== '' && url.pathname !== '/') || url.search || url.hash) return null;\n    return url.origin;\n  } catch {\n    return null;\n  }\n}\n\nexport function EmbedTab({ dashboardId, colors }: EmbedTabProps) {\n  const { t } = useI18n();\n  const {\n    policy,\n    secret,\n    loading,\n    error,\n    fetchPolicy,\n    publishToWeb,\n    applyPresentation,\n    setAllowedOrigins,\n    rotateKey,\n    unpublish,\n  } = useDashboardEmbedPolicy();\n\n  // All embed policy mutations (publish, rotate, revoke, set-origins, apply\n  // presentation) are gateway-enforced by `@rbac(manage_embed)`. Gate the UI on\n  // the same permission so the controls degrade gracefully instead of erroring.\n  const { hasPermission } = usePermissions();\n  const canManageEmbed = hasPermission(BIGCONSOLE_PERMISSIONS.DASHBOARD_MANAGE_EMBED);\n\n  const [domainInput, setDomainInput] = useState('');\n  const [pendingDomains, setPendingDomains] = useState<string[]>([]);\n  const [attested, setAttested] = useState(false);\n  const [copied, setCopied] = useState(false);\n  // Presentation options (BOFF-5735). Defaults mirror the backend column defaults\n  // so a fresh publish captures a sensible look without extra clicks.\n  const [theme, setTheme] = useState<EmbedSnippetTheme>('light');\n  const [showTitle, setShowTitle] = useState(false);\n  const [presentationSaved, setPresentationSaved] = useState(false);\n  const [localError, setLocalError] = useState<string | null>(null);\n  // Only seed the presentation controls once per policy identity — NOT on every\n  // `policy` object change. Otherwise an unrelated mutation (e.g. adding a domain\n  // via setAllowedOrigins) would return a fresh policy object and clobber the\n  // owner's in-progress, not-yet-applied theme/title edits.\n  const syncedPolicyIdRef = useRef<string | null>(null);\n  const savedTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (dashboardId) fetchPolicy(dashboardId);\n  }, [dashboardId, fetchPolicy]);\n\n  // Reflect the persisted presentation the first time each policy loads.\n  useEffect(() => {\n    if (!policy || syncedPolicyIdRef.current === policy.id) return;\n    syncedPolicyIdRef.current = policy.id;\n    setTheme(themeChoiceFromPolicy(policy.presentationTheme));\n    setShowTitle(policy.showDashboardTitle);\n  }, [policy]);\n\n  // Clear any pending \"Updated ✓\" timer on unmount.\n  useEffect(\n    () => () => {\n      if (savedTimerRef.current) clearTimeout(savedTimerRef.current);\n    },\n    []\n  );\n\n  const isPublished = policy?.status === 'ACTIVE';\n  const domains = isPublished ? (policy?.allowedParentOrigins ?? []) : pendingDomains;\n\n  // The copyable iframe snippet: from the one-time secret if present (fresh\n  // publish/rotate), else reconstructed from the locator for an already-published\n  // policy (the fragment key is only available in the one-time secret).\n  const iframeSnippet = useMemo(() => {\n    if (secret?.iframeSnippet) return withThemeInSnippet(secret.iframeSnippet, theme);\n    return null;\n  }, [secret, theme]);\n\n  const addDomain = () => {\n    setLocalError(null);\n    const origin = normalizeOrigin(domainInput);\n    if (!origin) {\n      setLocalError(\n        t('bigconsole.dashboards.embed.error.invalidOrigin', 'Enter a valid https origin, e.g. https://example.com')\n      );\n      return;\n    }\n    if (domains.includes(origin)) {\n      setDomainInput('');\n      return;\n    }\n    if (isPublished && policy) {\n      void setAllowedOrigins(policy.id, [...domains, origin]);\n    } else {\n      setPendingDomains((prev) => [...prev, origin]);\n    }\n    setDomainInput('');\n  };\n\n  const removeDomain = (origin: string) => {\n    if (isPublished && policy) {\n      void setAllowedOrigins(\n        policy.id,\n        domains.filter((d) => d !== origin)\n      );\n    } else {\n      setPendingDomains((prev) => prev.filter((d) => d !== origin));\n    }\n  };\n\n  const handlePublish = async () => {\n    setLocalError(null);\n    if (pendingDomains.length === 0) {\n      setLocalError(\n        t('bigconsole.dashboards.embed.error.noDomains', 'Add at least one allowed website domain before publishing.')\n      );\n      return;\n    }\n    if (!attested) {\n      setLocalError(\n        t('bigconsole.dashboards.embed.error.notAttested', 'Please confirm this dashboard is safe to be public.')\n      );\n      return;\n    }\n    await publishToWeb(dashboardId, pendingDomains, true, { theme, showTitle });\n  };\n\n  const handleApplyPresentation = async () => {\n    if (!policy) return;\n    setLocalError(null);\n    const updated = await applyPresentation(policy.id, { theme, showTitle });\n    if (updated) {\n      setPresentationSaved(true);\n      // Clear any in-flight timer so rapid re-clicks don't hide the confirmation early.\n      if (savedTimerRef.current) clearTimeout(savedTimerRef.current);\n      savedTimerRef.current = setTimeout(() => setPresentationSaved(false), 1500);\n    }\n  };\n\n  const handleCopy = async (text: string) => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    } catch {\n      setLocalError(t('bigconsole.dashboards.embed.error.copyFailed', 'Could not copy — select and copy manually.'));\n    }\n  };\n\n  const primaryBtn: React.CSSProperties = {\n    padding: '8px 14px',\n    borderRadius: '8px',\n    border: 'none',\n    background: colors.actionPrimaryBg,\n    color: '#fff',\n    fontSize: '13px',\n    fontWeight: 600,\n    cursor: 'pointer',\n  };\n  const ghostBtn: React.CSSProperties = {\n    padding: '8px 14px',\n    borderRadius: '8px',\n    border: `1px solid ${colors.borderDefault}`,\n    background: 'transparent',\n    color: colors.textPrimary,\n    fontSize: '13px',\n    cursor: 'pointer',\n  };\n  const inputStyle: React.CSSProperties = {\n    flex: 1,\n    padding: '8px 10px',\n    borderRadius: '8px',\n    border: `1px solid ${colors.borderDefault}`,\n    background: colors.bgSecondary,\n    color: colors.textPrimary,\n    fontSize: '13px',\n  };\n  const selectStyle: React.CSSProperties = {\n    padding: '4px 8px',\n    borderRadius: '6px',\n    border: `1px solid ${colors.borderDefault}`,\n    background: colors.bgSecondary,\n    color: colors.textPrimary,\n    fontSize: '12px',\n    cursor: 'pointer',\n  };\n  const toggleRow: React.CSSProperties = {\n    display: 'flex',\n    gap: '8px',\n    alignItems: 'flex-start',\n    fontSize: '12px',\n    color: colors.textSecondary,\n  };\n\n  const themeOptions = useMemo(\n    () =>\n      THEME_OPTION_VALUES.map((value) => ({\n        value,\n        label:\n          value === 'light'\n            ? t('bigconsole.dashboards.embed.theme.option.light', 'Light')\n            : value === 'dark'\n              ? t('bigconsole.dashboards.embed.theme.option.dark', 'Dark')\n              : t('bigconsole.dashboards.embed.theme.option.auto', 'Auto (match viewer)'),\n      })),\n    [t]\n  );\n\n  // Presentation controls (BOFF-5735) — shared by the pre-publish and published\n  // states. Local state drives both the persisted policy and the snippet `?theme=`.\n  // Branding is not a control: every embed carries the \"Powered by BigConsole\"\n  // footer (no white-labelling), so the owner only sees a static note about it.\n  const presentationControls = (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>\n      <label style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '8px' }}>\n        <span style={{ fontSize: '12px', color: colors.textSecondary }}>\n          {t('bigconsole.dashboards.embed.theme.label', 'Theme')}\n        </span>\n        <select\n          value={theme}\n          onChange={(e) => {\n            // The options are fixed, but narrow instead of casting so an\n            // unexpected value can never slip into state.\n            const value = e.target.value;\n            if (value === 'light' || value === 'dark' || value === 'auto') {\n              setTheme(value);\n            }\n          }}\n          style={selectStyle}\n        >\n          {themeOptions.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {opt.label}\n            </option>\n          ))}\n        </select>\n      </label>\n      <label style={toggleRow}>\n        <input type=\"checkbox\" checked={showTitle} onChange={(e) => setShowTitle(e.target.checked)} />\n        <span>{t('bigconsole.dashboards.embed.presentation.showTitle', 'Show the dashboard title as a header')}</span>\n      </label>\n      <div style={{ fontSize: '11px', color: colors.textTertiary }}>\n        {t(\n          'bigconsole.dashboards.embed.presentation.brandingNote',\n          'Embeds always carry a “Powered by BigConsole” footer.'\n        )}\n      </div>\n    </div>\n  );\n\n  return (\n    <div style={{ padding: '20px 24px' }}>\n      {/* Status banner */}\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          padding: '12px 14px',\n          borderRadius: '10px',\n          background: colors.bgSecondary,\n          marginBottom: '16px',\n        }}\n      >\n        <div>\n          <div style={{ fontSize: '14px', fontWeight: 600, color: colors.textPrimary }}>\n            {t('bigconsole.dashboards.embed.heading', 'Publish to the web')}\n          </div>\n          <div style={{ fontSize: '12px', color: colors.textSecondary, marginTop: '2px' }}>\n            {isPublished\n              ? t(\n                  'bigconsole.dashboards.embed.status.liveDescription',\n                  'This dashboard is live. Anyone with the link on an allowed website sees its live data.'\n                )\n              : t(\n                  'bigconsole.dashboards.embed.status.privateDescription',\n                  'Embed this dashboard on your website. Viewers see live data — no login required.'\n                )}\n          </div>\n        </div>\n        <span\n          style={{\n            fontSize: '11px',\n            fontWeight: 700,\n            padding: '3px 8px',\n            borderRadius: '999px',\n            color: '#fff',\n            background: isPublished ? colors.statusSuccessBg : colors.textTertiary,\n          }}\n        >\n          {isPublished\n            ? t('bigconsole.dashboards.embed.badge.published', 'PUBLISHED')\n            : t('bigconsole.dashboards.embed.badge.private', 'PRIVATE')}\n        </span>\n      </div>\n\n      {/* Allowed domains */}\n      <div style={{ marginBottom: '16px' }}>\n        <div style={{ fontSize: '12px', fontWeight: 600, color: colors.textSecondary, marginBottom: '6px' }}>\n          {t('bigconsole.dashboards.embed.domains.label', 'Allowed website domains')}\n        </div>\n        <div style={{ display: 'flex', gap: '8px', marginBottom: '8px' }}>\n          <input\n            style={inputStyle}\n            placeholder={t('bigconsole.dashboards.embed.domains.placeholder', 'https://yoursite.com')}\n            value={domainInput}\n            onChange={(e) => setDomainInput(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') addDomain();\n            }}\n          />\n          <button style={ghostBtn} onClick={addDomain} type=\"button\" disabled={!canManageEmbed}>\n            {t('bigconsole.dashboards.embed.domains.add', 'Add')}\n          </button>\n        </div>\n        {domains.length === 0 ? (\n          <div style={{ fontSize: '12px', color: colors.textTertiary }}>\n            {t(\n              'bigconsole.dashboards.embed.domains.empty',\n              'No domains yet. Only listed https domains may frame this dashboard.'\n            )}\n          </div>\n        ) : (\n          <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>\n            {domains.map((d) => (\n              <div\n                key={d}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'space-between',\n                  padding: '6px 10px',\n                  borderRadius: '8px',\n                  background: colors.bgTertiary,\n                }}\n              >\n                <span style={{ fontSize: '13px', color: colors.textPrimary }}>{d}</span>\n                {canManageEmbed && (\n                  <button\n                    style={{ ...ghostBtn, padding: '2px 8px', color: colors.statusErrorText }}\n                    onClick={() => removeDomain(d)}\n                    type=\"button\"\n                  >\n                    {t('bigconsole.dashboards.embed.domains.remove', 'Remove')}\n                  </button>\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Presentation (unpublished — captured into the publish) */}\n      {!isPublished && (\n        <div style={{ marginBottom: '16px' }}>\n          <div style={{ fontSize: '12px', fontWeight: 600, color: colors.textSecondary, marginBottom: '8px' }}>\n            {t('bigconsole.dashboards.embed.presentation.heading', 'Presentation')}\n          </div>\n          {presentationControls}\n        </div>\n      )}\n\n      {/* Publish CTA (unpublished) */}\n      {!isPublished && (\n        <div style={{ marginBottom: '8px' }}>\n          <label style={{ display: 'flex', gap: '8px', alignItems: 'flex-start', marginBottom: '12px' }}>\n            <input type=\"checkbox\" checked={attested} onChange={(e) => setAttested(e.target.checked)} />\n            <span style={{ fontSize: '12px', color: colors.textSecondary }}>\n              {t(\n                'bigconsole.dashboards.embed.attestation',\n                'I understand this makes the dashboard’s live data visible to anyone with the link, and I confirm it is safe to be public.'\n              )}\n            </span>\n          </label>\n          <button style={primaryBtn} onClick={handlePublish} disabled={loading || !canManageEmbed} type=\"button\">\n            {loading\n              ? t('bigconsole.dashboards.embed.publishing', 'Publishing…')\n              : t('bigconsole.dashboards.embed.publish', 'Publish to web')}\n          </button>\n        </div>\n      )}\n\n      {/* Embed snippet + management (published) */}\n      {isPublished && (\n        <>\n          {iframeSnippet ? (\n            <div style={{ marginBottom: '16px' }}>\n              <div style={{ marginBottom: '6px' }}>\n                <span style={{ fontSize: '12px', fontWeight: 600, color: colors.textSecondary }}>\n                  {t('bigconsole.dashboards.embed.snippet.label', 'Embed snippet')}\n                </span>\n              </div>\n              <textarea\n                readOnly\n                value={iframeSnippet}\n                style={{\n                  width: '100%',\n                  minHeight: '96px',\n                  padding: '10px',\n                  borderRadius: '8px',\n                  border: `1px solid ${colors.borderDefault}`,\n                  background: colors.bgSecondary,\n                  color: colors.textPrimary,\n                  fontFamily: 'monospace',\n                  fontSize: '12px',\n                  resize: 'vertical',\n                }}\n              />\n              <button style={{ ...ghostBtn, marginTop: '8px' }} onClick={() => handleCopy(iframeSnippet)} type=\"button\">\n                {copied\n                  ? t('bigconsole.dashboards.embed.snippet.copied', 'Copied ✓')\n                  : t('bigconsole.dashboards.embed.snippet.copy', 'Copy snippet')}\n              </button>\n            </div>\n          ) : (\n            <div\n              style={{\n                fontSize: '12px',\n                color: colors.textSecondary,\n                background: colors.bgSecondary,\n                borderRadius: '8px',\n                padding: '10px 12px',\n                marginBottom: '16px',\n              }}\n            >\n              {t(\n                'bigconsole.dashboards.embed.snippet.alreadyActive',\n                'The embed link is already active. For security the snippet (which contains the secret key) is only shown once at publish time — use {{rotateLabel}} to generate a fresh snippet.',\n                { rotateLabel: t('bigconsole.dashboards.embed.rotate', 'Rotate link') }\n              )}\n            </div>\n          )}\n\n          {/* Presentation (published — persisted + re-published to take effect) */}\n          <div style={{ marginBottom: '16px' }}>\n            <div style={{ fontSize: '12px', fontWeight: 600, color: colors.textSecondary, marginBottom: '8px' }}>\n              {t('bigconsole.dashboards.embed.presentation.heading', 'Presentation')}\n            </div>\n            {presentationControls}\n            <div style={{ display: 'flex', alignItems: 'center', gap: '10px', marginTop: '10px' }}>\n              <button\n                style={ghostBtn}\n                onClick={handleApplyPresentation}\n                disabled={loading || !canManageEmbed}\n                type=\"button\"\n              >\n                {loading\n                  ? t('bigconsole.dashboards.embed.applying', 'Applying…')\n                  : t('bigconsole.dashboards.embed.apply', 'Apply changes')}\n              </button>\n              {presentationSaved && (\n                <span style={{ fontSize: '12px', color: colors.textTertiary }}>\n                  {t('bigconsole.dashboards.embed.updated', 'Updated ✓')}\n                </span>\n              )}\n            </div>\n            <div style={{ fontSize: '11px', color: colors.textTertiary, marginTop: '6px' }}>\n              {t(\n                'bigconsole.dashboards.embed.presentation.applyHelp',\n                'Changes apply to live embeds within a few seconds — no re-publish needed, and the embed link stays the same.'\n              )}\n            </div>\n          </div>\n\n          {/* Rotate/Unpublish are destructive management actions — hide entirely\n              when the caller can't manage the embed. */}\n          {canManageEmbed && (\n            <div style={{ display: 'flex', gap: '8px' }}>\n              <button style={ghostBtn} onClick={() => policy && rotateKey(policy.id)} disabled={loading} type=\"button\">\n                {t('bigconsole.dashboards.embed.rotate', 'Rotate link')}\n              </button>\n              <button\n                style={{ ...ghostBtn, color: colors.statusErrorText, borderColor: colors.statusErrorText }}\n                onClick={() => {\n                  if (\n                    policy &&\n                    window.confirm(\n                      t(\n                        'bigconsole.dashboards.embed.unpublishConfirm',\n                        'Unpublish this dashboard? The embed will stop working immediately for anyone using the link.'\n                      )\n                    )\n                  ) {\n                    void unpublish(policy.id);\n                  }\n                }}\n                disabled={loading}\n                type=\"button\"\n              >\n                {t('bigconsole.dashboards.embed.unpublish', 'Unpublish')}\n              </button>\n            </div>\n          )}\n        </>\n      )}\n\n      {(localError || error) && (\n        <div style={{ marginTop: '12px', fontSize: '12px', color: colors.statusErrorText }}>\n          {localError ?? error?.message}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default EmbedTab;\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/ShareDialog/ShareDialog.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AA0B1D,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA4BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAYlD;AAkuBD,eAAe,WAAW,CAAC"}

package/dist/bigconsole/components/dashboard/ShareDialog/ShareDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareDialog.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/ShareDialog/ShareDialog.tsx"],"sourcesContent":["/**\n * ShareDialog Component\n *\n * Dialog for sharing dashboards with users and roles.\n */\n\nimport React, { useState, useEffect, useCallback, useRef } from 'react';\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n} from '@burdenoff/fe-libs/ui';\nimport { formatDistanceToNow } from 'date-fns';\nimport { useDashboardSharing, type DashboardShare, type SharePermission } from '../../../hooks';\nimport type { DashboardVisibility } from '../../../types';\nimport { useBigConsoleAnalytics } from '../../../hooks/useBigConsoleAnalytics';\nimport { EmbedTab } from './EmbedTab';\nimport { useShareRecipients, type ShareRecipient } from '../../../hooks/useShareRecipients';\nimport { useBigConsole, useBigConsoleBasePath } from '../../../context/BigConsoleContext';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n// Semantic variables follow shell themes even though the dialog is portalled.\nconst colors = {\n  bgPrimary: 'var(--color-bg-surface)',\n  bgSecondary: 'var(--color-bg-sunken)',\n  bgTertiary: 'var(--color-bg-canvas)',\n  textPrimary: 'var(--color-text-primary)',\n  textSecondary: 'var(--color-text-secondary)',\n  textTertiary: 'var(--color-text-muted)',\n  borderDefault: 'var(--color-border-default)',\n  actionPrimaryBg: 'var(--color-action-primary-bg)',\n  actionPrimaryBgHover: 'var(--color-action-primary-bgHover)',\n  statusSuccessBg: 'var(--color-status-success-bg)',\n  statusErrorText: 'var(--color-status-error-text)',\n};\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ShareDialogProps {\n  dashboardId: string;\n  dashboardName: string;\n  isOpen: boolean;\n  onClose: () => void;\n  /**\n   * Current general-access level (`Dashboard.visibility`). The General access\n   * control renders ONLY when this and `onVisibilityChange` are both supplied —\n   * a selector with no known current value would be a guess, and one with no\n   * handler would be a switch wired to nothing.\n   */\n  visibility?: DashboardVisibility;\n  /** Persist a new general-access level. Resolves once the write completes. */\n  onVisibilityChange?: (visibility: DashboardVisibility) => Promise<void>;\n  /** False when the actor lacks `bigconsole-dashboard:update`; the control is then read-only. */\n  canChangeVisibility?: boolean;\n}\n\n/** General-access levels, in widening order. */\nconst VISIBILITY_OPTIONS: { value: DashboardVisibility; label: string; description: string }[] = [\n  { value: 'PRIVATE', label: 'Private', description: 'Only people added below' },\n  { value: 'WORKSPACE', label: 'Workspace', description: 'Anyone in this workspace' },\n  { value: 'PUBLIC', label: 'Public', description: 'Anyone with the link' },\n];\n\n// ============================================================================\n// Constants\n// ============================================================================\n\n/**\n * Permission options as per spec (03-graphql-contract.md)\n * Spec values: view, edit\n */\nconst PERMISSION_OPTIONS: { value: SharePermission; label: string; description: string }[] = [\n  { value: 'VIEW', label: 'View', description: 'Can view the dashboard' },\n  { value: 'EDIT', label: 'Edit', description: 'Can edit widgets, layout, and share' },\n];\n\n// Use shared semantic tokens for portal rendering\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function ShareDialog(props: ShareDialogProps) {\n  const { workspaceId, currentUser } = useBigConsole();\n  const returnFocusRef = useRef<HTMLElement | null>(null);\n  // Remount sharing state at the authorization boundary, including in-flight ACL reads.\n  // The existing sharing hook belongs to a single actor/workspace/dashboard.\n  return (\n    <ShareDialogContent\n      key={`${currentUser?.id ?? ''}|${workspaceId ?? ''}|${props.dashboardId}`}\n      {...props}\n      returnFocusRef={returnFocusRef}\n    />\n  );\n}\n\nfunction ShareDialogContent({\n  dashboardId,\n  dashboardName,\n  isOpen,\n  onClose,\n  visibility,\n  onVisibilityChange,\n  canChangeVisibility = true,\n  returnFocusRef,\n}: ShareDialogProps & { returnFocusRef: React.RefObject<HTMLElement | null> }) {\n  const { t } = useI18n();\n  const {\n    shares,\n    loading,\n    error: sharingError,\n    fetchShares,\n    shareWithUser,\n    shareWithGroup,\n    updateShare,\n    revokeShare,\n    revokeAllShares,\n  } = useDashboardSharing();\n  const emitBigConsoleEvent = useBigConsoleAnalytics();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedRecipient, setSelectedRecipient] = useState<ShareRecipient | null>(null);\n  const [selectedPermission, setSelectedPermission] = useState<SharePermission>('VIEW');\n  const [shareLink, setShareLink] = useState('');\n  const [copySuccess, setCopySuccess] = useState(false);\n  const [activeTab, setActiveTab] = useState<'people' | 'embed'>('people');\n  const [visibilitySaving, setVisibilitySaving] = useState(false);\n  const [visibilityError, setVisibilityError] = useState<string | null>(null);\n  const [shareError, setShareError] = useState<string | null>(null);\n  const directory = useShareRecipients(isOpen, searchQuery);\n  const basePath = useBigConsoleBasePath();\n  useEffect(() => {\n    let cancelled = false;\n    void Promise.resolve().then(() => {\n      if (cancelled) return;\n      setSelectedRecipient(null);\n      setSearchQuery('');\n      setShareError(null);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [directory.owner, dashboardId, isOpen]);\n\n  // Fetch shares when dialog opens\n  useEffect(() => {\n    if (isOpen && dashboardId) {\n      fetchShares(dashboardId);\n      // Generate share link\n      const url = new URL(`${basePath}/dashboards/${encodeURIComponent(dashboardId)}`, window.location.origin);\n      const context = new URLSearchParams(window.location.search);\n      for (const key of ['org', 'workspace', 'project', 'tenant']) {\n        const value = context.get(key);\n        if (value) url.searchParams.set(key, value);\n      }\n      // The selected workspace remains authoritative when host navigation omits context parameters.\n      if (directory.workspaceId) url.searchParams.set('workspace', directory.workspaceId);\n      setShareLink(url.toString());\n    }\n  }, [isOpen, dashboardId, fetchShares, basePath, directory.workspaceId]);\n\n  // Handle share - per spec: only USER and GROUP recipient types\n  const handleShare = useCallback(async () => {\n    if (!selectedRecipient || loading || selectedRecipient.workspaceId !== directory.workspaceId) return;\n    setShareError(null);\n\n    emitBigConsoleEvent('bigconsole.dashboard.share_clicked', {\n      dashboardId,\n      permission: selectedPermission,\n      recipientType: selectedRecipient.type,\n    });\n\n    let share: DashboardShare | null = null;\n    if (selectedRecipient.type === 'USER') {\n      share = await shareWithUser(dashboardId, selectedRecipient.id, selectedPermission);\n    } else if (selectedRecipient.type === 'GROUP') {\n      share = await shareWithGroup(dashboardId, selectedRecipient.id, selectedPermission);\n    }\n\n    if (share) {\n      emitBigConsoleEvent('bigconsole.dashboard.shared', {\n        dashboardId,\n        permission: selectedPermission,\n        recipientType: selectedRecipient.type,\n      });\n    }\n\n    if (!share) {\n      setShareError(\n        t('bigconsole.share.error.grantFailed', 'Access could not be granted. Review the recipient and try again.')\n      );\n      return;\n    }\n    setSelectedRecipient(null);\n    setSearchQuery('');\n  }, [\n    directory.workspaceId,\n    t,\n    loading,\n    dashboardId,\n    emitBigConsoleEvent,\n    selectedRecipient,\n    selectedPermission,\n    shareWithGroup,\n    shareWithUser,\n  ]);\n\n  // Handle update permission\n  const handleUpdatePermission = useCallback(\n    async (shareId: string, newPermission: SharePermission) => {\n      await updateShare({ id: shareId, permission: newPermission });\n    },\n    [updateShare]\n  );\n\n  // Handle revoke\n  const handleRevoke = useCallback(\n    async (shareId: string) => {\n      if (window.confirm('Are you sure you want to revoke this access?')) {\n        await revokeShare(shareId);\n      }\n    },\n    [revokeShare]\n  );\n\n  // Handle revoke all\n  const handleRevokeAll = useCallback(async () => {\n    if (window.confirm('Are you sure you want to revoke all shared access?')) {\n      await revokeAllShares(dashboardId);\n    }\n  }, [dashboardId, revokeAllShares]);\n\n  const handleVisibilityChange = useCallback(\n    async (next: DashboardVisibility) => {\n      if (!onVisibilityChange || next === visibility) return;\n      setVisibilityError(null);\n      setVisibilitySaving(true);\n      try {\n        await onVisibilityChange(next);\n      } catch (err) {\n        // Surface the failure: the select snaps back to `visibility`, which the\n        // parent has not changed, so a silent catch would look like a success.\n        setVisibilityError(err instanceof Error ? err.message : 'Could not update general access.');\n      } finally {\n        setVisibilitySaving(false);\n      }\n    },\n    [onVisibilityChange, visibility]\n  );\n\n  // Copy link to clipboard\n  const handleCopyLink = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(shareLink);\n      setCopySuccess(true);\n      setTimeout(() => setCopySuccess(false), 2000);\n    } catch {\n      setShareError(\n        t('bigconsole.share.error.copyFailed', 'The link could not be copied. Select the link and copy it manually.')\n      );\n    }\n  }, [shareLink, t]);\n\n  const searchResults = directory.results;\n\n  if (!isOpen) return null;\n\n  return (\n    <ResponsiveDialog\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open) onClose();\n      }}\n    >\n      <ResponsiveDialogContent\n        showCloseButton={false}\n        data-testid=\"share-dialog\"\n        className=\"flex w-full flex-col gap-0 overflow-hidden rounded-card p-0 sm:w-[calc(100%-2rem)] sm:max-w-[520px]\"\n        onOpenAutoFocus={() => {\n          const active = document.activeElement;\n          // ResponsiveDialog swaps implementations at the breakpoint while open.\n          // Keep the original external trigger rather than a control in the old dialog.\n          if (active instanceof HTMLElement && active !== document.body && !active.closest('[role=dialog]')) {\n            returnFocusRef.current = active;\n          }\n        }}\n        onCloseAutoFocus={(event) => {\n          event.preventDefault();\n          if (returnFocusRef.current?.isConnected) returnFocusRef.current.focus();\n        }}\n        style={{ maxWidth: '520px', maxHeight: '85dvh', backgroundColor: colors.bgPrimary, color: colors.textPrimary }}\n      >\n        {/* Header */}\n        <div\n          style={{\n            flexShrink: 0,\n            padding: '20px 24px',\n            borderBottom: `1px solid ${colors.borderDefault}`,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            backgroundColor: colors.bgPrimary,\n          }}\n        >\n          <div>\n            <ResponsiveDialogTitle style={{ margin: 0, fontSize: '18px', fontWeight: 600, color: colors.textPrimary }}>\n              Share Dashboard\n            </ResponsiveDialogTitle>\n            <ResponsiveDialogDescription style={{ margin: '4px 0 0', fontSize: '13px', color: colors.textSecondary }}>\n              {dashboardName}\n            </ResponsiveDialogDescription>\n          </div>\n          <button\n            type=\"button\"\n            aria-label={t('bigconsole.share.closeLabel', 'Close share dialog')}\n            onClick={onClose}\n            style={{\n              background: 'none',\n              border: 'none',\n              fontSize: '24px',\n              cursor: 'pointer',\n              color: colors.textSecondary,\n              padding: '4px',\n              lineHeight: 1,\n            }}\n          >\n            ×\n          </button>\n        </div>\n\n        {/* Tabs */}\n        <div\n          role=\"tablist\"\n          aria-label=\"Share options\"\n          style={{\n            flexShrink: 0,\n            display: 'flex',\n            gap: '4px',\n            padding: '0 24px',\n            borderBottom: `1px solid ${colors.borderDefault}`,\n            backgroundColor: colors.bgPrimary,\n          }}\n        >\n          {(['people', 'embed'] as const).map((tab) => (\n            <button\n              key={tab}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={activeTab === tab}\n              onClick={() => setActiveTab(tab)}\n              style={{\n                padding: '10px 12px',\n                background: 'none',\n                border: 'none',\n                borderBottom: `2px solid ${activeTab === tab ? colors.actionPrimaryBg : 'transparent'}`,\n                color: activeTab === tab ? colors.textPrimary : colors.textSecondary,\n                fontSize: '13px',\n                fontWeight: 600,\n                cursor: 'pointer',\n              }}\n            >\n              {tab === 'people' ? 'People' : 'Publish to web'}\n            </button>\n          ))}\n        </div>\n\n        {/* Publish-to-web tab */}\n        {activeTab === 'embed' && (\n          <div className=\"min-h-0 flex-1 overflow-y-auto\" style={{ backgroundColor: colors.bgPrimary }}>\n            <EmbedTab dashboardId={dashboardId} colors={colors} />\n          </div>\n        )}\n\n        {/* People tab (existing content) */}\n        {activeTab === 'people' && (\n          <div\n            className=\"flex min-h-0 flex-1 flex-col gap-section-gap overflow-y-auto p-card-padding\"\n            style={{ backgroundColor: colors.bgPrimary }}\n          >\n            {/* General access — WHO the link works for. It leads because the\n                link below is only as useful as this setting allows: copying a\n                URL from a PRIVATE board hands over something the recipient\n                cannot open. Backed by `Dashboard.visibility` +\n                `BigConsoleUpdateDashboardInput.visibility`. */}\n            {visibility && onVisibilityChange && (\n              <section aria-labelledby=\"share-visibility-heading\">\n                <h3\n                  id=\"share-visibility-heading\"\n                  className=\"mb-form-gap text-sm font-semibold\"\n                  style={{ color: colors.textPrimary }}\n                >\n                  General access\n                </h3>\n                <div style={{ display: 'flex', alignItems: 'center', gap: '8px', flexWrap: 'wrap' }}>\n                  <select\n                    aria-label=\"General access\"\n                    data-testid=\"share-visibility\"\n                    value={visibility}\n                    disabled={!canChangeVisibility || visibilitySaving}\n                    onChange={(e) => void handleVisibilityChange(e.target.value as DashboardVisibility)}\n                    style={{\n                      padding: '10px 12px',\n                      border: `1px solid ${colors.borderDefault}`,\n                      borderRadius: '6px',\n                      fontSize: '13px',\n                      backgroundColor: colors.bgPrimary,\n                      color: colors.textPrimary,\n                      cursor: !canChangeVisibility || visibilitySaving ? 'not-allowed' : 'pointer',\n                      opacity: !canChangeVisibility || visibilitySaving ? 0.6 : 1,\n                    }}\n                  >\n                    {VISIBILITY_OPTIONS.map((opt) => (\n                      <option key={opt.value} value={opt.value}>\n                        {opt.label}\n                      </option>\n                    ))}\n                  </select>\n                  <span style={{ fontSize: '12px', color: colors.textSecondary }}>\n                    {VISIBILITY_OPTIONS.find((opt) => opt.value === visibility)?.description}\n                  </span>\n                </div>\n                {!canChangeVisibility && (\n                  <p style={{ margin: '6px 0 0', fontSize: '11px', color: colors.textSecondary }}>\n                    You don&apos;t have permission to change general access.\n                  </p>\n                )}\n                {visibilityError && (\n                  <p style={{ margin: '6px 0 0', fontSize: '11px', color: colors.statusErrorText }}>\n                    {visibilityError}\n                  </p>\n                )}\n              </section>\n            )}\n\n            {/* Share Link Section — the fastest way to share, so it leads */}\n            <section aria-labelledby=\"share-link-heading\">\n              <h3\n                id=\"share-link-heading\"\n                className=\"mb-form-gap text-sm font-semibold\"\n                style={{ color: colors.textPrimary }}\n              >\n                Share link\n              </h3>\n              <div style={{ display: 'flex', gap: '8px', flexWrap: 'wrap' }}>\n                <input\n                  type=\"text\"\n                  value={shareLink}\n                  readOnly\n                  style={{\n                    flex: 1,\n                    padding: '10px 12px',\n                    border: `1px solid ${colors.borderDefault}`,\n                    borderRadius: '6px',\n                    fontSize: '13px',\n                    backgroundColor: colors.bgSecondary,\n                    color: colors.textPrimary,\n                  }}\n                />\n                <button\n                  onClick={handleCopyLink}\n                  style={{\n                    padding: '10px 16px',\n                    backgroundColor: copySuccess ? colors.statusSuccessBg : colors.actionPrimaryBg,\n                    color: 'var(--color-action-primary-text)',\n                    border: 'none',\n                    borderRadius: '6px',\n                    cursor: 'pointer',\n                    fontSize: '13px',\n                    fontWeight: 500,\n                    minWidth: '80px',\n                  }}\n                >\n                  {copySuccess ? 'Copied!' : 'Copy'}\n                </button>\n              </div>\n            </section>\n\n            {(sharingError || shareError) && (\n              <p role=\"alert\" style={{ color: colors.statusErrorText }}>\n                {shareError ||\n                  t('bigconsole.share.error.loadFailed', 'Dashboard access could not be loaded or updated. Try again.')}\n              </p>\n            )}\n            {/* Add People Section */}\n            <section aria-labelledby=\"share-invite-heading\">\n              <h3\n                id=\"share-invite-heading\"\n                className=\"mb-form-gap text-sm font-semibold\"\n                style={{ color: colors.textPrimary }}\n              >\n                Invite people\n              </h3>\n              <p style={{ color: colors.textSecondary, fontSize: '13px', marginBottom: '8px' }}>\n                {t(\n                  'bigconsole.share.directory.scopeHint',\n                  'Only members and groups from the current workspace are listed.'\n                )}\n              </p>\n              {directory.loading && (\n                <p role=\"status\">{t('bigconsole.share.directory.loading', 'Loading workspace recipients…')}</p>\n              )}\n              {directory.error && (\n                <div role=\"alert\">\n                  <p>\n                    {t(\n                      'bigconsole.share.directory.loadFailed',\n                      'The workspace directory could not be loaded. Your access may not allow directory lookup.'\n                    )}\n                  </p>\n                  <button type=\"button\" onClick={directory.retry}>\n                    {t('bigconsole.share.directory.retry', 'Retry directory')}\n                  </button>\n                </div>\n              )}\n              {searchQuery &&\n                !selectedRecipient &&\n                !directory.loading &&\n                !directory.error &&\n                searchResults.length === 0 && (\n                  <p role=\"status\">\n                    {t('bigconsole.share.directory.empty', 'No matching workspace members or groups.')}\n                  </p>\n                )}\n              {directory.hasMoreMembers && (\n                <button type=\"button\" disabled={directory.loading} onClick={directory.loadMoreMembers}>\n                  {t('bigconsole.share.directory.loadMore', 'Load more workspace members')}\n                </button>\n              )}\n              {directory.hasMoreGroups && (\n                <p>\n                  {t(\n                    'bigconsole.share.directory.moreGroups',\n                    'More groups match. Narrow your search to find a specific group.'\n                  )}\n                </p>\n              )}\n              <div style={{ display: 'flex', gap: '8px', marginBottom: '8px', flexWrap: 'wrap' }}>\n                <div style={{ flex: 1, position: 'relative' }}>\n                  <input\n                    type=\"text\"\n                    value={selectedRecipient ? selectedRecipient.name : searchQuery}\n                    onChange={(e) => {\n                      setSearchQuery(e.target.value);\n                      setSelectedRecipient(null);\n                    }}\n                    aria-label={t('bigconsole.share.directory.searchLabel', 'Search workspace members and groups')}\n                    placeholder={t(\n                      'bigconsole.share.directory.searchPlaceholder',\n                      'Search workspace members or groups...'\n                    )}\n                    style={{\n                      width: '100%',\n                      padding: '10px 12px',\n                      border: `1px solid ${colors.borderDefault}`,\n                      borderRadius: '6px',\n                      fontSize: '13px',\n                      backgroundColor: colors.bgPrimary,\n                      color: colors.textPrimary,\n                    }}\n                  />\n                  {/* Search Results Dropdown */}\n                  {searchQuery && !selectedRecipient && searchResults.length > 0 && (\n                    <div\n                      style={{\n                        position: 'absolute',\n                        top: '100%',\n                        left: 0,\n                        right: 0,\n                        marginTop: '4px',\n                        backgroundColor: colors.bgPrimary,\n                        border: `1px solid ${colors.borderDefault}`,\n                        borderRadius: '6px',\n                        boxShadow: 'var(--shadow-elevation-3)',\n                        zIndex: 100001,\n                        maxHeight: '200px',\n                        overflowY: 'auto',\n                      }}\n                    >\n                      {searchResults.map((result) => (\n                        <button\n                          key={`${result.type}:${result.id}`}\n                          type=\"button\"\n                          onClick={() => setSelectedRecipient(result)}\n                          style={{\n                            display: 'block',\n                            width: '100%',\n                            padding: '10px 12px',\n                            textAlign: 'left',\n                            backgroundColor: 'transparent',\n                            border: 'none',\n                            cursor: 'pointer',\n                            borderBottom: `1px solid ${colors.borderDefault}`,\n                          }}\n                        >\n                          <div style={{ fontSize: '13px', fontWeight: 500, color: colors.textPrimary }}>\n                            {result.name}\n                          </div>\n                          {result.email && (\n                            <div style={{ fontSize: '11px', color: colors.textSecondary }}>{result.email}</div>\n                          )}\n                          <span\n                            style={{\n                              fontSize: '10px',\n                              color: colors.textTertiary,\n                              textTransform: 'uppercase',\n                            }}\n                          >\n                            {result.type}\n                          </span>\n                        </button>\n                      ))}\n                    </div>\n                  )}\n                </div>\n                <select\n                  aria-label={t('bigconsole.share.permissionLabel', 'Access permission')}\n                  value={selectedPermission}\n                  onChange={(e) => setSelectedPermission(e.target.value as SharePermission)}\n                  style={{\n                    padding: '10px 12px',\n                    border: `1px solid ${colors.borderDefault}`,\n                    borderRadius: '6px',\n                    fontSize: '13px',\n                    backgroundColor: colors.bgPrimary,\n                    color: colors.textPrimary,\n                  }}\n                >\n                  {PERMISSION_OPTIONS.map((opt) => (\n                    <option key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </option>\n                  ))}\n                </select>\n                <button\n                  onClick={handleShare}\n                  disabled={!selectedRecipient || loading || selectedRecipient.workspaceId !== directory.workspaceId}\n                  style={{\n                    padding: '10px 16px',\n                    backgroundColor: selectedRecipient ? colors.actionPrimaryBg : colors.bgTertiary,\n                    color: selectedRecipient ? 'var(--color-action-primary-text)' : colors.textSecondary,\n                    border: 'none',\n                    borderRadius: '6px',\n                    cursor: selectedRecipient ? 'pointer' : 'not-allowed',\n                    fontSize: '13px',\n                    fontWeight: 500,\n                  }}\n                >\n                  Share\n                </button>\n              </div>\n            </section>\n\n            {/* Current Shares */}\n            <section aria-labelledby=\"share-access-heading\">\n              <div\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'space-between',\n                  flexWrap: 'wrap',\n                  gap: '8px',\n                  marginBottom: '12px',\n                }}\n              >\n                <h3 id=\"share-access-heading\" className=\"text-sm font-semibold\" style={{ color: colors.textPrimary }}>\n                  People with access ({shares.length})\n                </h3>\n                {shares.length > 0 && (\n                  <button\n                    onClick={handleRevokeAll}\n                    style={{\n                      padding: '4px 8px',\n                      backgroundColor: 'transparent',\n                      color: colors.statusErrorText,\n                      border: 'none',\n                      cursor: 'pointer',\n                      fontSize: '12px',\n                    }}\n                  >\n                    Revoke All\n                  </button>\n                )}\n              </div>\n\n              {loading && shares.length === 0 ? (\n                <p style={{ color: colors.textSecondary, fontSize: '13px' }}>Loading...</p>\n              ) : shares.length === 0 ? (\n                <p style={{ color: colors.textSecondary, fontSize: '13px' }}>\n                  No one has access to this dashboard yet.\n                </p>\n              ) : (\n                <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n                  {shares.map((share) => (\n                    <ShareItem\n                      key={share.id}\n                      share={share}\n                      onUpdatePermission={handleUpdatePermission}\n                      onRevoke={handleRevoke}\n                      colors={colors}\n                    />\n                  ))}\n                </div>\n              )}\n            </section>\n          </div>\n        )}\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n// ============================================================================\n// ShareItem Sub-component\n// ============================================================================\n\ninterface ShareItemProps {\n  share: DashboardShare;\n  onUpdatePermission: (shareId: string, permission: SharePermission) => void;\n  onRevoke: (shareId: string) => void;\n  colors: typeof colors;\n}\n\n/**\n * Access window for one share.\n *\n * `expiresAt` is selected by DashboardShareFields on every share this dialog\n * loads, but the row never said whether the access it lists ends — so a share\n * that lapsed yesterday looked identical to a permanent one. Expired shares are\n * called out explicitly: the backend leaves the row in place, so \"expired\" is a\n * state the reader has to be told about, not one they can infer from absence.\n */\nfunction describeExpiry(expiresAt: string | undefined): { label: string; expired: boolean } {\n  if (!expiresAt) return { label: 'No expiry', expired: false };\n  const date = new Date(expiresAt);\n  if (Number.isNaN(date.getTime())) return { label: 'No expiry', expired: false };\n  if (date.getTime() <= Date.now()) {\n    return { label: `Expired ${formatDistanceToNow(date, { addSuffix: true })}`, expired: true };\n  }\n  return { label: `Expires ${formatDistanceToNow(date, { addSuffix: true })}`, expired: false };\n}\n\nfunction ShareItem({ share, onUpdatePermission, onRevoke, colors }: ShareItemProps) {\n  const expiry = describeExpiry(share.expiresAt);\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        padding: '10px 12px',\n        backgroundColor: colors.bgSecondary,\n        borderRadius: '6px',\n      }}\n    >\n      <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n        <div\n          style={{\n            width: '36px',\n            height: '36px',\n            borderRadius: '50%',\n            backgroundColor: colors.actionPrimaryBg,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            color: 'var(--color-action-primary-text)',\n            fontWeight: 600,\n            fontSize: '14px',\n          }}\n        >\n          {share.recipientType === 'USER' ? 'U' : 'R'}\n        </div>\n        <div>\n          <div style={{ fontSize: '13px', fontWeight: 500, color: colors.textPrimary }}>{share.recipientId}</div>\n          <div style={{ fontSize: '11px', color: colors.textSecondary }}>\n            {share.recipientType} - Shared {new Date(share.createdAt).toLocaleDateString()}\n          </div>\n        </div>\n      </div>\n      <div style={{ display: 'flex', alignItems: 'center', gap: '8px', flexWrap: 'wrap' }}>\n        <span\n          data-testid=\"share-expiry\"\n          title={share.expiresAt ? new Date(share.expiresAt).toLocaleString() : 'Access does not expire'}\n          style={{\n            fontSize: '11px',\n            padding: '4px 8px',\n            borderRadius: '999px',\n            whiteSpace: 'nowrap',\n            backgroundColor: colors.bgTertiary,\n            color: expiry.expired ? colors.statusErrorText : colors.textSecondary,\n            fontWeight: expiry.expired ? 600 : 400,\n          }}\n        >\n          {expiry.label}\n        </span>\n        <select\n          value={share.permission}\n          onChange={(e) => onUpdatePermission(share.id, e.target.value as SharePermission)}\n          style={{\n            padding: '6px 10px',\n            border: `1px solid ${colors.borderDefault}`,\n            borderRadius: '4px',\n            fontSize: '12px',\n            backgroundColor: colors.bgPrimary,\n            color: colors.textPrimary,\n          }}\n        >\n          {PERMISSION_OPTIONS.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {opt.label}\n            </option>\n          ))}\n        </select>\n        <button\n          onClick={() => onRevoke(share.id)}\n          style={{\n            padding: '6px 10px',\n            backgroundColor: 'transparent',\n            color: colors.statusErrorText,\n            border: `1px solid ${colors.statusErrorText}`,\n            borderRadius: '4px',\n            cursor: 'pointer',\n            fontSize: '12px',\n          }}\n        >\n          Revoke\n        </button>\n      </div>\n    </div>\n  );\n}\n\nexport default ShareDialog;\n"],"mappings":"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"}

package/dist/bigconsole/components/dashboard/ShareDialog/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/ShareDialog/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"StoreTemplatePicker.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/StoreTemplatePicker.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAErF,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,sBAAsB,EAAE,CAAC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,sBAAsB,KAAK,IAAI,CAAC;CACtD;AA+BD,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAyK3D,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/dist/bigconsole/components/dashboard/StoreTemplatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StoreTemplatePicker.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/StoreTemplatePicker.tsx"],"sourcesContent":["/**\n * StoreTemplatePicker\n *\n * Renders dashboard templates published to the global store as selectable\n * cards. Replaces the workspace-table-backed TemplatePicker for the \"From\n * Template\" flow, which surfaced nothing because no workspace templates have\n * ever been authored.\n *\n * @module bigconsole/components/dashboard/StoreTemplatePicker\n */\nimport { Badge, Spinner } from '@burdenoff/fe-libs/ui';\nimport { Download, LayoutTemplate, Sparkles, Star } from 'lucide-react';\nimport { type FC, memo } from 'react';\n\nimport type { StoreDashboardTemplate } from '../../hooks/useStoreDashboardTemplates';\n\nexport interface StoreTemplatePickerProps {\n  templates: StoreDashboardTemplate[];\n  loading: boolean;\n  error: string | null;\n  selectedTemplateId?: string;\n  onSelect: (template: StoreDashboardTemplate) => void;\n}\n\nconst cardBase: React.CSSProperties = {\n  textAlign: 'left',\n  padding: 'var(--space-cardPadding)',\n  borderRadius: 'var(--radius-card)',\n  border: '1px solid var(--color-border-default)',\n  background: 'var(--color-bg-surface)',\n  cursor: 'pointer',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 'var(--space-controlGap)',\n  transition: 'all 0.15s ease',\n};\n\n/**\n * `StoreProduct.category` is a free-form String column, so publishers write it\n * either as prose (\"Operations\") or as a machine constant (\"SALES_PIPELINE\").\n * Only the machine form is rewritten; anything already written for humans is\n * left exactly as the publisher entered it.\n */\nfunction formatCategoryLabel(raw: string): string {\n  if (!/^[A-Z0-9_]+$/.test(raw)) return raw;\n  return raw\n    .toLowerCase()\n    .split('_')\n    .filter(Boolean)\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n}\n\nexport const StoreTemplatePicker: FC<StoreTemplatePickerProps> = memo(function StoreTemplatePicker({\n  templates,\n  loading,\n  error,\n  selectedTemplateId,\n  onSelect,\n}) {\n  if (loading) {\n    return (\n      <div style={{ display: 'flex', justifyContent: 'center', padding: 'var(--space-pagePadding)' }}>\n        <Spinner />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div style={{ padding: 'var(--space-cardPadding)', color: 'var(--color-status-error-text)' }}>\n        Could not load templates from the store: {error}\n      </div>\n    );\n  }\n\n  if (templates.length === 0) {\n    return (\n      <div\n        style={{\n          padding: 'var(--space-pagePadding)',\n          textAlign: 'center',\n          color: 'var(--color-text-muted)',\n        }}\n      >\n        <LayoutTemplate\n          style={{\n            height: 'var(--size-icon-lg)',\n            width: 'var(--size-icon-lg)',\n            margin: '0 auto var(--space-formGap)',\n          }}\n        />\n        <div>No dashboard templates published yet</div>\n        <div style={{ fontSize: 'var(--font-size-body-sm)', marginTop: 'var(--space-iconGap)' }}>\n          Templates published to the store will appear here.\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(auto-fill, minmax(min(220px, 100%), 1fr))',\n        gap: 'var(--space-formGap)',\n      }}\n    >\n      {templates.map((template) => {\n        const selected = template.id === selectedTemplateId;\n        return (\n          <button\n            key={template.id}\n            type=\"button\"\n            onClick={() => onSelect(template)}\n            aria-pressed={selected}\n            style={{\n              ...cardBase,\n              // Selection needs to survive a glance across a 900px grid: brand\n              // border + ring + tinted surface, not a 1-step elevation alone.\n              borderColor: selected ? 'var(--color-action-primary-border)' : 'var(--color-border-subtle)',\n              backgroundColor: selected ? 'var(--color-bg-accentSubtle)' : 'var(--color-bg-surface)',\n              boxShadow: selected ? '0 0 0 2px var(--color-action-primary-bg)' : 'none',\n            }}\n          >\n            <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-iconGap)' }}>\n              <LayoutTemplate style={{ height: 'var(--size-icon-sm)', width: 'var(--size-icon-sm)', flexShrink: 0 }} />\n              <span style={{ fontWeight: 'var(--font-weight-medium)', minWidth: 0 }}>{template.name}</span>\n              {/* `featured` ships on every browseStore product and was dropped\n                  on the floor — it is the store's own ranking signal and the one\n                  thing that tells a first-time author where to start. */}\n              {template.featured && (\n                <span\n                  data-testid=\"template-featured\"\n                  title=\"Featured in the store\"\n                  style={{\n                    marginLeft: 'auto',\n                    display: 'inline-flex',\n                    alignItems: 'center',\n                    gap: '2px',\n                    flexShrink: 0,\n                    padding: '2px 6px',\n                    borderRadius: 'var(--radius-pill)',\n                    backgroundColor: 'var(--color-status-warning-bgSubtle)',\n                    color: 'var(--color-status-warning-text)',\n                    fontSize: 'var(--font-size-xs)',\n                    fontWeight: 'var(--font-weight-semibold)',\n                    textTransform: 'uppercase',\n                    letterSpacing: '0.02em',\n                  }}\n                >\n                  <Sparkles style={{ height: '10px', width: '10px' }} aria-hidden=\"true\" />\n                  Featured\n                </span>\n              )}\n            </div>\n\n            <div\n              style={{\n                fontSize: 'var(--font-size-body-sm)',\n                color: 'var(--color-text-muted)',\n                display: '-webkit-box',\n                WebkitLineClamp: 2,\n                WebkitBoxOrient: 'vertical',\n                overflow: 'hidden',\n              }}\n            >\n              {template.description || 'No description provided'}\n            </div>\n\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 'var(--space-controlGap)',\n                marginTop: 'auto',\n                flexWrap: 'wrap',\n                // `--font-size-body-xs` does not exist in the token build — using it\n                // drops the declaration and the row silently inherits body size.\n                fontSize: 'var(--font-size-xs)',\n                color: 'var(--color-text-muted)',\n              }}\n            >\n              {template.requiresPurchase ? (\n                <Badge variant=\"secondary\">${template.price}</Badge>\n              ) : (\n                <Badge variant=\"secondary\">Free</Badge>\n              )}\n              {/* `category` is fetched by BrowseDashboardTemplates and was never\n                  shown; it is what makes a wall of template cards scannable. */}\n              {template.category && (\n                <span\n                  data-testid=\"template-category\"\n                  style={{\n                    padding: '2px 6px',\n                    borderRadius: 'var(--radius-pill)',\n                    backgroundColor: 'var(--color-bg-sunken)',\n                    color: 'var(--color-text-secondary)',\n                    whiteSpace: 'nowrap',\n                  }}\n                >\n                  {formatCategoryLabel(template.category)}\n                </span>\n              )}\n              {template.downloads > 0 && (\n                <span style={{ display: 'inline-flex', alignItems: 'center', gap: '2px' }}>\n                  <Download style={{ height: '12px', width: '12px' }} />\n                  {template.downloads}\n                </span>\n              )}\n              {template.rating ? (\n                <span style={{ display: 'inline-flex', alignItems: 'center', gap: '2px' }}>\n                  <Star style={{ height: '12px', width: '12px' }} />\n                  {template.rating.toFixed(1)}\n                </span>\n              ) : null}\n            </div>\n          </button>\n        );\n      })}\n    </div>\n  );\n});\n\nexport default StoreTemplatePicker;\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateInstallOptions.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/TemplateInstallOptions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAEvF,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,QAAQ,EACR,eAAe,EACf,WAAW,EACX,aAAa,EACb,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,wBAAwB,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,QAAQ,EAAE,OAAO,CAAC;CACnB,+BAgNA"}

package/dist/bigconsole/components/dashboard/TemplateInstallOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateInstallOptions.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/TemplateInstallOptions.tsx"],"sourcesContent":["import { Input } from '@burdenoff/fe-libs/ui';\nimport { useEffect, useId, useRef, useState } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell/PermissionProvider';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { BIGCONSOLE_PERMISSIONS } from '../../../constants/permissions';\nimport { useApolloClient } from '@apollo/client/react';\nimport { useActiveContext } from '@burdenoff/fe-libs/shared/providers/shell/ActiveContextProvider';\nimport { ListDataSinksDocument, type ListDataSinksQuery } from '../../../generated/wspace-operations';\nimport type { DashboardTemplateContent } from '../../hooks/useStoreDashboardTemplates';\n\nexport function TemplateInstallOptions({\n  content,\n  bindings,\n  onBindingChange,\n  inputValues,\n  onInputChange,\n  disabled,\n}: {\n  content: DashboardTemplateContent;\n  bindings: Record<string, string>;\n  onBindingChange: (slot: string, id: string) => void;\n  inputValues: Record<string, unknown>;\n  onInputChange: (name: string, value: unknown) => void;\n  disabled: boolean;\n}) {\n  const prefix = useId();\n  const { t } = useI18n();\n  const client = useApolloClient();\n  const { workspaceId } = useActiveContext();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = !permissionsLoading && hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_READ);\n  const hasSlots = content.requiredDataSinks.length > 0;\n  const owner = `${workspaceId}:${canRead}:${hasSlots}`;\n  const ownerRef = useRef(owner);\n  ownerRef.current = owner;\n  const [retry, setRetry] = useState(0);\n  const [page, setPage] = useState<{ owner: string; cursor?: string } | null>(null);\n  const cursor = page?.owner === owner ? page.cursor : undefined;\n  const [result, setResult] = useState<{\n    owner: string;\n    data?: ListDataSinksQuery;\n    error?: boolean;\n    loading?: boolean;\n  } | null>(null);\n  useEffect(() => {\n    setPage(null);\n    setResult(null);\n  }, [owner]);\n  useEffect(() => {\n    let cancelled = false;\n    if (!workspaceId || !hasSlots || !canRead) return;\n    setResult((previous) => ({ ...previous, owner, loading: true, error: false }));\n    void client\n      .query<ListDataSinksQuery>({\n        query: ListDataSinksDocument,\n        variables: { isActive: true, first: 100, ...(cursor ? { after: cursor } : {}) },\n        fetchPolicy: 'network-only',\n      })\n      .then((response) => {\n        if (cancelled || ownerRef.current !== owner) return;\n        setResult((previous) => {\n          const incoming = response.data;\n          if (!incoming) return { owner, error: true, loading: false };\n          const previousEdges = cursor && previous?.owner === owner ? (previous.data?.listDataSinks.edges ?? []) : [];\n          const edges = [\n            ...new Map(\n              [...previousEdges, ...incoming.listDataSinks.edges].map((edge) => [edge.node.id, edge])\n            ).values(),\n          ];\n          return { owner, data: { ...incoming, listDataSinks: { ...incoming.listDataSinks, edges } }, loading: false };\n        });\n      })\n      .catch(() => {\n        if (!cancelled && ownerRef.current === owner)\n          setResult((previous) => ({ ...previous, owner, error: true, loading: false }));\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [client, workspaceId, hasSlots, canRead, owner, cursor, retry]);\n  const owned = result?.owner === owner ? result : null;\n  const loading = Boolean(workspaceId && canRead && hasSlots && (!owned || owned.loading));\n  const error = owned?.error;\n  const available = owned?.data?.listDataSinks.edges.map((edge) => edge.node).filter((sink) => sink.isActive) ?? [];\n  const selectStyle = {\n    width: '100%',\n    padding: 'var(--space-controlGap)',\n    background: 'var(--color-bg-surface)',\n    color: 'var(--color-text-primary)',\n    border: '1px solid var(--color-border-default)',\n    borderRadius: 'var(--radius-control)',\n  };\n  return (\n    <section aria-label={t('bigconsole.dashboards.templateSetup.title', 'Template setup')} className=\"space-y-form-gap\">\n      {content.requiredDataSinks.length > 0 && (\n        <div>\n          <h3 className=\"text-sm font-medium\">\n            {t('bigconsole.dashboards.templateSetup.connect', 'Connect your data')}\n          </h3>\n          <p className=\"text-xs text-text-muted\">\n            {t(\n              'bigconsole.dashboards.templateSetup.connectHelp',\n              'Choose a source for each group of widgets. You can also connect it later in the dashboard builder.'\n            )}\n          </p>\n          {!permissionsLoading && !canRead && (\n            <p role=\"status\">\n              {t(\n                'bigconsole.dashboards.templateSetup.noReadPermission',\n                'You do not have access to browse data sources. You can connect a source later with help from your workspace admin.'\n              )}\n            </p>\n          )}\n          {error && (\n            <div>\n              <p role=\"alert\">{t('bigconsole.dashboards.templateSetup.loadError', 'Could not load data sources.')}</p>\n              <button type=\"button\" disabled={disabled} onClick={() => setRetry((value) => value + 1)}>\n                {t('bigconsole.dashboards.templateSetup.retry', 'Retry loading sources')}\n              </button>\n            </div>\n          )}\n          {content.requiredDataSinks.map((slot, index) => (\n            <div key={slot.slot} className=\"mt-form-gap\">\n              <label htmlFor={`${prefix}-sink-${index}`} className=\"text-sm font-medium\">\n                {slot.label}\n              </label>\n              {slot.description && <p className=\"text-xs text-text-muted\">{slot.description}</p>}\n              <select\n                id={`${prefix}-sink-${index}`}\n                value={bindings[slot.slot] ?? ''}\n                disabled={disabled || loading || !workspaceId || !canRead}\n                style={selectStyle}\n                onChange={(event) => onBindingChange(slot.slot, event.target.value)}\n              >\n                <option value=\"\">{t('bigconsole.dashboards.templateSetup.connectLater', 'Connect later')}</option>\n                {available.map((sink) => (\n                  <option key={sink.id} value={sink.id}>\n                    {sink.name || sink.key}\n                  </option>\n                ))}\n              </select>\n              {slot.expectedFields.length > 0 && (\n                <p className=\"text-xs text-text-muted\">\n                  {t('bigconsole.dashboards.templateSetup.expectedFields', 'Expected fields: {fields}', {\n                    fields: slot.expectedFields.map((field) => field.name).join(', '),\n                  })}\n                </p>\n              )}\n              {slot.widgetTitles.length > 0 && (\n                <p className=\"text-xs text-text-muted\">\n                  {t('bigconsole.dashboards.templateSetup.usedBy', 'Used by: {widgets}', {\n                    widgets: slot.widgetTitles.join(', '),\n                  })}\n                </p>\n              )}\n            </div>\n          ))}\n          {owned?.data?.listDataSinks.pageInfo.hasNextPage && (\n            <button\n              type=\"button\"\n              disabled={disabled || loading}\n              onClick={() => setPage({ owner, cursor: owned.data?.listDataSinks.pageInfo.endCursor ?? undefined })}\n            >\n              {t('bigconsole.dashboards.templateSetup.loadMore', 'Load more sources')}\n            </button>\n          )}\n        </div>\n      )}\n      {content.requiredInputs.map((input, index) => (\n        <div key={input.name}>\n          <label htmlFor={`${prefix}-input-${index}`} className=\"text-sm font-medium\">\n            {input.label}\n            {input.required ? ' *' : ''}\n          </label>\n          {input.type === 'boolean' ? (\n            <select\n              id={`${prefix}-input-${index}`}\n              value={typeof inputValues[input.name] === 'boolean' ? String(inputValues[input.name]) : ''}\n              style={selectStyle}\n              disabled={disabled}\n              onChange={(event) =>\n                onInputChange(input.name, event.target.value === '' ? undefined : event.target.value === 'true')\n              }\n            >\n              <option value=\"\">{t('bigconsole.dashboards.templateSetup.chooseValue', 'Choose a value')}</option>\n              <option value=\"true\">{t('bigconsole.dashboards.templateSetup.true', 'True')}</option>\n              <option value=\"false\">{t('bigconsole.dashboards.templateSetup.false', 'False')}</option>\n            </select>\n          ) : input.type === 'select' ? (\n            <select\n              id={`${prefix}-input-${index}`}\n              value={typeof inputValues[input.name] === 'string' ? String(inputValues[input.name]) : ''}\n              style={selectStyle}\n              disabled={disabled}\n              onChange={(event) => onInputChange(input.name, event.target.value)}\n            >\n              <option value=\"\">{t('bigconsole.dashboards.templateSetup.chooseValue', 'Choose a value')}</option>\n              {input.options?.map((option) => (\n                <option key={option.value} value={option.value}>\n                  {option.label}\n                </option>\n              ))}\n            </select>\n          ) : (\n            <Input\n              id={`${prefix}-input-${index}`}\n              type={input.type === 'secret' ? 'password' : input.type === 'number' ? 'number' : 'text'}\n              step={input.type === 'number' ? 'any' : undefined}\n              value={\n                typeof inputValues[input.name] === 'string' || typeof inputValues[input.name] === 'number'\n                  ? String(inputValues[input.name])\n                  : ''\n              }\n              placeholder={input.placeholder}\n              disabled={disabled}\n              onChange={(event) =>\n                onInputChange(\n                  input.name,\n                  input.type === 'number'\n                    ? event.target.value === ''\n                      ? undefined\n                      : Number(event.target.value)\n                    : event.target.value\n                )\n              }\n            />\n          )}\n          {input.helpText && <p className=\"text-xs text-text-muted\">{input.helpText}</p>}\n        </div>\n      ))}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,EAAuB,EACrC,YACA,aACA,oBACA,gBACA,kBACA,eAQC;CACD,IAAM,IAAS,GAAO,EAChB,EAAE,SAAM,GAAS,EACjB,IAAS,GAAiB,EAC1B,EAAE,mBAAgB,GAAkB,EACpC,EAAE,kBAAe,WAAW,MAAuB,GAAgB,EACnE,IAAU,CAAC,KAAsB,EAAc,EAAuB,cAAc,EACpF,IAAW,EAAQ,kBAAkB,SAAS,GAC9C,IAAQ,GAAG,EAAY,GAAG,EAAQ,GAAG,KACrC,IAAW,EAAO,EAAM;AAC9B,GAAS,UAAU;CACnB,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE,EAC/B,CAAC,GAAM,KAAW,EAAoD,KAAK,EAC3E,IAAS,GAAM,UAAU,IAAQ,EAAK,SAAS,KAAA,GAC/C,CAAC,GAAQ,KAAa,EAKlB,KAAK;AAKf,CAJA,QAAgB;AAEd,EADA,EAAQ,KAAK,EACb,EAAU,KAAK;IACd,CAAC,EAAM,CAAC,EACX,QAAgB;EACd,IAAI,IAAY;AACZ,SAAC,KAAe,CAAC,KAAY,CAAC,GA0BlC,QAzBA,GAAW,OAAc;GAAE,GAAG;GAAU;GAAO,SAAS;GAAM,OAAO;GAAO,EAAE,EACzE,EACF,MAA0B;GACzB,OAAO;GACP,WAAW;IAAE,UAAU;IAAM,OAAO;IAAK,GAAI,IAAS,EAAE,OAAO,GAAQ,GAAG,EAAE;IAAG;GAC/E,aAAa;GACd,CAAC,CACD,MAAM,MAAa;AACd,QAAa,EAAS,YAAY,KACtC,GAAW,MAAa;IACtB,IAAM,IAAW,EAAS;AAC1B,QAAI,CAAC,EAAU,QAAO;KAAE;KAAO,OAAO;KAAM,SAAS;KAAO;IAC5D,IAAM,IAAgB,KAAU,GAAU,UAAU,IAAS,EAAS,MAAM,cAAc,SAAS,EAAE,GAAI,EAAE,EACrG,IAAQ,CACZ,GAAG,IAAI,IACL,CAAC,GAAG,GAAe,GAAG,EAAS,cAAc,MAAM,CAAC,KAAK,MAAS,CAAC,EAAK,KAAK,IAAI,EAAK,CAAC,CACxF,CAAC,QAAQ,CACX;AACD,WAAO;KAAE;KAAO,MAAM;MAAE,GAAG;MAAU,eAAe;OAAE,GAAG,EAAS;OAAe;OAAO;MAAE;KAAE,SAAS;KAAO;KAC5G;IACF,CACD,YAAY;AACX,GAAI,CAAC,KAAa,EAAS,YAAY,KACrC,GAAW,OAAc;IAAE,GAAG;IAAU;IAAO,OAAO;IAAM,SAAS;IAAO,EAAE;IAChF,QACS;AACX,OAAY;;IAEb;EAAC;EAAQ;EAAa;EAAU;EAAS;EAAO;EAAQ;EAAM,CAAC;CAClE,IAAM,IAAQ,GAAQ,UAAU,IAAQ,IAAS,MAC3C,IAAU,GAAQ,KAAe,KAAW,MAAa,CAAC,KAAS,EAAM,WACzE,IAAQ,GAAO,OACf,IAAY,GAAO,MAAM,cAAc,MAAM,KAAK,MAAS,EAAK,KAAK,CAAC,QAAQ,MAAS,EAAK,SAAS,IAAI,EAAE,EAC3G,IAAc;EAClB,OAAO;EACP,SAAS;EACT,YAAY;EACZ,OAAO;EACP,QAAQ;EACR,cAAc;EACf;AACD,QACE,kBAAC,WAAD;EAAS,cAAY,EAAE,6CAA6C,iBAAiB;EAAE,WAAU;YAAjG,CACG,EAAQ,kBAAkB,SAAS,KAClC,kBAAC,OAAD,EAAA,UAAA;GACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,+CAA+C,oBAAoB;IACnE,CAAA;GACL,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,mDACA,qGACD;IACC,CAAA;GACH,CAAC,KAAsB,CAAC,KACvB,kBAAC,KAAD;IAAG,MAAK;cACL,EACC,wDACA,qHACD;IACC,CAAA;GAEL,KACC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,MAAK;cAAS,EAAE,iDAAiD,+BAA+B;IAAK,CAAA,EACxG,kBAAC,UAAD;IAAQ,MAAK;IAAmB;IAAU,eAAe,GAAU,MAAU,IAAQ,EAAE;cACpF,EAAE,6CAA6C,wBAAwB;IACjE,CAAA,CACL,EAAA,CAAA;GAEP,EAAQ,kBAAkB,KAAK,GAAM,MACpC,kBAAC,OAAD;IAAqB,WAAU;cAA/B;KACE,kBAAC,SAAD;MAAO,SAAS,GAAG,EAAO,QAAQ;MAAS,WAAU;gBAClD,EAAK;MACA,CAAA;KACP,EAAK,eAAe,kBAAC,KAAD;MAAG,WAAU;gBAA2B,EAAK;MAAgB,CAAA;KAClF,kBAAC,UAAD;MACE,IAAI,GAAG,EAAO,QAAQ;MACtB,OAAO,EAAS,EAAK,SAAS;MAC9B,UAAU,KAAY,KAAW,CAAC,KAAe,CAAC;MAClD,OAAO;MACP,WAAW,MAAU,EAAgB,EAAK,MAAM,EAAM,OAAO,MAAM;gBALrE,CAOE,kBAAC,UAAD;OAAQ,OAAM;iBAAI,EAAE,oDAAoD,gBAAgB;OAAU,CAAA,EACjG,EAAU,KAAK,MACd,kBAAC,UAAD;OAAsB,OAAO,EAAK;iBAC/B,EAAK,QAAQ,EAAK;OACZ,EAFI,EAAK,GAET,CACT,CACK;;KACR,EAAK,eAAe,SAAS,KAC5B,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,sDAAsD,6BAA6B,EACpF,QAAQ,EAAK,eAAe,KAAK,MAAU,EAAM,KAAK,CAAC,KAAK,KAAK,EAClE,CAAC;MACA,CAAA;KAEL,EAAK,aAAa,SAAS,KAC1B,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,8CAA8C,sBAAsB,EACrE,SAAS,EAAK,aAAa,KAAK,KAAK,EACtC,CAAC;MACA,CAAA;KAEF;MAjCI,EAAK,KAiCT,CACN;GACD,GAAO,MAAM,cAAc,SAAS,eACnC,kBAAC,UAAD;IACE,MAAK;IACL,UAAU,KAAY;IACtB,eAAe,EAAQ;KAAE;KAAO,QAAQ,EAAM,MAAM,cAAc,SAAS,aAAa,KAAA;KAAW,CAAC;cAEnG,EAAE,gDAAgD,oBAAoB;IAChE,CAAA;GAEP,EAAA,CAAA,EAEP,EAAQ,eAAe,KAAK,GAAO,MAClC,kBAAC,OAAD,EAAA,UAAA;GACE,kBAAC,SAAD;IAAO,SAAS,GAAG,EAAO,SAAS;IAAS,WAAU;cAAtD,CACG,EAAM,OACN,EAAM,WAAW,OAAO,GACnB;;GACP,EAAM,SAAS,YACd,kBAAC,UAAD;IACE,IAAI,GAAG,EAAO,SAAS;IACvB,OAAO,OAAO,EAAY,EAAM,SAAU,YAAY,OAAO,EAAY,EAAM,MAAM,GAAG;IACxF,OAAO;IACG;IACV,WAAW,MACT,EAAc,EAAM,MAAM,EAAM,OAAO,UAAU,KAAK,KAAA,IAAY,EAAM,OAAO,UAAU,OAAO;cANpG;KASE,kBAAC,UAAD;MAAQ,OAAM;gBAAI,EAAE,mDAAmD,iBAAiB;MAAU,CAAA;KAClG,kBAAC,UAAD;MAAQ,OAAM;gBAAQ,EAAE,4CAA4C,OAAO;MAAU,CAAA;KACrF,kBAAC,UAAD;MAAQ,OAAM;gBAAS,EAAE,6CAA6C,QAAQ;MAAU,CAAA;KACjF;QACP,EAAM,SAAS,WACjB,kBAAC,UAAD;IACE,IAAI,GAAG,EAAO,SAAS;IACvB,OAAO,OAAO,EAAY,EAAM,SAAU,WAAW,OAAO,EAAY,EAAM,MAAM,GAAG;IACvF,OAAO;IACG;IACV,WAAW,MAAU,EAAc,EAAM,MAAM,EAAM,OAAO,MAAM;cALpE,CAOE,kBAAC,UAAD;KAAQ,OAAM;eAAI,EAAE,mDAAmD,iBAAiB;KAAU,CAAA,EACjG,EAAM,SAAS,KAAK,MACnB,kBAAC,UAAD;KAA2B,OAAO,EAAO;eACtC,EAAO;KACD,EAFI,EAAO,MAEX,CACT,CACK;QAET,kBAAC,GAAD;IACE,IAAI,GAAG,EAAO,SAAS;IACvB,MAAM,EAAM,SAAS,WAAW,aAAa,EAAM,SAAS,WAAW,WAAW;IAClF,MAAM,EAAM,SAAS,WAAW,QAAQ,KAAA;IACxC,OACE,OAAO,EAAY,EAAM,SAAU,YAAY,OAAO,EAAY,EAAM,SAAU,WAC9E,OAAO,EAAY,EAAM,MAAM,GAC/B;IAEN,aAAa,EAAM;IACT;IACV,WAAW,MACT,EACE,EAAM,MACN,EAAM,SAAS,WACX,EAAM,OAAO,UAAU,KACrB,KAAA,IACA,OAAO,EAAM,OAAO,MAAM,GAC5B,EAAM,OAAO,MAClB;IAEH,CAAA;GAEH,EAAM,YAAY,kBAAC,KAAD;IAAG,WAAU;cAA2B,EAAM;IAAa,CAAA;GAC1E,EAAA,EA3DI,EAAM,KA2DV,CACN,CACM"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateLayoutPreview.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/TemplateLayoutPreview.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAMvF,iFAAiF;AACjF,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,wBAAwB,CAAA;CAAE,sCA6DvF"}

package/dist/bigconsole/components/dashboard/TemplateLayoutPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateLayoutPreview.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/TemplateLayoutPreview.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { DashboardTemplateContent } from '../../hooks/useStoreDashboardTemplates';\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return value !== null && typeof value === 'object' && !Array.isArray(value);\n}\n\n/** Show the publisher's actual page/widget structure without running actions. */\nexport function TemplateLayoutPreview({ content }: { content: DashboardTemplateContent }) {\n  const { t } = useI18n();\n  if (!isRecord(content.definition) || !Array.isArray(content.definition.pages)) return null;\n  return (\n    <section\n      aria-label={t('bigconsole.dashboards.templatePreview.label', 'Template layout preview')}\n      className=\"mb-form-gap space-y-control-gap\"\n    >\n      <h3 className=\"text-sm font-medium\">{t('bigconsole.dashboards.templatePreview.title', 'Layout preview')}</h3>\n      {content.definition.pages.filter(isRecord).map((page, pageIndex) => (\n        <div key={pageIndex}>\n          <p className=\"text-xs text-text-muted\">\n            {typeof page.name === 'string'\n              ? page.name\n              : t('bigconsole.dashboards.templatePreview.page', 'Page {number}', { number: pageIndex + 1 })}\n          </p>\n          <div\n            style={{\n              display: 'grid',\n              gridTemplateColumns: 'repeat(12, minmax(0, 1fr))',\n              gap: 'var(--space-controlGap)',\n            }}\n          >\n            {Array.isArray(page.widgets) &&\n              page.widgets.filter(isRecord).map((widget, index) => {\n                const config = isRecord(widget.config) ? widget.config : {};\n                const typeLabel =\n                  typeof config.chartType === 'string'\n                    ? t('bigconsole.dashboards.templatePreview.chartType', '{type} chart', { type: config.chartType })\n                    : typeof widget.type === 'string'\n                      ? widget.type.toLowerCase().replaceAll('_', ' ')\n                      : t('bigconsole.dashboards.templatePreview.widgetType', 'Widget');\n                const position = isRecord(widget.position) ? widget.position : {};\n                const width =\n                  typeof position.width === 'number' ? Math.min(12, Math.max(1, Math.round(position.width))) : 6;\n                return (\n                  <div\n                    key={index}\n                    className=\"rounded-card border border-border-default bg-bg-sunken p-3\"\n                    style={{ gridColumn: `span ${width}` }}\n                  >\n                    <p className=\"truncate text-xs font-medium\">\n                      {typeof widget.title === 'string'\n                        ? widget.title\n                        : t('bigconsole.dashboards.templatePreview.widget', 'Widget {number}', { number: index + 1 })}\n                    </p>\n                    <p className=\"truncate text-xs text-text-muted\">{typeLabel}</p>\n                  </div>\n                );\n              })}\n          </div>\n        </div>\n      ))}\n      <p className=\"text-xs text-text-muted\">\n        {t(\n          'bigconsole.dashboards.templatePreview.help',\n          'Data appears after you connect a source. The dashboard uses these saved widgets and layouts.'\n        )}\n      </p>\n    </section>\n  );\n}\n"],"mappings":";;;AAGA,SAAS,EAAS,GAAkD;AAClE,QAAyB,OAAO,KAAU,cAAnC,KAA+C,CAAC,MAAM,QAAQ,EAAM;;AAI7E,SAAgB,EAAsB,EAAE,cAAkD;CACxF,IAAM,EAAE,SAAM,GAAS;AAEvB,QADI,CAAC,EAAS,EAAQ,WAAW,IAAI,CAAC,MAAM,QAAQ,EAAQ,WAAW,MAAM,GAAS,OAEpF,kBAAC,WAAD;EACE,cAAY,EAAE,+CAA+C,0BAA0B;EACvF,WAAU;YAFZ;GAIE,kBAAC,MAAD;IAAI,WAAU;cAAuB,EAAE,+CAA+C,iBAAiB;IAAM,CAAA;GAC5G,EAAQ,WAAW,MAAM,OAAO,EAAS,CAAC,KAAK,GAAM,MACpD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;cACV,OAAO,EAAK,QAAS,WAClB,EAAK,OACL,EAAE,8CAA8C,iBAAiB,EAAE,QAAQ,IAAY,GAAG,CAAC;IAC7F,CAAA,EACJ,kBAAC,OAAD;IACE,OAAO;KACL,SAAS;KACT,qBAAqB;KACrB,KAAK;KACN;cAEA,MAAM,QAAQ,EAAK,QAAQ,IAC1B,EAAK,QAAQ,OAAO,EAAS,CAAC,KAAK,GAAQ,MAAU;KACnD,IAAM,IAAS,EAAS,EAAO,OAAO,GAAG,EAAO,SAAS,EAAE,EACrD,IACJ,OAAO,EAAO,aAAc,WACxB,EAAE,mDAAmD,gBAAgB,EAAE,MAAM,EAAO,WAAW,CAAC,GAChG,OAAO,EAAO,QAAS,WACrB,EAAO,KAAK,aAAa,CAAC,WAAW,KAAK,IAAI,GAC9C,EAAE,oDAAoD,SAAS,EACjE,IAAW,EAAS,EAAO,SAAS,GAAG,EAAO,WAAW,EAAE;AAGjE,YACE,kBAAC,OAAD;MAEE,WAAU;MACV,OAAO,EAAE,YAAY,QALvB,OAAO,EAAS,SAAU,WAAW,KAAK,IAAI,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,EAAS,MAAM,CAAC,CAAC,GAAG,KAKrD;gBAHxC,CAKE,kBAAC,KAAD;OAAG,WAAU;iBACV,OAAO,EAAO,SAAU,WACrB,EAAO,QACP,EAAE,gDAAgD,mBAAmB,EAAE,QAAQ,IAAQ,GAAG,CAAC;OAC7F,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAoC;OAAc,CAAA,CAC3D;QAVC,EAUD;MAER;IACA,CAAA,CACF,EAAA,EAzCI,EAyCJ,CACN;GACF,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,8CACA,+FACD;IACC,CAAA;GACI"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TemplatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/TemplatePicker/TemplatePicker.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,EAEL,KAAK,yBAAyB,EAG/B,MAAM,gBAAgB,CAAC;AAMxB,MAAM,WAAW,mBAAmB;IAClC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1G,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACzD,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAkBD,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,kBAAkB,EAClB,QAAQ,EACR,OAAe,GAChB,EAAE,mBAAmB,4BAmjBrB;AA2VD,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/dashboard/TemplatePicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/TemplatePicker/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateSetupBanner.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/TemplateSetupBanner.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAK1C,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C;AASD,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA0C3D,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/dist/bigconsole/components/dashboard/TemplateSetupBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateSetupBanner.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/TemplateSetupBanner.tsx"],"sourcesContent":["/**\n * TemplateSetupBanner\n *\n * Shown on a board installed from a store template that still has widgets\n * without a data source.\n *\n * WHY THIS EXISTS:\n *   Template installs deliberately do not require every data-sink slot to be\n *   bound up front — a brand-new workspace has no sinks at all, so a hard\n *   requirement would make the template gallery unusable for exactly the users\n *   it exists to serve. The cost of that choice is that the board renders\n *   immediately with some widgets holding no data.\n *\n *   A workflow can get away with the equivalent (FluidGrids just toasts \"go\n *   configure your credential\") because nothing runs until you press Test. A\n *   dashboard renders the instant you open it, so an unconnected widget is\n *   visually indistinguishable from a crashed one. This banner is what\n *   reframes the screen from \"broken\" to \"setup in progress\", and it does more\n *   work for that than any per-widget treatment.\n *\n * It derives its state from the widgets themselves — each widget installed from\n * a template carries its originating slot in `metadata.templateDataSinkSlot` —\n * so it needs no extra query and lights up for any such board.\n *\n * Semantic status tokens only, no raw colors.\n *\n * @module bigconsole/components/dashboard/TemplateSetupBanner\n */\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { DatabaseZap } from 'lucide-react';\nimport { type FC, memo, useMemo } from 'react';\n\nimport { Section } from '../common';\nimport type { Widget } from '../../types';\n\n/** Metadata key written by the backend template installer. */\nconst WIDGET_TEMPLATE_SLOT_KEY = 'templateDataSinkSlot';\n\nexport interface TemplateSetupBannerProps {\n  widgets: Widget[];\n  /** Hidden while editing: the builder has its own binding affordances. */\n  isEditMode?: boolean;\n  /** Opens the guided connect flow. Omit to render the banner without a CTA. */\n  onConnectData?: (slots: string[]) => void;\n}\n\n/** A widget that came from a template and still has no sink bound. */\nfunction needsData(widget: Widget): string | null {\n  if (widget.dataSinkId) return null;\n  const slot = widget.metadata?.[WIDGET_TEMPLATE_SLOT_KEY];\n  return typeof slot === 'string' && slot.length > 0 ? slot : null;\n}\n\nexport const TemplateSetupBanner: FC<TemplateSetupBannerProps> = memo(function TemplateSetupBanner({\n  widgets,\n  isEditMode = false,\n  onConnectData,\n}) {\n  const { unconnectedCount, slots } = useMemo(() => {\n    const found = new Set<string>();\n    let count = 0;\n    for (const widget of widgets) {\n      const slot = needsData(widget);\n      if (!slot) continue;\n      count += 1;\n      found.add(slot);\n    }\n    return { unconnectedCount: count, slots: Array.from(found) };\n  }, [widgets]);\n\n  if (isEditMode || unconnectedCount === 0) return null;\n\n  const sourceWord = slots.length === 1 ? 'data source' : 'data sources';\n  const widgetWord = unconnectedCount === 1 ? 'widget needs' : 'widgets need';\n\n  return (\n    <div role=\"status\" className=\"mx-card-padding mt-control-gap flex-shrink-0\">\n      <Section\n        tone=\"info\"\n        padding=\"compact\"\n        headingLevel={3}\n        data-testid=\"template-setup-banner\"\n        icon={<DatabaseZap className=\"h-icon-sm w-icon-sm\" />}\n        title=\"This dashboard came from a template\"\n        description={`${unconnectedCount} ${widgetWord} connecting to your data — ${slots.length} ${sourceWord} to set up.`}\n        actions={\n          onConnectData ? (\n            <Button size=\"sm\" onClick={() => onConnectData(slots)}>\n              Connect data\n            </Button>\n          ) : undefined\n        }\n      />\n    </div>\n  );\n});\n\nexport default TemplateSetupBanner;\n"],"mappings":";;;;;;;AAoCA,IAAM,IAA2B;AAWjC,SAAS,EAAU,GAA+B;AAChD,KAAI,EAAO,WAAY,QAAO;CAC9B,IAAM,IAAO,EAAO,WAAW;AAC/B,QAAO,OAAO,KAAS,YAAY,EAAK,SAAS,IAAI,IAAO;;AAG9D,IAAa,IAAoD,EAAK,SAA6B,EACjG,YACA,gBAAa,IACb,oBACC;CACD,IAAM,EAAE,qBAAkB,aAAU,QAAc;EAChD,IAAM,oBAAQ,IAAI,KAAa,EAC3B,IAAQ;AACZ,OAAK,IAAM,KAAU,GAAS;GAC5B,IAAM,IAAO,EAAU,EAAO;AACzB,SACL,KAAS,GACT,EAAM,IAAI,EAAK;;AAEjB,SAAO;GAAE,kBAAkB;GAAO,OAAO,MAAM,KAAK,EAAM;GAAE;IAC3D,CAAC,EAAQ,CAAC;AAEb,KAAI,KAAc,MAAqB,EAAG,QAAO;CAEjD,IAAM,IAAa,EAAM,WAAW,IAAI,gBAAgB;AAGxD,QACE,kBAAC,OAAD;EAAK,MAAK;EAAS,WAAU;YAC3B,kBAAC,GAAD;GACE,MAAK;GACL,SAAQ;GACR,cAAc;GACd,eAAY;GACZ,MAAM,kBAAC,GAAD,EAAa,WAAU,uBAAwB,CAAA;GACrD,OAAM;GACN,aAAa,GAAG,EAAiB,GAXpB,MAAqB,IAAI,iBAAiB,eAWR,6BAA6B,EAAM,OAAO,GAAG,EAAW;GACvG,SACE,IACE,kBAAC,GAAD;IAAQ,MAAK;IAAK,eAAe,EAAc,EAAM;cAAE;IAE9C,CAAA,GACP,KAAA;GAEN,CAAA;EACE,CAAA;EAER"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetPalette.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/WidgetPalette.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AA+BtE,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,aAAa,CAAC;AAkC9D,MAAM,WAAW,kBAAkB;IACjC,kCAAkC;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sEAAsE;IACtE,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3E,gCAAgC;IAChC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvE,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACtC,kDAAkD;IAClD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAClC;AAsTD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4V/C,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/bigconsole/components/dashboard/WidgetPalette.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetPalette.js","names":[],"sources":["../../../../src/bigconsole/components/dashboard/WidgetPalette.tsx"],"sourcesContent":["/**\n * WidgetPalette Component\n *\n * Sidebar panel with draggable widget types for the dashboard builder.\n * Uses semantic tokens for consistent theming.\n * Features categorized widgets, search, and drag-and-drop support.\n *\n * Section emphasis (BOFF-5636). The palette used to be three bands that all\n * looked alike — sunken header, surface body, sunken footer — with cards drawn\n * on exactly the same fill as the panel behind them, so a card read as a row\n * rather than as a draggable object. It now follows one rule:\n *\n *   header (surface, the panel's identity)\n *     → scroll body (sunken, a recessed tray)\n *       → widget cards (surface + elevation, objects lifted off the tray)\n *     → footer (surface, terminal band, lighter type)\n *\n * and the category headings sit above their cards with heading-weight type, so\n * the group is never lighter than the things it groups.\n */\n\nimport { type FC, memo, useState, useCallback, useMemo } from 'react';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { SECTION_FOCUS_RING } from '../common';\nimport {\n  Search,\n  ChevronDown,\n  ChevronRight,\n  TrendingUp,\n  BarChart3,\n  Filter,\n  Table,\n  Grid3x3,\n  Gauge,\n  Activity,\n  List,\n  FileText,\n  Type,\n  ExternalLink,\n  MapPin,\n  Calendar,\n  Columns,\n  GitBranch,\n  Puzzle,\n  LayoutDashboard,\n  GripVertical,\n  X,\n  Layers,\n  Store,\n  type LucideIcon,\n} from 'lucide-react';\nimport {\n  getWidgetCategories,\n  getWidgetKey,\n  WIDGET_CATEGORY_LABELS,\n  type WidgetDefinition,\n} from '../widgets/WidgetRegistry';\nimport type { WidgetType, WidgetCategory } from '../../types';\n\n// ============================================================================\n// Icon Mapping\n// ============================================================================\n\nconst ICON_MAP: Record<string, LucideIcon> = {\n  TrendingUp,\n  BarChart3,\n  Filter,\n  Table,\n  Grid3x3,\n  Gauge,\n  Activity,\n  List,\n  FileText,\n  Type,\n  ExternalLink,\n  MapPin,\n  Calendar,\n  Columns,\n  GitBranch,\n  Puzzle,\n  LayoutDashboard,\n};\n\nfunction getIconComponent(iconName: string): LucideIcon {\n  return ICON_MAP[iconName] || Puzzle;\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WidgetPaletteProps {\n  /** Whether the palette is open */\n  isOpen: boolean;\n  /** Callback to close the palette */\n  onClose: () => void;\n  /** Callback when a widget is selected (for quick add without drag) */\n  onWidgetSelect?: (type: WidgetType, definition?: WidgetDefinition) => void;\n  /** Callback when drag starts */\n  onDragStart?: (type: WidgetType, definition: WidgetDefinition) => void;\n  /** Callback when drag ends */\n  onDragEnd?: () => void;\n  /** Installed widgets from the store (fetched by parent) */\n  installedWidgets?: WidgetDefinition[];\n  /** Whether installed widgets are still loading */\n  installedWidgetsLoading?: boolean;\n  /**\n   * Built-in widget catalog (from the backend `getWidgetTypes`, fetched by the\n   * parent via useWidgetCatalog). When omitted, falls back to the bundled\n   * static registry.\n   */\n  definitions?: WidgetDefinition[];\n}\n\n// ============================================================================\n// Styles using semantic tokens\n// ============================================================================\n\nconst styles = {\n  // Width, borders and max-height live in `className` so they can be\n  // breakpoint-aware — a hard 300px pane next to a canvas is unusable on a\n  // phone, where the palette now becomes a full-width, height-capped drawer.\n  container: {\n    backgroundColor: 'var(--color-bg-surface)',\n    display: 'flex',\n    flexDirection: 'column' as const,\n    flexShrink: 0,\n    overflow: 'hidden',\n    position: 'relative' as const,\n  },\n  header: {\n    padding: 'var(--space-formGap)',\n    borderBottom: '1px solid var(--color-border-subtle)',\n    backgroundColor: 'var(--color-bg-surface)',\n    flexShrink: 0,\n  },\n  headerTop: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    marginBottom: 'var(--space-controlGap)',\n  },\n  headerTitle: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--space-iconGap)',\n  },\n  headerIcon: {\n    width: '32px',\n    height: '32px',\n    borderRadius: 'var(--radius-button)',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  title: {\n    fontSize: 'var(--font-size-body-md)',\n    fontWeight: 'var(--font-weight-bold)' as const,\n    letterSpacing: '-0.01em',\n    color: 'var(--color-text-primary)',\n    margin: 0,\n  },\n  subtitle: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n    margin: '2px 0 0 0',\n  },\n  closeButton: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    // 40px keeps the only way to dismiss the palette above the minimum\n    // touch-target size on a phone (was 28px).\n    width: 'var(--size-controlHeight-md)',\n    height: 'var(--size-controlHeight-md)',\n    border: 'none',\n    background: 'transparent',\n    borderRadius: 'var(--radius-button)',\n    cursor: 'pointer',\n    color: 'var(--color-text-secondary)',\n    flexShrink: 0,\n    transition: 'background-color 0.15s',\n  },\n  searchContainer: {\n    position: 'relative' as const,\n  },\n  searchIcon: {\n    position: 'absolute' as const,\n    left: '10px',\n    top: '50%',\n    transform: 'translateY(-50%)',\n    width: '16px',\n    height: '16px',\n    color: 'var(--color-text-muted)',\n    pointerEvents: 'none' as const,\n  },\n  searchInput: {\n    width: '100%',\n    paddingLeft: '36px',\n    height: 'var(--size-controlHeight-md)',\n    fontSize: 'var(--font-size-body-sm)',\n  },\n  content: {\n    flex: '1 1 0',\n    minHeight: 0,\n    overflow: 'hidden',\n    position: 'relative' as const,\n  },\n  // Recessed tray: the cards below sit ON this, so they can be lifted off it.\n  scrollArea: {\n    position: 'absolute' as const,\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    overflowY: 'auto' as const,\n    overflowX: 'hidden' as const,\n    padding: 'var(--space-controlGap)',\n    backgroundColor: 'var(--color-bg-sunken)',\n  },\n  categoryContainer: {\n    marginBottom: 'var(--space-formGap)',\n  },\n  categoryHeading: {\n    margin: 0,\n  },\n  categoryHeader: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--space-iconGap)',\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: 'var(--space-iconGap) var(--space-controlGap)',\n    border: 'none',\n    background: 'transparent',\n    cursor: 'pointer',\n    borderRadius: 'var(--radius-button)',\n    transition: 'background-color 0.15s',\n  },\n  categoryChevron: {\n    width: '16px',\n    height: '16px',\n    color: 'var(--color-text-secondary)',\n    flexShrink: 0,\n  },\n  // A group label must not be lighter than its members: heading weight,\n  // primary text colour, uppercase for rhythm.\n  categoryLabel: {\n    flex: 1,\n    textAlign: 'left' as const,\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-bold)' as const,\n    color: 'var(--color-text-primary)',\n    textTransform: 'uppercase' as const,\n    letterSpacing: '0.06em',\n  },\n  categoryCount: {\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-medium)' as const,\n    color: 'var(--color-text-secondary)',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    padding: '1px 8px',\n    // `--radius-full` is not a token in the build; the undefined var made the\n    // declaration invalid, so the \"pill\" rendered as a square (BOFF-5636).\n    borderRadius: 'var(--radius-pill, 9999px)',\n    flexShrink: 0,\n  },\n  widgetList: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    gap: '4px',\n    marginTop: 'var(--space-controlGap)',\n    paddingLeft: '4px',\n  },\n  widgetCard: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--space-iconGap)',\n    minHeight: 'var(--size-controlHeight-lg)',\n    padding: 'var(--space-controlGap)',\n    borderRadius: 'var(--radius-card)',\n    cursor: 'grab',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    // Elevation is what says \"this is an object you can pick up\". Previously the\n    // card shared the panel's fill and had no shadow, so it read as a table row.\n    boxShadow: 'var(--shadow-elevation-1)',\n    transition: 'box-shadow 0.15s ease, border-color 0.15s ease, background-color 0.15s ease',\n  },\n  // `--color-bg-hover` is not a token in the build — the undefined var made every\n  // hover declaration in this file invalid, so there was no hover feedback at all.\n  // `--color-action-ghost-bgHover` is the real per-theme hover fill (BOFF-5636).\n  widgetCardHover: {\n    backgroundColor: 'var(--color-action-ghost-bgHover)',\n    borderColor: 'var(--color-action-primary-border)',\n    boxShadow: 'var(--shadow-elevation-2)',\n  },\n  dragHandle: {\n    width: '16px',\n    height: '16px',\n    color: 'var(--color-text-muted)',\n    opacity: 0.5,\n    flexShrink: 0,\n  },\n  widgetIcon: {\n    width: '36px',\n    height: '36px',\n    borderRadius: 'var(--radius-button)',\n    backgroundColor: 'var(--color-bg-sunken)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  },\n  widgetIconInner: {\n    width: '18px',\n    height: '18px',\n    color: 'var(--color-action-primary-bg)',\n  },\n  widgetText: {\n    flex: 1,\n    minWidth: 0,\n    overflow: 'hidden',\n  },\n  widgetName: {\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-medium)' as const,\n    color: 'var(--color-text-primary)',\n    whiteSpace: 'nowrap' as const,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    marginBottom: '2px',\n  },\n  widgetDescription: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-muted)',\n    lineHeight: 1.3,\n    overflow: 'hidden',\n    display: '-webkit-box',\n    WebkitLineClamp: 2,\n    WebkitBoxOrient: 'vertical' as const,\n  },\n  emptyState: {\n    textAlign: 'center' as const,\n    padding: 'var(--space-pagePadding) var(--space-formGap)',\n    backgroundColor: 'var(--color-status-info-bgSubtle)',\n    border: '1px solid var(--color-status-info-border)',\n    borderRadius: 'var(--radius-card)',\n  },\n  emptyIcon: {\n    width: '48px',\n    height: '48px',\n    borderRadius: 'var(--radius-card)',\n    backgroundColor: 'var(--color-bg-surface)',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    margin: '0 auto var(--space-formGap)',\n  },\n  emptyTitle: {\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-semibold)' as const,\n    color: 'var(--color-status-info-text)',\n    margin: 0,\n  },\n  emptyText: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n    margin: 'var(--space-iconGap) 0 0 0',\n  },\n  clearButton: {\n    marginTop: 'var(--space-controlGap)',\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 var(--space-formGap)',\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-medium)' as const,\n    color: 'var(--color-action-primary-text)',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    border: 'none',\n    borderRadius: 'var(--radius-button)',\n    cursor: 'pointer',\n  },\n  // Terminal band. Surface fill + a hairline, matching the header's rule rather\n  // than repeating the sunken tray, so top and bottom are no longer identical.\n  footer: {\n    padding: 'var(--space-controlGap) var(--space-formGap)',\n    borderTop: '1px solid var(--color-border-subtle)',\n    backgroundColor: 'var(--color-bg-surface)',\n    flexShrink: 0,\n  },\n  footerText: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-muted)',\n    margin: 0,\n    textAlign: 'center' as const,\n  },\n  browseStoreButton: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 'var(--space-iconGap)',\n    width: '100%',\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: 'var(--space-controlGap)',\n    marginBottom: 'var(--space-controlGap)',\n    borderRadius: 'var(--radius-button)',\n    border: '1px dashed var(--color-border-subtle)',\n    backgroundColor: 'transparent',\n    color: 'var(--color-text-secondary)',\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 'var(--font-weight-semibold)' as const,\n    cursor: 'pointer',\n    transition: 'border-color 0.15s, color 0.15s',\n  },\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const WidgetPalette: FC<WidgetPaletteProps> = memo(function WidgetPalette({\n  isOpen,\n  onClose,\n  onWidgetSelect,\n  onDragStart,\n  onDragEnd,\n  installedWidgets = [],\n  installedWidgetsLoading = false,\n  definitions,\n}) {\n  const { t } = useI18n();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [expandedCategories, setExpandedCategories] = useState<Set<WidgetCategory>>(\n    new Set(['KPI', 'Visualization', 'Data', 'Content', 'Temporal', 'Custom', 'Installed'])\n  );\n  const [hoveredWidget, setHoveredWidget] = useState<string | null>(null);\n\n  // Get categorized widgets, merging in installed widgets. When the parent\n  // supplies a backend-sourced catalog (`definitions`), group that by category;\n  // otherwise fall back to the bundled static registry.\n  const categories = useMemo(() => {\n    const baseCategories = definitions\n      ? (Object.keys(WIDGET_CATEGORY_LABELS) as WidgetCategory[]).map((category) => ({\n          category,\n          label: WIDGET_CATEGORY_LABELS[category],\n          widgets: definitions.filter((def) => def.category === category),\n        }))\n      : getWidgetCategories();\n\n    return baseCategories\n      .map((cat) => {\n        if (cat.category === 'Installed') {\n          // Two sources feed \"Installed from Store\": the registry-driven backend\n          // catalog (getWidgetTypes store types — rich metadata, install-gated,\n          // BOFF-2858) which arrives via `definitions` under this category, and\n          // the legacy workspaceInstalledApps listing passed as `installedWidgets`.\n          // Merge both, deduping by name (the catalog entry wins) so a widget\n          // present in both sources shows once with the richer definition, while\n          // legacy installs not yet in the registry are still preserved.\n          const byName = new Map<string, WidgetDefinition>();\n          for (const w of installedWidgets) byName.set(w.name.toLowerCase(), w);\n          for (const w of cat.widgets) {\n            const key = w.name.toLowerCase();\n            const legacy = byName.get(key);\n            // Catalog wins for metadata but MERGE defaultConfig so the legacy\n            // workspaceInstalledApps fields survive — notably `componentId`, which the\n            // current render path needs and the catalog store entry lacks until\n            // widgetTypeKey rendering is wired. Keeps overlapping store widgets renderable.\n            byName.set(key, legacy ? { ...w, defaultConfig: { ...legacy.defaultConfig, ...w.defaultConfig } } : w);\n          }\n          return { ...cat, widgets: Array.from(byName.values()) };\n        }\n        return cat;\n      })\n      .filter((cat) => cat.category !== 'Installed' || cat.widgets.length > 0);\n  }, [installedWidgets, definitions]);\n\n  // Filter widgets by search query\n  const filteredCategories = useMemo(() => {\n    if (!searchQuery.trim()) {\n      return categories;\n    }\n\n    const query = searchQuery.toLowerCase();\n    return categories\n      .map((cat) => ({\n        ...cat,\n        widgets: cat.widgets.filter(\n          (w) =>\n            w.name.toLowerCase().includes(query) ||\n            w.description.toLowerCase().includes(query) ||\n            w.tags.some((tag) => tag.includes(query))\n        ),\n      }))\n      .filter((cat) => cat.widgets.length > 0);\n  }, [categories, searchQuery]);\n\n  // Toggle category expansion\n  const toggleCategory = useCallback((category: WidgetCategory) => {\n    setExpandedCategories((prev) => {\n      const next = new Set(prev);\n      if (next.has(category)) {\n        next.delete(category);\n      } else {\n        next.add(category);\n      }\n      return next;\n    });\n  }, []);\n\n  // Handle drag start\n  const handleDragStart = useCallback(\n    (e: React.DragEvent, widget: WidgetDefinition) => {\n      e.dataTransfer.setData(\n        'application/json',\n        JSON.stringify({\n          type: widget.type,\n          name: widget.name,\n          defaultSize: widget.defaultSize,\n          defaultConfig: widget.defaultConfig,\n          category: widget.category,\n        })\n      );\n      e.dataTransfer.effectAllowed = 'copy';\n\n      // Create custom drag image\n      const dragImage = document.createElement('div');\n      dragImage.style.cssText = `\n        position: absolute;\n        top: -1000px;\n        left: -1000px;\n        padding: 8px 12px;\n        background: var(--color-bg-surface);\n        border: 2px solid var(--color-action-primary-bg);\n        border-radius: var(--radius-card);\n        font-size: var(--font-size-body-sm);\n        font-weight: 500;\n        color: var(--color-text-primary);\n        box-shadow: var(--shadow-elevation-3);\n      `;\n      dragImage.textContent = widget.name;\n      document.body.appendChild(dragImage);\n      e.dataTransfer.setDragImage(dragImage, 0, 0);\n\n      setTimeout(() => {\n        document.body.removeChild(dragImage);\n      }, 0);\n\n      onDragStart?.(widget.type, widget);\n    },\n    [onDragStart]\n  );\n\n  // Handle drag end\n  const handleDragEnd = useCallback(() => {\n    onDragEnd?.();\n  }, [onDragEnd]);\n\n  // Handle click to quick-add\n  const handleWidgetClick = useCallback(\n    (widget: WidgetDefinition) => {\n      onWidgetSelect?.(widget.type, widget);\n    },\n    [onWidgetSelect]\n  );\n\n  // Open the widget store in a new tab so the builder (and any unsaved edits)\n  // stays intact. Preserves the current org/workspace/project query params.\n  const handleBrowseStore = useCallback(() => {\n    if (typeof window === 'undefined') return;\n    const url = `${window.location.origin}/bigconsole/store${window.location.search}`;\n    window.open(url, '_blank', 'noopener,noreferrer');\n  }, []);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <section\n      aria-label=\"Widget palette\"\n      data-testid=\"widget-palette\"\n      style={styles.container}\n      className=\"h-auto max-h-[45vh] w-full border-b border-[var(--color-border-subtle)] md:h-full md:max-h-none md:w-[300px] md:border-b-0 md:border-r\"\n    >\n      {/* Header — the panel's identity band */}\n      <div style={styles.header}>\n        <div style={styles.headerTop}>\n          <div style={styles.headerTitle}>\n            <div style={styles.headerIcon}>\n              <Layers\n                aria-hidden=\"true\"\n                style={{ width: '18px', height: '18px', color: 'var(--color-action-primary-text)' }}\n              />\n            </div>\n            <div>\n              <h2 style={styles.title}>{t('bigconsole.dashboards.widgetPalette.title', 'Widgets')}</h2>\n              <p style={styles.subtitle}>{t('bigconsole.dashboards.widgetPalette.subtitle', 'Drag or click to add')}</p>\n            </div>\n          </div>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            aria-label=\"Close widget palette\"\n            title=\"Close widget palette\"\n            style={styles.closeButton}\n            className={`hover:bg-action-ghost-bgHover motion-safe:transition-colors ${SECTION_FOCUS_RING}`}\n          >\n            <X aria-hidden=\"true\" style={{ width: '16px', height: '16px' }} />\n          </button>\n        </div>\n\n        {/* Search */}\n        <div style={styles.searchContainer}>\n          <label htmlFor=\"widget-palette-search\" className=\"sr-only\">\n            Search widgets\n          </label>\n          <Search aria-hidden=\"true\" style={styles.searchIcon} />\n          <Input\n            id=\"widget-palette-search\"\n            type=\"text\"\n            placeholder={t('bigconsole.dashboards.widgetPalette.searchPlaceholder', 'Search widgets...')}\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            style={styles.searchInput}\n          />\n        </div>\n      </div>\n\n      {/* Widget Categories — recessed tray */}\n      <div style={styles.content}>\n        <div style={styles.scrollArea}>\n          {filteredCategories.map((category) => {\n            const isExpanded = expandedCategories.has(category.category);\n            const panelId = `widget-palette-${category.category.toLowerCase()}`;\n            return (\n              <div key={category.category} style={styles.categoryContainer}>\n                {/* Category Header */}\n                <h3 style={styles.categoryHeading}>\n                  <button\n                    type=\"button\"\n                    onClick={() => toggleCategory(category.category)}\n                    aria-expanded={isExpanded}\n                    aria-controls={panelId}\n                    style={styles.categoryHeader}\n                    className={`hover:bg-action-ghost-bgHover motion-safe:transition-colors ${SECTION_FOCUS_RING}`}\n                  >\n                    {isExpanded ? (\n                      <ChevronDown aria-hidden=\"true\" style={styles.categoryChevron} />\n                    ) : (\n                      <ChevronRight aria-hidden=\"true\" style={styles.categoryChevron} />\n                    )}\n                    <span style={styles.categoryLabel}>{category.label}</span>\n                    <span style={styles.categoryCount}>{category.widgets.length}</span>\n                  </button>\n                </h3>\n\n                {/* Widget Items */}\n                {isExpanded && (\n                  <div id={panelId} style={styles.widgetList}>\n                    {installedWidgetsLoading && category.category === 'Installed' && (\n                      <div\n                        style={{\n                          fontSize: 'var(--font-size-body-sm)',\n                          color: 'var(--color-text-muted)',\n                          padding: 'var(--space-controlGap)',\n                        }}\n                      >\n                        {t('bigconsole.dashboards.widgetPalette.loading', 'Loading...')}\n                      </div>\n                    )}\n                    {category.widgets.map((widget) => {\n                      const IconComponent = getIconComponent(widget.icon);\n                      const widgetKey = getWidgetKey(widget);\n                      const isHovered = hoveredWidget === widgetKey;\n\n                      return (\n                        <div\n                          key={widgetKey}\n                          draggable\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-label={`Add ${widget.name} widget`}\n                          onDragStart={(e) => handleDragStart(e, widget)}\n                          onDragEnd={handleDragEnd}\n                          onClick={() => handleWidgetClick(widget)}\n                          onKeyDown={(e) => {\n                            if (e.key === 'Enter' || e.key === ' ') {\n                              e.preventDefault();\n                              handleWidgetClick(widget);\n                            }\n                          }}\n                          onMouseEnter={() => setHoveredWidget(widgetKey)}\n                          onMouseLeave={() => setHoveredWidget(null)}\n                          className={SECTION_FOCUS_RING}\n                          style={{\n                            ...styles.widgetCard,\n                            ...(isHovered ? styles.widgetCardHover : {}),\n                          }}\n                        >\n                          {/* Drag Handle */}\n                          <GripVertical aria-hidden=\"true\" style={styles.dragHandle} />\n\n                          {/* Icon */}\n                          <div style={styles.widgetIcon}>\n                            <IconComponent aria-hidden=\"true\" style={styles.widgetIconInner} />\n                          </div>\n\n                          {/* Text */}\n                          <div style={styles.widgetText}>\n                            <div style={styles.widgetName}>{widget.name}</div>\n                            <div style={styles.widgetDescription}>{widget.description}</div>\n                          </div>\n                        </div>\n                      );\n                    })}\n                  </div>\n                )}\n              </div>\n            );\n          })}\n\n          {filteredCategories.length === 0 && (\n            <div style={styles.emptyState} role=\"status\">\n              <div style={styles.emptyIcon}>\n                <Search\n                  aria-hidden=\"true\"\n                  style={{ width: '24px', height: '24px', color: 'var(--color-text-muted)' }}\n                />\n              </div>\n              <p style={styles.emptyTitle}>\n                {t('bigconsole.dashboards.widgetPalette.noResultsBefore', 'No widgets found for')} &ldquo;\n                <strong>{searchQuery}</strong>&rdquo;\n              </p>\n              {/* No catalog key exists for this hint — literal until one lands in\n                  src/translations/en.ts. */}\n              <p style={styles.emptyText}>Try a shorter term, or browse the widget store for more types.</p>\n              <button\n                type=\"button\"\n                onClick={() => setSearchQuery('')}\n                style={styles.clearButton}\n                className={SECTION_FOCUS_RING}\n              >\n                {t('bigconsole.dashboards.widgetPalette.clearSearch', 'Clear search')}\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Footer — terminal band */}\n      <div style={styles.footer}>\n        <button\n          type=\"button\"\n          onClick={handleBrowseStore}\n          style={styles.browseStoreButton}\n          className={`hover:border-action-primary-bg hover:text-action-primary-text motion-safe:transition-colors ${SECTION_FOCUS_RING}`}\n        >\n          <Store aria-hidden=\"true\" style={{ width: '15px', height: '15px' }} />\n          {t('bigconsole.dashboards.widgetPalette.browseStore', 'Browse widget store')}\n          <ExternalLink aria-hidden=\"true\" style={{ width: '13px', height: '13px', opacity: 0.7 }} />\n        </button>\n        <p style={styles.footerText}>\n          {t('bigconsole.dashboards.widgetPalette.footerHint', 'Drag widgets to position them on the canvas')}\n        </p>\n      </div>\n    </section>\n  );\n});\n\nexport default WidgetPalette;\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/dashboard/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACpH,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAE,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAGjG,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,UAAU,EACV,KAAK,eAAe,EACpB,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGtG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGnE,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGxF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/bigconsole/components/datasink/AlertExecutionHistory.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertExecutionHistory.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/datasink/AlertExecutionHistory.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAEvG,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,EAAE,GAAG,IAAI,CAAC,CAAC;IAC7E,cAAc,EAAE,MAAM,CAAC;CACxB;AAUD,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,KAAK,+BA2LlF"}

package/dist/bigconsole/components/datasink/AlertExecutionHistory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertExecutionHistory.js","names":[],"sources":["../../../../src/bigconsole/components/datasink/AlertExecutionHistory.tsx"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Loader2, RefreshCw } from 'lucide-react';\nimport { Section, SECTION_FOCUS_RING } from '../common';\nimport { alertErrorMessage, type AlertExecution, type AlertRule } from '../../hooks/useDataSinkAlerts';\n\ninterface Props {\n  owner: string;\n  rules: AlertRule[];\n  load: (alertId?: string, after?: string) => Promise<AlertExecution[] | null>;\n  refreshVersion: number;\n}\ninterface HistoryPage {\n  owner: string;\n  rows: AlertExecution[];\n  loading: boolean;\n  hasMore: boolean;\n  error: string | null;\n}\nconst EMPTY: HistoryPage = { owner: '', rows: [], loading: false, hasMore: false, error: null };\n\nexport function AlertExecutionHistory({ owner, rules, load, refreshVersion }: Props) {\n  const { t } = useI18n();\n  const [alertId, setAlertId] = useState('');\n  const [cursors, setCursors] = useState<string[]>([]);\n  const after = cursors.at(-1);\n  const requestOwner = `${owner}|${alertId}|${after ?? ''}`;\n  const activeOwner = useRef<string | null>(null);\n  const activeRequest = useRef<object | null>(null);\n  useLayoutEffect(() => {\n    activeOwner.current = requestOwner;\n    return () => {\n      activeOwner.current = null;\n      activeRequest.current = null;\n    };\n  }, [requestOwner]);\n  const [state, setState] = useState<HistoryPage>(EMPTY);\n  const reload = useCallback(async () => {\n    if (activeOwner.current !== requestOwner || activeRequest.current) return;\n    const request = {};\n    activeRequest.current = request;\n    setState((previous) => ({\n      ...(previous.owner === requestOwner ? previous : EMPTY),\n      owner: requestOwner,\n      loading: true,\n      error: null,\n    }));\n    try {\n      const rows = await load(alertId || undefined, after);\n      if (activeOwner.current !== requestOwner || activeRequest.current !== request || !rows) return;\n      setState({\n        owner: requestOwner,\n        rows: rows.slice(0, 20),\n        loading: false,\n        hasMore: rows.length > 20,\n        error: null,\n      });\n    } catch (error) {\n      if (activeOwner.current === requestOwner && activeRequest.current === request)\n        setState((previous) => ({ ...previous, owner: requestOwner, loading: false, error: alertErrorMessage(error) }));\n    } finally {\n      if (activeRequest.current === request) activeRequest.current = null;\n    }\n  }, [load, alertId, after, requestOwner]);\n  useEffect(() => {\n    void Promise.resolve().then(() => reload());\n    const timer = window.setInterval(() => {\n      if (document.visibilityState === 'visible') void reload();\n    }, 10000);\n    return () => window.clearInterval(timer);\n  }, [reload, refreshVersion]);\n  const current = state.owner === requestOwner ? state : { ...EMPTY, loading: true };\n  return (\n    <Section\n      title={t('bigconsole.alerts.history.title', 'Execution history')}\n      headingLevel={2}\n      description={t(\n        'bigconsole.alerts.history.description',\n        'Actual evaluations and notification delivery status. Refreshes every 10 seconds while this page is visible.'\n      )}\n      actions={\n        <Button type=\"button\" variant=\"secondary\" size=\"sm\" onClick={() => void reload()} disabled={current.loading}>\n          {current.loading ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : <RefreshCw className=\"mr-2 h-4 w-4\" />}\n          {t('bigconsole.alerts.history.refresh', 'Refresh history')}\n        </Button>\n      }\n    >\n      <label htmlFor=\"alert-history-filter\" className=\"mb-1 block text-xs font-medium text-text-primary\">\n        {t('bigconsole.alerts.history.filter', 'Filter by rule')}\n      </label>\n      <select\n        id=\"alert-history-filter\"\n        className={`mb-4 w-full min-w-0 rounded-control border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary ${SECTION_FOCUS_RING}`}\n        value={alertId}\n        onChange={(event) => {\n          setAlertId(event.target.value);\n          setCursors([]);\n        }}\n      >\n        <option value=\"\">{t('bigconsole.alerts.history.all', 'All rules')}</option>\n        {alertId && !rules.some((rule) => rule.id === alertId) && <option value={alertId}>{alertId}</option>}\n        {rules.map((rule) => (\n          <option key={rule.id} value={rule.id}>\n            {rule.name}\n          </option>\n        ))}\n      </select>\n      {current.error && (\n        <p role=\"alert\" className=\"mb-4 break-words text-sm text-status-error-text\">\n          {current.error}\n        </p>\n      )}\n      {current.loading && !current.rows.length && (\n        <p role=\"status\" className=\"text-sm text-text-secondary\">\n          {t('bigconsole.alerts.history.loading', 'Loading execution history…')}\n        </p>\n      )}\n      {!current.loading && !current.error && !current.rows.length && (\n        <p className=\"text-sm text-text-secondary\">\n          {t(\n            'bigconsole.alerts.history.empty',\n            'No evaluations recorded yet. Enabled rules evaluate when the sink data is updated or refreshed.'\n          )}\n        </p>\n      )}\n      <ol className=\"divide-y divide-border-subtle\">\n        {current.rows.map((execution) => (\n          <li key={execution.id} className=\"min-w-0 py-4 first:pt-0\">\n            <div className=\"flex flex-wrap items-start justify-between gap-2\">\n              <div className=\"min-w-0\">\n                <p className=\"break-words text-sm font-medium text-text-primary\">\n                  {rules.find((rule) => rule.id === execution.alertId)?.name ?? execution.alertId}\n                </p>\n                <time dateTime={execution.createdAt} className=\"text-xs text-text-secondary\">\n                  {new Date(execution.createdAt).toLocaleString()}\n                </time>\n              </div>\n              <span className=\"rounded-pill border border-border-subtle bg-bg-sunken px-2 py-1 text-xs font-medium text-text-primary\">\n                {t(`bigconsole.alerts.history.status.${execution.status}`, execution.status.replaceAll('_', ' '))}\n              </span>\n            </div>\n            <p className=\"mt-2 break-words text-xs text-text-secondary\">\n              {t('bigconsole.alerts.history.dataVersion', 'Data version')} {execution.version} · {execution.source} ·{' '}\n              {execution.durationMs} ms\n            </p>\n            {execution.error && <p className=\"mt-2 break-words text-sm text-status-error-text\">{execution.error}</p>}\n            {execution.deliveries.length > 0 && (\n              <ul className=\"mt-3 space-y-2\">\n                {execution.deliveries.map((delivery, index) => (\n                  <li\n                    key={`${delivery.channelId}|${delivery.recipient}|${index}`}\n                    className=\"min-w-0 rounded-control border border-border-subtle bg-bg-sunken p-3 text-xs\"\n                  >\n                    <div className=\"flex flex-wrap justify-between gap-2\">\n                      <span className=\"break-all text-text-primary\">\n                        {delivery.channel} · {delivery.recipient}\n                      </span>\n                      <span className=\"font-medium text-text-primary\">{delivery.status}</span>\n                    </div>\n                    {delivery.attemptedAt && (\n                      <p className=\"mt-1 text-text-secondary\">\n                        {t('bigconsole.alerts.history.attempted', 'Attempted')}{' '}\n                        <time dateTime={delivery.attemptedAt}>{new Date(delivery.attemptedAt).toLocaleString()}</time>\n                      </p>\n                    )}\n                    {delivery.notificationId && (\n                      <p className=\"mt-1 break-all text-text-muted\">\n                        {t('bigconsole.alerts.history.notification', 'Notification')} · {delivery.notificationId}\n                      </p>\n                    )}\n                    {delivery.error && <p className=\"mt-1 break-words text-status-error-text\">{delivery.error}</p>}\n                  </li>\n                ))}\n              </ul>\n            )}\n          </li>\n        ))}\n      </ol>\n      <div className=\"mt-4 flex flex-wrap items-center justify-between gap-control-gap border-t border-border-subtle pt-3\">\n        <span className=\"text-xs text-text-secondary\">\n          {current.rows.length} {t('bigconsole.alerts.history.count', 'executions on this page')}\n        </span>\n        <div className=\"flex gap-control-gap\">\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"sm\"\n            onClick={() => setCursors((previous) => previous.slice(0, -1))}\n            disabled={!cursors.length || current.loading}\n          >\n            {t('bigconsole.alerts.history.newer', 'Newer')}\n          </Button>\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"sm\"\n            onClick={() => {\n              const last = current.rows.at(-1);\n              if (last) setCursors((previous) => [...previous, last.id]);\n            }}\n            disabled={!current.hasMore || current.loading}\n          >\n            {t('bigconsole.alerts.history.older', 'Older')}\n          </Button>\n        </div>\n      </div>\n    </Section>\n  );\n}\n"],"mappings":"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"}