@burdenoff/microfe-bigconsole 2026.1005.4 → 2026.1006.1

package/dist/bigconsole/components/widgets/timeline/TimelineWidget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/timeline/TimelineWidget.tsx"],"sourcesContent":["/**\n * TimelineWidget Component\n *\n * Simple timeline/gantt view showing project tasks and milestones.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TimelineWidgetProps {\n  widget: Widget;\n  data?: TimelineData;\n  onClick?: (task: TimelineTask) => void;\n}\n\nexport interface TimelineTask {\n  id: string;\n  name: string;\n  start: string;\n  end: string;\n  progress?: number;\n  color?: string;\n  duration?: number;\n  dependencies?: string[];\n}\n\nexport interface TimelineMilestone {\n  id: string;\n  name: string;\n  date: string;\n  color?: string;\n}\n\nexport interface TimelineData {\n  tasks?: TimelineTask[];\n  milestones?: TimelineMilestone[];\n}\n\n// ============================================================================\n// Normalization\n// ============================================================================\n\nfunction firstDefined<T = unknown>(obj: Record<string, unknown>, keys: string[]): T | undefined {\n  for (const key of keys) {\n    if (obj[key] !== undefined && obj[key] !== null) return obj[key] as T;\n  }\n  return undefined;\n}\n\n/**\n * Normalize whatever the widget is bound to into `TimelineTask[]`. Accepts the\n * documented `{ tasks, ... }` shape, a tasks array under a different common key,\n * or a bare array of task-like records — a DataSink parser naturally outputs a\n * bare array, and WidgetWrapper has no timeline-specific reshaping step (unlike\n * table/list/chart), so this widget has to tolerate it itself, the same way\n * MapWidget tolerates a bare marker array instead of requiring `{ markers }`.\n * Field names are matched against common aliases (e.g. a parser emitting\n * `title` instead of `name`) so one exact parser output shape isn't required.\n */\nexport function normalizeTimelineTasks(\n  data: TimelineData | TimelineTask[] | Record<string, unknown> | undefined\n): TimelineTask[] {\n  const rawTasks: unknown = Array.isArray(data)\n    ? data\n    : Array.isArray((data as TimelineData | undefined)?.tasks)\n      ? (data as TimelineData).tasks\n      : Array.isArray((data as Record<string, unknown> | undefined)?.items)\n        ? (data as Record<string, unknown>).items\n        : Array.isArray((data as Record<string, unknown> | undefined)?.data)\n          ? (data as Record<string, unknown>).data\n          : undefined;\n\n  if (!Array.isArray(rawTasks)) return [];\n\n  return rawTasks\n    .map((raw, i): TimelineTask | null => {\n      if (!raw || typeof raw !== 'object') return null;\n      const r = raw as Record<string, unknown>;\n      const start = firstDefined<string>(r, ['start', 'startDate', 'date']);\n      const end = firstDefined<string>(r, ['end', 'endDate']) ?? start;\n      if (!start || !end) return null;\n      const name = firstDefined<string>(r, ['name', 'title', 'label', 'task']) ?? 'Untitled task';\n      const id = firstDefined<string>(r, ['id', 'taskId', '_id']) ?? `${name}-${start}-${i}`;\n      return {\n        id: String(id),\n        name: String(name),\n        start: String(start),\n        end: String(end),\n        progress: typeof r.progress === 'number' ? r.progress : undefined,\n        color: typeof r.color === 'string' ? r.color : undefined,\n        duration: typeof r.duration === 'number' ? r.duration : undefined,\n        dependencies: Array.isArray(r.dependencies) ? (r.dependencies as string[]) : undefined,\n      };\n    })\n    .filter((t): t is TimelineTask => t !== null);\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getProgressColor(progress: number): string {\n  if (progress >= 100) return 'bg-status-success-bg';\n  if (progress >= 50) return 'bg-action-primary-bg';\n  if (progress > 0) return 'bg-status-warning-bg';\n  return 'bg-bg-sunken';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TimelineWidget: FC<TimelineWidgetProps> = memo(function TimelineWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  const tasks = useMemo(() => normalizeTimelineTasks(data), [data]);\n  const milestones = useMemo(() => data?.milestones ?? [], [data]);\n\n  // Calculate date range from the tasks; a milestone-only timeline ranges over its milestones.\n  const { minDate, maxDate, totalDays } = useMemo(() => {\n    const dates = tasks.length\n      ? tasks.flatMap((t) => [new Date(t.start), new Date(t.end)])\n      : milestones.map((m) => new Date(m.date));\n    if (!dates.length) {\n      return { minDate: new Date(), maxDate: new Date(), totalDays: 1 };\n    }\n\n    const min = new Date(Math.min(...dates.map((d) => d.getTime())));\n    const max = new Date(Math.max(...dates.map((d) => d.getTime())));\n    const days = Math.ceil((max.getTime() - min.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n\n    return { minDate: min, maxDate: max, totalDays: days };\n  }, [tasks, milestones]);\n\n  if (!tasks.length && !milestones.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg className=\"w-12 h-12 mx-auto mb-2 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"\n            />\n          </svg>\n          <p>No timeline data</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Header with date range */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-sm font-medium text-text-primary\">Project Timeline</h3>\n        <span className=\"text-xs text-text-secondary\">\n          {minDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} -{' '}\n          {maxDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n        </span>\n      </div>\n\n      {/* Timeline content */}\n      <div className=\"flex-1 space-y-3 overflow-auto\">\n        {tasks.map((task) => {\n          const startDate = new Date(task.start);\n          const endDate = new Date(task.end);\n          const taskDays = Math.ceil((endDate.getTime() - startDate.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n          const startOffset = Math.ceil((startDate.getTime() - minDate.getTime()) / (1000 * 60 * 60 * 24));\n          const progress = task.progress ?? 0;\n\n          // Calculate bar position and width as percentages\n          const leftPercent = (startOffset / totalDays) * 100;\n          const widthPercent = (taskDays / totalDays) * 100;\n\n          return (\n            <div\n              key={task.id}\n              className={`\n                  ${onClick ? 'cursor-pointer' : ''}\n                `}\n              onClick={() => onClick?.(task)}\n            >\n              {/* Task name and progress */}\n              <div className=\"flex items-center justify-between mb-1\">\n                <span className=\"text-xs font-medium text-text-primary truncate max-w-[60%]\">{task.name}</span>\n                <span className=\"text-[10px] text-text-secondary\">{progress}%</span>\n              </div>\n\n              {/* Timeline bar */}\n              <div className=\"relative h-6 bg-bg-sunken rounded overflow-hidden\">\n                {/* Task bar */}\n                <div\n                  className=\"absolute top-1 bottom-1 rounded\"\n                  style={{\n                    left: `${leftPercent}%`,\n                    width: `${Math.max(widthPercent, 5)}%`,\n                    backgroundColor: task.color || 'var(--color-chart-1)',\n                    opacity: 0.3,\n                  }}\n                />\n\n                {/* Progress fill */}\n                <div\n                  className={`absolute top-1 bottom-1 rounded ${getProgressColor(progress)}`}\n                  style={{\n                    left: `${leftPercent}%`,\n                    width: `${Math.max((widthPercent * progress) / 100, 2)}%`,\n                  }}\n                />\n\n                {/* Date labels */}\n                <div\n                  className=\"absolute top-1/2 -translate-y-1/2 text-[9px] text-text-muted\"\n                  style={{ left: `${leftPercent + 1}%` }}\n                >\n                  {startDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Milestones */}\n      {milestones.length > 0 && (\n        <div className=\"mt-4 pt-3 border-t border-border-default\">\n          <p className=\"text-xs font-medium text-text-secondary mb-2\">Milestones</p>\n          <div className=\"flex flex-wrap gap-2\">\n            {milestones.map((milestone) => (\n              <div key={milestone.id} className=\"flex items-center gap-1.5 px-2 py-1 rounded bg-bg-sunken\">\n                <div\n                  className=\"w-2 h-2 rounded-full\"\n                  style={{ backgroundColor: milestone.color || 'var(--color-chart-negative)' }}\n                />\n                <span className=\"text-[10px] text-text-primary\">{milestone.name}</span>\n                <span className=\"text-[10px] text-text-muted\">\n                  {new Date(milestone.date).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default TimelineWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/timeline/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,iBAAiB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/bigconsole/components/widgets/utils/conditionalFormat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"conditionalFormat.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/utils/conditionalFormat.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,4DAA4D;AAC5D,MAAM,MAAM,mBAAmB,GAC3B,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,KAAK,GACL,SAAS,GACT,SAAS,GACT,UAAU,GACV,aAAa,GACb,YAAY,GACZ,UAAU,GACV,SAAS,GACT,YAAY,CAAC;AAEjB;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAEnF,oDAAoD;AACpD,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AAE7F,MAAM,WAAW,gBAAgB;IAC/B,yBAAyB;IACzB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,6CAA6C;IAC7C,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAeD,wDAAwD;AACxD,wBAAgB,YAAY,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAqEjH;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,eAAe,EAAE,GAAG,SAAS,EACpC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAChC,gBAAgB,GAAG,SAAS,CAS9B;AAMD,qEAAqE;AACrE,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,CAc7D;AAkBD,8EAA8E;AAC9E,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,GAAG,MAAM,CAOvF;AAoBD;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,SAAS,GAAG,MAAM,CAY9G;AAED,+EAA+E;AAC/E,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAOlE,CAAC"}

package/dist/bigconsole/components/widgets/utils/conditionalFormat.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"conditionalFormat.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/utils/conditionalFormat.ts"],"sourcesContent":["/**\n * Conditional Formatting Engine (shared)\n *\n * Rule-based styling shared across Table, Chart, KPI and Metric widgets.\n * Rules are stored on the widget `config` (e.g. `config.conditionalRules`) and\n * evaluated per data point. Colors are expressed as *semantic intents*\n * (success/warning/danger/info/neutral) — never raw hex — so theming and\n * dark-mode keep working. The intent is resolved to either a Tailwind class\n * (for DOM cells) or a CSS variable (for SVG charts) at render time.\n */\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/** Comparison operators supported by a conditional rule. */\nexport type ConditionalOperator =\n  | 'gt'\n  | 'gte'\n  | 'lt'\n  | 'lte'\n  | 'eq'\n  | 'neq'\n  | 'between'\n  | 'outside'\n  | 'contains'\n  | 'notContains'\n  | 'startsWith'\n  | 'endsWith'\n  | 'isEmpty'\n  | 'isNotEmpty';\n\n/**\n * Semantic color intent. Maps to `--color-status-*` / neutral tokens so the\n * result is theme-aware. Raw colors are intentionally NOT allowed here.\n */\nexport type SemanticIntent = 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n\n/** Icon hint rendered alongside a matched value. */\nexport type ConditionalIcon = 'arrow-up' | 'arrow-down' | 'flag' | 'check' | 'alert' | 'dot';\n\nexport interface ConditionalStyle {\n  /** Text color intent. */\n  textColor?: SemanticIntent;\n  /** Background color intent (subtle fill). */\n  bgColor?: SemanticIntent;\n  /** Bold the matched value. */\n  bold?: boolean;\n  /** Icon hint to render before the value. */\n  icon?: ConditionalIcon;\n  /** Render an in-cell data bar scaled against `dataBarMax`. */\n  dataBar?: boolean;\n  /** Color intent for the data bar (defaults to `info`). */\n  dataBarColor?: SemanticIntent;\n}\n\nexport interface ConditionalRule {\n  /** Optional stable id (UI keying). */\n  id?: string;\n  /**\n   * Field to test. When omitted, the rule tests the value it is applied to\n   * (e.g. the current cell value or series value).\n   */\n  field?: string;\n  /** Comparison operator. */\n  operator: ConditionalOperator;\n  /** Comparison operand (primary). */\n  value?: string | number;\n  /** Second operand for `between` / `outside`. */\n  value2?: string | number;\n  /** Styling applied when the rule matches. */\n  style: ConditionalStyle;\n}\n\n// ============================================================================\n// Evaluation\n// ============================================================================\n\nfunction toNumber(v: unknown): number | null {\n  if (typeof v === 'number') return Number.isNaN(v) ? null : v;\n  if (typeof v === 'string' && v.trim() !== '') {\n    const n = Number(v);\n    return Number.isNaN(n) ? null : n;\n  }\n  return null;\n}\n\n/** Evaluate a single rule against a candidate value. */\nexport function evaluateRule(rawValue: unknown, rule: ConditionalRule, rowData?: Record<string, unknown>): boolean {\n  // Resolve the value being tested: explicit field on the row, else the raw value.\n  const candidate = rule.field != null && rowData ? rowData[rule.field] : rawValue;\n\n  switch (rule.operator) {\n    case 'isEmpty':\n      return candidate == null || candidate === '';\n    case 'isNotEmpty':\n      return candidate != null && candidate !== '';\n    case 'contains':\n      return String(candidate ?? '')\n        .toLowerCase()\n        .includes(String(rule.value ?? '').toLowerCase());\n    case 'notContains':\n      return !String(candidate ?? '')\n        .toLowerCase()\n        .includes(String(rule.value ?? '').toLowerCase());\n    case 'startsWith':\n      return String(candidate ?? '')\n        .toLowerCase()\n        .startsWith(String(rule.value ?? '').toLowerCase());\n    case 'endsWith':\n      return String(candidate ?? '')\n        .toLowerCase()\n        .endsWith(String(rule.value ?? '').toLowerCase());\n    default:\n      break;\n  }\n\n  // Equality works for both strings and numbers.\n  if (rule.operator === 'eq' || rule.operator === 'neq') {\n    const num = toNumber(candidate);\n    const ruleNum = toNumber(rule.value);\n    const equal =\n      num != null && ruleNum != null ? num === ruleNum : String(candidate ?? '') === String(rule.value ?? '');\n    return rule.operator === 'eq' ? equal : !equal;\n  }\n\n  // Remaining operators are numeric.\n  const num = toNumber(candidate);\n  if (num == null) return false;\n  const a = toNumber(rule.value);\n\n  switch (rule.operator) {\n    case 'gt':\n      return a != null && num > a;\n    case 'gte':\n      return a != null && num >= a;\n    case 'lt':\n      return a != null && num < a;\n    case 'lte':\n      return a != null && num <= a;\n    case 'between': {\n      const b = toNumber(rule.value2);\n      if (a == null || b == null) return false;\n      const lo = Math.min(a, b);\n      const hi = Math.max(a, b);\n      return num >= lo && num <= hi;\n    }\n    case 'outside': {\n      const b = toNumber(rule.value2);\n      if (a == null || b == null) return false;\n      const lo = Math.min(a, b);\n      const hi = Math.max(a, b);\n      return num < lo || num > hi;\n    }\n    default:\n      return false;\n  }\n}\n\n/**\n * Resolve the merged style for a value given an ordered rule list.\n * Later matching rules override earlier ones (last-wins), so order rules from\n * general to specific. Returns `undefined` when nothing matches.\n */\nexport function resolveConditionalStyle(\n  rawValue: unknown,\n  rules: ConditionalRule[] | undefined,\n  rowData?: Record<string, unknown>\n): ConditionalStyle | undefined {\n  if (!rules?.length) return undefined;\n  let merged: ConditionalStyle | undefined;\n  for (const rule of rules) {\n    if (evaluateRule(rawValue, rule, rowData)) {\n      merged = { ...merged, ...rule.style };\n    }\n  }\n  return merged;\n}\n\n// ============================================================================\n// Intent → presentation mapping (theme-safe)\n// ============================================================================\n\n/** CSS variable for a semantic intent's solid color (charts/SVG). */\nexport function intentToCssVar(intent: SemanticIntent): string {\n  switch (intent) {\n    case 'success':\n      return 'var(--color-status-success)';\n    case 'warning':\n      return 'var(--color-status-warning)';\n    case 'danger':\n      return 'var(--color-status-error)';\n    case 'info':\n      return 'var(--color-status-info)';\n    case 'neutral':\n    default:\n      return 'var(--color-text-secondary)';\n  }\n}\n\nconst TEXT_CLASS: Record<SemanticIntent, string> = {\n  success: 'text-status-success-text',\n  warning: 'text-[var(--color-status-warning-text)]',\n  danger: 'text-status-error-text',\n  info: 'text-[var(--color-status-info-text)]',\n  neutral: 'text-text-secondary',\n};\n\nconst BG_CLASS: Record<SemanticIntent, string> = {\n  success: 'bg-status-success-bg',\n  warning: 'bg-status-warning-bg',\n  danger: 'bg-status-error-bg',\n  info: 'bg-status-info-bg',\n  neutral: 'bg-bg-sunken',\n};\n\n/** Build the Tailwind className fragment for a resolved style (DOM cells). */\nexport function conditionalStyleToClassName(style: ConditionalStyle | undefined): string {\n  if (!style) return '';\n  const parts: string[] = [];\n  if (style.textColor) parts.push(TEXT_CLASS[style.textColor]);\n  if (style.bgColor) parts.push(BG_CLASS[style.bgColor]);\n  if (style.bold) parts.push('font-semibold');\n  return parts.join(' ');\n}\n\n/** Subtle background fill class per intent — used for whole-row highlighting. */\nconst ROW_BG_CLASS: Record<SemanticIntent, string> = {\n  success: 'bg-status-success-bg-subtle',\n  warning: 'bg-status-warning-bg-subtle',\n  danger: 'bg-status-error-bg-subtle',\n  info: 'bg-status-info-bg-subtle',\n  neutral: 'bg-bg-sunken',\n};\n\n/** Left-edge accent border class per intent — used for whole-row highlighting. */\nconst ROW_ACCENT_CLASS: Record<SemanticIntent, string> = {\n  success: 'border-l-4 border-status-success-border',\n  warning: 'border-l-4 border-status-warning-border',\n  danger: 'border-l-4 border-status-error-border',\n  info: 'border-l-4 border-status-info-border',\n  neutral: 'border-l-4 border-border-default',\n};\n\n/**\n * Resolve a `<tr>`-level className for a whole row given an ordered rule list.\n * Each rule's `field` is tested against the row; the merged style's `bgColor`\n * (falling back to `textColor`) paints a subtle fill and adds a matching\n * left-edge accent bar, with `bold` emphasising the row text. Returns `''`\n * when nothing matches so default striped row styling is preserved. This is\n * the escalation surface that renders boarding-breach rows in red.\n */\nexport function resolveRowClassName(row: Record<string, unknown>, rules: ConditionalRule[] | undefined): string {\n  const style = resolveConditionalStyle(undefined, rules, row);\n  if (!style) return '';\n  const parts: string[] = [];\n  const fill = style.bgColor ?? style.textColor;\n  if (fill) {\n    parts.push(ROW_BG_CLASS[fill]);\n    parts.push(ROW_ACCENT_CLASS[fill]);\n  }\n  if (style.textColor) parts.push(TEXT_CLASS[style.textColor]);\n  if (style.bold) parts.push('font-semibold');\n  return parts.join(' ');\n}\n\n/** SVG paths for the supported conditional icons (16x16 viewBox 0 0 24 24). */\nexport const CONDITIONAL_ICON_PATHS: Record<ConditionalIcon, string> = {\n  'arrow-up': 'M5 15l7-7 7 7',\n  'arrow-down': 'M19 9l-7 7-7-7',\n  flag: 'M3 21V5a2 2 0 012-2h11l-2 4 2 4H5',\n  check: 'M5 13l4 4L19 7',\n  alert: 'M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z',\n  dot: 'M12 12m-4 0a4 4 0 108 0a4 4 0 10-8 0',\n};\n"],"mappings":";AA8EA,SAAS,EAAS,GAA2B;AAC3C,KAAI,OAAO,KAAM,SAAU,QAAO,OAAO,MAAM,EAAE,GAAG,OAAO;AAC3D,KAAI,OAAO,KAAM,YAAY,EAAE,MAAM,KAAK,IAAI;EAC5C,IAAM,IAAI,OAAO,EAAE;AACnB,SAAO,OAAO,MAAM,EAAE,GAAG,OAAO;;AAElC,QAAO;;AAIT,SAAgB,EAAa,GAAmB,GAAuB,GAA4C;CAEjH,IAAM,IAAY,EAAK,SAAS,QAAQ,IAAU,EAAQ,EAAK,SAAS;AAExE,SAAQ,EAAK,UAAb;EACE,KAAK,UACH,QAAO,KAAa,QAAQ,MAAc;EAC5C,KAAK,aACH,QAAO,KAAa,QAAQ,MAAc;EAC5C,KAAK,WACH,QAAO,OAAO,KAAa,GAAG,CAC3B,aAAa,CACb,SAAS,OAAO,EAAK,SAAS,GAAG,CAAC,aAAa,CAAC;EACrD,KAAK,cACH,QAAO,CAAC,OAAO,KAAa,GAAG,CAC5B,aAAa,CACb,SAAS,OAAO,EAAK,SAAS,GAAG,CAAC,aAAa,CAAC;EACrD,KAAK,aACH,QAAO,OAAO,KAAa,GAAG,CAC3B,aAAa,CACb,WAAW,OAAO,EAAK,SAAS,GAAG,CAAC,aAAa,CAAC;EACvD,KAAK,WACH,QAAO,OAAO,KAAa,GAAG,CAC3B,aAAa,CACb,SAAS,OAAO,EAAK,SAAS,GAAG,CAAC,aAAa,CAAC;EACrD,QACE;;AAIJ,KAAI,EAAK,aAAa,QAAQ,EAAK,aAAa,OAAO;EACrD,IAAM,IAAM,EAAS,EAAU,EACzB,IAAU,EAAS,EAAK,MAAM,EAC9B,IACJ,KAAO,QAAQ,KAAW,OAAO,MAAQ,IAAU,OAAO,KAAa,GAAG,KAAK,OAAO,EAAK,SAAS,GAAG;AACzG,SAAO,EAAK,aAAa,OAAO,IAAQ,CAAC;;CAI3C,IAAM,IAAM,EAAS,EAAU;AAC/B,KAAI,KAAO,KAAM,QAAO;CACxB,IAAM,IAAI,EAAS,EAAK,MAAM;AAE9B,SAAQ,EAAK,UAAb;EACE,KAAK,KACH,QAAO,KAAK,QAAQ,IAAM;EAC5B,KAAK,MACH,QAAO,KAAK,QAAQ,KAAO;EAC7B,KAAK,KACH,QAAO,KAAK,QAAQ,IAAM;EAC5B,KAAK,MACH,QAAO,KAAK,QAAQ,KAAO;EAC7B,KAAK,WAAW;GACd,IAAM,IAAI,EAAS,EAAK,OAAO;AAI/B,UAHI,KAAK,QAAQ,KAAK,OAAa,KAG5B,KAFI,KAAK,IAAI,GAAG,EAAE,IAEL,KADT,KAAK,IAAI,GAAG,EAAE;;EAG3B,KAAK,WAAW;GACd,IAAM,IAAI,EAAS,EAAK,OAAO;AAI/B,UAHI,KAAK,QAAQ,KAAK,OAAa,KAG5B,IAFI,KAAK,IAAI,GAAG,EAAE,IAEN,IADR,KAAK,IAAI,GAAG,EAAE;;EAG3B,QACE,QAAO;;;AASb,SAAgB,EACd,GACA,GACA,GAC8B;AAC9B,KAAI,CAAC,GAAO,OAAQ;CACpB,IAAI;AACJ,MAAK,IAAM,KAAQ,EACjB,CAAI,EAAa,GAAU,GAAM,EAAQ,KACvC,IAAS;EAAE,GAAG;EAAQ,GAAG,EAAK;EAAO;AAGzC,QAAO;;AAQT,SAAgB,EAAe,GAAgC;AAC7D,SAAQ,GAAR;EACE,KAAK,UACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,OACH,QAAO;EAET,QACE,QAAO;;;AAIb,IAAM,IAA6C;CACjD,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,SAAS;CACV,EAEK,IAA2C;CAC/C,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAGD,SAAgB,EAA4B,GAA6C;AACvF,KAAI,CAAC,EAAO,QAAO;CACnB,IAAM,IAAkB,EAAE;AAI1B,QAHI,EAAM,aAAW,EAAM,KAAK,EAAW,EAAM,WAAW,EACxD,EAAM,WAAS,EAAM,KAAK,EAAS,EAAM,SAAS,EAClD,EAAM,QAAM,EAAM,KAAK,gBAAgB,EACpC,EAAM,KAAK,IAAI;;AAIxB,IAAM,IAA+C;CACnD,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,SAAS;CACV,EAGK,IAAmD;CACvD,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAUD,SAAgB,EAAoB,GAA8B,GAA8C;CAC9G,IAAM,IAAQ,EAAwB,KAAA,GAAW,GAAO,EAAI;AAC5D,KAAI,CAAC,EAAO,QAAO;CACnB,IAAM,IAAkB,EAAE,EACpB,IAAO,EAAM,WAAW,EAAM;AAOpC,QANI,MACF,EAAM,KAAK,EAAa,GAAM,EAC9B,EAAM,KAAK,EAAiB,GAAM,GAEhC,EAAM,aAAW,EAAM,KAAK,EAAW,EAAM,WAAW,EACxD,EAAM,QAAM,EAAM,KAAK,gBAAgB,EACpC,EAAM,KAAK,IAAI;;AAIxB,IAAa,IAA0D;CACrE,YAAY;CACZ,cAAc;CACd,MAAM;CACN,OAAO;CACP,OAAO;CACP,KAAK;CACN"}

package/dist/bigconsole/components/widgets/utils/inferFields.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inferFields.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/utils/inferFields.ts"],"names":[],"mappings":"AAoBA;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,IAAI,CAc1D;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAK5E;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAa5D;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAe5D;AAeD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAcjF"}

package/dist/bigconsole/components/widgets/utils/inferFields.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inferFields.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/utils/inferFields.ts"],"sourcesContent":["// Shared helpers for inferring widget field mappings from parser output\n// when the user hasn't set them explicitly (BOFF-2246). The goal is that\n// binding a widget to a valid parser produces something visible by default\n// — not a permanent \"No data\" state until the user opens config.\n\n/**\n * Coerce a value to a finite number. Accepts numeric primitives and\n * numeric-looking non-empty strings (`\"42\"`, `\"3.14\"`). Empty strings,\n * `NaN`, `Infinity`, and non-numeric strings return null. Used so the\n * widget helpers handle parsers that serialize metrics as strings.\n */\nfunction toFiniteNumber(v: unknown): number | null {\n  if (typeof v === 'number') return Number.isFinite(v) ? v : null;\n  if (typeof v === 'string' && v.trim() !== '') {\n    const n = Number(v);\n    if (Number.isFinite(n)) return n;\n  }\n  return null;\n}\n\n/**\n * Return the full row array from `data`, unwrapping common envelopes\n * (`{data: [...]}`, `{items: [...]}`, `{rows: [...]}`) so callers can scan\n * every row — not just the first. Widgets use this to honor a configured\n * `valueField` authoritatively on sparse/heterogeneous payloads where the\n * first row happens not to carry the field.\n */\nexport function unwrapRows(data: unknown): unknown[] | null {\n  if (Array.isArray(data)) return data;\n  if (data && typeof data === 'object') {\n    const obj = data as Record<string, unknown>;\n    // Pick the first envelope key whose value is actually an array. Using\n    // `obj.data ?? obj.items ?? obj.rows` would short-circuit on any non-null\n    // value — including non-array metadata like `data: { page: 1 }` — and\n    // leave a valid row array under `items`/`rows` unreachable.\n    for (const key of ['data', 'items', 'rows'] as const) {\n      const candidate = obj[key];\n      if (Array.isArray(candidate)) return candidate;\n    }\n  }\n  return null;\n}\n\n/**\n * Return the first object-shaped row of `data`, unwrapping common envelopes\n * (`{data: [...]}`, `{items: [...]}`, `{rows: [...]}`) so parsers that emit\n * either a bare array or a wrapped one both work.\n */\nexport function firstObjectRow(data: unknown): Record<string, unknown> | null {\n  const rows = unwrapRows(data);\n  if (!rows || rows.length === 0) return null;\n  const first = rows[0];\n  return first && typeof first === 'object' ? (first as Record<string, unknown>) : null;\n}\n\n/**\n * First numeric-like key of the first row, or null. \"Numeric-like\" includes\n * numeric primitives and strings that parse to finite numbers, so parsers\n * that serialize metrics as strings (`{ value: \"42\" }`) are still matched.\n *\n * Accepts either a dataset (array or envelope) OR an already-unwrapped row.\n * When the input is a non-array object, the row interpretation is tried\n * first — otherwise a row that happens to contain a nested `data`/`items`/\n * `rows` array would be re-unwrapped, and the inferred key would come from\n * the nested object rather than the caller's actual row.\n */\nexport function inferValueField(data: unknown): string | null {\n  if (data && typeof data === 'object' && !Array.isArray(data)) {\n    for (const [k, v] of Object.entries(data as Record<string, unknown>)) {\n      if (toFiniteNumber(v) !== null) return k;\n    }\n    // No numeric at top level — fall through to envelope/array unwrap.\n  }\n  const row = firstObjectRow(data);\n  if (!row) return null;\n  for (const [k, v] of Object.entries(row)) {\n    if (toFiniteNumber(v) !== null) return k;\n  }\n  return null;\n}\n\n/**\n * First string key of the first row whose value is a non-numeric string.\n * Skips numeric-looking strings so they remain available for\n * `inferValueField` and don't accidentally become labels.\n *\n * Same row-first / unwrap-fallback ordering as `inferValueField` for\n * consistency with already-unwrapped row inputs.\n */\nexport function inferLabelField(data: unknown): string | null {\n  const isStringLabel = (v: unknown): boolean =>\n    typeof v === 'string' && v.trim().length > 0 && toFiniteNumber(v) === null;\n\n  if (data && typeof data === 'object' && !Array.isArray(data)) {\n    for (const [k, v] of Object.entries(data as Record<string, unknown>)) {\n      if (isStringLabel(v)) return k;\n    }\n  }\n  const row = firstObjectRow(data);\n  if (!row) return null;\n  for (const [k, v] of Object.entries(row)) {\n    if (isStringLabel(v)) return k;\n  }\n  return null;\n}\n\n/**\n * Resolve a possibly-dotted field path on a row. `inferMaxValue` uses this\n * so dotted `config.valueField` (e.g. `metrics.revenue`) works the same as\n * flat (e.g. `revenue`).\n */\nfunction getFieldValue(row: unknown, field: string): unknown {\n  if (!row || typeof row !== 'object') return undefined;\n  if (!field.includes('.')) return (row as Record<string, unknown>)[field];\n  return field.split('.').reduce<unknown>((current, key) => {\n    return current && typeof current === 'object' ? (current as Record<string, unknown>)[key] : undefined;\n  }, row);\n}\n\n/**\n * For a dataset with more than one row, pick the max numeric value of\n * `field` (defaulting to `inferValueField`). `field` may be a dotted path\n * and is resolved per-row; row values may be numbers or numeric strings\n * (parsed via `toFiniteNumber`). For single-row or non-array data, returns\n * null so callers fall back to their own defaults — avoids the degenerate\n * case where `max === value` renders progress as 100%.\n */\nexport function inferMaxValue(data: unknown, field?: string | null): number | null {\n  const rows = unwrapRows(data);\n  // Need at least 2 rows to infer a meaningful max.\n  if (!rows || rows.length < 2) return null;\n\n  const key = field ?? inferValueField(rows);\n  if (!key) return null;\n\n  let max = -Infinity;\n  for (const row of rows) {\n    const coerced = toFiniteNumber(getFieldValue(row, key));\n    if (coerced !== null && coerced > max) max = coerced;\n  }\n  return max === -Infinity ? null : max;\n}\n"],"mappings":";AAWA,SAAS,EAAe,GAA2B;AACjD,KAAI,OAAO,KAAM,SAAU,QAAO,OAAO,SAAS,EAAE,GAAG,IAAI;AAC3D,KAAI,OAAO,KAAM,YAAY,EAAE,MAAM,KAAK,IAAI;EAC5C,IAAM,IAAI,OAAO,EAAE;AACnB,MAAI,OAAO,SAAS,EAAE,CAAE,QAAO;;AAEjC,QAAO;;AAUT,SAAgB,EAAW,GAAiC;AAC1D,KAAI,MAAM,QAAQ,EAAK,CAAE,QAAO;AAChC,KAAI,KAAQ,OAAO,KAAS,UAAU;EACpC,IAAM,IAAM;AAKZ,OAAK,IAAM,KAAO;GAAC;GAAQ;GAAS;GAAO,EAAW;GACpD,IAAM,IAAY,EAAI;AACtB,OAAI,MAAM,QAAQ,EAAU,CAAE,QAAO;;;AAGzC,QAAO;;AAQT,SAAgB,EAAe,GAA+C;CAC5E,IAAM,IAAO,EAAW,EAAK;AAC7B,KAAI,CAAC,KAAQ,EAAK,WAAW,EAAG,QAAO;CACvC,IAAM,IAAQ,EAAK;AACnB,QAAO,KAAS,OAAO,KAAU,WAAY,IAAoC;;AAcnF,SAAgB,EAAgB,GAA8B;AAC5D,KAAI,KAAQ,OAAO,KAAS,YAAY,CAAC,MAAM,QAAQ,EAAK;OACrD,IAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,EAAgC,CAClE,KAAI,EAAe,EAAE,KAAK,KAAM,QAAO;;CAI3C,IAAM,IAAM,EAAe,EAAK;AAChC,KAAI,CAAC,EAAK,QAAO;AACjB,MAAK,IAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,EAAI,CACtC,KAAI,EAAe,EAAE,KAAK,KAAM,QAAO;AAEzC,QAAO;;AAiCT,SAAS,EAAc,GAAc,GAAwB;AACvD,QAAC,KAAO,OAAO,KAAQ,UAE3B,QADK,EAAM,SAAS,IAAI,GACjB,EAAM,MAAM,IAAI,CAAC,QAAiB,GAAS,MACzC,KAAW,OAAO,KAAY,WAAY,EAAoC,KAAO,KAAA,GAC3F,EAAI,GAH2B,EAAgC;;AAcpE,SAAgB,EAAc,GAAe,GAAsC;CACjF,IAAM,IAAO,EAAW,EAAK;AAE7B,KAAI,CAAC,KAAQ,EAAK,SAAS,EAAG,QAAO;CAErC,IAAM,IAAM,KAAS,EAAgB,EAAK;AAC1C,KAAI,CAAC,EAAK,QAAO;CAEjB,IAAI,IAAM;AACV,MAAK,IAAM,KAAO,GAAM;EACtB,IAAM,IAAU,EAAe,EAAc,GAAK,EAAI,CAAC;AACvD,EAAI,MAAY,QAAQ,IAAU,MAAK,IAAM;;AAE/C,QAAO,MAAQ,YAAY,OAAO"}

package/dist/bigconsole/components/widgets/utils/targetProgress.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"targetProgress.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/utils/targetProgress.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAO/G;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAE3D"}

package/dist/bigconsole/components/widgets/utils/targetProgress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"targetProgress.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/utils/targetProgress.ts"],"sourcesContent":["/**\n * Shared target-progress maths for widgets that render a \"vs target\" bar.\n *\n * Kept in one place so the KPI comparison and metric card widgets cannot drift\n * apart on the guard conditions — both previously divided by the target with no\n * protection and rendered \"NaN%\" / \"Infinity%\".\n */\n\n/**\n * Progress toward a target, as a percentage.\n *\n * Returns null whenever no meaningful ratio exists, so callers can suppress the\n * whole target block rather than render a broken figure:\n * - a non-numeric value (parser output may be a string, e.g. a status flag)\n * - an absent, zero or non-finite target (JSON payloads carry `0` and `null`)\n *\n * `Number.isFinite` does not coerce, so a runtime `null` is rejected too.\n */\nexport function getTargetProgress(value: number | string | undefined, target: number | undefined): number | null {\n  if (typeof value !== 'number' || !Number.isFinite(value)) return null;\n  // Order matters: the `undefined` check narrows `target` to `number`, so no\n  // cast is needed (`Number.isFinite` is not a TypeScript type guard).\n  if (target === undefined || target === 0 || !Number.isFinite(target)) return null;\n  const progress = (value / target) * 100;\n  return Number.isFinite(progress) ? progress : null;\n}\n\n/**\n * Clamp a progress percentage to a CSS-safe bar width.\n *\n * A negative value would otherwise emit a negative width, which the browser\n * drops entirely, leaving the bar at its previous size.\n */\nexport function clampProgressWidth(progress: number): number {\n  return Math.min(Math.max(progress, 0), 100);\n}\n"],"mappings":";AAkBA,SAAgB,EAAkB,GAAoC,GAA2C;AAI/G,KAHI,OAAO,KAAU,YAAY,CAAC,OAAO,SAAS,EAAM,IAGpD,MAAW,KAAA,KAAa,MAAW,KAAK,CAAC,OAAO,SAAS,EAAO,CAAE,QAAO;CAC7E,IAAM,IAAY,IAAQ,IAAU;AACpC,QAAO,OAAO,SAAS,EAAS,GAAG,IAAW;;AAShD,SAAgB,EAAmB,GAA0B;AAC3D,QAAO,KAAK,IAAI,KAAK,IAAI,GAAU,EAAE,EAAE,IAAI"}

package/dist/bigconsole/components/widgets/utils/translate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"translate.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/utils/translate.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,MAAM,iBAAiB,GAAG,CAC9B,GAAG,EAAE,MAAM,EACX,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAC3D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KACrC,MAAM,CAAC;AAEZ;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,iBAO/B,CAAC"}

package/dist/bigconsole/components/widgets/utils/translate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"translate.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/utils/translate.ts"],"sourcesContent":["/**\n * Provider-free translator contract (BOFF-7926).\n *\n * Mirrors the fe-libs `useI18n().t` call shape used by widget views, so a view\n * can be rendered either in-app (real translator) or in the public embed bundle\n * (static fallback translator, no provider, no storage access).\n */\n\nexport type WidgetTranslateFn = (\n  key: string,\n  fallbackOrParams?: string | Record<string, string | number>,\n  params?: Record<string, string | number>\n) => string;\n\n/**\n * Static translator: returns the inline English fallback with `{{name}}`\n * placeholders interpolated. Used where no I18nProvider is mounted.\n */\nexport const fallbackTranslate: WidgetTranslateFn = (key, fallbackOrParams, params) => {\n  const template = typeof fallbackOrParams === 'string' ? fallbackOrParams : key;\n  const values = typeof fallbackOrParams === 'object' ? fallbackOrParams : params;\n  if (!values) return template;\n  return template.replace(/\\{\\{\\s*(\\w+)\\s*\\}\\}/g, (match, name: string) =>\n    Object.prototype.hasOwnProperty.call(values, name) ? String(values[name]) : match\n  );\n};\n"],"mappings":";AAkBA,IAAa,KAAwC,GAAK,GAAkB,MAAW;CACrF,IAAM,IAAW,OAAO,KAAqB,WAAW,IAAmB,GACrE,IAAS,OAAO,KAAqB,WAAW,IAAmB;AAEzE,QADK,IACE,EAAS,QAAQ,yBAAyB,GAAO,MACtD,OAAO,UAAU,eAAe,KAAK,GAAQ,EAAK,GAAG,OAAO,EAAO,GAAM,GAAG,EAC7E,GAHmB"}

package/dist/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WebhookConfigPanel.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAGL,KAAK,mBAAmB,EAIzB,MAAM,iCAAiC,CAAC;AAMzC,MAAM,WAAW,uBAAuB;IACtC,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC1D,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AA6dD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgI/D,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/dist/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WebhookConfigPanel.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.tsx"],"sourcesContent":["/**\n * WebhookConfigPanel Component (v2.0)\n *\n * Panel for managing event webhook mappings.\n * Allows creating, editing, testing, and deleting webhooks.\n */\n\nimport React, { memo, useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  useEventWebhooks,\n  type HttpMethod,\n  type EventWebhookMapping,\n  type CreateEventWebhookMappingInput,\n  type UpdateEventWebhookMappingInput,\n  type WebhookTestResult,\n} from '../../../hooks/useEventWebhooks';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WebhookConfigPanelProps {\n  /** Dashboard ID for webhook scope */\n  dashboardId?: string;\n  /** Widget ID for webhook scope */\n  widgetId?: string;\n  /** Callback when webhook is created */\n  onWebhookCreated?: (webhook: EventWebhookMapping) => void;\n  /** Callback when webhook is deleted */\n  onWebhookDeleted?: (id: string) => void;\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\n/**\n * Section emphasis (BOFF-5636). This panel used to draw its own card (16px\n * padding, surface fill, 8px radius) and its own 16px `<h3>Webhook\n * Configuration</h3>` — directly beneath the inspector's own 14px \"Webhooks\"\n * heading, so the child heading was larger than its parent. The owning\n * `<Section>` now supplies the surface, the heading and the description; this\n * component supplies only the toolbar, the list and the form.\n */\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 'var(--space-formGap)',\n    minWidth: 0,\n  } as React.CSSProperties,\n  header: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'flex-end',\n    alignItems: 'center',\n    gap: 'var(--space-controlGap)',\n  } as React.CSSProperties,\n  addButton: {\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 var(--space-formGap)',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    color: 'var(--color-action-primary-text)',\n    border: 'none',\n    borderRadius: 'var(--radius-button)',\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 500,\n    cursor: 'pointer',\n  } as React.CSSProperties,\n  webhookList: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '12px',\n  } as React.CSSProperties,\n  webhookCard: {\n    padding: 'var(--space-cardPadding)',\n    backgroundColor: 'var(--color-bg-sunken)',\n    borderRadius: 'var(--radius-card)',\n    border: '1px solid var(--color-border-subtle)',\n    minWidth: 0,\n  } as React.CSSProperties,\n  webhookHeader: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'space-between',\n    alignItems: 'flex-start',\n    gap: 'var(--space-iconGap)',\n    marginBottom: '8px',\n    minWidth: 0,\n  } as React.CSSProperties,\n  webhookTitle: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    gap: '8px',\n    minWidth: 0,\n  } as React.CSSProperties,\n  webhookName: {\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 600,\n    color: 'var(--color-text-primary)',\n    wordBreak: 'break-word',\n  } as React.CSSProperties,\n  statusBadge: {\n    padding: '2px 8px',\n    borderRadius: '12px',\n    fontSize: '12px',\n    fontWeight: 500,\n  } as React.CSSProperties,\n  activeBadge: {\n    backgroundColor: 'var(--color-status-success-bgSubtle)',\n    color: 'var(--color-status-success-text)',\n  } as React.CSSProperties,\n  inactiveBadge: {\n    backgroundColor: 'var(--color-status-warning-bgSubtle)',\n    color: 'var(--color-status-warning-text)',\n  } as React.CSSProperties,\n  webhookDetails: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n    marginBottom: '4px',\n  } as React.CSSProperties,\n  webhookUrl: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-muted)',\n    fontFamily: 'var(--font-family-mono)',\n    wordBreak: 'break-all',\n  } as React.CSSProperties,\n  // Four buttons in a 420px sheet: they wrap rather than overflow the panel.\n  webhookActions: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '8px',\n    marginTop: '12px',\n  } as React.CSSProperties,\n  actionButton: {\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 12px',\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 500,\n    borderRadius: 'var(--radius-button)',\n    border: 'none',\n    cursor: 'pointer',\n  } as React.CSSProperties,\n  editButton: {\n    backgroundColor: 'var(--color-bg-sunken)',\n    color: 'var(--color-text-primary)',\n  } as React.CSSProperties,\n  testButton: {\n    backgroundColor: 'var(--color-status-info-bgSubtle)',\n    color: 'var(--color-status-info-text)',\n  } as React.CSSProperties,\n  deleteButton: {\n    backgroundColor: 'var(--color-status-error-bgSubtle)',\n    color: 'var(--color-status-error-text)',\n  } as React.CSSProperties,\n  toggleButton: {\n    backgroundColor: 'var(--color-bg-sunken)',\n    color: 'var(--color-text-muted)',\n  } as React.CSSProperties,\n  emptyState: {\n    textAlign: 'center',\n    padding: 'var(--space-pagePadding) var(--space-formGap)',\n    color: 'var(--color-text-secondary)',\n    backgroundColor: 'var(--color-status-info-bgSubtle)',\n    border: '1px solid var(--color-status-info-border)',\n    borderRadius: 'var(--radius-card)',\n  } as React.CSSProperties,\n  emptyTitle: {\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 600,\n    color: 'var(--color-status-info-text)',\n    margin: 0,\n  } as React.CSSProperties,\n  form: {\n    padding: 'var(--space-cardPadding)',\n    backgroundColor: 'var(--color-bg-sunken)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-card)',\n    minWidth: 0,\n  } as React.CSSProperties,\n  formGroup: {\n    marginBottom: '12px',\n  } as React.CSSProperties,\n  label: {\n    display: 'block',\n    fontSize: '13px',\n    fontWeight: 500,\n    color: 'var(--color-text-primary)',\n    marginBottom: '4px',\n  } as React.CSSProperties,\n  input: {\n    width: '100%',\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '8px 12px',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-primary)',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-input)',\n    boxSizing: 'border-box',\n  } as React.CSSProperties,\n  select: {\n    width: '100%',\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '8px 12px',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-primary)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-input)',\n    boxSizing: 'border-box',\n    backgroundColor: 'var(--color-bg-surface)',\n  } as React.CSSProperties,\n  textarea: {\n    width: '100%',\n    padding: '8px 12px',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-primary)',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-input)',\n    boxSizing: 'border-box',\n    fontFamily: 'var(--font-family-mono)',\n    minHeight: '80px',\n    resize: 'vertical',\n  } as React.CSSProperties,\n  formActions: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '8px',\n    justifyContent: 'flex-end',\n    marginTop: 'var(--space-formGap)',\n  } as React.CSSProperties,\n  cancelButton: {\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 var(--space-formGap)',\n    backgroundColor: 'var(--color-bg-surface)',\n    color: 'var(--color-text-primary)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-button)',\n    fontSize: 'var(--font-size-body-sm)',\n    cursor: 'pointer',\n  } as React.CSSProperties,\n  saveButton: {\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 var(--space-formGap)',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    color: 'var(--color-action-primary-text)',\n    border: 'none',\n    borderRadius: 'var(--radius-button)',\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 500,\n    cursor: 'pointer',\n  } as React.CSSProperties,\n  testResult: {\n    marginTop: '12px',\n    padding: '12px',\n    borderRadius: '6px',\n    fontSize: '13px',\n  } as React.CSSProperties,\n  testSuccess: {\n    backgroundColor: 'var(--color-status-success-bgSubtle)',\n    color: 'var(--color-status-success-text)',\n  } as React.CSSProperties,\n  testFailure: {\n    backgroundColor: 'var(--color-status-error-bgSubtle)',\n    color: 'var(--color-status-error-text)',\n  } as React.CSSProperties,\n  helpText: {\n    fontSize: '12px',\n    color: 'var(--color-text-placeholder)',\n    marginTop: '4px',\n  } as React.CSSProperties,\n};\n\n// ============================================================================\n// Webhook Form Component\n// ============================================================================\n\ninterface WebhookFormProps {\n  webhook?: EventWebhookMapping;\n  dashboardId?: string;\n  widgetId?: string;\n  onSave: (data: CreateEventWebhookMappingInput | UpdateEventWebhookMappingInput) => Promise<void>;\n  onCancel: () => void;\n  loading?: boolean;\n}\n\nconst WebhookForm: React.FC<WebhookFormProps> = memo(function WebhookForm({\n  webhook,\n  dashboardId,\n  widgetId,\n  onSave,\n  onCancel,\n  loading,\n}) {\n  const { t } = useI18n();\n  const [eventPattern, setEventPattern] = useState(webhook?.eventPattern || 'widget:*:clicked');\n  const [webhookUrl, setWebhookUrl] = useState(webhook?.webhookUrl || '');\n  const [method, setMethod] = useState(webhook?.method || 'POST');\n  const [headers, setHeaders] = useState(webhook?.headers ? JSON.stringify(webhook.headers, null, 2) : '');\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    let parsedHeaders: Record<string, string> | undefined;\n    if (headers.trim()) {\n      try {\n        parsedHeaders = JSON.parse(headers);\n      } catch {\n        alert(t('bigconsole.widget.webhookConfig.invalidJson', 'Invalid JSON in headers field'));\n        return;\n      }\n    }\n\n    if (webhook) {\n      // Update\n      await onSave({\n        id: webhook.id,\n        eventPattern,\n        webhookUrl,\n        method: method as 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE',\n        headers: parsedHeaders || null,\n      });\n    } else {\n      // Create\n      await onSave({\n        dashboardId,\n        widgetId,\n        eventPattern,\n        webhookUrl,\n        method: method as 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE',\n        headers: parsedHeaders,\n      });\n    }\n  };\n\n  return (\n    <form style={styles.form} onSubmit={handleSubmit}>\n      <div style={styles.formGroup}>\n        <label style={styles.label}>{t('bigconsole.widget.webhookConfig.eventPatternLabel', 'Event Pattern *')}</label>\n        <input\n          type=\"text\"\n          value={eventPattern}\n          onChange={(e) => setEventPattern(e.target.value)}\n          placeholder=\"widget:*:clicked\"\n          style={styles.input}\n          required\n        />\n        <p style={styles.helpText}>\n          {t(\n            'bigconsole.widget.webhookConfig.eventPatternHelp',\n            'Use * as wildcard. Examples: widget:*:clicked, *:submit, button:save:*'\n          )}\n        </p>\n      </div>\n\n      <div style={styles.formGroup}>\n        <label style={styles.label}>{t('bigconsole.widget.webhookConfig.webhookUrlLabel', 'Webhook URL *')}</label>\n        <input\n          type=\"url\"\n          value={webhookUrl}\n          onChange={(e) => setWebhookUrl(e.target.value)}\n          placeholder=\"https://your-api.com/webhooks/bigconsole\"\n          style={styles.input}\n          required\n        />\n      </div>\n\n      <div style={styles.formGroup}>\n        <label style={styles.label}>{t('bigconsole.widget.webhookConfig.httpMethodLabel', 'HTTP Method')}</label>\n        <select value={method} onChange={(e) => setMethod(e.target.value as HttpMethod)} style={styles.select}>\n          <option value=\"POST\">POST</option>\n          <option value=\"PUT\">PUT</option>\n          <option value=\"PATCH\">PATCH</option>\n          <option value=\"GET\">GET</option>\n          <option value=\"DELETE\">DELETE</option>\n        </select>\n      </div>\n\n      <div style={styles.formGroup}>\n        <label style={styles.label}>\n          {t('bigconsole.widget.webhookConfig.customHeadersLabel', 'Custom Headers (JSON)')}\n        </label>\n        <textarea\n          value={headers}\n          onChange={(e) => setHeaders(e.target.value)}\n          placeholder={'{\\n  \"Authorization\": \"Bearer your-token\"\\n}'}\n          style={styles.textarea as React.CSSProperties}\n        />\n      </div>\n\n      <div style={styles.formActions}>\n        <button type=\"button\" onClick={onCancel} style={styles.cancelButton}>\n          {t('bigconsole.widget.webhookConfig.cancel', 'Cancel')}\n        </button>\n        <button type=\"submit\" disabled={loading} style={styles.saveButton}>\n          {loading\n            ? t('bigconsole.widget.webhookConfig.saving', 'Saving...')\n            : webhook\n              ? t('bigconsole.widget.webhookConfig.updateWebhook', 'Update Webhook')\n              : t('bigconsole.widget.webhookConfig.createWebhook', 'Create Webhook')}\n        </button>\n      </div>\n    </form>\n  );\n});\n\n// ============================================================================\n// Webhook Card Component\n// ============================================================================\n\ninterface WebhookCardProps {\n  webhook: EventWebhookMapping;\n  onEdit: () => void;\n  onDelete: () => void;\n  onToggle: () => void;\n  onTest: () => void;\n  testResult?: WebhookTestResult | null;\n  testing?: boolean;\n}\n\nconst WebhookCard: React.FC<WebhookCardProps> = memo(function WebhookCard({\n  webhook,\n  onEdit,\n  onDelete,\n  onToggle,\n  onTest,\n  testResult,\n  testing,\n}) {\n  const { t } = useI18n();\n  return (\n    <div style={styles.webhookCard}>\n      <div style={styles.webhookHeader}>\n        <div style={styles.webhookTitle}>\n          <span style={styles.webhookName}>{webhook.eventPattern}</span>\n          <span\n            style={{\n              ...styles.statusBadge,\n              ...(webhook.isActive ? styles.activeBadge : styles.inactiveBadge),\n            }}\n          >\n            {webhook.isActive\n              ? t('bigconsole.widget.webhookConfig.active', 'Active')\n              : t('bigconsole.widget.webhookConfig.inactive', 'Inactive')}\n          </span>\n        </div>\n      </div>\n\n      <div style={styles.webhookDetails}>\n        {t('bigconsole.widget.webhookConfig.methodLabel', 'Method:')} <strong>{webhook.method}</strong>\n      </div>\n      <div style={styles.webhookUrl}>{webhook.webhookUrl}</div>\n\n      {testResult && (\n        <div\n          role=\"status\"\n          style={{\n            ...styles.testResult,\n            ...(testResult.success ? styles.testSuccess : styles.testFailure),\n          }}\n        >\n          {testResult.success ? (\n            <>\n              {t(\n                'bigconsole.widget.webhookConfig.testSuccess',\n                'Test successful! Status: {{statusCode}}, Latency: {{latencyMs}}ms',\n                { statusCode: testResult.statusCode ?? '', latencyMs: testResult.latencyMs ?? '' }\n              )}\n            </>\n          ) : (\n            <>\n              {t('bigconsole.widget.webhookConfig.testFailure', 'Test failed: {{error}}', {\n                error: testResult.errorMessage || t('bigconsole.widget.webhookConfig.unknownError', 'Unknown error'),\n              })}\n            </>\n          )}\n        </div>\n      )}\n\n      <div style={styles.webhookActions}>\n        <button onClick={onEdit} style={{ ...styles.actionButton, ...styles.editButton }}>\n          {t('bigconsole.widget.webhookConfig.edit', 'Edit')}\n        </button>\n        <button onClick={onTest} disabled={testing} style={{ ...styles.actionButton, ...styles.testButton }}>\n          {testing\n            ? t('bigconsole.widget.webhookConfig.testing', 'Testing...')\n            : t('bigconsole.widget.webhookConfig.test', 'Test')}\n        </button>\n        <button onClick={onToggle} style={{ ...styles.actionButton, ...styles.toggleButton }}>\n          {webhook.isActive\n            ? t('bigconsole.widget.webhookConfig.disable', 'Disable')\n            : t('bigconsole.widget.webhookConfig.enable', 'Enable')}\n        </button>\n        <button onClick={onDelete} style={{ ...styles.actionButton, ...styles.deleteButton }}>\n          {t('bigconsole.widget.webhookConfig.delete', 'Delete')}\n        </button>\n      </div>\n    </div>\n  );\n});\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const WebhookConfigPanel: React.FC<WebhookConfigPanelProps> = memo(function WebhookConfigPanel({\n  dashboardId,\n  widgetId,\n  onWebhookCreated,\n  onWebhookDeleted,\n}) {\n  const { t } = useI18n();\n  const [showForm, setShowForm] = useState(false);\n  const [editingWebhook, setEditingWebhook] = useState<EventWebhookMapping | null>(null);\n  const [testResults, setTestResults] = useState<Record<string, WebhookTestResult | null>>({});\n  const [testingId, setTestingId] = useState<string | null>(null);\n\n  const { webhooks, loading, createWebhook, updateWebhook, deleteWebhook, toggleWebhook, testWebhook } =\n    useEventWebhooks({ dashboardId, widgetId });\n\n  const handleSave = useCallback(\n    async (data: CreateEventWebhookMappingInput | UpdateEventWebhookMappingInput) => {\n      if ('id' in data) {\n        const result = await updateWebhook(data);\n        if (result) {\n          setEditingWebhook(null);\n          setShowForm(false);\n        }\n      } else {\n        const result = await createWebhook(data);\n        if (result) {\n          setShowForm(false);\n          onWebhookCreated?.(result);\n        }\n      }\n    },\n    [createWebhook, updateWebhook, onWebhookCreated]\n  );\n\n  const handleDelete = useCallback(\n    async (id: string) => {\n      if (\n        confirm(t('bigconsole.widget.webhookConfig.deleteConfirm', 'Are you sure you want to delete this webhook?'))\n      ) {\n        const success = await deleteWebhook(id);\n        if (success) {\n          onWebhookDeleted?.(id);\n        }\n      }\n    },\n    [deleteWebhook, onWebhookDeleted, t]\n  );\n\n  const handleToggle = useCallback(\n    async (webhook: EventWebhookMapping) => {\n      await toggleWebhook(webhook.id, !webhook.isActive);\n    },\n    [toggleWebhook]\n  );\n\n  const handleTest = useCallback(\n    async (id: string) => {\n      setTestingId(id);\n      const result = await testWebhook(id);\n      setTestResults((prev) => ({ ...prev, [id]: result }));\n      setTestingId(null);\n    },\n    [testWebhook]\n  );\n\n  const handleEdit = useCallback((webhook: EventWebhookMapping) => {\n    setEditingWebhook(webhook);\n    setShowForm(true);\n  }, []);\n\n  const handleCancel = useCallback(() => {\n    setShowForm(false);\n    setEditingWebhook(null);\n  }, []);\n\n  return (\n    <div style={styles.container} data-testid=\"webhook-config-panel\">\n      {!showForm && (\n        <div style={styles.header}>\n          <button type=\"button\" onClick={() => setShowForm(true)} style={styles.addButton}>\n            {t('bigconsole.widget.webhookConfig.addWebhook', '+ Add Webhook')}\n          </button>\n        </div>\n      )}\n\n      {showForm && (\n        <WebhookForm\n          webhook={editingWebhook || undefined}\n          dashboardId={dashboardId}\n          widgetId={widgetId}\n          onSave={handleSave}\n          onCancel={handleCancel}\n          loading={loading}\n        />\n      )}\n\n      {loading && webhooks.length === 0 ? (\n        <div style={styles.emptyState} role=\"status\">\n          <p style={styles.emptyTitle}>{t('bigconsole.widget.webhookConfig.loading', 'Loading...')}</p>\n        </div>\n      ) : webhooks.length === 0 ? (\n        <div style={styles.emptyState} role=\"status\">\n          <p style={styles.emptyTitle}>{t('bigconsole.widget.webhookConfig.noWebhooks', 'No webhooks configured')}</p>\n          <p style={{ fontSize: 'var(--font-size-body-sm)', marginTop: '8px' }}>\n            {t(\n              'bigconsole.widget.webhookConfig.noWebhooksHelp',\n              'Add a webhook to receive events when actions are triggered.'\n            )}\n          </p>\n        </div>\n      ) : (\n        <div style={styles.webhookList as React.CSSProperties}>\n          {webhooks.map((webhook) => (\n            <WebhookCard\n              key={webhook.id}\n              webhook={webhook}\n              onEdit={() => handleEdit(webhook)}\n              onDelete={() => handleDelete(webhook.id)}\n              onToggle={() => handleToggle(webhook)}\n              onTest={() => handleTest(webhook.id)}\n              testResult={testResults[webhook.id]}\n              testing={testingId === webhook.id}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default WebhookConfigPanel;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/webhook-config/index.d.ts.map

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

package/dist/bigconsole/components/widgets/widget-actions/WidgetActions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetActions.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/widget-actions/WidgetActions.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkE,MAAM,OAAO,CAAC;AAGvF,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAOnG,MAAM,WAAW,kBAAkB;IACjC,gCAAgC;IAChC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,6CAA6C;IAC7C,OAAO,EAAE,aAAa,CAAC;IACvB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC1F,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6gBD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmIrD,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/bigconsole/components/widgets/widget-actions/WidgetActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetActions.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/widget-actions/WidgetActions.tsx"],"sourcesContent":["/**\n * Widget Actions Component (v2.0)\n *\n * Renders interactive action buttons for widgets.\n * Supports multiple action types, styles, confirmation dialogs, and icons.\n */\n\nimport React, { memo, useCallback, useState, useMemo, useRef, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport type { WidgetAction, ActionContext, ActionResult } from '../../../renderers/types/renderer';\nimport { BIGCONSOLE_PERMISSIONS } from '../../../../constants/permissions';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WidgetActionsProps {\n  /** List of actions to render */\n  actions: WidgetAction[];\n  /** Action context (widget ID, data, etc.) */\n  context: ActionContext;\n  /** Callback when action is triggered */\n  onAction?: (action: WidgetAction, context: ActionContext) => Promise<ActionResult | void>;\n  /** Whether actions are disabled */\n  disabled?: boolean;\n  /** Layout direction */\n  layout?: 'horizontal' | 'vertical';\n  /** Size of action buttons */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether to show labels */\n  showLabels?: boolean;\n  /** Maximum number of visible actions (rest go to overflow menu) */\n  maxVisible?: number;\n  /** Custom class name */\n  className?: string;\n}\n\ninterface ConfirmationDialogProps {\n  title: string;\n  message: string;\n  confirmLabel: string;\n  cancelLabel: string;\n  style: WidgetAction['style'];\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\n// ============================================================================\n// Style Utilities\n// ============================================================================\n\nfunction getButtonClasses(\n  style: WidgetAction['style'] | undefined,\n  size: 'sm' | 'md' | 'lg',\n  disabled: boolean\n): string {\n  const baseClasses =\n    'inline-flex items-center justify-center font-medium rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2';\n\n  const sizeClasses = {\n    sm: 'px-2.5 py-1.5 text-xs',\n    md: 'px-4 py-2 text-sm',\n    lg: 'px-6 py-3 text-base',\n  };\n\n  const styleClasses: Record<string, string> = {\n    PRIMARY: 'bg-action-primary text-white hover:bg-action-primary/90 focus:ring-action-primary/50 transition-colors',\n    SECONDARY: 'bg-bg-sunken text-primary hover:bg-bg-sunken/80 focus:ring-muted transition-colors',\n    DANGER:\n      'bg-status-error-bg text-white hover:bg-status-error-bg/90 focus:ring-status-error-border/50 transition-colors',\n    SUCCESS:\n      'bg-status-success-bg text-white hover:bg-status-success-bg/90 focus:ring-status-success-border/50 transition-colors',\n    WARNING:\n      'bg-status-warning-bg text-white hover:bg-status-warning-bg/90 focus:ring-status-warning-border/50 transition-colors',\n  };\n\n  const disabledClasses = disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer';\n\n  // Default to SECONDARY if style is undefined\n  const effectiveStyle = style || 'SECONDARY';\n  const styleClass = styleClasses[effectiveStyle] || styleClasses.SECONDARY;\n\n  return `${baseClasses} ${sizeClasses[size]} ${styleClass} ${disabledClasses}`;\n}\n\n// Get inline styles as fallback for button visibility\nfunction getButtonInlineStyles(style: WidgetAction['style'] | undefined): React.CSSProperties {\n  const styles: Record<string, React.CSSProperties> = {\n    PRIMARY: { backgroundColor: 'var(--color-action-primary-bg)', color: 'var(--color-action-primary-text)' },\n    SECONDARY: { backgroundColor: 'var(--color-bg-muted)', color: 'var(--color-text-primary)' },\n    DANGER: { backgroundColor: 'var(--color-status-error-bg)', color: 'var(--color-action-primary-text)' },\n    SUCCESS: { backgroundColor: 'var(--color-status-success-bg)', color: 'var(--color-action-primary-text)' },\n    WARNING: { backgroundColor: 'var(--color-status-warning-bg)', color: 'var(--color-action-primary-text)' },\n  };\n  const effectiveStyle = style || 'SECONDARY';\n  return styles[effectiveStyle] || styles.SECONDARY;\n}\n\nfunction getConfirmButtonClasses(style: WidgetAction['style']): string {\n  const styleClasses = {\n    PRIMARY: 'bg-action-primary text-white hover:bg-action-primary/90',\n    SECONDARY: 'bg-secondary text-white hover:bg-secondary/90',\n    DANGER: 'bg-status-error-bg text-white hover:bg-status-error-bg/90',\n    SUCCESS: 'bg-status-success-bg text-white hover:bg-status-success-bg/90',\n    WARNING: 'bg-status-warning-bg text-white hover:bg-status-warning-bg/90',\n  };\n\n  const effectiveStyle = style || 'PRIMARY';\n  return `px-4 py-2 text-sm font-medium rounded-md transition-colors ${styleClasses[effectiveStyle] || styleClasses.PRIMARY}`;\n}\n\n// Get inline styles for confirm button to ensure visibility\nfunction getConfirmButtonInlineStyles(style: WidgetAction['style'] | undefined): React.CSSProperties {\n  const styles: Record<string, React.CSSProperties> = {\n    PRIMARY: {\n      backgroundColor: 'var(--color-action-primary-bg)',\n      color: 'var(--color-action-primary-text)',\n      padding: '8px 16px',\n      borderRadius: '6px',\n      fontWeight: 500,\n    },\n    SECONDARY: {\n      backgroundColor: 'var(--color-text-secondary)',\n      color: 'var(--color-action-primary-text)',\n      padding: '8px 16px',\n      borderRadius: '6px',\n      fontWeight: 500,\n    },\n    DANGER: {\n      backgroundColor: 'var(--color-status-error-bg)',\n      color: 'var(--color-action-primary-text)',\n      padding: '8px 16px',\n      borderRadius: '6px',\n      fontWeight: 500,\n    },\n    SUCCESS: {\n      backgroundColor: 'var(--color-status-success-bg)',\n      color: 'var(--color-action-primary-text)',\n      padding: '8px 16px',\n      borderRadius: '6px',\n      fontWeight: 500,\n    },\n    WARNING: {\n      backgroundColor: 'var(--color-status-warning-bg)',\n      color: 'var(--color-action-primary-text)',\n      padding: '8px 16px',\n      borderRadius: '6px',\n      fontWeight: 500,\n    },\n  };\n  const effectiveStyle = style || 'PRIMARY';\n  return styles[effectiveStyle] || styles.PRIMARY;\n}\n\n// ============================================================================\n// Icon Component\n// ============================================================================\n\ninterface ActionIconProps {\n  name: string;\n  className?: string;\n}\n\nconst ActionIcon: React.FC<ActionIconProps> = memo(function ActionIcon({ name, className = 'w-4 h-4' }) {\n  // Common icons used in actions\n  const icons: Record<string, React.ReactNode> = {\n    'external-link': (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n        />\n      </svg>\n    ),\n    save: (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4\"\n        />\n      </svg>\n    ),\n    trash: (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n        />\n      </svg>\n    ),\n    edit: (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n        />\n      </svg>\n    ),\n    refresh: (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n        />\n      </svg>\n    ),\n    download: (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4\"\n        />\n      </svg>\n    ),\n    upload: (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12\"\n        />\n      </svg>\n    ),\n    plus: (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 4v16m8-8H4\" />\n      </svg>\n    ),\n    check: (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n      </svg>\n    ),\n    x: (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n      </svg>\n    ),\n    'more-horizontal': (\n      <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={2}\n          d=\"M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z\"\n        />\n      </svg>\n    ),\n  };\n\n  return icons[name] || null;\n});\n\n// ============================================================================\n// Confirmation Dialog\n// ============================================================================\n\nconst ConfirmationDialog: React.FC<ConfirmationDialogProps> = memo(function ConfirmationDialog({\n  title,\n  message,\n  confirmLabel,\n  cancelLabel,\n  style,\n  onConfirm,\n  onCancel,\n}) {\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center\"\n      style={{\n        position: 'fixed',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        zIndex: 9999,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n      }}\n    >\n      {/*\n        Scrim + panel. The raw `bg-black/50` and the `animate-in fade-in\n        zoom-in-95` utilities are gone: the first is a literal colour, the second\n        is an unregistered class set that emitted no CSS in this shell\n        (BOFF-5636). The scrim now uses the overlay token and the panel uses the\n        elevation scale.\n      */}\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          backgroundColor: 'var(--color-overlay-scrim, var(--color-bg-canvas))',\n          opacity: 0.6,\n        }}\n        onClick={onCancel}\n      />\n\n      {/* Dialog */}\n      <div\n        className=\"relative mx-4 w-full max-w-md rounded-card p-6\"\n        style={{\n          position: 'relative',\n          backgroundColor: 'var(--color-bg-surface)',\n          border: '1px solid var(--color-border-subtle)',\n          borderRadius: 'var(--radius-card)',\n          boxShadow: 'var(--shadow-elevation-3)',\n          maxWidth: '28rem',\n          width: '100%',\n          margin: '0 16px',\n          padding: 'var(--space-cardPadding)',\n          zIndex: 10000,\n        }}\n      >\n        <h3\n          className=\"text-base font-semibold text-text-primary\"\n          style={{\n            fontSize: 'var(--font-size-body-lg)',\n            fontWeight: 600,\n            color: 'var(--color-text-primary)',\n            margin: 0,\n          }}\n        >\n          {title}\n        </h3>\n        <p\n          className=\"mt-2 text-sm text-text-secondary\"\n          style={{ marginTop: '8px', fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-secondary)' }}\n        >\n          {message}\n        </p>\n        <div\n          className=\"mt-4 flex flex-wrap justify-end gap-3\"\n          style={{ marginTop: '16px', display: 'flex', flexWrap: 'wrap', justifyContent: 'flex-end', gap: '12px' }}\n        >\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            className=\"min-h-control-md rounded-button px-4 text-sm font-medium text-text-secondary hover:text-text-primary motion-safe:transition-colors\"\n            style={{\n              minHeight: 'var(--size-controlHeight-md)',\n              padding: '0 16px',\n              fontSize: 'var(--font-size-body-sm)',\n              fontWeight: 500,\n              color: 'var(--color-text-secondary)',\n              backgroundColor: 'var(--color-bg-sunken)',\n              borderRadius: 'var(--radius-button)',\n              border: '1px solid var(--color-border-subtle)',\n              cursor: 'pointer',\n            }}\n          >\n            {cancelLabel}\n          </button>\n          <button\n            type=\"button\"\n            onClick={onConfirm}\n            className={getConfirmButtonClasses(style)}\n            style={getConfirmButtonInlineStyles(style)}\n          >\n            {confirmLabel}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n});\n\n// ============================================================================\n// Overflow Menu\n// ============================================================================\n\ninterface OverflowMenuProps {\n  actions: WidgetAction[];\n  context: ActionContext;\n  onAction: (action: WidgetAction) => void;\n  disabled?: boolean;\n  size: 'sm' | 'md' | 'lg';\n}\n\nconst OverflowMenu: React.FC<OverflowMenuProps> = memo(function OverflowMenu({\n  actions,\n  context: _context,\n  onAction,\n  disabled,\n  size,\n}) {\n  const [isOpen, setIsOpen] = useState(false);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [menuPosition, setMenuPosition] = useState({ top: 0, left: 0 });\n\n  const handleToggle = useCallback(() => {\n    if (!disabled) {\n      setIsOpen((prev) => !prev);\n    }\n  }, [disabled]);\n\n  const handleAction = useCallback(\n    (action: WidgetAction) => {\n      setIsOpen(false);\n      onAction(action);\n    },\n    [onAction]\n  );\n\n  const handleClickOutside = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  // Calculate menu position when opening\n  useEffect(() => {\n    if (isOpen && buttonRef.current) {\n      const rect = buttonRef.current.getBoundingClientRect();\n      setMenuPosition({\n        top: rect.bottom + 4, // 4px gap below button\n        left: rect.right - 192, // 192px = w-48, align right edge\n      });\n    }\n  }, [isOpen]);\n\n  if (actions.length === 0) return null;\n\n  return (\n    <div className=\"relative\">\n      <button\n        ref={buttonRef}\n        type=\"button\"\n        onClick={handleToggle}\n        disabled={disabled}\n        className={getButtonClasses('SECONDARY', size, disabled ?? false)}\n        aria-label=\"More actions\"\n      >\n        <ActionIcon name=\"more-horizontal\" />\n      </button>\n\n      {isOpen &&\n        createPortal(\n          <>\n            {/* Click-outside handler */}\n            <div className=\"fixed inset-0 z-[9998]\" onClick={handleClickOutside} />\n\n            {/* Menu - rendered via portal at body level */}\n            <div\n              className=\"fixed z-[9999] w-48 max-w-[calc(100vw-1rem)] rounded-card\"\n              style={{\n                top: menuPosition.top,\n                left: Math.max(8, menuPosition.left), // Ensure at least 8px from left edge\n                backgroundColor: 'var(--color-bg-surface)',\n                border: '1px solid var(--color-border-subtle)',\n                borderRadius: 'var(--radius-card)',\n                boxShadow: 'var(--shadow-elevation-3)',\n              }}\n            >\n              <div className=\"py-1\">\n                {actions.map((action) => (\n                  <button\n                    key={action.id}\n                    type=\"button\"\n                    onClick={() => handleAction(action)}\n                    disabled={action.disabled}\n                    className=\"flex min-h-control-md w-full items-center gap-2 px-4 text-left text-sm text-text-secondary hover:bg-bg-sunken hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-50 motion-safe:transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset\"\n                  >\n                    {action.icon && <ActionIcon name={action.icon} className=\"w-4 h-4\" />}\n                    {action.label}\n                  </button>\n                ))}\n              </div>\n            </div>\n          </>,\n          document.body\n        )}\n    </div>\n  );\n});\n\n// ============================================================================\n// Action Button\n// ============================================================================\n\ninterface ActionButtonProps {\n  action: WidgetAction;\n  context: ActionContext;\n  onAction: (action: WidgetAction) => void;\n  disabled?: boolean;\n  size: 'sm' | 'md' | 'lg';\n  showLabel?: boolean;\n}\n\nconst ActionButton: React.FC<ActionButtonProps> = memo(function ActionButton({\n  action,\n  context: _context,\n  onAction,\n  disabled,\n  size,\n  showLabel = true,\n}) {\n  const isDisabled = disabled || action.disabled;\n\n  const handleClick = useCallback(() => {\n    if (!isDisabled) {\n      onAction(action);\n    }\n  }, [action, isDisabled, onAction]);\n\n  // Get both classes and inline styles for guaranteed visibility\n  const buttonClasses = getButtonClasses(action.style, size, isDisabled);\n  const buttonInlineStyles = getButtonInlineStyles(action.style);\n\n  // Handle LINK type\n  if (action.type === 'LINK' && action.metadata?.url) {\n    return (\n      <a\n        href={action.metadata.url as string}\n        target={(action.metadata.target as string) || '_blank'}\n        rel=\"noopener noreferrer\"\n        className={buttonClasses}\n        style={buttonInlineStyles}\n        aria-disabled={isDisabled}\n      >\n        {action.icon && <ActionIcon name={action.icon} className=\"w-4 h-4 mr-1.5\" />}\n        {showLabel && action.label}\n        {!action.icon && <ActionIcon name=\"external-link\" className=\"w-4 h-4 ml-1.5\" />}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      type={action.type === 'SUBMIT' ? 'submit' : 'button'}\n      onClick={handleClick}\n      disabled={isDisabled}\n      className={buttonClasses}\n      style={buttonInlineStyles}\n    >\n      {action.icon && <ActionIcon name={action.icon} className=\"w-4 h-4 mr-1.5\" />}\n      {showLabel && action.label}\n    </button>\n  );\n});\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const WidgetActions: React.FC<WidgetActionsProps> = memo(function WidgetActions({\n  actions,\n  context,\n  onAction,\n  disabled = false,\n  layout = 'horizontal',\n  size = 'md',\n  showLabels = true,\n  maxVisible = 3,\n  className = '',\n}) {\n  const [pendingAction, setPendingAction] = useState<WidgetAction | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n\n  // Triggering a widget action emits `widget:<name>:clicked` (and may fire a bound\n  // webhook), which is gateway-enforced by `execute`. Gate the emitting buttons on\n  // the same permission. LINK actions are pure client-side navigation (they render\n  // an <a> that bypasses onAction), so they stay available regardless.\n  const { hasPermission } = usePermissions();\n  const canExecute = hasPermission(BIGCONSOLE_PERMISSIONS.WIDGET_ACTION_EXECUTE);\n\n  // Filter visible actions (not hidden)\n  const visibleActions = useMemo(() => {\n    return actions.filter((a) => !a.hidden).sort((a, b) => a.order - b.order);\n  }, [actions]);\n\n  // Split into main and overflow actions\n  const { mainActions, overflowActions } = useMemo(() => {\n    if (visibleActions.length <= maxVisible) {\n      return { mainActions: visibleActions, overflowActions: [] };\n    }\n    return {\n      mainActions: visibleActions.slice(0, maxVisible - 1),\n      overflowActions: visibleActions.slice(maxVisible - 1),\n    };\n  }, [visibleActions, maxVisible]);\n\n  // Execute action\n  const executeAction = useCallback(\n    async (action: WidgetAction) => {\n      if (!onAction) return;\n\n      setIsLoading(true);\n      try {\n        await onAction(action, context);\n      } catch (error) {\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [onAction, context]\n  );\n\n  // Handle action trigger\n  const handleTriggerAction = useCallback(\n    (action: WidgetAction) => {\n      // If action has confirmation, show dialog\n      if (action.confirmation) {\n        setPendingAction(action);\n        return;\n      }\n\n      // Execute action immediately\n      executeAction(action);\n    },\n    [executeAction]\n  );\n\n  // Handle confirmation\n  const handleConfirm = useCallback(() => {\n    if (pendingAction) {\n      executeAction(pendingAction);\n      setPendingAction(null);\n    }\n  }, [pendingAction, executeAction]);\n\n  const handleCancel = useCallback(() => {\n    setPendingAction(null);\n  }, []);\n\n  // No actions to render\n  if (visibleActions.length === 0) {\n    return null;\n  }\n\n  const layoutClasses = layout === 'horizontal' ? 'flex flex-row flex-wrap gap-2' : 'flex flex-col gap-2';\n\n  return (\n    <>\n      <div className={`${layoutClasses} ${className}`}>\n        {mainActions.map((action) => (\n          <ActionButton\n            key={action.id}\n            action={action}\n            context={context}\n            onAction={handleTriggerAction}\n            // LINK actions only navigate, so they aren't execute-gated; every\n            // other action emits an event on click and requires `execute`.\n            disabled={disabled || isLoading || (!canExecute && action.type !== 'LINK')}\n            size={size}\n            showLabel={showLabels}\n          />\n        ))}\n\n        {overflowActions.length > 0 && (\n          <OverflowMenu\n            actions={overflowActions}\n            context={context}\n            onAction={handleTriggerAction}\n            // Overflow items always route through onAction (never a raw <a>), so\n            // the whole menu is disabled when the caller can't execute actions.\n            disabled={disabled || isLoading || !canExecute}\n            size={size}\n          />\n        )}\n      </div>\n\n      {/* Confirmation Dialog */}\n      {pendingAction?.confirmation && (\n        <ConfirmationDialog\n          title={pendingAction.confirmation.title || 'Confirm Action'}\n          message={pendingAction.confirmation.message || 'Are you sure you want to proceed?'}\n          confirmLabel={pendingAction.confirmation.confirmLabel || 'OK'}\n          cancelLabel={pendingAction.confirmation.cancelLabel || 'Cancel'}\n          style={pendingAction.style}\n          onConfirm={handleConfirm}\n          onCancel={handleCancel}\n        />\n      )}\n    </>\n  );\n});\n\nexport default WidgetActions;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/widget-actions/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/widget-actions/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/bigconsole/components/workflow/DataSinkMultiSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSinkMultiSelector.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/workflow/DataSinkMultiSelector.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAUH,UAAU,0BAA0B;IAClC,sCAAsC;IACtC,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,sCAAsC;IACtC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAClC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,eAAO,MAAM,qBAAqB,kEAwNhC,CAAC;AAEH,eAAe,qBAAqB,CAAC"}

package/dist/bigconsole/components/workflow/WorkflowCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowCard.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/workflow/WorkflowCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAMH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAMtD,UAAU,iBAAiB;IACzB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA6DD,eAAO,MAAM,YAAY,yDA0KvB,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowCard.js","names":[],"sources":["../../../../src/bigconsole/components/workflow/WorkflowCard.tsx"],"sourcesContent":["/**\n * WorkflowCard Component\n *\n * Card component displaying a FluidGrids Workflow summary.\n * Shows name, status, linked DataSinks count, and execution stats.\n *\n * Emphasis (BOFF-5634): the card is a tile inside the list page's `primary`\n * results section, so it sits on `bg-bg-elevated` — one step above the section\n * surface — rather than repeating the generic panel treatment used by every\n * other block in the module. The old 96px empty media band carried no\n * information and out-weighed the title; it is now a compact identity strip.\n */\n\nimport { memo, useCallback } from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { WorkflowStatusBadge } from './WorkflowStatusBadge';\nimport { SECTION_FOCUS_RING } from '../common';\nimport type { FluidGridsWorkflow } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface WorkflowCardProps {\n  workflow: FluidGridsWorkflow;\n  onView?: (id: string) => void;\n  onEdit?: (id: string) => void;\n  onDelete?: (id: string) => void;\n  /**\n   * Trigger a run. Omitted when the actor lacks `bigconsole-workflow:execute`,\n   * so the affordance is absent rather than present-and-refused.\n   */\n  onRun?: (id: string) => void;\n  /** True while this workflow's run request is in flight. */\n  isRunning?: boolean;\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst WorkflowIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M13 10V3L4 14h7v7l9-11h-7z\" />\n  </svg>\n);\n\nconst EditIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n    />\n  </svg>\n);\n\nconst DeleteIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\"\n    />\n  </svg>\n);\n\nconst DataSinkIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4\"\n    />\n  </svg>\n);\n\nconst PlayIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z\"\n    />\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n  </svg>\n);\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowCard = memo(function WorkflowCard({\n  workflow,\n  onView,\n  onEdit,\n  onDelete,\n  onRun,\n  isRunning = false,\n}: WorkflowCardProps) {\n  // Calculate linked DataSinks count\n  const linkedDataSinkCount = workflow.dataSinkLinks?.length ?? workflow.linkedDataSinkCount ?? 0;\n\n  // Format last executed time\n  const formatLastExecuted = useCallback((dateStr: string | null): string => {\n    if (!dateStr) return 'Never';\n    try {\n      const date = new Date(dateStr);\n      return formatDistanceToNow(date, { addSuffix: true });\n    } catch {\n      return 'Unknown';\n    }\n  }, []);\n\n  // Event handlers\n  const handleCardClick = useCallback(() => {\n    onView?.(workflow.id);\n  }, [onView, workflow.id]);\n\n  const handleEditClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onEdit?.(workflow.id);\n    },\n    [onEdit, workflow.id]\n  );\n\n  const handleDeleteClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onDelete?.(workflow.id);\n    },\n    [onDelete, workflow.id]\n  );\n\n  const handleRunClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      if (isRunning) return;\n      onRun?.(workflow.id);\n    },\n    [isRunning, onRun, workflow.id]\n  );\n\n  // The title is the real \"open this workflow\" control. The tile itself must NOT\n  // carry role=\"button\": that role makes its subtree presentational, which would\n  // drop the Edit/Delete buttons and the status badge out of the accessibility\n  // tree. The tile keeps a plain click handler as a pointer convenience only.\n  const handleTitleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      onView?.(workflow.id);\n    },\n    [onView, workflow.id]\n  );\n\n  return (\n    <div\n      onClick={handleCardClick}\n      className=\"min-w-0 cursor-pointer overflow-hidden rounded-card border border-[var(--color-border-subtle)] bg-bg-elevated motion-safe:transition-[box-shadow,border-color] focus-within:border-action-primary-bg hover:border-action-primary-bg hover:shadow-[var(--shadow-elevation-1)]\"\n    >\n      {/* Identity strip: what kind of thing this is + its status, at a glance */}\n      <div className=\"flex items-center justify-between gap-icon-gap border-b border-[var(--color-border-subtle)] bg-bg-sunken px-3 py-2\">\n        <span className=\"flex min-w-0 items-center gap-icon-gap text-xs font-medium text-text-secondary\">\n          <WorkflowIcon className=\"w-4 h-4 shrink-0\" />\n          <span className=\"truncate\">Workflow</span>\n        </span>\n        <WorkflowStatusBadge status={workflow.status} size=\"sm\" />\n      </div>\n\n      {/* Content */}\n      <div className=\"p-card-padding\">\n        {/* Title and Actions */}\n        <div className=\"mb-2 flex items-start justify-between gap-icon-gap\">\n          <div className=\"min-w-0 flex-1\">\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              <button\n                type=\"button\"\n                onClick={handleTitleClick}\n                aria-label={`Open workflow ${workflow.name}`}\n                className={`line-clamp-2 rounded-button text-left ${SECTION_FOCUS_RING}`}\n              >\n                {workflow.name}\n              </button>\n            </h3>\n            <p className=\"mt-0.5 truncate font-mono text-xs text-text-secondary\">{workflow.key}</p>\n          </div>\n\n          <div className=\"flex shrink-0 items-center gap-1\">\n            {onRun && (\n              <button\n                type=\"button\"\n                onClick={handleRunClick}\n                disabled={isRunning}\n                aria-busy={isRunning}\n                className={`inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-bg-sunken hover:text-text-primary disabled:cursor-not-allowed disabled:opacity-60 sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] ${SECTION_FOCUS_RING}`}\n                title={isRunning ? 'Running…' : 'Run Workflow'}\n                aria-label={isRunning ? `Running workflow ${workflow.name}` : `Run workflow ${workflow.name}`}\n              >\n                <PlayIcon className={`w-4 h-4 ${isRunning ? 'motion-safe:animate-pulse' : ''}`} />\n              </button>\n            )}\n            {onEdit && (\n              <button\n                type=\"button\"\n                onClick={handleEditClick}\n                className={`inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-bg-sunken hover:text-text-primary sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] ${SECTION_FOCUS_RING}`}\n                title=\"Edit Workflow\"\n                aria-label={`Edit workflow ${workflow.name}`}\n              >\n                <EditIcon className=\"w-4 h-4\" />\n              </button>\n            )}\n            {onDelete && (\n              <button\n                type=\"button\"\n                onClick={handleDeleteClick}\n                className={`inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button text-text-secondary motion-safe:transition-colors hover:bg-status-error-bg/10 hover:text-status-error-text sm:h-control-sm sm:w-[var(--size-controlHeight-sm)] ${SECTION_FOCUS_RING}`}\n                title=\"Delete Workflow\"\n                aria-label={`Delete workflow ${workflow.name}`}\n              >\n                <DeleteIcon className=\"w-4 h-4\" />\n              </button>\n            )}\n          </div>\n        </div>\n\n        {/* Description */}\n        {workflow.description && (\n          <p className=\"mb-3 line-clamp-2 text-xs text-text-secondary\">{workflow.description}</p>\n        )}\n\n        {/* Stats Footer */}\n        <div className=\"flex flex-wrap items-center justify-between gap-x-3 gap-y-1 text-xs text-text-muted\">\n          <div className=\"flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1\">\n            {/* DataSinks Count */}\n            <span className=\"flex items-center gap-1\" title={`${linkedDataSinkCount} linked DataSinks`}>\n              <DataSinkIcon className=\"w-3.5 h-3.5 shrink-0\" />\n              {linkedDataSinkCount} DataSink{linkedDataSinkCount !== 1 ? 's' : ''}\n            </span>\n\n            {/* Execution Count */}\n            <span className=\"flex items-center gap-1\" title={`${workflow.executionCount} executions`}>\n              <PlayIcon className=\"w-3.5 h-3.5 shrink-0\" />\n              {workflow.executionCount}\n            </span>\n          </div>\n\n          {/* Last Executed */}\n          <span\n            title={\n              workflow.lastExecutedAt\n                ? `Last executed: ${new Date(workflow.lastExecutedAt).toLocaleString()}`\n                : 'Never executed'\n            }\n          >\n            {formatLastExecuted(workflow.lastExecutedAt)}\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default WorkflowCard;\n"],"mappings":"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"}

package/dist/bigconsole/components/workflow/WorkflowDeleteDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowDeleteDialog.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/workflow/WorkflowDeleteDialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAOH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAMtD,UAAU,yBAAyB;IACjC,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AAqBD,eAAO,MAAM,oBAAoB,iEAiG/B,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowDeleteDialog.js","names":[],"sources":["../../../../src/bigconsole/components/workflow/WorkflowDeleteDialog.tsx"],"sourcesContent":["/**\n * WorkflowDeleteDialog Component\n *\n * Confirmation dialog for deleting a FluidGrids Workflow.\n * Shows warning about linked DataSinks before deletion.\n *\n * Emphasis (BOFF-5634): the panel bands into header → body → warning → actions.\n * The linked-DataSinks warning is a real `Section tone=\"warning\"` rather than a\n * hand-rolled tinted div, and the scrim uses `--color-bg-overlay` instead of a\n * raw `bg-black/50`.\n */\n\nimport { memo, useCallback, useId, useRef } from 'react';\n\nimport { useModalFocusTrap } from '../../hooks/useModalFocusTrap';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Section } from '../common';\nimport type { FluidGridsWorkflow } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface WorkflowDeleteDialogProps {\n  workflow: FluidGridsWorkflow;\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: () => void | Promise<void>;\n}\n\n// ============================================================================\n// ICONS\n// ============================================================================\n\nconst WarningIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth={2}\n      d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n    />\n  </svg>\n);\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowDeleteDialog = memo(function WorkflowDeleteDialog({\n  workflow,\n  isOpen,\n  onClose,\n  onConfirm,\n}: WorkflowDeleteDialogProps) {\n  // Calculate linked DataSinks count\n  const linkedDataSinkCount = workflow.dataSinkLinks?.length ?? workflow.linkedDataSinkCount ?? 0;\n  const titleId = useId();\n  const descriptionId = useId();\n  const panelRef = useRef<HTMLDivElement | null>(null);\n  const cancelRef = useRef<HTMLButtonElement | null>(null);\n\n  // Event handlers\n  const handleBackdropClick = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const handleConfirmClick = useCallback(() => {\n    onConfirm();\n  }, [onConfirm]);\n\n  // `aria-modal=\"true\"` hides everything outside this panel from assistive tech,\n  // so focus has to move inside it and stay there. Cancel is the entry point on\n  // purpose: this is a destructive confirmation, so the control under the\n  // keyboard must be the safe one.\n  useModalFocusTrap({ isOpen, panelRef, onClose, initialFocusRef: cancelRef });\n\n  // Don't render if not open\n  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n      {/* Backdrop */}\n      <div aria-hidden=\"true\" className=\"absolute inset-0 bg-[var(--color-bg-overlay)]\" onClick={handleBackdropClick} />\n\n      {/* Dialog */}\n      <div\n        ref={panelRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={titleId}\n        aria-describedby={descriptionId}\n        tabIndex={-1}\n        className=\"relative flex max-h-[calc(100dvh-2rem)] w-full max-w-md flex-col overflow-y-auto rounded-card border border-[var(--color-border-subtle)] bg-bg-surface p-card-padding shadow-[var(--shadow-elevation-3)] focus:outline-none\"\n      >\n        {/* Header */}\n        <div className=\"mb-form-gap flex items-center gap-icon-gap\">\n          <span\n            aria-hidden=\"true\"\n            className=\"flex shrink-0 items-center justify-center rounded-pill bg-[var(--color-status-error-bgSubtle)] p-2\"\n          >\n            <WarningIcon className=\"w-6 h-6 text-status-error-text\" />\n          </span>\n          <h2 id={titleId} className=\"text-lg font-semibold text-text-primary\">\n            Delete Workflow\n          </h2>\n        </div>\n\n        {/* Content */}\n        <div className=\"mb-form-gap flex flex-col gap-control-gap\">\n          <p id={descriptionId} className=\"text-sm text-text-secondary\">\n            Are you sure you want to delete the workflow{' '}\n            <span className=\"font-medium text-text-primary\">{workflow.name}</span>?\n          </p>\n\n          {/* Warning about linked DataSinks */}\n          {linkedDataSinkCount > 0 && (\n            <Section\n              headingLevel={3}\n              tone=\"warning\"\n              padding=\"compact\"\n              title={`${linkedDataSinkCount} linked DataSink${linkedDataSinkCount !== 1 ? 's' : ''} will be unlinked`}\n            >\n              <p className=\"text-sm text-[var(--color-status-warning-text)]\">\n                Deleting this workflow removes the links. The DataSinks themselves are not deleted.\n              </p>\n            </Section>\n          )}\n\n          <p className=\"text-sm text-text-secondary\">This action cannot be undone.</p>\n        </div>\n\n        {/* Actions */}\n        <div className=\"flex flex-wrap justify-end gap-control-gap\">\n          <Button ref={cancelRef} type=\"button\" size=\"lg\" variant=\"outline\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button type=\"button\" size=\"lg\" variant=\"destructive\" onClick={handleConfirmClick}>\n            Delete Workflow\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default WorkflowDeleteDialog;\n"],"mappings":";;;;;;;AAkCA,IAAM,KAAe,EAAE,mBACrB,kBAAC,OAAD;CAAgB;CAAW,MAAK;CAAO,QAAO;CAAe,SAAQ;WACnE,kBAAC,QAAD;EACE,eAAc;EACd,gBAAe;EACf,aAAa;EACb,GAAE;EACF,CAAA;CACE,CAAA,EAOK,IAAuB,EAAK,SAA8B,EACrE,aACA,WACA,YACA,gBAC4B;CAE5B,IAAM,IAAsB,EAAS,eAAe,UAAU,EAAS,uBAAuB,GACxF,IAAU,GAAO,EACjB,IAAgB,GAAO,EACvB,IAAW,EAA8B,KAAK,EAC9C,IAAY,EAAiC,KAAK,EAGlD,IAAsB,QAAkB;AAC5C,KAAS;IACR,CAAC,EAAQ,CAAC,EAEP,IAAqB,QAAkB;AAC3C,KAAW;IACV,CAAC,EAAU,CAAC;AAaf,QAPA,EAAkB;EAAE;EAAQ;EAAU;EAAS,iBAAiB;EAAW,CAAC,EAGvE,IAKH,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,eAAY;GAAO,WAAU;GAAgD,SAAS;GAAuB,CAAA,EAGlH,kBAAC,OAAD;GACE,KAAK;GACL,MAAK;GACL,cAAW;GACX,mBAAiB;GACjB,oBAAkB;GAClB,UAAU;GACV,WAAU;aAPZ;IAUE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MACE,eAAY;MACZ,WAAU;gBAEV,kBAAC,GAAD,EAAa,WAAU,kCAAmC,CAAA;MACrD,CAAA,EACP,kBAAC,MAAD;MAAI,IAAI;MAAS,WAAU;gBAA0C;MAEhE,CAAA,CACD;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,KAAD;OAAG,IAAI;OAAe,WAAU;iBAAhC;QAA8D;QACf;QAC7C,kBAAC,QAAD;SAAM,WAAU;mBAAiC,EAAS;SAAY,CAAA;;QACpE;;MAGH,IAAsB,KACrB,kBAAC,GAAD;OACE,cAAc;OACd,MAAK;OACL,SAAQ;OACR,OAAO,GAAG,EAAoB,kBAAkB,MAAwB,IAAU,KAAN,IAAS;iBAErF,kBAAC,KAAD;QAAG,WAAU;kBAAkD;QAE3D,CAAA;OACI,CAAA;MAGZ,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAAiC,CAAA;MACxE;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,KAAK;MAAW,MAAK;MAAS,MAAK;MAAK,SAAQ;MAAU,SAAS;gBAAS;MAE3E,CAAA,EACT,kBAAC,GAAD;MAAQ,MAAK;MAAS,MAAK;MAAK,SAAQ;MAAc,SAAS;gBAAoB;MAE1E,CAAA,CACL;;IACF;KACF;MAjEC;EAmET"}

package/dist/bigconsole/components/workflow/WorkflowDesignPreview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowDesignPreview.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/workflow/WorkflowDesignPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,8BAA8B,CAAC;AA6CtC,uGAAuG;AACvG,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,+BAqE7E"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowDesignPreview.js","names":[],"sources":["../../../../src/bigconsole/components/workflow/WorkflowDesignPreview.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { ReactFlow, Background, Controls, Handle, Position, type Node, type Edge, type NodeProps } from '@xyflow/react';\nimport type { WorkflowData } from '@burdenoff/fluidgrids-fe-sdk';\nimport '@xyflow/react/dist/style.css';\n\ntype PreviewNode = Node<{ label: string; operation?: string; inputs: string[]; outputs: string[] }>;\n\nfunction record(value: unknown): Record<string, unknown> {\n  return value && typeof value === 'object' && !Array.isArray(value) ? Object.fromEntries(Object.entries(value)) : {};\n}\n\nfunction DesignNode({ data }: NodeProps<PreviewNode>) {\n  return (\n    <div className=\"min-w-40 rounded-card border border-[var(--color-border-subtle)] bg-bg-canvas p-3 text-text-primary shadow-sm\">\n      {data.inputs.map((id, index) => (\n        <Handle\n          key={id}\n          id={id || undefined}\n          type=\"target\"\n          position={Position.Left}\n          isConnectable={false}\n          style={{\n            top: `${((index + 1) / (data.inputs.length + 1)) * 100}%`,\n            background: 'var(--color-text-secondary)',\n          }}\n        />\n      ))}\n      <p className=\"text-sm font-medium\">{data.label}</p>\n      {data.operation && <p className=\"mt-1 text-xs text-text-secondary\">{data.operation}</p>}\n      {data.outputs.map((id, index) => (\n        <Handle\n          key={id}\n          id={id || undefined}\n          type=\"source\"\n          position={Position.Right}\n          isConnectable={false}\n          style={{\n            top: `${((index + 1) / (data.outputs.length + 1)) * 100}%`,\n            background: 'var(--color-text-secondary)',\n          }}\n        />\n      ))}\n    </div>\n  );\n}\n\nconst nodeTypes = { design: DesignNode };\n\n/** Read-only projection of the saved graph. Named ports and labels come from the actual definition. */\nexport function WorkflowDesignPreview({ workflow }: { workflow: WorkflowData }) {\n  const { nodes, edges } = useMemo(() => {\n    const edges: Edge[] = (workflow.edges ?? []).flatMap((edge) => {\n      if (typeof edge.id !== 'string' || typeof edge.source !== 'string' || typeof edge.target !== 'string') return [];\n      return [\n        {\n          id: edge.id,\n          source: edge.source,\n          target: edge.target,\n          sourceHandle: typeof edge.sourceHandle === 'string' ? edge.sourceHandle : undefined,\n          targetHandle: typeof edge.targetHandle === 'string' ? edge.targetHandle : undefined,\n          type: 'smoothstep',\n          style: { stroke: 'var(--color-text-secondary)' },\n        },\n      ];\n    });\n    const nodes: PreviewNode[] = (workflow.nodes ?? []).flatMap((node) => {\n      if (typeof node.id !== 'string') return [];\n      const data = record(node.data);\n      const manifest = record(data.nodeData);\n      const position = record(node.position);\n      const inputs = [\n        ...new Set(edges.filter((edge) => edge.target === node.id).map((edge) => edge.targetHandle ?? '')),\n      ];\n      const outputs = [\n        ...new Set(edges.filter((edge) => edge.source === node.id).map((edge) => edge.sourceHandle ?? '')),\n      ];\n      return [\n        {\n          id: node.id,\n          type: 'design',\n          position: {\n            x: typeof position.x === 'number' ? position.x : 0,\n            y: typeof position.y === 'number' ? position.y : 0,\n          },\n          data: {\n            label:\n              typeof manifest.name === 'string'\n                ? manifest.name\n                : typeof data.label === 'string'\n                  ? data.label\n                  : typeof node.type === 'string'\n                    ? node.type\n                    : node.id,\n            operation: typeof data.operation_name === 'string' ? data.operation_name : undefined,\n            inputs,\n            outputs,\n          },\n        },\n      ];\n    });\n    return { nodes, edges };\n  }, [workflow]);\n  return (\n    <ReactFlow\n      nodes={nodes}\n      edges={edges}\n      nodeTypes={nodeTypes}\n      nodesDraggable={false}\n      nodesConnectable={false}\n      elementsSelectable={false}\n      deleteKeyCode={null}\n      fitView\n      proOptions={{ hideAttribution: true }}\n    >\n      <Background />\n      <Controls showInteractive={false} />\n    </ReactFlow>\n  );\n}\n"],"mappings":"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"}

package/dist/bigconsole/components/workflow/WorkflowOpenGuard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowOpenGuard.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/workflow/WorkflowOpenGuard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASlE,UAAU,sBAAsB;IAC9B,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB,8DAiG5B,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowOpenGuard.js","names":[],"sources":["../../../../src/bigconsole/components/workflow/WorkflowOpenGuard.tsx"],"sourcesContent":["import { memo, useEffect, useState, type ReactNode } from 'react';\nimport { useLocation } from 'react-router';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useApolloClient } from '@apollo/client/react';\n\nimport { useAppNavigate } from '../../contexts';\nimport { decideWorkflowOpenView, isCreateIntent, toLookupClient, verifyWorkflowKey } from '../../workflowOpen';\n\ninterface WorkflowOpenGuardProps {\n  /** The workflow KEY from the URL (`:id`). */\n  workflowKey: string;\n  /** The SDK builder — mounted only once the open is known to be read-only. */\n  children: ReactNode;\n}\n\n/**\n * Mounts the SDK builder only when opening the key cannot create anything\n * (BOFF-8060 F2). The SDK builder creates a definition for an unknown key on\n * mount, so a link to a key that does not exist must never reach it.\n *\n *  - explicit \"new workflow\" navigation  -> builder (the person asked to create)\n *  - key exists                          -> builder\n *  - key does not exist                  -> not-found state, nothing is written\n *  - lookup failed                       -> retry state, nothing is written\n *\n * A key stays trusted once seen, so the SDK's own `navigate(../workflow/key/vN)`\n * after a save (same key, new version) does not unmount an editor with unsaved\n * work behind another lookup.\n */\nexport const WorkflowOpenGuard = memo(function WorkflowOpenGuard({ workflowKey, children }: WorkflowOpenGuardProps) {\n  const { t } = useI18n();\n  const navigate = useAppNavigate();\n  const client = useApolloClient();\n  const location = useLocation();\n  const createIntent = isCreateIntent(location.state);\n\n  // Each verdict is keyed by the key it describes so navigating between\n  // workflows never reuses a stale answer.\n  const [verifiedKey, setVerifiedKey] = useState<string | null>(null);\n  const [absentKey, setAbsentKey] = useState<string | null>(null);\n  const [failedKey, setFailedKey] = useState<string | null>(null);\n  // Bumped by \"Try again\" to re-run the lookup after a failure.\n  const [retryNonce, setRetryNonce] = useState(0);\n\n  useEffect(() => {\n    if (!workflowKey) return;\n    if (createIntent) {\n      // The person pressed \"New workflow\": trust this key from here on.\n      setVerifiedKey(workflowKey);\n      return;\n    }\n    if (verifiedKey === workflowKey) return;\n\n    let cancelled = false;\n    verifyWorkflowKey(toLookupClient(client), workflowKey).then((verdict) => {\n      if (cancelled) return;\n      if (verdict === 'found') setVerifiedKey(workflowKey);\n      else if (verdict === 'absent') setAbsentKey(workflowKey);\n      else setFailedKey(workflowKey);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [workflowKey, createIntent, verifiedKey, client, retryNonce]);\n\n  const view = decideWorkflowOpenView({ key: workflowKey, createIntent, verifiedKey, absentKey, failedKey });\n\n  if (view === 'builder') return <>{children}</>;\n\n  if (view === 'not-found') {\n    return (\n      <div className=\"p-6 flex flex-col items-center justify-center min-h-[400px] text-center gap-4\" role=\"alert\">\n        <p className=\"text-base font-medium text-text-primary\">\n          {t('bigconsole.workflows.builder.notFoundTitle', 'Workflow not found')}\n        </p>\n        <p className=\"text-sm text-text-secondary\">\n          {t(\n            'bigconsole.workflows.builder.notFoundDescription',\n            'No workflow with this key exists in this workspace. Nothing was created.'\n          )}\n        </p>\n        <button\n          type=\"button\"\n          onClick={() => navigate('/workflows')}\n          className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken hover:bg-border-default rounded-md transition-colors\"\n        >\n          {t('bigconsole.workflows.view.backToWorkflows', 'Back to Workflows')}\n        </button>\n      </div>\n    );\n  }\n\n  if (view === 'failed') {\n    return (\n      <div className=\"p-6 flex flex-col items-center justify-center min-h-[400px] text-center gap-4\" role=\"alert\">\n        <p className=\"text-sm text-text-secondary\">\n          {t('bigconsole.workflows.builder.loadFailed', \"Couldn't load this workflow. Please try again.\")}\n        </p>\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              setFailedKey(null);\n              setRetryNonce((n) => n + 1);\n            }}\n            className=\"px-4 py-2 text-sm font-medium text-action-primary-fg bg-action-primary-bg hover:bg-action-primary-bgHover rounded-md transition-colors\"\n          >\n            {t('bigconsole.workflows.actions.tryAgain', 'Try Again')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigate('/workflows')}\n            className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken hover:bg-border-default rounded-md transition-colors\"\n          >\n            {t('bigconsole.workflows.view.backToWorkflows', 'Back to Workflows')}\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex items-center justify-center min-h-[400px]\">\n      <Spinner className=\"h-8 w-8\" />\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;;;AA8BA,IAAa,IAAoB,EAAK,SAA2B,EAAE,gBAAa,eAAoC;CAClH,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAgB,EAC3B,IAAS,GAAiB,EAE1B,IAAe,EADJ,GAAa,CACe,MAAM,EAI7C,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAC7D,CAAC,GAAW,KAAgB,EAAwB,KAAK,EACzD,CAAC,GAAW,KAAgB,EAAwB,KAAK,EAEzD,CAAC,GAAY,KAAiB,EAAS,EAAE;AAE/C,SAAgB;AACd,MAAI,CAAC,EAAa;AAClB,MAAI,GAAc;AAEhB,KAAe,EAAY;AAC3B;;AAEF,MAAI,MAAgB,EAAa;EAEjC,IAAI,IAAY;AAOhB,SANA,EAAkB,EAAe,EAAO,EAAE,EAAY,CAAC,MAAM,MAAY;AACnE,SACA,MAAY,UAAS,EAAe,EAAY,GAC3C,MAAY,WAAU,EAAa,EAAY,GACnD,EAAa,EAAY;IAC9B,QACW;AACX,OAAY;;IAEb;EAAC;EAAa;EAAc;EAAa;EAAQ;EAAW,CAAC;CAEhE,IAAM,IAAO,EAAuB;EAAE,KAAK;EAAa;EAAc;EAAa;EAAW;EAAW,CAAC;AAwD1G,QAtDI,MAAS,YAAkB,kBAAA,GAAA,EAAG,aAAY,CAAA,GAE1C,MAAS,cAET,kBAAC,OAAD;EAAK,WAAU;EAAgF,MAAK;YAApG;GACE,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,8CAA8C,qBAAqB;IACpE,CAAA;GACJ,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,oDACA,2EACD;IACC,CAAA;GACJ,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAS,aAAa;IACrC,WAAU;cAET,EAAE,6CAA6C,oBAAoB;IAC7D,CAAA;GACL;MAIN,MAAS,WAET,kBAAC,OAAD;EAAK,WAAU;EAAgF,MAAK;YAApG,CACE,kBAAC,KAAD;GAAG,WAAU;aACV,EAAE,2CAA2C,iDAAiD;GAC7F,CAAA,EACJ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe;AAEb,KADA,EAAa,KAAK,EAClB,GAAe,MAAM,IAAI,EAAE;;IAE7B,WAAU;cAET,EAAE,yCAAyC,YAAY;IACjD,CAAA,EACT,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAS,aAAa;IACrC,WAAU;cAET,EAAE,6CAA6C,oBAAoB;IAC7D,CAAA,CACL;KACF;MAKR,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EAC3B,CAAA;EAER"}

package/dist/bigconsole/components/workflow/WorkflowSinkLinkForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowSinkLinkForm.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/workflow/WorkflowSinkLinkForm.tsx"],"names":[],"mappings":"AAOA,kFAAkF;AAClF,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,aAAa,EACb,QAAQ,GACT,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/B,+BA0GA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowSinkLinkForm.js","names":[],"sources":["../../../../src/bigconsole/components/workflow/WorkflowSinkLinkForm.tsx"],"sourcesContent":["import { useState, type FormEvent } from 'react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useDataSinkOperations } from '../../hooks/useDataSinkOperations';\nimport { useWorkflowOperations } from '../../hooks/useWorkflowOperations';\nimport { SECTION_FOCUS_RING } from '../common';\n\n/** Uses existing workspace sinks and the real link mutation; no example links. */\nexport function WorkflowSinkLinkForm({\n  workflowId,\n  linkedSinkIds,\n  onLinked,\n}: {\n  workflowId: string;\n  linkedSinkIds: string[];\n  onLinked: () => Promise<void>;\n}) {\n  const { t } = useI18n();\n  const { dataSinks, loading, error } = useDataSinkOperations();\n  const { linkDataSink } = useWorkflowOperations({ skipFetch: true });\n  const [key, setKey] = useState('');\n  const [priority, setPriority] = useState(0);\n  const [mapping, setMapping] = useState('');\n  const [saving, setSaving] = useState(false);\n  const [failure, setFailure] = useState<string | null>(null);\n  const available = dataSinks.filter((sink) => sink.isActive && !linkedSinkIds.includes(sink.id));\n  const submit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    if (!available.some((sink) => sink.key === key) || saving) return;\n    let dataMapping: Record<string, unknown> | undefined;\n    if (mapping.trim()) {\n      try {\n        const parsed: unknown = JSON.parse(mapping);\n        if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) throw new Error('Expected a JSON object');\n        dataMapping = Object.fromEntries(Object.entries(parsed));\n      } catch {\n        setFailure(t('bigconsole.workflows.links.mappingError', 'Data mapping must be a JSON object.'));\n        return;\n      }\n    }\n    setSaving(true);\n    setFailure(null);\n    try {\n      const result = await linkDataSink(workflowId, { dataSinkKey: key, priority, dataMapping });\n      if (!result) {\n        setFailure(t('bigconsole.workflows.links.saveError', 'The data sink could not be linked. Try again.'));\n        return;\n      }\n      await onLinked();\n    } finally {\n      setSaving(false);\n    }\n  };\n  const field = `w-full min-w-0 rounded-input border border-[var(--color-border-subtle)] bg-bg-canvas px-3 py-2 text-sm text-text-primary ${SECTION_FOCUS_RING}`;\n  return (\n    <form\n      onSubmit={submit}\n      className=\"mb-form-gap flex min-w-0 flex-col gap-form-gap rounded-card border border-[var(--color-border-subtle)] bg-bg-sunken p-3\"\n    >\n      <label className=\"block text-sm font-medium text-text-primary\">\n        {t('bigconsole.workflows.links.sinkLabel', 'Data sink')}\n        <select\n          value={key}\n          onChange={(event) => setKey(event.target.value)}\n          disabled={loading || saving}\n          required\n          className={field}\n        >\n          <option value=\"\">{t('bigconsole.workflows.links.selectSink', 'Select a data sink')}</option>\n          {available.map((sink) => (\n            <option key={sink.id} value={sink.key}>\n              {sink.name || sink.key}\n            </option>\n          ))}\n        </select>\n      </label>\n      <label className=\"block text-sm font-medium text-text-primary\">\n        {t('bigconsole.workflows.links.priorityLabel', 'Priority')}\n        <input\n          type=\"number\"\n          min={0}\n          step={1}\n          value={priority}\n          onChange={(event) => setPriority(Number(event.target.value))}\n          disabled={saving}\n          className={field}\n        />\n      </label>\n      <label className=\"block text-sm font-medium text-text-primary\">\n        {t('bigconsole.workflows.links.mappingLabel', 'Data mapping (optional JSON)')}\n        <textarea\n          value={mapping}\n          onChange={(event) => setMapping(event.target.value)}\n          disabled={saving}\n          rows={3}\n          className={`${field} resize-y font-mono`}\n        />\n      </label>\n      {!loading && !error && available.length === 0 && (\n        <p className=\"text-sm text-text-secondary\">\n          {t(\n            'bigconsole.workflows.links.noAvailable',\n            'No unlinked active data sinks are available in this workspace.'\n          )}\n        </p>\n      )}\n      {(error || failure) && (\n        <p role=\"alert\" className=\"text-sm text-status-error-text\">\n          {failure ||\n            t(\n              'bigconsole.workflows.links.loadError',\n              'Data sinks could not be loaded. Close and reopen the form to retry.'\n            )}\n        </p>\n      )}\n      <Button type=\"submit\" disabled={!key || saving || loading} className=\"w-full sm:w-auto\">\n        {saving\n          ? t('bigconsole.workflows.links.saving', 'Linking…')\n          : t('bigconsole.workflows.links.link', 'Link sink')}\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,EAAqB,EACnC,eACA,kBACA,eAKC;CACD,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,cAAW,YAAS,aAAU,GAAuB,EACvD,EAAE,oBAAiB,EAAsB,EAAE,WAAW,IAAM,CAAC,EAC7D,CAAC,GAAK,KAAU,EAAS,GAAG,EAC5B,CAAC,GAAU,KAAe,EAAS,EAAE,EACrC,CAAC,GAAS,KAAc,EAAS,GAAG,EACpC,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,CAAC,GAAS,KAAc,EAAwB,KAAK,EACrD,IAAY,EAAU,QAAQ,MAAS,EAAK,YAAY,CAAC,EAAc,SAAS,EAAK,GAAG,CAAC,EACzF,IAAS,OAAO,MAAsC;AAE1D,MADA,EAAM,gBAAgB,EAClB,CAAC,EAAU,MAAM,MAAS,EAAK,QAAQ,EAAI,IAAI,EAAQ;EAC3D,IAAI;AACJ,MAAI,EAAQ,MAAM,CAChB,KAAI;GACF,IAAM,IAAkB,KAAK,MAAM,EAAQ;AAC3C,OAAI,CAAC,KAAU,OAAO,KAAW,YAAY,MAAM,QAAQ,EAAO,CAAE,OAAU,MAAM,yBAAyB;AAC7G,OAAc,OAAO,YAAY,OAAO,QAAQ,EAAO,CAAC;UAClD;AACN,KAAW,EAAE,2CAA2C,sCAAsC,CAAC;AAC/F;;AAIJ,EADA,EAAU,GAAK,EACf,EAAW,KAAK;AAChB,MAAI;AAEF,OAAI,CADW,MAAM,EAAa,GAAY;IAAE,aAAa;IAAK;IAAU;IAAa,CAAC,EAC7E;AACX,MAAW,EAAE,wCAAwC,gDAAgD,CAAC;AACtG;;AAEF,SAAM,GAAU;YACR;AACR,KAAU,GAAM;;IAGd,IAAQ,4HAA4H;AAC1I,QACE,kBAAC,QAAD;EACE,UAAU;EACV,WAAU;YAFZ;GAIE,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACG,EAAE,wCAAwC,YAAY,EACvD,kBAAC,UAAD;KACE,OAAO;KACP,WAAW,MAAU,EAAO,EAAM,OAAO,MAAM;KAC/C,UAAU,KAAW;KACrB,UAAA;KACA,WAAW;eALb,CAOE,kBAAC,UAAD;MAAQ,OAAM;gBAAI,EAAE,yCAAyC,qBAAqB;MAAU,CAAA,EAC3F,EAAU,KAAK,MACd,kBAAC,UAAD;MAAsB,OAAO,EAAK;gBAC/B,EAAK,QAAQ,EAAK;MACZ,EAFI,EAAK,GAET,CACT,CACK;OACH;;GACR,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACG,EAAE,4CAA4C,WAAW,EAC1D,kBAAC,SAAD;KACE,MAAK;KACL,KAAK;KACL,MAAM;KACN,OAAO;KACP,WAAW,MAAU,EAAY,OAAO,EAAM,OAAO,MAAM,CAAC;KAC5D,UAAU;KACV,WAAW;KACX,CAAA,CACI;;GACR,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACG,EAAE,2CAA2C,+BAA+B,EAC7E,kBAAC,YAAD;KACE,OAAO;KACP,WAAW,MAAU,EAAW,EAAM,OAAO,MAAM;KACnD,UAAU;KACV,MAAM;KACN,WAAW,GAAG,EAAM;KACpB,CAAA,CACI;;GACP,CAAC,KAAW,CAAC,KAAS,EAAU,WAAW,KAC1C,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,0CACA,iEACD;IACC,CAAA;IAEJ,KAAS,MACT,kBAAC,KAAD;IAAG,MAAK;IAAQ,WAAU;cACvB,KACC,EACE,wCACA,sEACD;IACD,CAAA;GAEN,kBAAC,GAAD;IAAQ,MAAK;IAAS,UAAU,CAAC,KAAO,KAAU;IAAS,WAAU;cAClE,IACG,EAAE,qCAAqC,WAAW,GAClD,EAAE,mCAAmC,YAAY;IAC9C,CAAA;GACJ"}

package/dist/bigconsole/components/workflow/WorkflowStatusBadge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowStatusBadge.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/workflow/WorkflowStatusBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAM5D,UAAU,wBAAwB;IAChC,sBAAsB;IACtB,MAAM,EAAE,wBAAwB,CAAC;IACjC,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgBD,eAAO,MAAM,mBAAmB,gEA2G9B,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"WorkflowStatusBadge.js","names":[],"sources":["../../../../src/bigconsole/components/workflow/WorkflowStatusBadge.tsx"],"sourcesContent":["/**\n * Workflow Status Badge\n *\n * Display badge showing workflow status with icon and color coding.\n *\n * Emphasis (BOFF-5634): status has to *escalate*, not just differ. Draft and\n * archived are quiet (sunken fill, no border); active, paused and error carry\n * their status border and a subtle status fill so an errored workflow reads\n * louder than a draft one at the same size.\n *\n * `text-status-warning-text` is NOT a registered Tailwind utility in the app\n * shell (the CSS variable exists, the theme key does not), so the warning tone\n * reads its colour through `text-[var(--color-status-warning-text)]`.\n */\n\nimport { memo, type ReactNode } from 'react';\nimport type { FluidGridsWorkflowStatus } from '../../types';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface WorkflowStatusBadgeProps {\n  /** Workflow status */\n  status: FluidGridsWorkflowStatus;\n  /** Badge size */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether to show icon */\n  showIcon?: boolean;\n}\n\ninterface StatusConfig {\n  /** Surface + border pair. Quiet statuses use a borderless sunken fill. */\n  surface: string;\n  text: string;\n  icon: ReactNode;\n  label: string;\n  /** Statuses that need to be noticed get extra weight. */\n  weight: string;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowStatusBadge = memo(function WorkflowStatusBadge({\n  status,\n  size = 'md',\n  showIcon = true,\n}: WorkflowStatusBadgeProps) {\n  const sizeClasses: Record<string, string> = {\n    sm: 'px-2 py-0.5 text-xs',\n    md: 'px-2.5 py-1 text-xs sm:text-sm',\n    lg: 'px-3 py-1.5 text-sm sm:text-base',\n  };\n\n  const iconSizes: Record<string, string> = {\n    sm: 'w-3 h-3',\n    md: 'w-4 h-4',\n    lg: 'w-5 h-5',\n  };\n\n  const statusConfigs: Record<FluidGridsWorkflowStatus, StatusConfig> = {\n    draft: {\n      surface: 'border border-transparent bg-bg-sunken',\n      weight: 'font-medium',\n      text: 'text-text-secondary',\n      icon: (\n        <svg className={iconSizes[size]} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z\"\n          />\n        </svg>\n      ),\n      label: 'Draft',\n    },\n    active: {\n      surface: 'border border-[var(--color-status-success-border)] bg-[var(--color-status-success-bgSubtle)]',\n      weight: 'font-medium',\n      text: 'text-status-success-text',\n      icon: (\n        <svg className={iconSizes[size]} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n        </svg>\n      ),\n      label: 'Active',\n    },\n    paused: {\n      surface: 'border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bgSubtle)]',\n      weight: 'font-medium',\n      text: 'text-[var(--color-status-warning-text)]',\n      icon: (\n        <svg className={iconSizes[size]} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n      ),\n      label: 'Paused',\n    },\n    error: {\n      surface: 'border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)]',\n      // The one status that must interrupt a scan.\n      weight: 'font-semibold',\n      text: 'text-status-error-text',\n      icon: (\n        <svg className={iconSizes[size]} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n          />\n        </svg>\n      ),\n      label: 'Error',\n    },\n    archived: {\n      surface: 'border border-transparent bg-bg-sunken',\n      weight: 'font-medium',\n      text: 'text-text-muted',\n      icon: (\n        <svg className={iconSizes[size]} fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4\"\n          />\n        </svg>\n      ),\n      label: 'Archived',\n    },\n  };\n\n  const config = statusConfigs[status];\n\n  return (\n    <span\n      data-workflow-status={status}\n      className={`inline-flex shrink-0 items-center gap-1.5 rounded-pill ${sizeClasses[size]} ${config.surface} ${config.text} ${config.weight}`}\n    >\n      {showIcon && config.icon}\n      <span>{config.label}</span>\n    </span>\n  );\n});\n\nexport default WorkflowStatusBadge;\n"],"mappings":";;;AA6CA,IAAa,IAAsB,EAAK,SAA6B,EACnE,WACA,UAAO,MACP,cAAW,MACgB;CAC3B,IAAM,IAAsC;EAC1C,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EAEK,IAAoC;EACxC,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EAiFK,IA/EgE;EACpE,OAAO;GACL,SAAS;GACT,QAAQ;GACR,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO;GACR;EACD,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAG,GAAE;KAAmB,CAAA;IACpF,CAAA;GAER,OAAO;GACR;EACD,QAAQ;GACN,SAAS;GACT,QAAQ;GACR,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO;GACR;EACD,OAAO;GACL,SAAS;GAET,QAAQ;GACR,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO;GACR;EACD,UAAU;GACR,SAAS;GACT,QAAQ;GACR,MAAM;GACN,MACE,kBAAC,OAAD;IAAK,WAAW,EAAU;IAAO,MAAK;IAAO,QAAO;IAAe,SAAQ;cACzE,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA;GAER,OAAO;GACR;EACF,CAE4B;AAE7B,QACE,kBAAC,QAAD;EACE,wBAAsB;EACtB,WAAW,0DAA0D,EAAY,GAAM,GAAG,EAAO,QAAQ,GAAG,EAAO,KAAK,GAAG,EAAO;YAFpI,CAIG,KAAY,EAAO,MACpB,kBAAC,QAAD,EAAA,UAAO,EAAO,OAAa,CAAA,CACtB;;EAET"}

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

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

package/dist/bigconsole/constants/backendErrors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"backendErrors.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/constants/backendErrors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAgHzD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,sBAAsB,CAAC"}

package/dist/bigconsole/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/bigconsole/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,wBAAwB,OAAO,CAAC"}

package/dist/bigconsole/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","names":[],"sources":["../../src/bigconsole/constants.ts"],"sourcesContent":["/**\n * BigConsole shared constants.\n */\n\n/**\n * Delay (ms) before retrying a workflow fetch that returned null.\n *\n * On full-page loads the workspace auth token may not be issued yet when the\n * first fetch fires, so the gateway lacks workspace context and the resolver\n * returns null. A single retry after this delay handles the bootstrap race.\n *\n * TODO: Longer term this should be driven off an auth-ready event rather than\n * a fixed delay so it works reliably on slow connections and cold starts.\n */\nexport const BOOTSTRAP_RETRY_DELAY_MS = 1500;\n"],"mappings":";AAcA,IAAa,IAA2B"}

package/dist/bigconsole/context/BigConsoleContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BigConsoleContext.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/context/BigConsoleContext.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxF,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB;AAID,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,mBAAmB,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,uBAAuB,+BAwC9E;AAED,wBAAgB,aAAa,2BAM5B;AAED;;;GAGG;AACH;;;GAGG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAE9C;AAED,wBAAgB,qBAAqB,WA7ElB,MAAM,KAAK,IAAI,CAiGjC"}

package/dist/bigconsole/context/BigConsoleContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BigConsoleContext.js","names":[],"sources":["../../../src/bigconsole/context/BigConsoleContext.tsx"],"sourcesContent":["/**\n * BigConsoleContext\n *\n * Provides basePath-aware navigation and shared props throughout BigConsole.\n * Uses the navigate function from host app props - no react-router hooks needed.\n */\n\nimport { createContext, useContext, useCallback, useMemo, type ReactNode } from 'react';\nimport { type BigConsoleRootProps } from '../types';\n\ninterface BigConsoleContextValue {\n  basePath: string;\n  navigate: (path: string) => void;\n  currentUser: BigConsoleRootProps['currentUser'];\n  workspaceId?: string;\n  tenantId?: string;\n  apiGatewayUrl: string;\n  authToken: string;\n}\n\nconst BigConsoleContext = createContext<BigConsoleContextValue | null>(null);\n\ninterface BigConsoleProviderProps {\n  children: ReactNode;\n  props: BigConsoleRootProps;\n}\n\nexport function BigConsoleProvider({ children, props }: BigConsoleProviderProps) {\n  const { basePath = '', navigate: hostNavigate, currentUser, workspaceId, tenantId, apiGatewayUrl, authToken } = props;\n\n  // Normalize basePath (remove trailing slash)\n  const normalizedBasePath = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;\n\n  // Create basePath-aware navigation using host's navigate function\n  const navigate = useCallback(\n    (path: string) => {\n      // If basePath is empty or \"/\", just use the path as-is\n      if (!normalizedBasePath || normalizedBasePath === '/') {\n        hostNavigate(path);\n        return;\n      }\n      // If path already starts with basePath, use as-is\n      if (path.startsWith(normalizedBasePath)) {\n        hostNavigate(path);\n        return;\n      }\n      // Otherwise, prepend basePath\n      const fullPath = path.startsWith('/') ? `${normalizedBasePath}${path}` : `${normalizedBasePath}/${path}`;\n      hostNavigate(fullPath);\n    },\n    [normalizedBasePath, hostNavigate]\n  );\n\n  const value = useMemo(\n    () => ({\n      basePath: normalizedBasePath,\n      navigate,\n      currentUser,\n      workspaceId,\n      tenantId,\n      apiGatewayUrl: apiGatewayUrl || '',\n      authToken: authToken || '',\n    }),\n    [normalizedBasePath, navigate, currentUser, workspaceId, tenantId, apiGatewayUrl, authToken]\n  );\n\n  return <BigConsoleContext.Provider value={value}>{children}</BigConsoleContext.Provider>;\n}\n\nexport function useBigConsole() {\n  const context = useContext(BigConsoleContext);\n  if (!context) {\n    throw new Error('useBigConsole must be used within a BigConsoleProvider');\n  }\n  return context;\n}\n\n/**\n * Hook for basePath-aware navigation.\n * Returns a navigate function that automatically prepends basePath.\n */\n/**\n * BigConsole's route base path (e.g. `/bigconsole`), or '' outside the\n * provider. Needed to build absolute URLs for new-tab links (BOFF-7625).\n */\nexport function useBigConsoleBasePath(): string {\n  return useContext(BigConsoleContext)?.basePath ?? '';\n}\n\nexport function useBigConsoleNavigate() {\n  const context = useContext(BigConsoleContext);\n\n  // Create a stable fallback function\n  const fallbackNavigate = useCallback((path: string) => {\n    const currentPath = window.location.pathname;\n    const bigconsoleMatch = currentPath.match(/^(\\/bigconsole)/);\n    const basePath = bigconsoleMatch ? bigconsoleMatch[1] : '';\n\n    let fullPath = path;\n    if (basePath && !path.startsWith(basePath)) {\n      fullPath = path.startsWith('/') ? `${basePath}${path}` : `${basePath}/${path}`;\n    }\n\n    // Use window.location as last resort\n    window.location.href = fullPath;\n  }, []);\n\n  // Return context navigate if available, otherwise fallback\n  return context?.navigate ?? fallbackNavigate;\n}\n"],"mappings":";;;AAoBA,IAAM,IAAoB,EAA6C,KAAK;AAO5E,SAAgB,EAAmB,EAAE,aAAU,YAAkC;CAC/E,IAAM,EAAE,cAAW,IAAI,UAAU,GAAc,gBAAa,gBAAa,aAAU,kBAAe,iBAAc,GAG1G,IAAqB,EAAS,SAAS,IAAI,GAAG,EAAS,MAAM,GAAG,GAAG,GAAG,GAGtE,IAAW,GACd,MAAiB;AAEhB,MAAI,CAAC,KAAsB,MAAuB,KAAK;AACrD,KAAa,EAAK;AAClB;;AAGF,MAAI,EAAK,WAAW,EAAmB,EAAE;AACvC,KAAa,EAAK;AAClB;;AAIF,IADiB,EAAK,WAAW,IAAI,GAAG,GAAG,IAAqB,MAAS,GAAG,EAAmB,GAAG,IAC5E;IAExB,CAAC,GAAoB,EAAa,CACnC,EAEK,IAAQ,SACL;EACL,UAAU;EACV;EACA;EACA;EACA;EACA,eAAe,KAAiB;EAChC,WAAW,KAAa;EACzB,GACD;EAAC;EAAoB;EAAU;EAAa;EAAa;EAAU;EAAe;EAAU,CAC7F;AAED,QAAO,kBAAC,EAAkB,UAAnB;EAAmC;EAAQ;EAAsC,CAAA;;AAG1F,SAAgB,IAAgB;CAC9B,IAAM,IAAU,EAAW,EAAkB;AAC7C,KAAI,CAAC,EACH,OAAU,MAAM,yDAAyD;AAE3E,QAAO;;AAWT,SAAgB,IAAgC;AAC9C,QAAO,EAAW,EAAkB,EAAE,YAAY;;AAGpD,SAAgB,IAAwB;CACtC,IAAM,IAAU,EAAW,EAAkB,EAGvC,IAAmB,GAAa,MAAiB;EAErD,IAAM,IADc,OAAO,SAAS,SACA,MAAM,kBAAkB,EACtD,IAAW,IAAkB,EAAgB,KAAK,IAEpD,IAAW;AAMf,EALI,KAAY,CAAC,EAAK,WAAW,EAAS,KACxC,IAAW,EAAK,WAAW,IAAI,GAAG,GAAG,IAAW,MAAS,GAAG,EAAS,GAAG,MAI1E,OAAO,SAAS,OAAO;IACtB,EAAE,CAAC;AAGN,QAAO,GAAS,YAAY"}

package/dist/bigconsole/context/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/bigconsole/contexts/CrossFilterContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CrossFilterContext.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/contexts/CrossFilterContext.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAmD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/F,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAMjC,MAAM,WAAW,uBAAuB;IACtC,+CAA+C;IAC/C,gBAAgB,EAAE,CAAC,SAAS,EAAE,oBAAoB,EAAE,MAAM,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACxF,mCAAmC;IACnC,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,8BAA8B;IAC9B,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,mDAAmD;IACnD,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IAC/D,iDAAiD;IACjD,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IAC1D,2CAA2C;IAC3C,eAAe,EAAE,OAAO,CAAC;IACzB,mDAAmD;IACnD,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,yCAAyC;IACzC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC5D;AAMD,eAAO,MAAM,kBAAkB,+CAAsD,CAAC;AAMtF,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAc,EACd,WAAuB,EACvB,UAAc,EACd,aAAa,GACd,EAAE,wBAAwB,qBAwD1B;AAMD;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,uBAAuB,CAkB/D;AAMD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC;4BAI1F,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,MAAM,WAAW,MAAM;gCAvIrC,MAAM,SAAS,OAAO,KAAK,OAAO;;EAuK/D;AAED,eAAe,kBAAkB,CAAC"}

package/dist/bigconsole/contexts/CrossFilterContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CrossFilterContext.js","names":[],"sources":["../../../src/bigconsole/contexts/CrossFilterContext.tsx"],"sourcesContent":["/**\n * CrossFilterContext\n *\n * Provides cross-filtering functionality to all widgets in a dashboard.\n * Widgets can trigger cross-filters when users click on data points.\n */\n\nimport React, { createContext, useContext, useMemo, useCallback, type ReactNode } from 'react';\nimport {\n  useCrossFilter,\n  type CrossFilterConfig,\n  type CrossFilterClickData,\n  type CrossFilterMode,\n} from '../hooks/useCrossFilter';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface CrossFilterContextValue {\n  /** Apply a cross-filter from a widget click */\n  applyCrossFilter: (clickData: CrossFilterClickData, config?: CrossFilterConfig) => void;\n  /** Clear specific cross-filters */\n  clearCrossFilter: (filterIds: string[]) => void;\n  /** Clear all cross-filters */\n  clearAllCrossFilters: () => void;\n  /** Check if a value is currently cross-filtered */\n  isCrossFiltered: (filterId: string, value: unknown) => boolean;\n  /** Get the source widget ID of a cross-filter */\n  getCrossFilterSource: (filterId: string) => string | null;\n  /** Whether any cross-filters are active */\n  hasCrossFilters: boolean;\n  /** Map of filter IDs to their source widget IDs */\n  crossFilterSources: Record<string, string>;\n  /** Whether cross-filtering is enabled */\n  enabled: boolean;\n}\n\nexport interface CrossFilterProviderProps {\n  children: ReactNode;\n  /** Whether cross-filtering is enabled */\n  enabled?: boolean;\n  /** Default filter mode */\n  defaultMode?: CrossFilterMode;\n  /** Debounce delay for filter updates */\n  debounceMs?: number;\n  /** Callback when cross-filter is applied */\n  onCrossFilter?: (filters: Record<string, unknown>) => void;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nexport const CrossFilterContext = createContext<CrossFilterContextValue | null>(null);\n\n// ============================================================================\n// Provider\n// ============================================================================\n\nexport function CrossFilterProvider({\n  children,\n  enabled = true,\n  defaultMode = 'replace',\n  debounceMs = 0,\n  onCrossFilter,\n}: CrossFilterProviderProps) {\n  const {\n    applyCrossFilter: applyFilter,\n    clearCrossFilter,\n    clearAllCrossFilters,\n    isCrossFiltered,\n    getCrossFilterSource,\n    hasCrossFilters,\n    crossFilterSources,\n  } = useCrossFilter({\n    enabled,\n    debounceMs,\n    config: {\n      mappings: [],\n      mode: defaultMode,\n      onApply: onCrossFilter,\n    },\n  });\n\n  // Wrap applyCrossFilter to add default mode\n  const applyCrossFilter = useCallback(\n    (clickData: CrossFilterClickData, config?: CrossFilterConfig) => {\n      const effectiveConfig = config || {\n        mappings: [],\n        mode: defaultMode,\n        onApply: onCrossFilter,\n      };\n      applyFilter(clickData, effectiveConfig);\n    },\n    [applyFilter, defaultMode, onCrossFilter]\n  );\n\n  const value = useMemo<CrossFilterContextValue>(\n    () => ({\n      applyCrossFilter,\n      clearCrossFilter,\n      clearAllCrossFilters,\n      isCrossFiltered,\n      getCrossFilterSource,\n      hasCrossFilters,\n      crossFilterSources,\n      enabled,\n    }),\n    [\n      applyCrossFilter,\n      clearCrossFilter,\n      clearAllCrossFilters,\n      isCrossFiltered,\n      getCrossFilterSource,\n      hasCrossFilters,\n      crossFilterSources,\n      enabled,\n    ]\n  );\n\n  return <CrossFilterContext.Provider value={value}>{children}</CrossFilterContext.Provider>;\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/**\n * Hook to access cross-filter functionality from any widget\n */\nexport function useCrossFilterContext(): CrossFilterContextValue {\n  const context = useContext(CrossFilterContext);\n\n  if (!context) {\n    // Return a no-op implementation if used outside provider\n    return {\n      applyCrossFilter: () => {},\n      clearCrossFilter: () => {},\n      clearAllCrossFilters: () => {},\n      isCrossFiltered: () => false,\n      getCrossFilterSource: () => null,\n      hasCrossFilters: false,\n      crossFilterSources: {},\n      enabled: false,\n    };\n  }\n\n  return context;\n}\n\n// ============================================================================\n// Helper Hook for Widgets\n// ============================================================================\n\n/**\n * Hook for widgets to easily create cross-filter handlers\n */\nexport function useWidgetCrossFilter(widgetId: string, filterMappings?: CrossFilterConfig['mappings']) {\n  const { applyCrossFilter, isCrossFiltered, enabled } = useCrossFilterContext();\n\n  const handleDataClick = useCallback(\n    (data: Record<string, unknown>, label?: string, series?: string) => {\n      if (!enabled) return;\n\n      // Auto-generate mappings if not provided\n      const mappings =\n        filterMappings ||\n        Object.keys(data).map((key) => ({\n          sourceField: key,\n          targetFilterId: key,\n        }));\n\n      applyCrossFilter(\n        {\n          data,\n          widgetId,\n          label,\n          series,\n        },\n        {\n          mappings,\n          mode: 'replace',\n        }\n      );\n    },\n    [widgetId, filterMappings, applyCrossFilter, enabled]\n  );\n\n  return {\n    handleDataClick,\n    isCrossFiltered,\n    enabled,\n  };\n}\n\nexport default CrossFilterContext;\n"],"mappings":";;;;AAsDA,IAAa,IAAqB,EAA8C,KAAK;AAMrF,SAAgB,EAAoB,EAClC,aACA,aAAU,IACV,iBAAc,WACd,gBAAa,GACb,oBAC2B;CAC3B,IAAM,EACJ,kBAAkB,GAClB,qBACA,yBACA,oBACA,yBACA,oBACA,0BACE,EAAe;EACjB;EACA;EACA,QAAQ;GACN,UAAU,EAAE;GACZ,MAAM;GACN,SAAS;GACV;EACF,CAAC,EAGI,IAAmB,GACtB,GAAiC,MAA+B;AAM/D,IAAY,GALY,KAAU;GAChC,UAAU,EAAE;GACZ,MAAM;GACN,SAAS;GACV,CACsC;IAEzC;EAAC;EAAa;EAAa;EAAc,CAC1C,EAEK,IAAQ,SACL;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QAAO,kBAAC,EAAmB,UAApB;EAAoC;EAAQ;EAAuC,CAAA;;AAU5F,SAAgB,IAAiD;AAiB/D,QAhBgB,EAAW,EAAmB,IAIrC;EACL,wBAAwB;EACxB,wBAAwB;EACxB,4BAA4B;EAC5B,uBAAuB;EACvB,4BAA4B;EAC5B,iBAAiB;EACjB,oBAAoB,EAAE;EACtB,SAAS;EACV;;AAaL,SAAgB,EAAqB,GAAkB,GAAgD;CACrG,IAAM,EAAE,qBAAkB,oBAAiB,eAAY,GAAuB;AA8B9E,QAAO;EACL,iBA7BsB,GACrB,GAA+B,GAAgB,MAAoB;AAClE,OAAI,CAAC,EAAS;GAGd,IAAM,IACJ,KACA,OAAO,KAAK,EAAK,CAAC,KAAK,OAAS;IAC9B,aAAa;IACb,gBAAgB;IACjB,EAAE;AAEL,KACE;IACE;IACA;IACA;IACA;IACD,EACD;IACE;IACA,MAAM;IACP,CACF;KAEH;GAAC;GAAU;GAAgB;GAAkB;GAAQ,CACtD;EAIC;EACA;EACD"}

package/dist/bigconsole/contexts/NavigationContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationContext.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/contexts/NavigationContext.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAA+D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpG,OAAO,EAA0C,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAM5G,UAAU,sBAAsB;IAC9B,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,6CAA6C;IAC7C,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACrC;AAYD,UAAU,uBAAuB;IAC/B,4DAA4D;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAsDjF;AAMD;;;GAGG;AACH,wBAAgB,aAAa,IAAI,sBAAsB,CAMtD;AAED;;;GAGG;AACH,wBAAgB,cAAc,SAjGb,MAAM,YAAY,eAAe,KAAK,IAAI,CAoG1D;AAED;;GAEG;AACH,wBAAgB,YAAY,WAvGR,MAAM,KAAK,MAAM,CA0GpC;AAED;;GAEG;AACH,wBAAgB,WAAW,WAG1B;AAMD;;;GAGG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;IACzD,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,OAAO,4GAIlB,CAAC"}