@burdenoff/microfe-bigconsole 2026.803.2 → 2026.803.4

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

@@ -1 +1 @@
-{"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, useState } from 'react';\nimport { useDashboardEmbedPolicy } from '../../../hooks/useDashboardEmbedPolicy';\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_OPTIONS: ReadonlyArray<{ value: EmbedSnippetTheme; label: string }> = [\n  { value: 'light', label: 'Light' },\n  { value: 'dark', label: 'Dark' },\n  { value: 'auto', label: 'Auto (match viewer)' },\n];\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 { policy, secret, loading, error, fetchPolicy, publishToWeb, setAllowedOrigins, rotateKey, unpublish } =\n    useDashboardEmbedPolicy();\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  const [theme, setTheme] = useState<EmbedSnippetTheme>('light');\n  const [localError, setLocalError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (dashboardId) fetchPolicy(dashboardId);\n  }, [dashboardId, fetchPolicy]);\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('Enter a valid https origin, e.g. https://example.com');\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('Add at least one allowed website domain before publishing.');\n      return;\n    }\n    if (!attested) {\n      setLocalError('Please confirm this dashboard is safe to be public.');\n      return;\n    }\n    await publishToWeb(dashboardId, pendingDomains, true);\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('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\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 }}>Publish to the web</div>\n          <div style={{ fontSize: '12px', color: colors.textSecondary, marginTop: '2px' }}>\n            {isPublished\n              ? 'This dashboard is live. Anyone with the link on an allowed website sees its live data.'\n              : 'Embed this dashboard on your website. Viewers see live data — no login required.'}\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 ? 'PUBLISHED' : '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          Allowed website domains\n        </div>\n        <div style={{ display: 'flex', gap: '8px', marginBottom: '8px' }}>\n          <input\n            style={inputStyle}\n            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\">\n            Add\n          </button>\n        </div>\n        {domains.length === 0 ? (\n          <div style={{ fontSize: '12px', color: colors.textTertiary }}>\n            No domains yet. Only listed https domains may frame this dashboard.\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                <button\n                  style={{ ...ghostBtn, padding: '2px 8px', color: colors.statusErrorText }}\n                  onClick={() => removeDomain(d)}\n                  type=\"button\"\n                >\n                  Remove\n                </button>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\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              I understand this makes the dashboard&apos;s live data visible to anyone with the link, and I confirm it\n              is safe to be public.\n            </span>\n          </label>\n          <button style={primaryBtn} onClick={handlePublish} disabled={loading} type=\"button\">\n            {loading ? 'Publishing…' : '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\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'space-between',\n                  marginBottom: '6px',\n                }}\n              >\n                <span style={{ fontSize: '12px', fontWeight: 600, color: colors.textSecondary }}>Embed snippet</span>\n                <label style={{ display: 'flex', alignItems: 'center', gap: '6px' }}>\n                  <span style={{ fontSize: '12px', color: colors.textTertiary }}>Theme</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={{\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                  >\n                    {THEME_OPTIONS.map((opt) => (\n                      <option key={opt.value} value={opt.value}>\n                        {opt.label}\n                      </option>\n                    ))}\n                  </select>\n                </label>\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 ? 'Copied ✓' : '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              The embed link is already active. For security the snippet (which contains the secret key) is only shown\n              once at publish time — use <strong>Rotate link</strong> to generate a fresh snippet.\n            </div>\n          )}\n\n          <div style={{ display: 'flex', gap: '8px' }}>\n            <button style={ghostBtn} onClick={() => policy && rotateKey(policy.id)} disabled={loading} type=\"button\">\n              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                    'Unpublish this dashboard? The embed will stop working immediately for anyone using the link.'\n                  )\n                ) {\n                  void unpublish(policy.id);\n                }\n              }}\n              disabled={loading}\n              type=\"button\"\n            >\n              Unpublish\n            </button>\n          </div>\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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"}
+{"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 { useDashboardEmbedPolicy, themeChoiceFromPolicy } from '../../../hooks/useDashboardEmbedPolicy';\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_OPTIONS: ReadonlyArray<{ value: EmbedSnippetTheme; label: string }> = [\n  { value: 'light', label: 'Light' },\n  { value: 'dark', label: 'Dark' },\n  { value: 'auto', label: 'Auto (match viewer)' },\n];\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 {\n    policy,\n    secret,\n    loading,\n    error,\n    fetchPolicy,\n    publishToWeb,\n    applyPresentation,\n    setAllowedOrigins,\n    rotateKey,\n    unpublish,\n  } = useDashboardEmbedPolicy();\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 [showBranding, setShowBranding] = useState(true);\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/branding 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    setShowBranding(policy.showBrandingFooter);\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('Enter a valid https origin, e.g. https://example.com');\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('Add at least one allowed website domain before publishing.');\n      return;\n    }\n    if (!attested) {\n      setLocalError('Please confirm this dashboard is safe to be public.');\n      return;\n    }\n    await publishToWeb(dashboardId, pendingDomains, true, { theme, showTitle, showBranding });\n  };\n\n  const handleApplyPresentation = async () => {\n    if (!policy) return;\n    setLocalError(null);\n    const updated = await applyPresentation(policy.id, { theme, showTitle, showBranding });\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('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  // 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  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 }}>Theme</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          {THEME_OPTIONS.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>Show the dashboard title as a header</span>\n      </label>\n      <label style={toggleRow}>\n        <input type=\"checkbox\" checked={showBranding} onChange={(e) => setShowBranding(e.target.checked)} />\n        <span>Show a subtle “Powered by BigConsole” footer</span>\n      </label>\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 }}>Publish to the web</div>\n          <div style={{ fontSize: '12px', color: colors.textSecondary, marginTop: '2px' }}>\n            {isPublished\n              ? 'This dashboard is live. Anyone with the link on an allowed website sees its live data.'\n              : 'Embed this dashboard on your website. Viewers see live data — no login required.'}\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 ? 'PUBLISHED' : '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          Allowed website domains\n        </div>\n        <div style={{ display: 'flex', gap: '8px', marginBottom: '8px' }}>\n          <input\n            style={inputStyle}\n            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\">\n            Add\n          </button>\n        </div>\n        {domains.length === 0 ? (\n          <div style={{ fontSize: '12px', color: colors.textTertiary }}>\n            No domains yet. Only listed https domains may frame this dashboard.\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                <button\n                  style={{ ...ghostBtn, padding: '2px 8px', color: colors.statusErrorText }}\n                  onClick={() => removeDomain(d)}\n                  type=\"button\"\n                >\n                  Remove\n                </button>\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            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              I understand this makes the dashboard&apos;s live data visible to anyone with the link, and I confirm it\n              is safe to be public.\n            </span>\n          </label>\n          <button style={primaryBtn} onClick={handlePublish} disabled={loading} type=\"button\">\n            {loading ? 'Publishing…' : '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 }}>Embed snippet</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 ? 'Copied ✓' : '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              The embed link is already active. For security the snippet (which contains the secret key) is only shown\n              once at publish time — use <strong>Rotate link</strong> to generate a fresh snippet.\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              Presentation\n            </div>\n            {presentationControls}\n            <div style={{ display: 'flex', alignItems: 'center', gap: '10px', marginTop: '10px' }}>\n              <button style={ghostBtn} onClick={handleApplyPresentation} disabled={loading} type=\"button\">\n                {loading ? 'Applying…' : 'Apply changes'}\n              </button>\n              {presentationSaved && <span style={{ fontSize: '12px', color: colors.textTertiary }}>Updated ✓</span>}\n            </div>\n            <div style={{ fontSize: '11px', color: colors.textTertiary, marginTop: '6px' }}>\n              Changes apply to live embeds within a few seconds — no re-publish needed, and the embed link stays the\n              same.\n            </div>\n          </div>\n\n          <div style={{ display: 'flex', gap: '8px' }}>\n            <button style={ghostBtn} onClick={() => policy && rotateKey(policy.id)} disabled={loading} type=\"button\">\n              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                    'Unpublish this dashboard? The embed will stop working immediately for anyone using the link.'\n                  )\n                ) {\n                  void unpublish(policy.id);\n                }\n              }}\n              disabled={loading}\n              type=\"button\"\n            >\n              Unpublish\n            </button>\n          </div>\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/embed/ReadOnlyDashboardRenderer.js

@@ -27,36 +27,75 @@ function o({ page: e, capabilities: n }) {
 		}, e.id))
 	});
 }
-function s({ model: t }) {
-	let [a, s] = n(0), c = t.pages, l = c[Math.min(a, c.length - 1)];
-	return l ? /* @__PURE__ */ r(e, {
+function s() {
+	return /* @__PURE__ */ r("div", {
+		className: "flex shrink-0 items-center justify-end border-t border-border-default bg-bg-surface px-4 py-2",
+		children: /* @__PURE__ */ i("a", {
+			href: "https://bigconsole.com",
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "text-xs text-text-tertiary transition-colors hover:text-text-secondary",
+			children: ["Powered by ", /* @__PURE__ */ r("span", {
+				className: "font-semibold text-text-secondary",
+				children: "BigConsole"
+			})]
+		})
+	});
+}
+function c({ model: t }) {
+	let [a, c] = n(0), l = t.pages, u = t.presentation, d = u?.showTitle ? (u.title ?? "").trim() : "", f = u?.showBranding === !0, p = l[Math.min(a, l.length - 1)];
+	return p ? /* @__PURE__ */ r(e, {
 		label: "dashboard",
 		children: /* @__PURE__ */ i("div", {
 			className: "flex h-full w-full flex-col bg-bg-canvas",
-			children: [c.length > 1 && /* @__PURE__ */ r("div", {
-				role: "tablist",
-				className: "flex gap-1 border-b border-border-default bg-bg-surface px-2",
-				children: c.map((e, t) => /* @__PURE__ */ r("button", {
-					role: "tab",
-					"aria-selected": t === a,
-					onClick: () => s(t),
-					className: t === a ? "-mb-px border-b-2 border-action-primary-bg px-3 py-2 text-sm font-medium text-text-primary" : "border-b-2 border-transparent px-3 py-2 text-sm text-text-secondary hover:text-text-primary",
-					children: e.title ?? `Page ${t + 1}`
-				}, e.id))
-			}), /* @__PURE__ */ r("div", {
-				className: "min-h-0 flex-1 overflow-auto",
-				children: /* @__PURE__ */ r(o, {
-					page: l,
-					capabilities: t.capabilities
-				})
-			})]
+			children: [
+				d && /* @__PURE__ */ r("header", {
+					className: "shrink-0 border-b border-border-default bg-bg-surface px-4 py-3",
+					children: /* @__PURE__ */ r("h1", {
+						className: "truncate text-base font-semibold text-text-primary",
+						children: d
+					})
+				}),
+				l.length > 1 && /* @__PURE__ */ r("div", {
+					role: "tablist",
+					className: "flex gap-1 border-b border-border-default bg-bg-surface px-2",
+					children: l.map((e, t) => /* @__PURE__ */ r("button", {
+						role: "tab",
+						"aria-selected": t === a,
+						onClick: () => c(t),
+						className: t === a ? "-mb-px border-b-2 border-action-primary-bg px-3 py-2 text-sm font-medium text-text-primary" : "border-b-2 border-transparent px-3 py-2 text-sm text-text-secondary hover:text-text-primary",
+						children: e.title ?? `Page ${t + 1}`
+					}, e.id))
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "min-h-0 flex-1 overflow-auto",
+					children: /* @__PURE__ */ r(o, {
+						page: p,
+						capabilities: t.capabilities
+					})
+				}),
+				f && /* @__PURE__ */ r(s, {})
+			]
 		})
-	}) : /* @__PURE__ */ r("div", {
-		className: "flex h-full items-center justify-center bg-bg-canvas text-sm text-text-secondary",
-		children: "This dashboard has no pages."
+	}) : /* @__PURE__ */ i("div", {
+		className: "flex h-full flex-col bg-bg-canvas",
+		children: [
+			d && /* @__PURE__ */ r("header", {
+				className: "shrink-0 border-b border-border-default bg-bg-surface px-4 py-3",
+				children: /* @__PURE__ */ r("h1", {
+					className: "truncate text-base font-semibold text-text-primary",
+					children: d
+				})
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "flex flex-1 items-center justify-center text-sm text-text-secondary",
+				children: "This dashboard has no pages."
+			}),
+			f && /* @__PURE__ */ r(s, {})
+		]
 	});
 }
 //#endregion
-export { s as ReadOnlyDashboardRenderer };
+export { c as ReadOnlyDashboardRenderer };
 
 //# sourceMappingURL=ReadOnlyDashboardRenderer.js.map

package/dist/bigconsole/components/embed/ReadOnlyDashboardRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyDashboardRenderer.js","names":[],"sources":["../../../../src/bigconsole/components/embed/ReadOnlyDashboardRenderer.tsx"],"sourcesContent":["/**\n * Read-only embedded dashboard renderer (BOFF-2986).\n *\n * Renders the sanitized render model's pages + widgets on a simple responsive\n * grid. It is STRICTLY view-only: no builder toolbar, edit toggle, sharing,\n * save, palette, inspector or comments — those authenticated affordances do not\n * exist in this component tree at all.\n */\n\nimport { useState } from 'react';\nimport type { EmbedCapabilities, EmbedPageModel, EmbedRenderModel } from './types';\nimport { EmbedWidgetRenderer } from './EmbedWidgetRenderer';\nimport { EmbedErrorBoundary } from './EmbedErrorBoundary';\n\nconst GRID_COLUMNS = 12;\n\ninterface Props {\n  readonly model: EmbedRenderModel;\n}\n\nfunction PageGrid({ page, capabilities }: { page: EmbedPageModel; capabilities: EmbedCapabilities }) {\n  if (page.widgets.length === 0) {\n    return (\n      <div className=\"flex h-40 items-center justify-center text-sm text-text-secondary\">This page has no widgets.</div>\n    );\n  }\n  return (\n    <div\n      className=\"grid w-full gap-4 p-4\"\n      style={{ gridTemplateColumns: `repeat(${GRID_COLUMNS}, minmax(0, 1fr))`, gridAutoRows: 'minmax(80px, auto)' }}\n    >\n      {page.widgets.map((widget) => (\n        <div\n          key={widget.id}\n          className=\"overflow-hidden rounded-lg border border-border-default bg-bg-surface shadow-sm\"\n          style={{\n            // Clamp both ends: negative/oversized coordinates from malformed\n            // model data must never produce an invalid CSS grid line.\n            gridColumn: `${Math.min(Math.max(widget.layout.x, 0), GRID_COLUMNS - 1) + 1} / span ${Math.min(\n              Math.max(widget.layout.w, 1),\n              GRID_COLUMNS\n            )}`,\n            gridRow: `${Math.max(widget.layout.y, 0) + 1} / span ${Math.max(widget.layout.h, 1)}`,\n          }}\n        >\n          <EmbedWidgetRenderer widget={widget} capabilities={capabilities} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function ReadOnlyDashboardRenderer({ model }: Props) {\n  const [activePageIndex, setActivePageIndex] = useState(0);\n  const pages = model.pages;\n  const activePage = pages[Math.min(activePageIndex, pages.length - 1)];\n\n  if (!activePage) {\n    return (\n      <div className=\"flex h-full items-center justify-center bg-bg-canvas text-sm text-text-secondary\">\n        This dashboard has no pages.\n      </div>\n    );\n  }\n\n  return (\n    <EmbedErrorBoundary label=\"dashboard\">\n      <div className=\"flex h-full w-full flex-col bg-bg-canvas\">\n        {pages.length > 1 && (\n          <div role=\"tablist\" className=\"flex gap-1 border-b border-border-default bg-bg-surface px-2\">\n            {pages.map((page, i) => (\n              <button\n                key={page.id}\n                role=\"tab\"\n                aria-selected={i === activePageIndex}\n                onClick={() => setActivePageIndex(i)}\n                className={\n                  i === activePageIndex\n                    ? '-mb-px border-b-2 border-action-primary-bg px-3 py-2 text-sm font-medium text-text-primary'\n                    : 'border-b-2 border-transparent px-3 py-2 text-sm text-text-secondary hover:text-text-primary'\n                }\n              >\n                {page.title ?? `Page ${i + 1}`}\n              </button>\n            ))}\n          </div>\n        )}\n        <div className=\"min-h-0 flex-1 overflow-auto\">\n          <PageGrid page={activePage} capabilities={model.capabilities} />\n        </div>\n      </div>\n    </EmbedErrorBoundary>\n  );\n}\n"],"mappings":";;;;;AAcA,IAAM,IAAe;AAMrB,SAAS,EAAS,EAAE,SAAM,mBAA2E;AAMnG,QALI,EAAK,QAAQ,WAAW,IAExB,kBAAC,OAAD;EAAK,WAAU;YAAoE;EAA+B,CAAA,GAIpH,kBAAC,OAAD;EACE,WAAU;EACV,OAAO;GAAE,qBAAqB,UAAU,EAAa;GAAoB,cAAc;GAAsB;YAE5G,EAAK,QAAQ,KAAK,MACjB,kBAAC,OAAD;GAEE,WAAU;GACV,OAAO;IAGL,YAAY,GAAG,KAAK,IAAI,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE,EAAE,IAAe,EAAE,GAAG,EAAE,UAAU,KAAK,IACzF,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE,EAC5B,EACD;IACD,SAAS,GAAG,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE,GAAG,EAAE,UAAU,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE;IACpF;aAED,kBAAC,GAAD;IAA6B;IAAsB;IAAgB,CAAA;GAC/D,EAbC,EAAO,GAaR,CACN;EACE,CAAA;;AAIV,SAAgB,EAA0B,EAAE,YAAgB;CAC1D,IAAM,CAAC,GAAiB,KAAsB,EAAS,EAAE,EACnD,IAAQ,EAAM,OACd,IAAa,EAAM,KAAK,IAAI,GAAiB,EAAM,SAAS,EAAE;AAUpE,QARK,IASH,kBAAC,GAAD;EAAoB,OAAM;YACxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAM,SAAS,KACd,kBAAC,OAAD;IAAK,MAAK;IAAU,WAAU;cAC3B,EAAM,KAAK,GAAM,MAChB,kBAAC,UAAD;KAEE,MAAK;KACL,iBAAe,MAAM;KACrB,eAAe,EAAmB,EAAE;KACpC,WACE,MAAM,IACF,+FACA;eAGL,EAAK,SAAS,QAAQ,IAAI;KACpB,EAXF,EAAK,GAWH,CACT;IACE,CAAA,EAER,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAU,MAAM;KAAY,cAAc,EAAM;KAAgB,CAAA;IAC5D,CAAA,CACF;;EACa,CAAA,GAhCnB,kBAAC,OAAD;EAAK,WAAU;YAAmF;EAE5F,CAAA"}
+{"version":3,"file":"ReadOnlyDashboardRenderer.js","names":[],"sources":["../../../../src/bigconsole/components/embed/ReadOnlyDashboardRenderer.tsx"],"sourcesContent":["/**\n * Read-only embedded dashboard renderer (BOFF-2986).\n *\n * Renders the sanitized render model's pages + widgets on a simple responsive\n * grid. It is STRICTLY view-only: no builder toolbar, edit toggle, sharing,\n * save, palette, inspector or comments — those authenticated affordances do not\n * exist in this component tree at all.\n */\n\nimport { useState } from 'react';\nimport type { EmbedCapabilities, EmbedPageModel, EmbedRenderModel } from './types';\nimport { EmbedWidgetRenderer } from './EmbedWidgetRenderer';\nimport { EmbedErrorBoundary } from './EmbedErrorBoundary';\n\nconst GRID_COLUMNS = 12;\n\ninterface Props {\n  readonly model: EmbedRenderModel;\n}\n\nfunction PageGrid({ page, capabilities }: { page: EmbedPageModel; capabilities: EmbedCapabilities }) {\n  if (page.widgets.length === 0) {\n    return (\n      <div className=\"flex h-40 items-center justify-center text-sm text-text-secondary\">This page has no widgets.</div>\n    );\n  }\n  return (\n    <div\n      className=\"grid w-full gap-4 p-4\"\n      style={{ gridTemplateColumns: `repeat(${GRID_COLUMNS}, minmax(0, 1fr))`, gridAutoRows: 'minmax(80px, auto)' }}\n    >\n      {page.widgets.map((widget) => (\n        <div\n          key={widget.id}\n          className=\"overflow-hidden rounded-lg border border-border-default bg-bg-surface shadow-sm\"\n          style={{\n            // Clamp both ends: negative/oversized coordinates from malformed\n            // model data must never produce an invalid CSS grid line.\n            gridColumn: `${Math.min(Math.max(widget.layout.x, 0), GRID_COLUMNS - 1) + 1} / span ${Math.min(\n              Math.max(widget.layout.w, 1),\n              GRID_COLUMNS\n            )}`,\n            gridRow: `${Math.max(widget.layout.y, 0) + 1} / span ${Math.max(widget.layout.h, 1)}`,\n          }}\n        >\n          <EmbedWidgetRenderer widget={widget} capabilities={capabilities} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/** Subtle attribution/upsell footer (BOFF-5735), shown only when the owner opts in. */\nfunction BrandingFooter() {\n  return (\n    <div className=\"flex shrink-0 items-center justify-end border-t border-border-default bg-bg-surface px-4 py-2\">\n      <a\n        href=\"https://bigconsole.com\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"text-xs text-text-tertiary transition-colors hover:text-text-secondary\"\n      >\n        Powered by <span className=\"font-semibold text-text-secondary\">BigConsole</span>\n      </a>\n    </div>\n  );\n}\n\nexport function ReadOnlyDashboardRenderer({ model }: Props) {\n  const [activePageIndex, setActivePageIndex] = useState(0);\n  const pages = model.pages;\n  const presentation = model.presentation;\n  // Only show a header when the owner enabled it AND there's a non-empty title.\n  const headerTitle = presentation?.showTitle ? (presentation.title ?? '').trim() : '';\n  const showBranding = presentation?.showBranding === true;\n  const activePage = pages[Math.min(activePageIndex, pages.length - 1)];\n\n  if (!activePage) {\n    return (\n      <div className=\"flex h-full flex-col bg-bg-canvas\">\n        {headerTitle && (\n          <header className=\"shrink-0 border-b border-border-default bg-bg-surface px-4 py-3\">\n            <h1 className=\"truncate text-base font-semibold text-text-primary\">{headerTitle}</h1>\n          </header>\n        )}\n        <div className=\"flex flex-1 items-center justify-center text-sm text-text-secondary\">\n          This dashboard has no pages.\n        </div>\n        {showBranding && <BrandingFooter />}\n      </div>\n    );\n  }\n\n  return (\n    <EmbedErrorBoundary label=\"dashboard\">\n      <div className=\"flex h-full w-full flex-col bg-bg-canvas\">\n        {headerTitle && (\n          <header className=\"shrink-0 border-b border-border-default bg-bg-surface px-4 py-3\">\n            <h1 className=\"truncate text-base font-semibold text-text-primary\">{headerTitle}</h1>\n          </header>\n        )}\n        {pages.length > 1 && (\n          <div role=\"tablist\" className=\"flex gap-1 border-b border-border-default bg-bg-surface px-2\">\n            {pages.map((page, i) => (\n              <button\n                key={page.id}\n                role=\"tab\"\n                aria-selected={i === activePageIndex}\n                onClick={() => setActivePageIndex(i)}\n                className={\n                  i === activePageIndex\n                    ? '-mb-px border-b-2 border-action-primary-bg px-3 py-2 text-sm font-medium text-text-primary'\n                    : 'border-b-2 border-transparent px-3 py-2 text-sm text-text-secondary hover:text-text-primary'\n                }\n              >\n                {page.title ?? `Page ${i + 1}`}\n              </button>\n            ))}\n          </div>\n        )}\n        <div className=\"min-h-0 flex-1 overflow-auto\">\n          <PageGrid page={activePage} capabilities={model.capabilities} />\n        </div>\n        {showBranding && <BrandingFooter />}\n      </div>\n    </EmbedErrorBoundary>\n  );\n}\n"],"mappings":";;;;;AAcA,IAAM,IAAe;AAMrB,SAAS,EAAS,EAAE,SAAM,mBAA2E;AAMnG,QALI,EAAK,QAAQ,WAAW,IAExB,kBAAC,OAAD;EAAK,WAAU;YAAoE;EAA+B,CAAA,GAIpH,kBAAC,OAAD;EACE,WAAU;EACV,OAAO;GAAE,qBAAqB,UAAU,EAAa;GAAoB,cAAc;GAAsB;YAE5G,EAAK,QAAQ,KAAK,MACjB,kBAAC,OAAD;GAEE,WAAU;GACV,OAAO;IAGL,YAAY,GAAG,KAAK,IAAI,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE,EAAE,IAAe,EAAE,GAAG,EAAE,UAAU,KAAK,IACzF,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE,EAC5B,EACD;IACD,SAAS,GAAG,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE,GAAG,EAAE,UAAU,KAAK,IAAI,EAAO,OAAO,GAAG,EAAE;IACpF;aAED,kBAAC,GAAD;IAA6B;IAAsB;IAAgB,CAAA;GAC/D,EAbC,EAAO,GAaR,CACN;EACE,CAAA;;AAKV,SAAS,IAAiB;AACxB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD;GACE,MAAK;GACL,QAAO;GACP,KAAI;GACJ,WAAU;aAJZ,CAKC,eACY,kBAAC,QAAD;IAAM,WAAU;cAAoC;IAAiB,CAAA,CAC9E;;EACA,CAAA;;AAIV,SAAgB,EAA0B,EAAE,YAAgB;CAC1D,IAAM,CAAC,GAAiB,KAAsB,EAAS,EAAE,EACnD,IAAQ,EAAM,OACd,IAAe,EAAM,cAErB,IAAc,GAAc,aAAa,EAAa,SAAS,IAAI,MAAM,GAAG,IAC5E,IAAe,GAAc,iBAAiB,IAC9C,IAAa,EAAM,KAAK,IAAI,GAAiB,EAAM,SAAS,EAAE;AAkBpE,QAhBK,IAiBH,kBAAC,GAAD;EAAoB,OAAM;YACxB,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,KACC,kBAAC,UAAD;KAAQ,WAAU;eAChB,kBAAC,MAAD;MAAI,WAAU;gBAAsD;MAAiB,CAAA;KAC9E,CAAA;IAEV,EAAM,SAAS,KACd,kBAAC,OAAD;KAAK,MAAK;KAAU,WAAU;eAC3B,EAAM,KAAK,GAAM,MAChB,kBAAC,UAAD;MAEE,MAAK;MACL,iBAAe,MAAM;MACrB,eAAe,EAAmB,EAAE;MACpC,WACE,MAAM,IACF,+FACA;gBAGL,EAAK,SAAS,QAAQ,IAAI;MACpB,EAXF,EAAK,GAWH,CACT;KACE,CAAA;IAER,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAU,MAAM;MAAY,cAAc,EAAM;MAAgB,CAAA;KAC5D,CAAA;IACL,KAAgB,kBAAC,GAAD,EAAkB,CAAA;IAC/B;;EACa,CAAA,GA9CnB,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG,KACC,kBAAC,UAAD;IAAQ,WAAU;cAChB,kBAAC,MAAD;KAAI,WAAU;eAAsD;KAAiB,CAAA;IAC9E,CAAA;GAEX,kBAAC,OAAD;IAAK,WAAU;cAAsE;IAE/E,CAAA;GACL,KAAgB,kBAAC,GAAD,EAAkB,CAAA;GAC/B"}

package/dist/bigconsole/components/embed/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/bigconsole/components/embed/types.ts"],"sourcesContent":["/**\n * Stable, versioned embed render-model contract (BOFF-2986).\n *\n * This is the ONLY shape the read-only embed renderer consumes. It is a\n * sanitized DTO produced by the BigConsole publication builder — it deliberately\n * carries NO authenticated stores, Apollo clients, data-source configs,\n * credentials or internal ids. The renderer never fetches data itself; all\n * values are pre-projected into the model or fetched later through the\n * publication-scoped interaction controller using opaque aliases.\n *\n * Backend (publication builder) and frontend (renderer) MUST agree on\n * `EMBED_RENDER_MODEL_VERSION`. A mismatch fails closed at load time rather than\n * rendering a stale/incompatible view.\n */\n\nimport type { WidgetType } from '../../types';\n\n/** Bump on any breaking change to the DTO shapes below. */\nexport const EMBED_RENDER_MODEL_VERSION = 1 as const;\n\n/** Pure layout box (grid units); no store, no event emission. */\nexport interface EmbedWidgetLayout {\n  readonly x: number;\n  readonly y: number;\n  readonly w: number;\n  readonly h: number;\n}\n\n/**\n * A single widget as projected for embedding. `config` and `data` are already\n * sanitized and schema-narrowed per widget type by the publication builder; the\n * renderer validates them again against its per-type schema before rendering.\n */\nexport interface EmbedWidgetModel {\n  /** Opaque, publication-scoped widget id (not the internal DB id). */\n  readonly id: string;\n  readonly type: WidgetType;\n  readonly title?: string;\n  readonly layout: EmbedWidgetLayout;\n  /** Sanitized, type-narrowed presentation config. */\n  readonly config: Readonly<Record<string, unknown>>;\n  /** Sanitized, pre-projected data payload (or null for interaction-fetched). */\n  readonly data: Readonly<Record<string, unknown>> | null;\n}\n\nexport interface EmbedPageModel {\n  readonly id: string;\n  readonly title?: string;\n  readonly widgets: readonly EmbedWidgetModel[];\n}\n\n/**\n * Publication-approved runtime capabilities. Everything defaults OFF; the\n * renderer must never enable an interaction the publication did not grant.\n */\nexport interface EmbedCapabilities {\n  readonly filters: boolean;\n  readonly drilldown: boolean;\n  readonly downloads: boolean;\n  /** Side-effect actions (forms/webhooks/workflows) — out of scope for read-only MVP. */\n  readonly actions: boolean;\n}\n\nexport interface EmbedRenderModel {\n  readonly renderModelVersion: number;\n  readonly clientContractVersion: number;\n  readonly title?: string;\n  readonly pages: readonly EmbedPageModel[];\n  readonly capabilities: EmbedCapabilities;\n  /** ISO timestamp the immutable publication was frozen. */\n  readonly definitionPublishedAt: string;\n}\n\n/** Result of validating an inbound render model before rendering. */\nexport type EmbedModelValidation =\n  { readonly ok: true; readonly model: EmbedRenderModel } | { readonly ok: false; readonly reason: string };\n\n/**\n * Shape every embed widget renderer component receives. It gets the sanitized\n * model plus a controller for publication-scoped interactions — never raw hooks.\n */\nexport interface EmbedWidgetRenderProps {\n  readonly widget: EmbedWidgetModel;\n  readonly capabilities: EmbedCapabilities;\n}\n"],"mappings":";AAkBA,IAAa,IAA6B"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/bigconsole/components/embed/types.ts"],"sourcesContent":["/**\n * Stable, versioned embed render-model contract (BOFF-2986).\n *\n * This is the ONLY shape the read-only embed renderer consumes. It is a\n * sanitized DTO produced by the BigConsole publication builder — it deliberately\n * carries NO authenticated stores, Apollo clients, data-source configs,\n * credentials or internal ids. The renderer never fetches data itself; all\n * values are pre-projected into the model or fetched later through the\n * publication-scoped interaction controller using opaque aliases.\n *\n * Backend (publication builder) and frontend (renderer) MUST agree on\n * `EMBED_RENDER_MODEL_VERSION`. A mismatch fails closed at load time rather than\n * rendering a stale/incompatible view.\n */\n\nimport type { WidgetType } from '../../types';\n\n/** Bump on any breaking change to the DTO shapes below. */\nexport const EMBED_RENDER_MODEL_VERSION = 1 as const;\n\n/** Pure layout box (grid units); no store, no event emission. */\nexport interface EmbedWidgetLayout {\n  readonly x: number;\n  readonly y: number;\n  readonly w: number;\n  readonly h: number;\n}\n\n/**\n * A single widget as projected for embedding. `config` and `data` are already\n * sanitized and schema-narrowed per widget type by the publication builder; the\n * renderer validates them again against its per-type schema before rendering.\n */\nexport interface EmbedWidgetModel {\n  /** Opaque, publication-scoped widget id (not the internal DB id). */\n  readonly id: string;\n  readonly type: WidgetType;\n  readonly title?: string;\n  readonly layout: EmbedWidgetLayout;\n  /** Sanitized, type-narrowed presentation config. */\n  readonly config: Readonly<Record<string, unknown>>;\n  /** Sanitized, pre-projected data payload (or null for interaction-fetched). */\n  readonly data: Readonly<Record<string, unknown>> | null;\n}\n\nexport interface EmbedPageModel {\n  readonly id: string;\n  readonly title?: string;\n  readonly widgets: readonly EmbedWidgetModel[];\n}\n\n/**\n * Publication-approved runtime capabilities. Everything defaults OFF; the\n * renderer must never enable an interaction the publication did not grant.\n */\nexport interface EmbedCapabilities {\n  readonly filters: boolean;\n  readonly drilldown: boolean;\n  readonly downloads: boolean;\n  /** Side-effect actions (forms/webhooks/workflows) — out of scope for read-only MVP. */\n  readonly actions: boolean;\n}\n\n/** Publish-time color mode chosen by the owner (BOFF-5735). */\nexport type EmbedThemeMode = 'light' | 'dark' | 'auto';\n\n/**\n * Owner-chosen, publish-time presentation options (BOFF-5735), attached to the\n * render model (resolved live from the policy). Optional: pre-5735 render models\n * carry no `presentation` block, so the renderer must default gracefully (light,\n * no header, no footer) when absent.\n */\nexport interface EmbedPresentation {\n  readonly theme: EmbedThemeMode;\n  readonly showTitle: boolean;\n  /** Dashboard name for the optional header, or null when hidden/empty. */\n  readonly title: string | null;\n  readonly showBranding: boolean;\n}\n\nexport interface EmbedRenderModel {\n  readonly renderModelVersion: number;\n  readonly clientContractVersion: number;\n  readonly title?: string;\n  readonly pages: readonly EmbedPageModel[];\n  readonly capabilities: EmbedCapabilities;\n  readonly presentation?: EmbedPresentation;\n  /** ISO timestamp the immutable publication was frozen. */\n  readonly definitionPublishedAt: string;\n}\n\n/** Result of validating an inbound render model before rendering. */\nexport type EmbedModelValidation =\n  { readonly ok: true; readonly model: EmbedRenderModel } | { readonly ok: false; readonly reason: string };\n\n/**\n * Shape every embed widget renderer component receives. It gets the sanitized\n * model plus a controller for publication-scoped interactions — never raw hooks.\n */\nexport interface EmbedWidgetRenderProps {\n  readonly widget: EmbedWidgetModel;\n  readonly capabilities: EmbedCapabilities;\n}\n"],"mappings":";AAkBA,IAAa,IAA6B"}

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

@@ -471,7 +471,7 @@ var e = {
 			width: 12,
 			height: 12
 		},
-		supportsDataBinding: !1,
+		supportsDataBinding: !0,
 		supportsDrilldown: !1,
 		supportsAutoRefresh: !1,
 		tags: [

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetRegistry.js","names":[],"sources":["../../../../src/bigconsole/components/widgets/WidgetRegistry.ts"],"sourcesContent":["/**\n * Widget Registry\n *\n * Central registry mapping widget types to their components,\n * metadata, and configuration schemas.\n */\n\nimport type { ComponentType } from 'react';\nimport type { WidgetType, WidgetCategory, Widget } from '../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WidgetComponentProps {\n  /** The widget data */\n  widget: Widget;\n  /** Widget data (processed) */\n  data: Record<string, unknown>;\n  /** Whether the widget is in edit mode */\n  isEditMode?: boolean;\n  /** Whether the widget is selected */\n  isSelected?: boolean;\n  /** Whether data is loading */\n  isLoading?: boolean;\n  /** Error message if any */\n  error?: string | null;\n  /** Callback when widget is clicked */\n  onClick?: () => void;\n  /** Callback for drilldown navigation */\n  onDrilldown?: (params: Record<string, unknown>) => void;\n}\n\nexport interface WidgetDefinition {\n  /** Widget type */\n  type: WidgetType;\n  /** Human-readable name */\n  name: string;\n  /** Description */\n  description: string;\n  /** Lucide icon name */\n  icon: string;\n  /** Category for grouping */\n  category: WidgetCategory;\n  /** Component to render. Null for all current widget types because the render path\n   *  uses WidgetRendererFactory + RendererRegistry instead of this field. */\n  component: ComponentType<WidgetComponentProps> | null;\n  /** Default configuration */\n  defaultConfig: Record<string, unknown>;\n  /** Default size (fixed grid) */\n  defaultSize: { width: number; height: number };\n  /**\n   * Default responsive position (v1.0 spec). `xl` is optional and falls back\n   * to `lg` when not set so existing widget defaults remain valid.\n   */\n  defaultResponsive: { xs: number; sm: number; md: number; lg: number; xl?: number };\n  /** Minimum size constraints */\n  minSize: { width: number; height: number };\n  /** Maximum size constraints */\n  maxSize: { width: number; height: number };\n  /** Whether the widget supports data binding */\n  supportsDataBinding: boolean;\n  /** Whether the widget supports drilldown */\n  supportsDrilldown: boolean;\n  /** Whether the widget supports auto-refresh */\n  supportsAutoRefresh: boolean;\n  /**\n   * Whether the widget honors rule-based conditional formatting\n   * (`config.conditionalRules`). Drives which options the config UI shows.\n   */\n  supportsConditionalFormat?: boolean;\n  /**\n   * Whether the widget supports reference / threshold lines & bands\n   * (`config.referenceLines`).\n   */\n  supportsThresholds?: boolean;\n  /** Whether the widget supports a combo / dual-axis layout (`config.dualAxis`). */\n  supportsDualAxis?: boolean;\n  /** Whether the widget supports a totals/aggregate footer (`config.showTotals`). */\n  supportsTotals?: boolean;\n  /** Tags for search/filter */\n  tags: string[];\n}\n\n// ============================================================================\n// Widget Definitions\n// ============================================================================\n\nexport const WIDGET_DEFINITIONS: Record<WidgetType, WidgetDefinition> = {\n  // ============================================================================\n  // Core Visualization (6 types)\n  // ============================================================================\n\n  kpi_card_comparison: {\n    type: 'kpi_card_comparison',\n    name: 'KPI Card Comparison',\n    description: 'Compare multiple KPIs side by side with trends',\n    icon: 'LayoutDashboard',\n    category: 'KPI',\n    component: null,\n    defaultConfig: {\n      comparisons: [],\n      showSparklines: true,\n      layout: 'horizontal',\n      format: 'number',\n    },\n    defaultSize: { width: 6, height: 3 },\n    defaultResponsive: { xs: 12, sm: 6, md: 6, lg: 4 },\n    minSize: { width: 4, height: 2 },\n    maxSize: { width: 12, height: 6 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    supportsConditionalFormat: true,\n    tags: ['kpi', 'comparison', 'metrics', 'multi'],\n  },\n\n  metric_card: {\n    type: 'metric_card',\n    name: 'Metric Card',\n    description: 'Display a single KPI value with trend indicator',\n    icon: 'TrendingUp',\n    category: 'KPI',\n    component: null,\n    defaultConfig: {\n      format: 'number',\n      decimalPlaces: 0,\n      showTrend: true,\n      showSparkline: false,\n    },\n    defaultSize: { width: 3, height: 2 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 3 },\n    minSize: { width: 2, height: 2 },\n    maxSize: { width: 6, height: 4 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    supportsConditionalFormat: true,\n    tags: ['kpi', 'metric', 'number', 'trend'],\n  },\n\n  chart: {\n    type: 'chart',\n    name: 'Chart',\n    description: 'Multi-type chart (Line, Bar, Area, Pie)',\n    icon: 'BarChart3',\n    category: 'Visualization',\n    component: null,\n    defaultConfig: {\n      chartType: 'line',\n      showLegend: true,\n      legendPosition: 'bottom',\n      showGrid: true,\n      showTooltip: true,\n    },\n    defaultSize: { width: 6, height: 4 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 3, height: 3 },\n    maxSize: { width: 12, height: 8 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    supportsConditionalFormat: true,\n    supportsThresholds: true,\n    supportsDualAxis: true,\n    tags: ['chart', 'graph', 'visualization', 'line', 'bar', 'area', 'pie', 'combo', 'dual-axis'],\n  },\n\n  funnel_chart: {\n    type: 'funnel_chart',\n    name: 'Funnel Chart',\n    description: 'Visualize conversion or drop-off stages',\n    icon: 'Filter',\n    category: 'Visualization',\n    component: null,\n    defaultConfig: {\n      // ChartWidget dispatches on `chartType` and falls back to 'line' when it is\n      // absent, so a palette-created funnel must seed it explicitly.\n      chartType: 'funnel',\n      showLabels: true,\n      showValues: true,\n      showPercentages: true,\n      orientation: 'vertical',\n    },\n    defaultSize: { width: 4, height: 5 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 3, height: 4 },\n    maxSize: { width: 8, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['funnel', 'conversion', 'stages', 'pipeline'],\n  },\n\n  table: {\n    type: 'table',\n    name: 'Data Table',\n    description: 'Display data in sortable, filterable rows and columns',\n    icon: 'Table',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      pageSize: 10,\n      sortable: true,\n      filterable: true,\n      stickyHeader: true,\n      columns: [],\n    },\n    defaultSize: { width: 8, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 8, lg: 8 },\n    minSize: { width: 4, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    supportsConditionalFormat: true,\n    supportsTotals: true,\n    tags: ['table', 'data', 'grid', 'rows'],\n  },\n\n  pivot_table: {\n    type: 'pivot_table',\n    name: 'Pivot Table',\n    description: 'Interactive pivot table for data analysis',\n    icon: 'Grid3x3',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      rows: [],\n      columns: [],\n      values: [],\n      aggregation: 'sum',\n      showTotals: true,\n    },\n    defaultSize: { width: 10, height: 6 },\n    defaultResponsive: { xs: 12, sm: 12, md: 12, lg: 10 },\n    minSize: { width: 6, height: 4 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['pivot', 'table', 'analysis', 'aggregation'],\n  },\n\n  // ============================================================================\n  // Indicators (2 types)\n  // ============================================================================\n\n  gauge: {\n    type: 'gauge',\n    name: 'Gauge',\n    description: 'Display a value within a range',\n    icon: 'Gauge',\n    category: 'KPI',\n    component: null,\n    defaultConfig: {\n      variant: 'circular',\n      min: 0,\n      max: 100,\n      showValue: true,\n      showLabels: true,\n      thresholds: [\n        { value: 33, color: 'red' },\n        { value: 66, color: 'yellow' },\n        { value: 100, color: 'green' },\n      ],\n    },\n    defaultSize: { width: 3, height: 3 },\n    defaultResponsive: { xs: 6, sm: 4, md: 3, lg: 3 },\n    minSize: { width: 2, height: 2 },\n    maxSize: { width: 6, height: 6 },\n    supportsDataBinding: true,\n    supportsDrilldown: false,\n    supportsAutoRefresh: true,\n    tags: ['gauge', 'meter', 'dial', 'indicator'],\n  },\n\n  progress: {\n    type: 'progress',\n    name: 'Progress Bar',\n    description: 'Show progress towards a goal with milestones',\n    icon: 'Activity',\n    category: 'KPI',\n    component: null,\n    defaultConfig: {\n      showPercentage: true,\n      showValue: false,\n      target: null,\n      milestones: [],\n    },\n    defaultSize: { width: 4, height: 2 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 3, height: 2 },\n    maxSize: { width: 12, height: 3 },\n    supportsDataBinding: true,\n    supportsDrilldown: false,\n    supportsAutoRefresh: true,\n    tags: ['progress', 'bar', 'goal', 'completion'],\n  },\n\n  // ============================================================================\n  // Data Display (2 types)\n  // ============================================================================\n\n  list: {\n    type: 'list',\n    name: 'List',\n    description: 'Display items in a scrollable list',\n    icon: 'List',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      showMetadata: true,\n      showActions: false,\n      showBadges: true,\n      maxItems: 10,\n      itemClickable: true,\n    },\n    defaultSize: { width: 4, height: 5 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 3, height: 3 },\n    maxSize: { width: 8, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['list', 'items', 'scroll'],\n  },\n\n  form: {\n    type: 'form',\n    name: 'Form',\n    description: 'Interactive form widget for data input',\n    icon: 'FileText',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      fields: [],\n      submitAction: null,\n      layout: 'vertical',\n      showLabels: true,\n    },\n    defaultSize: { width: 6, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 4, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: false,\n    supportsAutoRefresh: false,\n    tags: ['form', 'input', 'submit', 'fields'],\n  },\n\n  // ============================================================================\n  // Content (2 types)\n  // ============================================================================\n\n  text: {\n    type: 'text',\n    name: 'Text',\n    description: 'Rich text or markdown content widget',\n    icon: 'Type',\n    category: 'Content',\n    component: null,\n    defaultConfig: {\n      content: '',\n      format: 'markdown',\n      alignment: 'left',\n    },\n    defaultSize: { width: 4, height: 3 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 2, height: 1 },\n    maxSize: { width: 12, height: 12 },\n    supportsDataBinding: false,\n    supportsDrilldown: false,\n    supportsAutoRefresh: false,\n    tags: ['text', 'markdown', 'content', 'rich text'],\n  },\n\n  iframe: {\n    type: 'iframe',\n    name: 'Iframe',\n    description: 'Embed external content via iframe',\n    icon: 'ExternalLink',\n    category: 'Content',\n    component: null,\n    defaultConfig: {\n      url: '',\n      sandbox: 'allow-scripts allow-same-origin',\n      allowFullscreen: false,\n    },\n    defaultSize: { width: 6, height: 4 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 3, height: 2 },\n    maxSize: { width: 12, height: 12 },\n    supportsDataBinding: false,\n    supportsDrilldown: false,\n    supportsAutoRefresh: false,\n    tags: ['iframe', 'embed', 'external', 'web'],\n  },\n\n  // ============================================================================\n  // Spatial & Temporal (5 types)\n  // ============================================================================\n\n  map: {\n    type: 'map',\n    name: 'Map',\n    description: 'Geographic map visualization with markers',\n    icon: 'MapPin',\n    category: 'Visualization',\n    component: null,\n    defaultConfig: {\n      provider: 'mapbox',\n      center: { lat: 0, lng: 0 },\n      zoom: 2,\n      showMarkers: true,\n      showRegions: false,\n    },\n    defaultSize: { width: 6, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 4, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['map', 'geo', 'location', 'markers'],\n  },\n\n  heatmap: {\n    type: 'heatmap',\n    name: 'Heatmap',\n    description: 'Display values in a color-coded grid',\n    icon: 'Grid3x3',\n    category: 'Visualization',\n    component: null,\n    defaultConfig: {\n      xAxisField: '',\n      yAxisField: '',\n      valueField: '',\n      // HeatmapWidget renders intensity from `colorScheme` (token-based Tailwind\n      // classes), not `colorScale`; keep the scale empty rather than seeding it\n      // with CSS var() strings that a data array can never resolve.\n      colorScale: [],\n      colorScheme: 'blue',\n      showValues: true,\n    },\n    defaultSize: { width: 6, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 4, height: 4 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['heatmap', 'grid', 'density', 'color'],\n  },\n\n  calendar: {\n    type: 'calendar',\n    name: 'Calendar',\n    description: 'Calendar view for events and schedules',\n    icon: 'Calendar',\n    category: 'Temporal',\n    component: null,\n    defaultConfig: {\n      view: 'month',\n      showWeekNumbers: false,\n      firstDayOfWeek: 0,\n      eventField: '',\n    },\n    defaultSize: { width: 8, height: 6 },\n    defaultResponsive: { xs: 12, sm: 12, md: 8, lg: 8 },\n    minSize: { width: 6, height: 4 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['calendar', 'events', 'schedule', 'dates'],\n  },\n\n  kanban: {\n    type: 'kanban',\n    name: 'Kanban Board',\n    description: 'Kanban board for task and workflow management',\n    icon: 'Columns',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      columns: [],\n      cardTitleField: '',\n      cardDescriptionField: '',\n      columnField: '',\n      allowDragDrop: true,\n    },\n    defaultSize: { width: 12, height: 6 },\n    defaultResponsive: { xs: 12, sm: 12, md: 12, lg: 12 },\n    minSize: { width: 8, height: 4 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['kanban', 'board', 'tasks', 'workflow'],\n  },\n\n  timeline: {\n    type: 'timeline',\n    name: 'Timeline',\n    description: 'Timeline or Gantt chart for project scheduling',\n    icon: 'GitBranch',\n    category: 'Temporal',\n    component: null,\n    defaultConfig: {\n      startDateField: '',\n      endDateField: '',\n      titleField: '',\n      groupField: '',\n      showToday: true,\n    },\n    defaultSize: { width: 12, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 12, lg: 12 },\n    minSize: { width: 8, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['timeline', 'gantt', 'project', 'schedule'],\n  },\n\n  // ============================================================================\n  // Cohort / Retention (1 type)\n  // ============================================================================\n\n  retention: {\n    type: 'retention',\n    name: 'Retention / Cohort',\n    description: 'Cohort-by-period retention grid with decay shading',\n    icon: 'Grid3x3',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      cohortField: 'cohort',\n      periodField: 'period',\n      valueField: 'value',\n      periodType: 'month',\n      showPercentages: true,\n      showAverages: true,\n      showLegend: true,\n    },\n    defaultSize: { width: 8, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 8, lg: 8 },\n    minSize: { width: 4, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: false,\n    supportsAutoRefresh: true,\n    tags: ['retention', 'cohort', 'grid', 'churn', 'saas'],\n  },\n\n  // ============================================================================\n  // Extensibility (1 type)\n  // ============================================================================\n\n  custom: {\n    type: 'custom',\n    name: 'Custom Widget',\n    description: 'Custom widget with user-defined rendering',\n    icon: 'Puzzle',\n    category: 'Custom',\n    component: null,\n    defaultConfig: {\n      componentId: '',\n      props: {},\n    },\n    defaultSize: { width: 4, height: 4 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 2, height: 2 },\n    maxSize: { width: 12, height: 12 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['custom', 'plugin', 'extension'],\n  },\n};\n\n// ============================================================================\n// Registry Functions\n// ============================================================================\n\n/**\n * Default widget definition for unknown types\n */\nconst DEFAULT_WIDGET_DEFINITION: WidgetDefinition = {\n  type: 'custom' as WidgetType,\n  name: 'Unknown Widget',\n  description: 'Unknown widget type',\n  icon: 'Puzzle',\n  category: 'Custom',\n  component: null,\n  defaultConfig: {},\n  defaultSize: { width: 4, height: 4 },\n  defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n  minSize: { width: 2, height: 2 },\n  maxSize: { width: 12, height: 12 },\n  supportsDataBinding: true,\n  supportsDrilldown: true,\n  supportsAutoRefresh: true,\n  tags: ['unknown'],\n};\n\n/**\n * Get widget definition by type\n * Handles both lowercase (frontend) and uppercase (backend) types\n */\nexport function getWidgetDefinition(type: WidgetType | string): WidgetDefinition {\n  // Try exact match first\n  if (WIDGET_DEFINITIONS[type as WidgetType]) {\n    return WIDGET_DEFINITIONS[type as WidgetType];\n  }\n\n  // Try lowercase version (backend returns uppercase for some types)\n  const lowerType = type.toLowerCase() as WidgetType;\n  if (WIDGET_DEFINITIONS[lowerType]) {\n    return WIDGET_DEFINITIONS[lowerType];\n  }\n\n  // Return default definition for unknown types\n  return { ...DEFAULT_WIDGET_DEFINITION, type: type as WidgetType };\n}\n\n/**\n * Get all widget definitions\n */\nexport function getAllWidgetDefinitions(): WidgetDefinition[] {\n  return Object.values(WIDGET_DEFINITIONS);\n}\n\n/**\n * Get widget definitions by category\n */\nexport function getWidgetsByCategory(category: WidgetCategory): WidgetDefinition[] {\n  return Object.values(WIDGET_DEFINITIONS).filter((def) => def.category === category);\n}\n\n/**\n * Search widget definitions by query\n */\nexport function searchWidgets(query: string): WidgetDefinition[] {\n  const lowerQuery = query.toLowerCase();\n  return Object.values(WIDGET_DEFINITIONS).filter(\n    (def) =>\n      def.name.toLowerCase().includes(lowerQuery) ||\n      def.description.toLowerCase().includes(lowerQuery) ||\n      def.tags.some((tag) => tag.includes(lowerQuery))\n  );\n}\n\n/**\n * Canonical mapping from widget category to human-readable label.\n * Shared across WidgetTypeSelector, WidgetPalette, and other UI.\n */\nexport const WIDGET_CATEGORY_LABELS: Record<WidgetCategory, string> = {\n  KPI: 'Metrics & KPIs',\n  Visualization: 'Charts & Visualization',\n  Data: 'Data Display',\n  Content: 'Content',\n  Temporal: 'Temporal & Scheduling',\n  Custom: 'Custom',\n  Installed: 'Installed from Store',\n};\n\n/**\n * Get widget categories with their definitions\n */\nexport function getWidgetCategories(): {\n  category: WidgetCategory;\n  label: string;\n  widgets: WidgetDefinition[];\n}[] {\n  const categories: WidgetCategory[] = ['KPI', 'Visualization', 'Data', 'Content', 'Temporal', 'Custom', 'Installed'];\n\n  return categories.map((category) => ({\n    category,\n    label: WIDGET_CATEGORY_LABELS[category],\n    widgets: getWidgetsByCategory(category),\n  }));\n}\n\n/**\n * Validate widget size constraints\n */\nexport function validateWidgetSize(\n  type: WidgetType,\n  width: number,\n  height: number\n): { valid: boolean; width: number; height: number } {\n  const def = WIDGET_DEFINITIONS[type];\n\n  const clampedWidth = Math.min(Math.max(width, def.minSize.width), def.maxSize.width);\n  const clampedHeight = Math.min(Math.max(height, def.minSize.height), def.maxSize.height);\n\n  return {\n    valid: width === clampedWidth && height === clampedHeight,\n    width: clampedWidth,\n    height: clampedHeight,\n  };\n}\n\n/**\n * Get a stable key for a widget definition (handles installed widgets with componentId)\n */\nexport function getWidgetKey(widget: WidgetDefinition): string {\n  if (widget.defaultConfig?.componentId) {\n    return `installed-${widget.defaultConfig.componentId}`;\n  }\n  if (widget.category === 'Installed') {\n    return `installed-${widget.name}`;\n  }\n  return widget.type;\n}\n\nexport default WIDGET_DEFINITIONS;\n"],"mappings":"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"}
+{"version":3,"file":"WidgetRegistry.js","names":[],"sources":["../../../../src/bigconsole/components/widgets/WidgetRegistry.ts"],"sourcesContent":["/**\n * Widget Registry\n *\n * Central registry mapping widget types to their components,\n * metadata, and configuration schemas.\n */\n\nimport type { ComponentType } from 'react';\nimport type { WidgetType, WidgetCategory, Widget } from '../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WidgetComponentProps {\n  /** The widget data */\n  widget: Widget;\n  /** Widget data (processed) */\n  data: Record<string, unknown>;\n  /** Whether the widget is in edit mode */\n  isEditMode?: boolean;\n  /** Whether the widget is selected */\n  isSelected?: boolean;\n  /** Whether data is loading */\n  isLoading?: boolean;\n  /** Error message if any */\n  error?: string | null;\n  /** Callback when widget is clicked */\n  onClick?: () => void;\n  /** Callback for drilldown navigation */\n  onDrilldown?: (params: Record<string, unknown>) => void;\n}\n\nexport interface WidgetDefinition {\n  /** Widget type */\n  type: WidgetType;\n  /** Human-readable name */\n  name: string;\n  /** Description */\n  description: string;\n  /** Lucide icon name */\n  icon: string;\n  /** Category for grouping */\n  category: WidgetCategory;\n  /** Component to render. Null for all current widget types because the render path\n   *  uses WidgetRendererFactory + RendererRegistry instead of this field. */\n  component: ComponentType<WidgetComponentProps> | null;\n  /** Default configuration */\n  defaultConfig: Record<string, unknown>;\n  /** Default size (fixed grid) */\n  defaultSize: { width: number; height: number };\n  /**\n   * Default responsive position (v1.0 spec). `xl` is optional and falls back\n   * to `lg` when not set so existing widget defaults remain valid.\n   */\n  defaultResponsive: { xs: number; sm: number; md: number; lg: number; xl?: number };\n  /** Minimum size constraints */\n  minSize: { width: number; height: number };\n  /** Maximum size constraints */\n  maxSize: { width: number; height: number };\n  /** Whether the widget supports data binding */\n  supportsDataBinding: boolean;\n  /** Whether the widget supports drilldown */\n  supportsDrilldown: boolean;\n  /** Whether the widget supports auto-refresh */\n  supportsAutoRefresh: boolean;\n  /**\n   * Whether the widget honors rule-based conditional formatting\n   * (`config.conditionalRules`). Drives which options the config UI shows.\n   */\n  supportsConditionalFormat?: boolean;\n  /**\n   * Whether the widget supports reference / threshold lines & bands\n   * (`config.referenceLines`).\n   */\n  supportsThresholds?: boolean;\n  /** Whether the widget supports a combo / dual-axis layout (`config.dualAxis`). */\n  supportsDualAxis?: boolean;\n  /** Whether the widget supports a totals/aggregate footer (`config.showTotals`). */\n  supportsTotals?: boolean;\n  /** Tags for search/filter */\n  tags: string[];\n}\n\n// ============================================================================\n// Widget Definitions\n// ============================================================================\n\nexport const WIDGET_DEFINITIONS: Record<WidgetType, WidgetDefinition> = {\n  // ============================================================================\n  // Core Visualization (6 types)\n  // ============================================================================\n\n  kpi_card_comparison: {\n    type: 'kpi_card_comparison',\n    name: 'KPI Card Comparison',\n    description: 'Compare multiple KPIs side by side with trends',\n    icon: 'LayoutDashboard',\n    category: 'KPI',\n    component: null,\n    defaultConfig: {\n      comparisons: [],\n      showSparklines: true,\n      layout: 'horizontal',\n      format: 'number',\n    },\n    defaultSize: { width: 6, height: 3 },\n    defaultResponsive: { xs: 12, sm: 6, md: 6, lg: 4 },\n    minSize: { width: 4, height: 2 },\n    maxSize: { width: 12, height: 6 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    supportsConditionalFormat: true,\n    tags: ['kpi', 'comparison', 'metrics', 'multi'],\n  },\n\n  metric_card: {\n    type: 'metric_card',\n    name: 'Metric Card',\n    description: 'Display a single KPI value with trend indicator',\n    icon: 'TrendingUp',\n    category: 'KPI',\n    component: null,\n    defaultConfig: {\n      format: 'number',\n      decimalPlaces: 0,\n      showTrend: true,\n      showSparkline: false,\n    },\n    defaultSize: { width: 3, height: 2 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 3 },\n    minSize: { width: 2, height: 2 },\n    maxSize: { width: 6, height: 4 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    supportsConditionalFormat: true,\n    tags: ['kpi', 'metric', 'number', 'trend'],\n  },\n\n  chart: {\n    type: 'chart',\n    name: 'Chart',\n    description: 'Multi-type chart (Line, Bar, Area, Pie)',\n    icon: 'BarChart3',\n    category: 'Visualization',\n    component: null,\n    defaultConfig: {\n      chartType: 'line',\n      showLegend: true,\n      legendPosition: 'bottom',\n      showGrid: true,\n      showTooltip: true,\n    },\n    defaultSize: { width: 6, height: 4 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 3, height: 3 },\n    maxSize: { width: 12, height: 8 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    supportsConditionalFormat: true,\n    supportsThresholds: true,\n    supportsDualAxis: true,\n    tags: ['chart', 'graph', 'visualization', 'line', 'bar', 'area', 'pie', 'combo', 'dual-axis'],\n  },\n\n  funnel_chart: {\n    type: 'funnel_chart',\n    name: 'Funnel Chart',\n    description: 'Visualize conversion or drop-off stages',\n    icon: 'Filter',\n    category: 'Visualization',\n    component: null,\n    defaultConfig: {\n      // ChartWidget dispatches on `chartType` and falls back to 'line' when it is\n      // absent, so a palette-created funnel must seed it explicitly.\n      chartType: 'funnel',\n      showLabels: true,\n      showValues: true,\n      showPercentages: true,\n      orientation: 'vertical',\n    },\n    defaultSize: { width: 4, height: 5 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 3, height: 4 },\n    maxSize: { width: 8, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['funnel', 'conversion', 'stages', 'pipeline'],\n  },\n\n  table: {\n    type: 'table',\n    name: 'Data Table',\n    description: 'Display data in sortable, filterable rows and columns',\n    icon: 'Table',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      pageSize: 10,\n      sortable: true,\n      filterable: true,\n      stickyHeader: true,\n      columns: [],\n    },\n    defaultSize: { width: 8, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 8, lg: 8 },\n    minSize: { width: 4, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    supportsConditionalFormat: true,\n    supportsTotals: true,\n    tags: ['table', 'data', 'grid', 'rows'],\n  },\n\n  pivot_table: {\n    type: 'pivot_table',\n    name: 'Pivot Table',\n    description: 'Interactive pivot table for data analysis',\n    icon: 'Grid3x3',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      rows: [],\n      columns: [],\n      values: [],\n      aggregation: 'sum',\n      showTotals: true,\n    },\n    defaultSize: { width: 10, height: 6 },\n    defaultResponsive: { xs: 12, sm: 12, md: 12, lg: 10 },\n    minSize: { width: 6, height: 4 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['pivot', 'table', 'analysis', 'aggregation'],\n  },\n\n  // ============================================================================\n  // Indicators (2 types)\n  // ============================================================================\n\n  gauge: {\n    type: 'gauge',\n    name: 'Gauge',\n    description: 'Display a value within a range',\n    icon: 'Gauge',\n    category: 'KPI',\n    component: null,\n    defaultConfig: {\n      variant: 'circular',\n      min: 0,\n      max: 100,\n      showValue: true,\n      showLabels: true,\n      thresholds: [\n        { value: 33, color: 'red' },\n        { value: 66, color: 'yellow' },\n        { value: 100, color: 'green' },\n      ],\n    },\n    defaultSize: { width: 3, height: 3 },\n    defaultResponsive: { xs: 6, sm: 4, md: 3, lg: 3 },\n    minSize: { width: 2, height: 2 },\n    maxSize: { width: 6, height: 6 },\n    supportsDataBinding: true,\n    supportsDrilldown: false,\n    supportsAutoRefresh: true,\n    tags: ['gauge', 'meter', 'dial', 'indicator'],\n  },\n\n  progress: {\n    type: 'progress',\n    name: 'Progress Bar',\n    description: 'Show progress towards a goal with milestones',\n    icon: 'Activity',\n    category: 'KPI',\n    component: null,\n    defaultConfig: {\n      showPercentage: true,\n      showValue: false,\n      target: null,\n      milestones: [],\n    },\n    defaultSize: { width: 4, height: 2 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 3, height: 2 },\n    maxSize: { width: 12, height: 3 },\n    supportsDataBinding: true,\n    supportsDrilldown: false,\n    supportsAutoRefresh: true,\n    tags: ['progress', 'bar', 'goal', 'completion'],\n  },\n\n  // ============================================================================\n  // Data Display (2 types)\n  // ============================================================================\n\n  list: {\n    type: 'list',\n    name: 'List',\n    description: 'Display items in a scrollable list',\n    icon: 'List',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      showMetadata: true,\n      showActions: false,\n      showBadges: true,\n      maxItems: 10,\n      itemClickable: true,\n    },\n    defaultSize: { width: 4, height: 5 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 3, height: 3 },\n    maxSize: { width: 8, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['list', 'items', 'scroll'],\n  },\n\n  form: {\n    type: 'form',\n    name: 'Form',\n    description: 'Interactive form widget for data input',\n    icon: 'FileText',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      fields: [],\n      submitAction: null,\n      layout: 'vertical',\n      showLabels: true,\n    },\n    defaultSize: { width: 6, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 4, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: false,\n    supportsAutoRefresh: false,\n    tags: ['form', 'input', 'submit', 'fields'],\n  },\n\n  // ============================================================================\n  // Content (2 types)\n  // ============================================================================\n\n  text: {\n    type: 'text',\n    name: 'Text',\n    description: 'Rich text or markdown content widget',\n    icon: 'Type',\n    category: 'Content',\n    component: null,\n    defaultConfig: {\n      content: '',\n      format: 'markdown',\n      alignment: 'left',\n    },\n    defaultSize: { width: 4, height: 3 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 2, height: 1 },\n    maxSize: { width: 12, height: 12 },\n    supportsDataBinding: true,\n    supportsDrilldown: false,\n    supportsAutoRefresh: false,\n    tags: ['text', 'markdown', 'content', 'rich text'],\n  },\n\n  iframe: {\n    type: 'iframe',\n    name: 'Iframe',\n    description: 'Embed external content via iframe',\n    icon: 'ExternalLink',\n    category: 'Content',\n    component: null,\n    defaultConfig: {\n      url: '',\n      sandbox: 'allow-scripts allow-same-origin',\n      allowFullscreen: false,\n    },\n    defaultSize: { width: 6, height: 4 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 3, height: 2 },\n    maxSize: { width: 12, height: 12 },\n    supportsDataBinding: false,\n    supportsDrilldown: false,\n    supportsAutoRefresh: false,\n    tags: ['iframe', 'embed', 'external', 'web'],\n  },\n\n  // ============================================================================\n  // Spatial & Temporal (5 types)\n  // ============================================================================\n\n  map: {\n    type: 'map',\n    name: 'Map',\n    description: 'Geographic map visualization with markers',\n    icon: 'MapPin',\n    category: 'Visualization',\n    component: null,\n    defaultConfig: {\n      provider: 'mapbox',\n      center: { lat: 0, lng: 0 },\n      zoom: 2,\n      showMarkers: true,\n      showRegions: false,\n    },\n    defaultSize: { width: 6, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 4, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['map', 'geo', 'location', 'markers'],\n  },\n\n  heatmap: {\n    type: 'heatmap',\n    name: 'Heatmap',\n    description: 'Display values in a color-coded grid',\n    icon: 'Grid3x3',\n    category: 'Visualization',\n    component: null,\n    defaultConfig: {\n      xAxisField: '',\n      yAxisField: '',\n      valueField: '',\n      // HeatmapWidget renders intensity from `colorScheme` (token-based Tailwind\n      // classes), not `colorScale`; keep the scale empty rather than seeding it\n      // with CSS var() strings that a data array can never resolve.\n      colorScale: [],\n      colorScheme: 'blue',\n      showValues: true,\n    },\n    defaultSize: { width: 6, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 4, height: 4 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['heatmap', 'grid', 'density', 'color'],\n  },\n\n  calendar: {\n    type: 'calendar',\n    name: 'Calendar',\n    description: 'Calendar view for events and schedules',\n    icon: 'Calendar',\n    category: 'Temporal',\n    component: null,\n    defaultConfig: {\n      view: 'month',\n      showWeekNumbers: false,\n      firstDayOfWeek: 0,\n      eventField: '',\n    },\n    defaultSize: { width: 8, height: 6 },\n    defaultResponsive: { xs: 12, sm: 12, md: 8, lg: 8 },\n    minSize: { width: 6, height: 4 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['calendar', 'events', 'schedule', 'dates'],\n  },\n\n  kanban: {\n    type: 'kanban',\n    name: 'Kanban Board',\n    description: 'Kanban board for task and workflow management',\n    icon: 'Columns',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      columns: [],\n      cardTitleField: '',\n      cardDescriptionField: '',\n      columnField: '',\n      allowDragDrop: true,\n    },\n    defaultSize: { width: 12, height: 6 },\n    defaultResponsive: { xs: 12, sm: 12, md: 12, lg: 12 },\n    minSize: { width: 8, height: 4 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['kanban', 'board', 'tasks', 'workflow'],\n  },\n\n  timeline: {\n    type: 'timeline',\n    name: 'Timeline',\n    description: 'Timeline or Gantt chart for project scheduling',\n    icon: 'GitBranch',\n    category: 'Temporal',\n    component: null,\n    defaultConfig: {\n      startDateField: '',\n      endDateField: '',\n      titleField: '',\n      groupField: '',\n      showToday: true,\n    },\n    defaultSize: { width: 12, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 12, lg: 12 },\n    minSize: { width: 8, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['timeline', 'gantt', 'project', 'schedule'],\n  },\n\n  // ============================================================================\n  // Cohort / Retention (1 type)\n  // ============================================================================\n\n  retention: {\n    type: 'retention',\n    name: 'Retention / Cohort',\n    description: 'Cohort-by-period retention grid with decay shading',\n    icon: 'Grid3x3',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      cohortField: 'cohort',\n      periodField: 'period',\n      valueField: 'value',\n      periodType: 'month',\n      showPercentages: true,\n      showAverages: true,\n      showLegend: true,\n    },\n    defaultSize: { width: 8, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 8, lg: 8 },\n    minSize: { width: 4, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: false,\n    supportsAutoRefresh: true,\n    tags: ['retention', 'cohort', 'grid', 'churn', 'saas'],\n  },\n\n  // ============================================================================\n  // Extensibility (1 type)\n  // ============================================================================\n\n  custom: {\n    type: 'custom',\n    name: 'Custom Widget',\n    description: 'Custom widget with user-defined rendering',\n    icon: 'Puzzle',\n    category: 'Custom',\n    component: null,\n    defaultConfig: {\n      componentId: '',\n      props: {},\n    },\n    defaultSize: { width: 4, height: 4 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 2, height: 2 },\n    maxSize: { width: 12, height: 12 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['custom', 'plugin', 'extension'],\n  },\n};\n\n// ============================================================================\n// Registry Functions\n// ============================================================================\n\n/**\n * Default widget definition for unknown types\n */\nconst DEFAULT_WIDGET_DEFINITION: WidgetDefinition = {\n  type: 'custom' as WidgetType,\n  name: 'Unknown Widget',\n  description: 'Unknown widget type',\n  icon: 'Puzzle',\n  category: 'Custom',\n  component: null,\n  defaultConfig: {},\n  defaultSize: { width: 4, height: 4 },\n  defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n  minSize: { width: 2, height: 2 },\n  maxSize: { width: 12, height: 12 },\n  supportsDataBinding: true,\n  supportsDrilldown: true,\n  supportsAutoRefresh: true,\n  tags: ['unknown'],\n};\n\n/**\n * Get widget definition by type\n * Handles both lowercase (frontend) and uppercase (backend) types\n */\nexport function getWidgetDefinition(type: WidgetType | string): WidgetDefinition {\n  // Try exact match first\n  if (WIDGET_DEFINITIONS[type as WidgetType]) {\n    return WIDGET_DEFINITIONS[type as WidgetType];\n  }\n\n  // Try lowercase version (backend returns uppercase for some types)\n  const lowerType = type.toLowerCase() as WidgetType;\n  if (WIDGET_DEFINITIONS[lowerType]) {\n    return WIDGET_DEFINITIONS[lowerType];\n  }\n\n  // Return default definition for unknown types\n  return { ...DEFAULT_WIDGET_DEFINITION, type: type as WidgetType };\n}\n\n/**\n * Get all widget definitions\n */\nexport function getAllWidgetDefinitions(): WidgetDefinition[] {\n  return Object.values(WIDGET_DEFINITIONS);\n}\n\n/**\n * Get widget definitions by category\n */\nexport function getWidgetsByCategory(category: WidgetCategory): WidgetDefinition[] {\n  return Object.values(WIDGET_DEFINITIONS).filter((def) => def.category === category);\n}\n\n/**\n * Search widget definitions by query\n */\nexport function searchWidgets(query: string): WidgetDefinition[] {\n  const lowerQuery = query.toLowerCase();\n  return Object.values(WIDGET_DEFINITIONS).filter(\n    (def) =>\n      def.name.toLowerCase().includes(lowerQuery) ||\n      def.description.toLowerCase().includes(lowerQuery) ||\n      def.tags.some((tag) => tag.includes(lowerQuery))\n  );\n}\n\n/**\n * Canonical mapping from widget category to human-readable label.\n * Shared across WidgetTypeSelector, WidgetPalette, and other UI.\n */\nexport const WIDGET_CATEGORY_LABELS: Record<WidgetCategory, string> = {\n  KPI: 'Metrics & KPIs',\n  Visualization: 'Charts & Visualization',\n  Data: 'Data Display',\n  Content: 'Content',\n  Temporal: 'Temporal & Scheduling',\n  Custom: 'Custom',\n  Installed: 'Installed from Store',\n};\n\n/**\n * Get widget categories with their definitions\n */\nexport function getWidgetCategories(): {\n  category: WidgetCategory;\n  label: string;\n  widgets: WidgetDefinition[];\n}[] {\n  const categories: WidgetCategory[] = ['KPI', 'Visualization', 'Data', 'Content', 'Temporal', 'Custom', 'Installed'];\n\n  return categories.map((category) => ({\n    category,\n    label: WIDGET_CATEGORY_LABELS[category],\n    widgets: getWidgetsByCategory(category),\n  }));\n}\n\n/**\n * Validate widget size constraints\n */\nexport function validateWidgetSize(\n  type: WidgetType,\n  width: number,\n  height: number\n): { valid: boolean; width: number; height: number } {\n  const def = WIDGET_DEFINITIONS[type];\n\n  const clampedWidth = Math.min(Math.max(width, def.minSize.width), def.maxSize.width);\n  const clampedHeight = Math.min(Math.max(height, def.minSize.height), def.maxSize.height);\n\n  return {\n    valid: width === clampedWidth && height === clampedHeight,\n    width: clampedWidth,\n    height: clampedHeight,\n  };\n}\n\n/**\n * Get a stable key for a widget definition (handles installed widgets with componentId)\n */\nexport function getWidgetKey(widget: WidgetDefinition): string {\n  if (widget.defaultConfig?.componentId) {\n    return `installed-${widget.defaultConfig.componentId}`;\n  }\n  if (widget.category === 'Installed') {\n    return `installed-${widget.name}`;\n  }\n  return widget.type;\n}\n\nexport default WIDGET_DEFINITIONS;\n"],"mappings":"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"}