@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.11

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

@@ -0,0 +1 @@
+{"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

@@ -23,3 +23,4 @@ export declare function getTargetProgress(value: number | string | undefined, ta
  * drops entirely, leaving the bar at its previous size.
  */
 export declare function clampProgressWidth(progress: number): number;
+//# sourceMappingURL=targetProgress.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -9,3 +9,5 @@ function t(e) {
 }
 //#endregion
 export { t as clampProgressWidth, e as getTargetProgress };
+
+//# sourceMappingURL=targetProgress.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -11,3 +11,4 @@ export type WidgetTranslateFn = (key: string, fallbackOrParams?: string | Record
  * placeholders interpolated. Used where no I18nProvider is mounted.
  */
 export declare const fallbackTranslate: WidgetTranslateFn;
+//# sourceMappingURL=translate.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -5,3 +5,5 @@ var e = (e, t, n) => {
 };
 //#endregion
 export { e as fallbackTranslate };
+
+//# sourceMappingURL=translate.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -13,3 +13,4 @@ export interface WebhookConfigPanelProps {
 }
 export declare const WebhookConfigPanel: React.FC<WebhookConfigPanelProps>;
 export default WebhookConfigPanel;
+//# sourceMappingURL=WebhookConfigPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -530,3 +530,5 @@ var c = {
 });
 //#endregion
 export { d as default };
+
+//# sourceMappingURL=WebhookConfigPanel.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -3,3 +3,4 @@
  */
 export { WebhookConfigPanel, type WebhookConfigPanelProps } from './WebhookConfigPanel';
 export { default } from './WebhookConfigPanel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -473,3 +473,5 @@ var g = t(function({ name: e, className: t = "w-4 h-4" }) {
 });
 //#endregion
 export { b as default };
+
+//# sourceMappingURL=WidgetActions.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -5,3 +5,4 @@
  */
 export { WidgetActions, type WidgetActionsProps } from './WidgetActions';
 export { default } from './WidgetActions';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -188,3 +188,5 @@ var s = ({ className: e }) => /* @__PURE__ */ i("svg", {
 });
 //#endregion
 export { f as default };
+
+//# sourceMappingURL=WorkflowCard.js.map

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -109,3 +109,5 @@ var l = ({ className: e }) => /* @__PURE__ */ s("svg", {
 });
 //#endregion
 export { u as default };
+
+//# sourceMappingURL=WorkflowDeleteDialog.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -4,3 +4,4 @@ import { WorkflowData } from '@burdenoff/fluidgrids-fe-sdk';
 export declare function WorkflowDesignPreview({ workflow }: {
     workflow: WorkflowData;
 }): import("react").JSX.Element;
+//# sourceMappingURL=WorkflowDesignPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -90,3 +90,5 @@ function d({ workflow: a }) {
 }
 //#endregion
 export { d as WorkflowDesignPreview };
+
+//# sourceMappingURL=WorkflowDesignPreview.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -22,3 +22,4 @@ interface WorkflowOpenGuardProps {
  */
 export declare const WorkflowOpenGuard: import('react').NamedExoticComponent<WorkflowOpenGuardProps>;
 export {};
+//# sourceMappingURL=WorkflowOpenGuard.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -85,3 +85,5 @@ var h = a(function({ workflowKey: a, children: h }) {
 });
 //#endregion
 export { h as WorkflowOpenGuard };
+
+//# sourceMappingURL=WorkflowOpenGuard.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -4,3 +4,4 @@ export declare function WorkflowSinkLinkForm({ workflowId, linkedSinkIds, onLink
     linkedSinkIds: string[];
     onLinked: () => Promise<void>;
 }): import("react").JSX.Element;
+//# sourceMappingURL=WorkflowSinkLinkForm.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -97,3 +97,5 @@ function c({ workflowId: c, linkedSinkIds: l, onLinked: u }) {
 }
 //#endregion
 export { c as WorkflowSinkLinkForm };
+
+//# sourceMappingURL=WorkflowSinkLinkForm.js.map

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -110,3 +110,5 @@ var r = e(function({ status: e, size: r = "md", showIcon: i = !0 }) {
 });
 //#endregion
 export { r as default };
+
+//# sourceMappingURL=WorkflowStatusBadge.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -7,3 +7,4 @@ export { WorkflowCard } from './WorkflowCard';
 export { WorkflowStatusBadge } from './WorkflowStatusBadge';
 export { WorkflowDeleteDialog } from './WorkflowDeleteDialog';
 export { DataSinkMultiSelector } from './DataSinkMultiSelector';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -19,3 +19,4 @@
  */
 export declare const BACKEND_ERROR_MESSAGES: Record<string, string>;
 export type BackendErrorCode = keyof typeof BACKEND_ERROR_MESSAGES;
+//# sourceMappingURL=backendErrors.d.ts.map

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

@@ -0,0 +1 @@
+{"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"}