@burdenoff/microfe-bigconsole 2026.805.3 → 2026.812.2

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

@@ -1 +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\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  bg: string;\n  text: string;\n  icon: ReactNode;\n  label: 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-sm',\n    lg: 'px-3 py-1.5 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      bg: 'bg-text-secondary/10',\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      bg: 'bg-status-success-bg/10',\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      bg: 'bg-status-warning-bg/10',\n      text: 'text-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      bg: 'bg-status-error-bg/10',\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      bg: 'bg-text-secondary/10',\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=\"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      className={`\n        inline-flex items-center gap-1.5\n        ${sizeClasses[size]}\n        ${config.bg}\n        ${config.text}\n        rounded-full\n        font-medium\n      `}\n    >\n      {showIcon && config.icon}\n      <span>{config.label}</span>\n    </span>\n  );\n});\n\nexport default WorkflowStatusBadge;\n"],"mappings":";;;AAiCA,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,EA2EK,IAzEgE;EACpE,OAAO;GACL,IAAI;GACJ,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,IAAI;GACJ,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,IAAI;GACJ,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,IAAI;GACJ,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,IAAI;GACJ,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,WAAW;;UAEP,EAAY,GAAM;UAClB,EAAO,GAAG;UACV,EAAO,KAAK;;;;YALlB,CAUG,KAAY,EAAO,MACpB,kBAAC,QAAD,EAAA,UAAO,EAAO,OAAa,CAAA,CACtB;;EAET"}
+{"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/customWidget/CustomWidgetBuilderSheet.js

@@ -65,16 +65,18 @@ var h = {
 		onOpenChange: (e) => !e && _(),
 		children: /* @__PURE__ */ m(l, {
 			style: {
-				width: 480,
-				maxWidth: "95vw",
+				width: "min(480px, 100vw)",
+				maxWidth: "100vw",
 				padding: 0,
 				display: "flex",
 				flexDirection: "column"
 			},
 			children: [/* @__PURE__ */ m(d, {
 				style: {
-					padding: 16,
-					paddingBottom: 0
+					padding: "var(--space-cardPadding)",
+					borderBottom: "1px solid var(--color-border-subtle)",
+					backgroundColor: "var(--color-bg-surface)",
+					flexShrink: 0
 				},
 				children: [/* @__PURE__ */ p(f, { children: x("bigconsole.widget.customWidget.sheet.title", "AI custom widget") }), /* @__PURE__ */ p(u, { children: x("bigconsole.widget.customWidget.sheet.description", "Describe a widget, review the proposal, then approve it onto the dashboard.") })]
 			}), /* @__PURE__ */ p("div", {

package/dist/bigconsole/customWidget/CustomWidgetBuilderSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomWidgetBuilderSheet.js","names":[],"sources":["../../../src/bigconsole/customWidget/CustomWidgetBuilderSheet.tsx"],"sourcesContent":["/**\n * Container that wires the custom-widget proposal panel to real workspace data\n * (BOFF-5532).\n *\n * Supplies the panel with the user's actual permitted DataSinks and parsers,\n * resolves previews by running the real parser, and persists an approved\n * proposal through the normal `createWidget` path — so an approved widget is an\n * ordinary widget, editable afterwards through the standard inspector.\n */\n\nimport { type FC, memo, useCallback, useMemo } from 'react';\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nimport { useDataSinkOperations, useParserOperations, useWidgetOperations } from '../hooks';\nimport { CustomWidgetProposalPanel } from './CustomWidgetProposalPanel';\nimport type { CustomWidgetProposal } from './proposalContract';\nimport type { CustomWidgetProposalSource, ProposalCandidateParser, ProposalCandidateSink } from './proposalSource';\n\nexport interface CustomWidgetBuilderSheetProps {\n  isOpen: boolean;\n  onClose: () => void;\n  dashboardId: string;\n  pageId: string;\n  /** Swap for the GraphQL-backed source once BOFF-3021's backend half lands. */\n  source?: CustomWidgetProposalSource;\n}\n\n/** Grid slot for an approved widget; the reviewer can move it afterwards. */\nconst DEFAULT_POSITION = { x: 0, y: 0, width: 6, height: 4 } as const;\n\n/** Sentinel consoleId under which workspace-global parsers are stored. */\nconst GLOBAL_CONSOLE_ID = 'default';\n\nexport const CustomWidgetBuilderSheet: FC<CustomWidgetBuilderSheetProps> = memo(function CustomWidgetBuilderSheet({\n  isOpen,\n  onClose,\n  dashboardId,\n  pageId,\n  source,\n}) {\n  const { t } = useI18n();\n  const { dataSinks } = useDataSinkOperations({ skipFetch: !isOpen });\n  const { createWidget } = useWidgetOperations(pageId, dashboardId, { skipFetch: true });\n\n  // Parsers are either dashboard-scoped or workspace-global (`consoleId: 'default'`),\n  // and the widget inspector offers both. Fetch both here too, otherwise a proposal\n  // can never bind to a global parser — which is what the parser builder creates by\n  // default, so the picker would look empty in a typical workspace.\n  const isGlobalConsole = dashboardId === GLOBAL_CONSOLE_ID;\n  const { parsers: dashboardParsers, executeParser } = useParserOperations({\n    consoleId: dashboardId,\n    skipFetch: !isOpen,\n  });\n  const { parsers: globalParsers } = useParserOperations({\n    consoleId: GLOBAL_CONSOLE_ID,\n    skipFetch: !isOpen || isGlobalConsole,\n  });\n\n  const sinks: ProposalCandidateSink[] = useMemo(\n    () => dataSinks.map((sink) => ({ id: sink.id, key: sink.key, name: sink.name })),\n    [dataSinks]\n  );\n\n  const parserCandidates: ProposalCandidateParser[] = useMemo(() => {\n    const seen = new Set(dashboardParsers.map((parser) => parser.id));\n    const merged = [...dashboardParsers, ...globalParsers.filter((parser) => !seen.has(parser.id))];\n    return merged.map((parser) => ({ id: parser.id, name: parser.name, inputSinkKey: parser.inputSinkKey }));\n  }, [dashboardParsers, globalParsers]);\n\n  /**\n   * Resolves what the binding actually produces. Rejects on failure so the\n   * panel can distinguish \"no data\" from \"you cannot read this\".\n   */\n  const resolvePreviewData = useCallback(\n    async (proposal: CustomWidgetProposal): Promise<unknown> => {\n      if (!proposal.binding.parserId) return undefined;\n      const execution = await executeParser(proposal.binding.parserId);\n      if (!execution || !execution.success) {\n        throw new Error(\n          execution?.error ||\n            t('bigconsole.widget.customWidget.error.couldNotResolveBinding', 'Could not resolve the binding.')\n        );\n      }\n      return execution.output;\n    },\n    [executeParser, t]\n  );\n\n  const handleApprove = useCallback(\n    async (proposal: CustomWidgetProposal) => {\n      const widget = await createWidget({\n        pageId,\n        dashboardId,\n        type: proposal.widgetType,\n        title: proposal.presentation.title,\n        description: proposal.presentation.description,\n        dataSinkId: proposal.binding.dataSinkId || undefined,\n        parserId: proposal.binding.parserId,\n        config: {\n          ...proposal.presentation.config,\n          ...proposal.fieldMapping,\n          // Provenance, so an approved widget can be traced back to its prompt\n          // and survives export/import and clone with its origin intact.\n          generatedBy: proposal.generatedBy,\n          sourcePrompt: proposal.sourcePrompt,\n          proposalVersion: proposal.version,\n        },\n        position: { ...DEFAULT_POSITION },\n      });\n\n      if (!widget)\n        throw new Error(t('bigconsole.widget.customWidget.error.widgetNotCreated', 'The widget could not be created.'));\n    },\n    [createWidget, pageId, dashboardId, t]\n  );\n\n  return (\n    <Sheet open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      <SheetContent style={{ width: 480, maxWidth: '95vw', padding: 0, display: 'flex', flexDirection: 'column' }}>\n        <SheetHeader style={{ padding: 16, paddingBottom: 0 }}>\n          <SheetTitle>{t('bigconsole.widget.customWidget.sheet.title', 'AI custom widget')}</SheetTitle>\n          <SheetDescription>\n            {t(\n              'bigconsole.widget.customWidget.sheet.description',\n              'Describe a widget, review the proposal, then approve it onto the dashboard.'\n            )}\n          </SheetDescription>\n        </SheetHeader>\n\n        <div style={{ flex: 1, minHeight: 0 }}>\n          <CustomWidgetProposalPanel\n            sinks={sinks}\n            parsers={parserCandidates}\n            resolvePreviewData={resolvePreviewData}\n            onApprove={handleApprove}\n            onClose={onClose}\n            source={source}\n          />\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n});\n\nexport default CustomWidgetBuilderSheet;\n"],"mappings":";;;;;;;;;;AA6BA,IAAM,IAAmB;CAAE,GAAG;CAAG,GAAG;CAAG,OAAO;CAAG,QAAQ;CAAG,EAGtD,IAAoB,WAEb,IAA8D,EAAK,SAAkC,EAChH,WACA,YACA,gBACA,WACA,aACC;CACD,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,iBAAc,EAAsB,EAAE,WAAW,CAAC,GAAQ,CAAC,EAC7D,EAAE,oBAAiB,EAAoB,GAAQ,GAAa,EAAE,WAAW,IAAM,CAAC,EAMhF,IAAkB,MAAgB,GAClC,EAAE,SAAS,GAAkB,qBAAkB,EAAoB;EACvE,WAAW;EACX,WAAW,CAAC;EACb,CAAC,EACI,EAAE,SAAS,MAAkB,EAAoB;EACrD,WAAW;EACX,WAAW,CAAC,KAAU;EACvB,CAAC,EAEI,IAAiC,QAC/B,EAAU,KAAK,OAAU;EAAE,IAAI,EAAK;EAAI,KAAK,EAAK;EAAK,MAAM,EAAK;EAAM,EAAE,EAChF,CAAC,EAAU,CACZ,EAEK,IAA8C,QAAc;EAChE,IAAM,IAAO,IAAI,IAAI,EAAiB,KAAK,MAAW,EAAO,GAAG,CAAC;AAEjE,SADe,CAAC,GAAG,GAAkB,GAAG,EAAc,QAAQ,MAAW,CAAC,EAAK,IAAI,EAAO,GAAG,CAAC,CAAC,CACjF,KAAK,OAAY;GAAE,IAAI,EAAO;GAAI,MAAM,EAAO;GAAM,cAAc,EAAO;GAAc,EAAE;IACvG,CAAC,GAAkB,EAAc,CAAC,EAM/B,IAAqB,EACzB,OAAO,MAAqD;AAC1D,MAAI,CAAC,EAAS,QAAQ,SAAU;EAChC,IAAM,IAAY,MAAM,EAAc,EAAS,QAAQ,SAAS;AAChE,MAAI,CAAC,KAAa,CAAC,EAAU,QAC3B,OAAU,MACR,GAAW,SACT,EAAE,+DAA+D,iCAAiC,CACrG;AAEH,SAAO,EAAU;IAEnB,CAAC,GAAe,EAAE,CACnB,EAEK,IAAgB,EACpB,OAAO,MAAmC;AAqBxC,MAAI,CApBW,MAAM,EAAa;GAChC;GACA;GACA,MAAM,EAAS;GACf,OAAO,EAAS,aAAa;GAC7B,aAAa,EAAS,aAAa;GACnC,YAAY,EAAS,QAAQ,cAAc,KAAA;GAC3C,UAAU,EAAS,QAAQ;GAC3B,QAAQ;IACN,GAAG,EAAS,aAAa;IACzB,GAAG,EAAS;IAGZ,aAAa,EAAS;IACtB,cAAc,EAAS;IACvB,iBAAiB,EAAS;IAC3B;GACD,UAAU,EAAE,GAAG,GAAkB;GAClC,CAAC,CAGA,OAAU,MAAM,EAAE,yDAAyD,mCAAmC,CAAC;IAEnH;EAAC;EAAc;EAAQ;EAAa;EAAE,CACvC;AAED,QACE,kBAAC,GAAD;EAAO,MAAM;EAAQ,eAAe,MAAS,CAAC,KAAQ,GAAS;YAC7D,kBAAC,GAAD;GAAc,OAAO;IAAE,OAAO;IAAK,UAAU;IAAQ,SAAS;IAAG,SAAS;IAAQ,eAAe;IAAU;aAA3G,CACE,kBAAC,GAAD;IAAa,OAAO;KAAE,SAAS;KAAI,eAAe;KAAG;cAArD,CACE,kBAAC,GAAD,EAAA,UAAa,EAAE,8CAA8C,mBAAmB,EAAc,CAAA,EAC9F,kBAAC,GAAD,EAAA,UACG,EACC,oDACA,8EACD,EACgB,CAAA,CACP;OAEd,kBAAC,OAAD;IAAK,OAAO;KAAE,MAAM;KAAG,WAAW;KAAG;cACnC,kBAAC,GAAD;KACS;KACP,SAAS;KACW;KACpB,WAAW;KACF;KACD;KACR,CAAA;IACE,CAAA,CACO;;EACT,CAAA;EAEV"}
+{"version":3,"file":"CustomWidgetBuilderSheet.js","names":[],"sources":["../../../src/bigconsole/customWidget/CustomWidgetBuilderSheet.tsx"],"sourcesContent":["/**\n * Container that wires the custom-widget proposal panel to real workspace data\n * (BOFF-5532).\n *\n * Supplies the panel with the user's actual permitted DataSinks and parsers,\n * resolves previews by running the real parser, and persists an approved\n * proposal through the normal `createWidget` path — so an approved widget is an\n * ordinary widget, editable afterwards through the standard inspector.\n */\n\nimport { type FC, memo, useCallback, useMemo } from 'react';\nimport { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nimport { useDataSinkOperations, useParserOperations, useWidgetOperations } from '../hooks';\nimport { CustomWidgetProposalPanel } from './CustomWidgetProposalPanel';\nimport type { CustomWidgetProposal } from './proposalContract';\nimport type { CustomWidgetProposalSource, ProposalCandidateParser, ProposalCandidateSink } from './proposalSource';\n\nexport interface CustomWidgetBuilderSheetProps {\n  isOpen: boolean;\n  onClose: () => void;\n  dashboardId: string;\n  pageId: string;\n  /** Swap for the GraphQL-backed source once BOFF-3021's backend half lands. */\n  source?: CustomWidgetProposalSource;\n}\n\n/** Grid slot for an approved widget; the reviewer can move it afterwards. */\nconst DEFAULT_POSITION = { x: 0, y: 0, width: 6, height: 4 } as const;\n\n/** Sentinel consoleId under which workspace-global parsers are stored. */\nconst GLOBAL_CONSOLE_ID = 'default';\n\nexport const CustomWidgetBuilderSheet: FC<CustomWidgetBuilderSheetProps> = memo(function CustomWidgetBuilderSheet({\n  isOpen,\n  onClose,\n  dashboardId,\n  pageId,\n  source,\n}) {\n  const { t } = useI18n();\n  const { dataSinks } = useDataSinkOperations({ skipFetch: !isOpen });\n  const { createWidget } = useWidgetOperations(pageId, dashboardId, { skipFetch: true });\n\n  // Parsers are either dashboard-scoped or workspace-global (`consoleId: 'default'`),\n  // and the widget inspector offers both. Fetch both here too, otherwise a proposal\n  // can never bind to a global parser — which is what the parser builder creates by\n  // default, so the picker would look empty in a typical workspace.\n  const isGlobalConsole = dashboardId === GLOBAL_CONSOLE_ID;\n  const { parsers: dashboardParsers, executeParser } = useParserOperations({\n    consoleId: dashboardId,\n    skipFetch: !isOpen,\n  });\n  const { parsers: globalParsers } = useParserOperations({\n    consoleId: GLOBAL_CONSOLE_ID,\n    skipFetch: !isOpen || isGlobalConsole,\n  });\n\n  const sinks: ProposalCandidateSink[] = useMemo(\n    () => dataSinks.map((sink) => ({ id: sink.id, key: sink.key, name: sink.name })),\n    [dataSinks]\n  );\n\n  const parserCandidates: ProposalCandidateParser[] = useMemo(() => {\n    const seen = new Set(dashboardParsers.map((parser) => parser.id));\n    const merged = [...dashboardParsers, ...globalParsers.filter((parser) => !seen.has(parser.id))];\n    return merged.map((parser) => ({ id: parser.id, name: parser.name, inputSinkKey: parser.inputSinkKey }));\n  }, [dashboardParsers, globalParsers]);\n\n  /**\n   * Resolves what the binding actually produces. Rejects on failure so the\n   * panel can distinguish \"no data\" from \"you cannot read this\".\n   */\n  const resolvePreviewData = useCallback(\n    async (proposal: CustomWidgetProposal): Promise<unknown> => {\n      if (!proposal.binding.parserId) return undefined;\n      const execution = await executeParser(proposal.binding.parserId);\n      if (!execution || !execution.success) {\n        throw new Error(\n          execution?.error ||\n            t('bigconsole.widget.customWidget.error.couldNotResolveBinding', 'Could not resolve the binding.')\n        );\n      }\n      return execution.output;\n    },\n    [executeParser, t]\n  );\n\n  const handleApprove = useCallback(\n    async (proposal: CustomWidgetProposal) => {\n      const widget = await createWidget({\n        pageId,\n        dashboardId,\n        type: proposal.widgetType,\n        title: proposal.presentation.title,\n        description: proposal.presentation.description,\n        dataSinkId: proposal.binding.dataSinkId || undefined,\n        parserId: proposal.binding.parserId,\n        config: {\n          ...proposal.presentation.config,\n          ...proposal.fieldMapping,\n          // Provenance, so an approved widget can be traced back to its prompt\n          // and survives export/import and clone with its origin intact.\n          generatedBy: proposal.generatedBy,\n          sourcePrompt: proposal.sourcePrompt,\n          proposalVersion: proposal.version,\n        },\n        position: { ...DEFAULT_POSITION },\n      });\n\n      if (!widget)\n        throw new Error(t('bigconsole.widget.customWidget.error.widgetNotCreated', 'The widget could not be created.'));\n    },\n    [createWidget, pageId, dashboardId, t]\n  );\n\n  return (\n    <Sheet open={isOpen} onOpenChange={(open) => !open && onClose()}>\n      {/*\n        `min(480px, 100vw)` rather than a fixed 480px + 95vw cap, and header\n        padding on the `--space-*` scale rather than raw pixels, so this sheet\n        follows the same rules as the widget inspector (BOFF-5636).\n      */}\n      <SheetContent\n        style={{\n          width: 'min(480px, 100vw)',\n          maxWidth: '100vw',\n          padding: 0,\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n      >\n        <SheetHeader\n          style={{\n            padding: 'var(--space-cardPadding)',\n            borderBottom: '1px solid var(--color-border-subtle)',\n            backgroundColor: 'var(--color-bg-surface)',\n            flexShrink: 0,\n          }}\n        >\n          <SheetTitle>{t('bigconsole.widget.customWidget.sheet.title', 'AI custom widget')}</SheetTitle>\n          <SheetDescription>\n            {t(\n              'bigconsole.widget.customWidget.sheet.description',\n              'Describe a widget, review the proposal, then approve it onto the dashboard.'\n            )}\n          </SheetDescription>\n        </SheetHeader>\n\n        <div style={{ flex: 1, minHeight: 0 }}>\n          <CustomWidgetProposalPanel\n            sinks={sinks}\n            parsers={parserCandidates}\n            resolvePreviewData={resolvePreviewData}\n            onApprove={handleApprove}\n            onClose={onClose}\n            source={source}\n          />\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n});\n\nexport default CustomWidgetBuilderSheet;\n"],"mappings":";;;;;;;;;;AA6BA,IAAM,IAAmB;CAAE,GAAG;CAAG,GAAG;CAAG,OAAO;CAAG,QAAQ;CAAG,EAGtD,IAAoB,WAEb,IAA8D,EAAK,SAAkC,EAChH,WACA,YACA,gBACA,WACA,aACC;CACD,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,iBAAc,EAAsB,EAAE,WAAW,CAAC,GAAQ,CAAC,EAC7D,EAAE,oBAAiB,EAAoB,GAAQ,GAAa,EAAE,WAAW,IAAM,CAAC,EAMhF,IAAkB,MAAgB,GAClC,EAAE,SAAS,GAAkB,qBAAkB,EAAoB;EACvE,WAAW;EACX,WAAW,CAAC;EACb,CAAC,EACI,EAAE,SAAS,MAAkB,EAAoB;EACrD,WAAW;EACX,WAAW,CAAC,KAAU;EACvB,CAAC,EAEI,IAAiC,QAC/B,EAAU,KAAK,OAAU;EAAE,IAAI,EAAK;EAAI,KAAK,EAAK;EAAK,MAAM,EAAK;EAAM,EAAE,EAChF,CAAC,EAAU,CACZ,EAEK,IAA8C,QAAc;EAChE,IAAM,IAAO,IAAI,IAAI,EAAiB,KAAK,MAAW,EAAO,GAAG,CAAC;AAEjE,SADe,CAAC,GAAG,GAAkB,GAAG,EAAc,QAAQ,MAAW,CAAC,EAAK,IAAI,EAAO,GAAG,CAAC,CAAC,CACjF,KAAK,OAAY;GAAE,IAAI,EAAO;GAAI,MAAM,EAAO;GAAM,cAAc,EAAO;GAAc,EAAE;IACvG,CAAC,GAAkB,EAAc,CAAC,EAM/B,IAAqB,EACzB,OAAO,MAAqD;AAC1D,MAAI,CAAC,EAAS,QAAQ,SAAU;EAChC,IAAM,IAAY,MAAM,EAAc,EAAS,QAAQ,SAAS;AAChE,MAAI,CAAC,KAAa,CAAC,EAAU,QAC3B,OAAU,MACR,GAAW,SACT,EAAE,+DAA+D,iCAAiC,CACrG;AAEH,SAAO,EAAU;IAEnB,CAAC,GAAe,EAAE,CACnB,EAEK,IAAgB,EACpB,OAAO,MAAmC;AAqBxC,MAAI,CApBW,MAAM,EAAa;GAChC;GACA;GACA,MAAM,EAAS;GACf,OAAO,EAAS,aAAa;GAC7B,aAAa,EAAS,aAAa;GACnC,YAAY,EAAS,QAAQ,cAAc,KAAA;GAC3C,UAAU,EAAS,QAAQ;GAC3B,QAAQ;IACN,GAAG,EAAS,aAAa;IACzB,GAAG,EAAS;IAGZ,aAAa,EAAS;IACtB,cAAc,EAAS;IACvB,iBAAiB,EAAS;IAC3B;GACD,UAAU,EAAE,GAAG,GAAkB;GAClC,CAAC,CAGA,OAAU,MAAM,EAAE,yDAAyD,mCAAmC,CAAC;IAEnH;EAAC;EAAc;EAAQ;EAAa;EAAE,CACvC;AAED,QACE,kBAAC,GAAD;EAAO,MAAM;EAAQ,eAAe,MAAS,CAAC,KAAQ,GAAS;YAM7D,kBAAC,GAAD;GACE,OAAO;IACL,OAAO;IACP,UAAU;IACV,SAAS;IACT,SAAS;IACT,eAAe;IAChB;aAPH,CASE,kBAAC,GAAD;IACE,OAAO;KACL,SAAS;KACT,cAAc;KACd,iBAAiB;KACjB,YAAY;KACb;cANH,CAQE,kBAAC,GAAD,EAAA,UAAa,EAAE,8CAA8C,mBAAmB,EAAc,CAAA,EAC9F,kBAAC,GAAD,EAAA,UACG,EACC,oDACA,8EACD,EACgB,CAAA,CACP;OAEd,kBAAC,OAAD;IAAK,OAAO;KAAE,MAAM;KAAG,WAAW;KAAG;cACnC,kBAAC,GAAD;KACS;KACP,SAAS;KACW;KACpB,WAAW;KACF;KACD;KACR,CAAA;IACE,CAAA,CACO;;EACT,CAAA;EAEV"}