@wildo-ai/saas-frontend-lib 1.1.4 → 1.1.5

package/dist/esm/core/guidance/renderers/GuidanceBadge.js

@@ -1,13 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { OnboardingBadgeVariant } from '@wildo-ai/saas-models';
 import { Badge } from '../../../components/data-display/badge.js';
-const VARIANT_MAP = {
-    [OnboardingBadgeVariant.DEFAULT]: 'outline',
-    [OnboardingBadgeVariant.PRIMARY]: 'default',
-    [OnboardingBadgeVariant.SECONDARY]: 'secondary',
-    [OnboardingBadgeVariant.SUCCESS]: 'default',
-    [OnboardingBadgeVariant.WARNING]: 'secondary',
-    [OnboardingBadgeVariant.ERROR]: 'destructive',
+import { indicatorBadgeVariant } from '../../../components/data-display/badge-tone.js';
+import { IndicatorVariant } from "@wildo-ai/presets-components-models";
+/**
+ * The tone each guidance variant reads in, resolved to a badge word through the framework's one
+ * seam (`badge-tone.ts`). Until #1321 this file kept its own map, and it sent SUCCESS to a neutral
+ * badge and WARNING to a secondary one — an onboarding milestone that said "done" in grey. PRIMARY
+ * is the one variant meant to draw the eye, which is what INFO is for; DEFAULT and SECONDARY are
+ * the two quiet ones.
+ */
+const VARIANT_TONE = {
+    [OnboardingBadgeVariant.DEFAULT]: IndicatorVariant.NEUTRAL,
+    [OnboardingBadgeVariant.PRIMARY]: IndicatorVariant.INFO,
+    [OnboardingBadgeVariant.SECONDARY]: IndicatorVariant.NEUTRAL,
+    [OnboardingBadgeVariant.SUCCESS]: IndicatorVariant.SUCCESS,
+    [OnboardingBadgeVariant.WARNING]: IndicatorVariant.WARNING,
+    [OnboardingBadgeVariant.ERROR]: IndicatorVariant.ERROR,
 };
 export const GuidanceBadge = ({ element, t, }) => {
     const el = element;
@@ -16,6 +25,6 @@ export const GuidanceBadge = ({ element, t, }) => {
     const title = t('title');
     const content = t('content');
     const icon = el.icon;
-    return (_jsxs(Badge, { variant: VARIANT_MAP[variant], className: unlocked ? '' : 'opacity-[var(--opacity-disabled)]', children: [icon && (_jsx("span", { className: "text-xs leading-none", "aria-hidden": "true", children: icon })), title || content] }));
+    return (_jsxs(Badge, { variant: indicatorBadgeVariant(VARIANT_TONE[variant]), className: unlocked ? '' : 'opacity-[var(--opacity-disabled)]', children: [icon && (_jsx("span", { className: "text-xs leading-none", "aria-hidden": "true", children: icon })), title || content] }));
 };
 //# sourceMappingURL=GuidanceBadge.js.map

package/dist/esm/core/guidance/renderers/GuidanceBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceBadge.js","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceBadge.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mDAAmD,CAAC;AAI1E,MAAM,WAAW,GAAwF;IACvG,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,SAAS;IAC3C,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,SAAS;IAC3C,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,WAAW;IAC/C,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,SAAS;IAC3C,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,WAAW;IAC7C,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,aAAa;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2C,CAAC,EACpE,OAAO,EACP,CAAC,GACF,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,OAAqD,CAAC;IAEjE,MAAM,OAAO,GAAG,EAAE,CAAC,OAAO,IAAI,sBAAsB,CAAC,OAAO,CAAC;IAC7D,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,IAAI,KAAK,CAAC;IAEtC,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC;IAErB,OAAO,CACL,MAAC,KAAK,IACJ,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,EAC7B,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mCAAmC,aAE7D,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,sBAAsB,iBAAa,MAAM,YACtD,IAAI,GACA,CACR,EACA,KAAK,IAAI,OAAO,IACX,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * GuidanceBadge -- Small indicator overlay renderer.\n *\n * Uses the engine Badge component for theme-compliant styling.\n */\n\nimport React from 'react';\nimport { OnboardingBadgeVariant } from '@wildo-ai/saas-models';\nimport { Badge } from '~wildo-frontend-lib/components/data-display/badge';\nimport type { GuidanceElementRendererProps } from '~wildo-frontend-lib/core/guidance/GuidanceRenderer';\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\nconst VARIANT_MAP: Record<OnboardingBadgeVariant, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  [OnboardingBadgeVariant.DEFAULT]: 'outline',\n  [OnboardingBadgeVariant.PRIMARY]: 'default',\n  [OnboardingBadgeVariant.SECONDARY]: 'secondary',\n  [OnboardingBadgeVariant.SUCCESS]: 'default',\n  [OnboardingBadgeVariant.WARNING]: 'secondary',\n  [OnboardingBadgeVariant.ERROR]: 'destructive',\n};\n\nexport const GuidanceBadge: React.FC<GuidanceElementRendererProps> = ({\n  element,\n  t,\n}) => {\n  const el = element as Extract<typeof element, { type: 'badge' }>;\n\n  const variant = el.variant ?? OnboardingBadgeVariant.DEFAULT;\n  const unlocked = el.unlocked ?? false;\n\n  const title = t('title');\n  const content = t('content');\n  const icon = el.icon;\n\n  return (\n    <Badge\n      variant={VARIANT_MAP[variant]}\n      className={unlocked ? '' : 'opacity-[var(--opacity-disabled)]'}\n    >\n      {icon && (\n        <span className=\"text-xs leading-none\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      {title || content}\n    </Badge>\n  );\n};\n"]}
+{"version":3,"file":"GuidanceBadge.js","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceBadge.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mDAAmD,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,wDAAwD,CAAC;AAE/F,OAAO,EAAyB,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AAE7F;;;;;;GAMG;AACH,MAAM,YAAY,GAAqD;IACrE,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO;IAC1D,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC,IAAI;IACvD,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO;IAC5D,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO;IAC1D,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO;IAC1D,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAK;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAA2C,CAAC,EACpE,OAAO,EACP,CAAC,GACF,EAAE,EAAE;IACH,MAAM,EAAE,GAAG,OAAqD,CAAC;IAEjE,MAAM,OAAO,GAAG,EAAE,CAAC,OAAO,IAAI,sBAAsB,CAAC,OAAO,CAAC;IAC7D,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,IAAI,KAAK,CAAC;IAEtC,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC;IAErB,OAAO,CACL,MAAC,KAAK,IACJ,OAAO,EAAE,qBAAqB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,EACrD,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mCAAmC,aAE7D,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,sBAAsB,iBAAa,MAAM,YACtD,IAAI,GACA,CACR,EACA,KAAK,IAAI,OAAO,IACX,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * GuidanceBadge -- Small indicator overlay renderer.\n *\n * Uses the engine Badge component for theme-compliant styling.\n */\n\nimport React from 'react';\nimport { OnboardingBadgeVariant } from '@wildo-ai/saas-models';\nimport { Badge } from '~wildo-frontend-lib/components/data-display/badge';\nimport { indicatorBadgeVariant } from '~wildo-frontend-lib/components/data-display/badge-tone';\nimport type { GuidanceElementRendererProps } from '~wildo-frontend-lib/core/guidance/GuidanceRenderer';\nimport { FrontendComponentType, IndicatorVariant } from \"@wildo-ai/presets-components-models\"\n\n/**\n * The tone each guidance variant reads in, resolved to a badge word through the framework's one\n * seam (`badge-tone.ts`). Until #1321 this file kept its own map, and it sent SUCCESS to a neutral\n * badge and WARNING to a secondary one — an onboarding milestone that said \"done\" in grey. PRIMARY\n * is the one variant meant to draw the eye, which is what INFO is for; DEFAULT and SECONDARY are\n * the two quiet ones.\n */\nconst VARIANT_TONE: Record<OnboardingBadgeVariant, IndicatorVariant> = {\n  [OnboardingBadgeVariant.DEFAULT]: IndicatorVariant.NEUTRAL,\n  [OnboardingBadgeVariant.PRIMARY]: IndicatorVariant.INFO,\n  [OnboardingBadgeVariant.SECONDARY]: IndicatorVariant.NEUTRAL,\n  [OnboardingBadgeVariant.SUCCESS]: IndicatorVariant.SUCCESS,\n  [OnboardingBadgeVariant.WARNING]: IndicatorVariant.WARNING,\n  [OnboardingBadgeVariant.ERROR]: IndicatorVariant.ERROR,\n};\n\nexport const GuidanceBadge: React.FC<GuidanceElementRendererProps> = ({\n  element,\n  t,\n}) => {\n  const el = element as Extract<typeof element, { type: 'badge' }>;\n\n  const variant = el.variant ?? OnboardingBadgeVariant.DEFAULT;\n  const unlocked = el.unlocked ?? false;\n\n  const title = t('title');\n  const content = t('content');\n  const icon = el.icon;\n\n  return (\n    <Badge\n      variant={indicatorBadgeVariant(VARIANT_TONE[variant])}\n      className={unlocked ? '' : 'opacity-[var(--opacity-disabled)]'}\n    >\n      {icon && (\n        <span className=\"text-xs leading-none\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      {title || content}\n    </Badge>\n  );\n};\n"]}

package/dist/esm/core/guidance/renderers/GuidanceBadge.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceBadge.labels.d.ts","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceBadge.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"GuidanceBadge.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceBadge.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/core/guidance/renderers/GuidanceBadge.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceBadge.labels.js","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceBadge.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,mBAAmB,GAA0B,EAAE,CAAC;AAC7D,uBAAuB,CAAC,qBAAqB,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const GuidanceBadgeLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.GUIDANCE_BADGE, GuidanceBadgeLabels);\n"]}
+{"version":3,"file":"GuidanceBadge.labels.js","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceBadge.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,mBAAmB,GAA0B,EAAE,CAAC;AAC7D,uBAAuB,CAAC,qBAAqB,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const GuidanceBadgeLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.GUIDANCE_BADGE, GuidanceBadgeLabels);\n"]}

package/dist/esm/core/guidance/renderers/GuidanceBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceBanner.d.ts","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceBanner.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAS3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AASvG,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA8DjE,CAAC"}
+{"version":3,"file":"GuidanceBanner.d.ts","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceBanner.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAS3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AASvG,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAuEjE,CAAC"}

package/dist/esm/core/guidance/renderers/GuidanceBanner.js

@@ -39,6 +39,16 @@ export const GuidanceBanner = ({ element, t, onAction, onDismiss, }) => {
     const positionClasses = position === OnboardingBannerPosition.BOTTOM
         ? 'absolute bottom-0 inset-x-0 rounded-none border-x-0 border-b-0'
         : 'absolute top-0 inset-x-0 rounded-none border-x-0 border-t-0';
-    return (_jsx(Alert, { variant: VARIANT_MAP[variant], role: "alert", className: `pointer-events-auto ${positionClasses}`, children: _jsxs("div", { className: "flex items-center justify-between gap-3 w-full min-w-0", children: [_jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [title && _jsx(AlertTitle, { children: title }), content && _jsx(AlertDescription, { children: content })] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [actionLabel && actionRef && (_jsx(Button, { size: ButtonSize.SM, onClick: () => onAction(actionRef), children: actionLabel })), dismissible && (_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: handleDismiss, "aria-label": tComponent(FrontendComponentType.GUIDANCE_BANNER, 'ariaClose'), title: tComponent(FrontendComponentType.GUIDANCE_BANNER, 'dismiss'), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM }) }))] })] }) }));
+    return (_jsx(Alert, { variant: VARIANT_MAP[variant], 
+        /**
+         * `status`, not `alert`.
+         *
+         * `alert` is an ASSERTIVE live region: it interrupts whatever a screen reader is currently
+         * saying, and it is meant for time-sensitive messages the user must hear immediately. A
+         * guidance banner is neither — it is standing, dismissible onboarding copy that persists
+         * across renders, so `alert` made it interrupt repeatedly for something that was not urgent
+         * the first time. `status` is the polite equivalent: announced, but at the next natural pause.
+         */
+        role: "status", className: `pointer-events-auto ${positionClasses}`, children: _jsxs("div", { className: "flex items-center justify-between gap-3 w-full min-w-0", children: [_jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [title && _jsx(AlertTitle, { children: title }), content && _jsx(AlertDescription, { children: content })] }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [actionLabel && actionRef && (_jsx(Button, { size: ButtonSize.SM, onClick: () => onAction(actionRef), children: actionLabel })), dismissible && (_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: handleDismiss, "aria-label": tComponent(FrontendComponentType.GUIDANCE_BANNER, 'ariaClose'), title: tComponent(FrontendComponentType.GUIDANCE_BANNER, 'dismiss'), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM }) }))] })] }) }));
 };
 //# sourceMappingURL=GuidanceBanner.js.map

package/dist/esm/core/guidance/renderers/GuidanceBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceBanner.js","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceBanner.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * GuidanceBanner — Top/bottom bar renderer for guidance elements.\n *\n * Uses the engine Alert component for theme-compliant variant styling,\n * and Button for actions/dismiss.\n */\n\nimport React, { useCallback } from 'react';\nimport { OnboardingBannerPosition, OnboardingVariant } from '@wildo-ai/saas-models';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Alert, AlertTitle, AlertDescription } from '~wildo-frontend-lib/components/overlays/containers/alert';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport type { GuidanceElementRendererProps } from '~wildo-frontend-lib/core/guidance/GuidanceRenderer';\n\nconst VARIANT_MAP: Record<OnboardingVariant, 'info' | 'success' | 'warning' | 'destructive'> = {\n  [OnboardingVariant.INFO]: 'info',\n  [OnboardingVariant.SUCCESS]: 'success',\n  [OnboardingVariant.WARNING]: 'warning',\n  [OnboardingVariant.ERROR]: 'destructive',\n};\n\nexport const GuidanceBanner: React.FC<GuidanceElementRendererProps> = ({\n  element,\n  t,\n  onAction,\n  onDismiss,\n}) => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.GUIDANCE_BANNER });\n  const { renderIcon } = useIconRegistry();\n  const el = element as Extract<typeof element, { type: 'banner' }>;\n\n  const variant = el.variant ?? OnboardingVariant.INFO;\n  const position = el.position ?? OnboardingBannerPosition.TOP;\n  const dismissible = el.dismissible ?? true;\n  const actionRef = el.actionRef;\n\n  const handleDismiss = useCallback(() => {\n    onDismiss(element.ref);\n  }, [onDismiss, element.ref]);\n\n  if (!isReady) return null;\n\n  const title = t('title');\n  const content = t('content');\n  const actionLabel = t('actionLabel');\n  const positionClasses = position === OnboardingBannerPosition.BOTTOM\n    ? 'absolute bottom-0 inset-x-0 rounded-none border-x-0 border-b-0'\n    : 'absolute top-0 inset-x-0 rounded-none border-x-0 border-t-0';\n\n  return (\n    <Alert\n      variant={VARIANT_MAP[variant]}\n      role=\"alert\"\n      className={`pointer-events-auto ${positionClasses}`}\n    >\n      <div className=\"flex items-center justify-between gap-3 w-full min-w-0\">\n        <div className=\"flex flex-col gap-0.5 flex-1 min-w-0\">\n          {title && <AlertTitle>{title}</AlertTitle>}\n          {content && <AlertDescription>{content}</AlertDescription>}\n        </div>\n\n        <div className=\"flex items-center gap-2 shrink-0\">\n          {actionLabel && actionRef && (\n            <Button size={ButtonSize.SM} onClick={() => onAction(actionRef)}>\n              {actionLabel}\n            </Button>\n          )}\n\n          {dismissible && (\n            <Button\n              variant={ButtonVariants_Variant.GHOST}\n              size={ButtonSize.ICON_SM}\n              onClick={handleDismiss}\n              aria-label={tComponent(FrontendComponentType.GUIDANCE_BANNER, 'ariaClose')}\n              title={tComponent(FrontendComponentType.GUIDANCE_BANNER, 'dismiss')}\n            >\n              {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM })}\n            </Button>\n          )}\n        </div>\n      </div>\n    </Alert>\n  );\n};\n"]}
+{"version":3,"file":"GuidanceBanner.js","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceBanner.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,0DAA0D,CAAC;AAC/G,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAGhE,MAAM,WAAW,GAA8E;IAC7F,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,MAAM;IAChC,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,SAAS;IACtC,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,SAAS;IACtC,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,aAAa;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA2C,CAAC,EACrE,OAAO,EACP,CAAC,EACD,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,eAAe,EAAE,CAAC,CAAC;IAC9F,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,EAAE,GAAG,OAAsD,CAAC;IAElE,MAAM,OAAO,GAAG,EAAE,CAAC,OAAO,IAAI,iBAAiB,CAAC,IAAI,CAAC;IACrD,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,IAAI,wBAAwB,CAAC,GAAG,CAAC;IAC7D,MAAM,WAAW,GAAG,EAAE,CAAC,WAAW,IAAI,IAAI,CAAC;IAC3C,MAAM,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;IAE/B,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAE7B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,WAAW,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC;IACrC,MAAM,eAAe,GAAG,QAAQ,KAAK,wBAAwB,CAAC,MAAM;QAClE,CAAC,CAAC,gEAAgE;QAClE,CAAC,CAAC,6DAA6D,CAAC;IAElE,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC;QAC7B;;;;;;;;WAQG;QACH,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,uBAAuB,eAAe,EAAE,YAEnD,eAAK,SAAS,EAAC,wDAAwD,aACrE,eAAK,SAAS,EAAC,sCAAsC,aAClD,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EACzC,OAAO,IAAI,KAAC,gBAAgB,cAAE,OAAO,GAAoB,IACtD,EAEN,eAAK,SAAS,EAAC,kCAAkC,aAC9C,WAAW,IAAI,SAAS,IAAI,CAC3B,KAAC,MAAM,IAAC,IAAI,EAAE,UAAU,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,YAC5D,WAAW,GACL,CACV,EAEA,WAAW,IAAI,CACd,KAAC,MAAM,IACL,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,aAAa,gBACV,UAAU,CAAC,qBAAqB,CAAC,eAAe,EAAE,WAAW,CAAC,EAC1E,KAAK,EAAE,UAAU,CAAC,qBAAqB,CAAC,eAAe,EAAE,SAAS,CAAC,YAElE,UAAU,CAAC,qBAAqB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GACxD,CACV,IACG,IACF,GACA,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * GuidanceBanner — Top/bottom bar renderer for guidance elements.\n *\n * Uses the engine Alert component for theme-compliant variant styling,\n * and Button for actions/dismiss.\n */\n\nimport React, { useCallback } from 'react';\nimport { OnboardingBannerPosition, OnboardingVariant } from '@wildo-ai/saas-models';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Alert, AlertTitle, AlertDescription } from '~wildo-frontend-lib/components/overlays/containers/alert';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport type { GuidanceElementRendererProps } from '~wildo-frontend-lib/core/guidance/GuidanceRenderer';\n\nconst VARIANT_MAP: Record<OnboardingVariant, 'info' | 'success' | 'warning' | 'destructive'> = {\n  [OnboardingVariant.INFO]: 'info',\n  [OnboardingVariant.SUCCESS]: 'success',\n  [OnboardingVariant.WARNING]: 'warning',\n  [OnboardingVariant.ERROR]: 'destructive',\n};\n\nexport const GuidanceBanner: React.FC<GuidanceElementRendererProps> = ({\n  element,\n  t,\n  onAction,\n  onDismiss,\n}) => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.GUIDANCE_BANNER });\n  const { renderIcon } = useIconRegistry();\n  const el = element as Extract<typeof element, { type: 'banner' }>;\n\n  const variant = el.variant ?? OnboardingVariant.INFO;\n  const position = el.position ?? OnboardingBannerPosition.TOP;\n  const dismissible = el.dismissible ?? true;\n  const actionRef = el.actionRef;\n\n  const handleDismiss = useCallback(() => {\n    onDismiss(element.ref);\n  }, [onDismiss, element.ref]);\n\n  if (!isReady) return null;\n\n  const title = t('title');\n  const content = t('content');\n  const actionLabel = t('actionLabel');\n  const positionClasses = position === OnboardingBannerPosition.BOTTOM\n    ? 'absolute bottom-0 inset-x-0 rounded-none border-x-0 border-b-0'\n    : 'absolute top-0 inset-x-0 rounded-none border-x-0 border-t-0';\n\n  return (\n    <Alert\n      variant={VARIANT_MAP[variant]}\n      /**\n       * `status`, not `alert`.\n       *\n       * `alert` is an ASSERTIVE live region: it interrupts whatever a screen reader is currently\n       * saying, and it is meant for time-sensitive messages the user must hear immediately. A\n       * guidance banner is neither — it is standing, dismissible onboarding copy that persists\n       * across renders, so `alert` made it interrupt repeatedly for something that was not urgent\n       * the first time. `status` is the polite equivalent: announced, but at the next natural pause.\n       */\n      role=\"status\"\n      className={`pointer-events-auto ${positionClasses}`}\n    >\n      <div className=\"flex items-center justify-between gap-3 w-full min-w-0\">\n        <div className=\"flex flex-col gap-0.5 flex-1 min-w-0\">\n          {title && <AlertTitle>{title}</AlertTitle>}\n          {content && <AlertDescription>{content}</AlertDescription>}\n        </div>\n\n        <div className=\"flex items-center gap-2 shrink-0\">\n          {actionLabel && actionRef && (\n            <Button size={ButtonSize.SM} onClick={() => onAction(actionRef)}>\n              {actionLabel}\n            </Button>\n          )}\n\n          {dismissible && (\n            <Button\n              variant={ButtonVariants_Variant.GHOST}\n              size={ButtonSize.ICON_SM}\n              onClick={handleDismiss}\n              aria-label={tComponent(FrontendComponentType.GUIDANCE_BANNER, 'ariaClose')}\n              title={tComponent(FrontendComponentType.GUIDANCE_BANNER, 'dismiss')}\n            >\n              {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM })}\n            </Button>\n          )}\n        </div>\n      </div>\n    </Alert>\n  );\n};\n"]}

package/dist/esm/core/guidance/renderers/GuidanceBanner.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceBanner.labels.d.ts","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceBanner.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAGrD,CAAC"}
+{"version":3,"file":"GuidanceBanner.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceBanner.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,oBAAoB,EAAE,mBAAmB,EAGrD,CAAC"}

package/dist/esm/core/guidance/renderers/GuidanceBanner.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceBanner.labels.js","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceBanner.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,oBAAoB,GAA0B;IACzD,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,2CAA2C,EAAE;IACjG,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,kDAAkD,EAAE;CACxG,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const GuidanceBannerLabels: LabellingUnitaryDef[] = [\n  { ref: 'dismiss', kind: LabelKind.TOOLTIP, purpose: 'Hover tooltip on the banner close control' },\n  { ref: 'ariaClose', kind: LabelKind.ARIA, purpose: 'Screen-reader label for the banner close control' },\n];\nregisterComponentLabels(FrontendComponentType.GUIDANCE_BANNER, GuidanceBannerLabels);\n"]}
+{"version":3,"file":"GuidanceBanner.labels.js","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceBanner.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,oBAAoB,GAA0B;IACzD,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,2CAA2C,EAAE;IACjG,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,kDAAkD,EAAE;CACxG,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const GuidanceBannerLabels: LabellingUnitaryDef[] = [\n  { ref: 'dismiss', kind: LabelKind.TOOLTIP, purpose: 'Hover tooltip on the banner close control' },\n  { ref: 'ariaClose', kind: LabelKind.ARIA, purpose: 'Screen-reader label for the banner close control' },\n];\nregisterComponentLabels(FrontendComponentType.GUIDANCE_BANNER, GuidanceBannerLabels);\n"]}

package/dist/esm/core/guidance/renderers/GuidanceCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceCard.d.ts","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAEvG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAoF/D,CAAC"}
+{"version":3,"file":"GuidanceCard.d.ts","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceCard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAEvG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAoF/D,CAAC"}

package/dist/esm/core/guidance/renderers/GuidanceCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceCard.js","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceCard.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * GuidanceCard — Rich content card renderer.\n *\n * Uses the engine Card component for theme-compliant surface styling,\n * and Button for actions/dismiss.\n */\n\nimport React, { useCallback } from 'react';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Card, CardHeader, CardContent, CardFooter } from '~wildo-frontend-lib/components/sections/card';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport type { GuidanceElementRendererProps } from '~wildo-frontend-lib/core/guidance/GuidanceRenderer';\n\nexport const GuidanceCard: React.FC<GuidanceElementRendererProps> = ({\n  element,\n  t,\n  onAction,\n  onDismiss,\n}) => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.GUIDANCE_CARD });\n  const { renderIcon } = useIconRegistry();\n  const el = element as Extract<typeof element, { type: 'card' }>;\n\n  const dismissible = ('dismissible' in el && typeof el.dismissible === 'boolean') ? el.dismissible : true;\n  const actionRef = el.actionRef;\n  const imageUrl = el.imageUrl;\n  const icon = el.icon;\n\n  const handleDismiss = useCallback(() => {\n    onDismiss(element.ref);\n  }, [onDismiss, element.ref]);\n\n  if (!isReady) return null;\n\n  const title = t('title');\n  const description = t('description');\n  const content = t('content');\n  const actionLabel = t('actionLabel');\n\n  return (\n    <Card className=\"pointer-events-auto relative overflow-hidden\">\n      {imageUrl && (\n        <img\n          src={imageUrl}\n          alt=\"\"\n          className=\"w-full max-h-[200px] object-cover\"\n        />\n      )}\n\n      <CardHeader>\n        <div className=\"flex items-start gap-2.5\">\n          {icon && (\n            <span className=\"text-2xl leading-none shrink-0\" aria-hidden=\"true\">\n              {icon}\n            </span>\n          )}\n\n          <div className=\"flex-1 min-w-0\">\n            {title && (\n              <h3 className=\"text-base font-semibold leading-snug\">{title}</h3>\n            )}\n            {description && (\n              <p className=\"text-xs text-muted-foreground mt-1 leading-normal\">{description}</p>\n            )}\n          </div>\n        </div>\n      </CardHeader>\n\n      {content && (\n        <CardContent>\n          <div className=\"text-sm text-foreground/80 leading-relaxed\">\n            {content}\n          </div>\n        </CardContent>\n      )}\n\n      {actionLabel && actionRef && (\n        <CardFooter>\n          <Button size={ButtonSize.SM} onClick={() => onAction(actionRef)}>\n            {actionLabel}\n          </Button>\n        </CardFooter>\n      )}\n\n      {dismissible && (\n        <Button\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          onClick={handleDismiss}\n          aria-label={tComponent(FrontendComponentType.GUIDANCE_CARD, 'dismiss')}\n          className=\"absolute top-2 end-2\"\n        >\n          {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM })}\n        </Button>\n      )}\n    </Card>\n  );\n};\n"]}
+{"version":3,"file":"GuidanceCard.js","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceCard.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * GuidanceCard — Rich content card renderer.\n *\n * Uses the engine Card component for theme-compliant surface styling,\n * and Button for actions/dismiss.\n */\n\nimport React, { useCallback } from 'react';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Card, CardHeader, CardContent, CardFooter } from '~wildo-frontend-lib/components/sections/card';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport type { GuidanceElementRendererProps } from '~wildo-frontend-lib/core/guidance/GuidanceRenderer';\n\nexport const GuidanceCard: React.FC<GuidanceElementRendererProps> = ({\n  element,\n  t,\n  onAction,\n  onDismiss,\n}) => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.GUIDANCE_CARD });\n  const { renderIcon } = useIconRegistry();\n  const el = element as Extract<typeof element, { type: 'card' }>;\n\n  const dismissible = ('dismissible' in el && typeof el.dismissible === 'boolean') ? el.dismissible : true;\n  const actionRef = el.actionRef;\n  const imageUrl = el.imageUrl;\n  const icon = el.icon;\n\n  const handleDismiss = useCallback(() => {\n    onDismiss(element.ref);\n  }, [onDismiss, element.ref]);\n\n  if (!isReady) return null;\n\n  const title = t('title');\n  const description = t('description');\n  const content = t('content');\n  const actionLabel = t('actionLabel');\n\n  return (\n    <Card className=\"pointer-events-auto relative overflow-hidden\">\n      {imageUrl && (\n        <img\n          src={imageUrl}\n          alt=\"\"\n          className=\"w-full max-h-[200px] object-cover\"\n        />\n      )}\n\n      <CardHeader>\n        <div className=\"flex items-start gap-2.5\">\n          {icon && (\n            <span className=\"text-2xl leading-none shrink-0\" aria-hidden=\"true\">\n              {icon}\n            </span>\n          )}\n\n          <div className=\"flex-1 min-w-0\">\n            {title && (\n              <h3 className=\"text-base font-semibold leading-snug\">{title}</h3>\n            )}\n            {description && (\n              <p className=\"text-xs text-muted-foreground mt-1 leading-normal\">{description}</p>\n            )}\n          </div>\n        </div>\n      </CardHeader>\n\n      {content && (\n        <CardContent>\n          <div className=\"text-sm text-foreground/80 leading-relaxed\">\n            {content}\n          </div>\n        </CardContent>\n      )}\n\n      {actionLabel && actionRef && (\n        <CardFooter>\n          <Button size={ButtonSize.SM} onClick={() => onAction(actionRef)}>\n            {actionLabel}\n          </Button>\n        </CardFooter>\n      )}\n\n      {dismissible && (\n        <Button\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          onClick={handleDismiss}\n          aria-label={tComponent(FrontendComponentType.GUIDANCE_CARD, 'dismiss')}\n          className=\"absolute top-2 end-2\"\n        >\n          {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM })}\n        </Button>\n      )}\n    </Card>\n  );\n};\n"]}

package/dist/esm/core/guidance/renderers/GuidanceCard.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceCard.labels.d.ts","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceCard.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAEnD,CAAC"}
+{"version":3,"file":"GuidanceCard.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceCard.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,kBAAkB,EAAE,mBAAmB,EAEnD,CAAC"}

package/dist/esm/core/guidance/renderers/GuidanceCard.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceCard.labels.js","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceCard.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,kBAAkB,GAA0B;IACvD,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,yDAAyD,EAAE;CAC/G,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const GuidanceCardLabels: LabellingUnitaryDef[] = [\n  { ref: 'dismiss', kind: LabelKind.BUTTON, purpose: 'Action that dismisses the card-style guidance container' },\n];\nregisterComponentLabels(FrontendComponentType.GUIDANCE_CARD, GuidanceCardLabels);\n"]}
+{"version":3,"file":"GuidanceCard.labels.js","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceCard.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,kBAAkB,GAA0B;IACvD,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,yDAAyD,EAAE;CAC/G,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const GuidanceCardLabels: LabellingUnitaryDef[] = [\n  { ref: 'dismiss', kind: LabelKind.BUTTON, purpose: 'Action that dismisses the card-style guidance container' },\n];\nregisterComponentLabels(FrontendComponentType.GUIDANCE_CARD, GuidanceCardLabels);\n"]}

package/dist/esm/core/guidance/renderers/GuidanceChecklist.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceChecklist.d.ts","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceChecklist.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAY9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAEvG,MAAM,WAAW,sBAAuB,SAAQ,4BAA4B;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoG9D,CAAC"}
+{"version":3,"file":"GuidanceChecklist.d.ts","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceChecklist.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAY9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAEvG,MAAM,WAAW,sBAAuB,SAAQ,4BAA4B;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0G9D,CAAC"}

package/dist/esm/core/guidance/renderers/GuidanceChecklist.js

@@ -51,6 +51,9 @@ export const GuidanceChecklist = ({ element, flowRef, state, onComplete, onDismi
         ? tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'expand')
         : tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'collapse');
     const dismissLabel = tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'dismiss');
-    return (_jsxs(Card, { className: "w-80 max-w-[calc(100vw-3rem)] overflow-hidden", role: "region", "aria-label": headerTitle || title, children: [_jsxs(CardHeader, { className: "flex-row items-center justify-between gap-2 py-3 px-4", children: [_jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [_jsx("span", { className: "font-semibold text-sm truncate", children: headerTitle || title }), _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: handleToggle, "aria-expanded": !isCollapsed, className: "text-xs text-muted-foreground px-1.5 py-0.5 h-auto", children: toggleLabel })] }), _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: handleDismiss, "aria-label": dismissLabel, children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM }) })] }), checklist.showProgress && (_jsxs("div", { className: "px-4 pb-2 flex items-center gap-2.5", children: [_jsx(Progress, { value: progressPercent, className: "flex-1", "aria-valuenow": completed, "aria-valuemin": 0, "aria-valuemax": total }), _jsx("span", { className: "text-xs text-muted-foreground shrink-0", children: progressText })] })), !isCollapsed && (_jsxs(CardContent, { className: "pt-0 pb-4 px-4", children: [description && _jsx("p", { className: "text-xs text-muted-foreground mb-2 leading-normal", children: description }), children && _jsx("div", { role: "list", children: children })] }))] }));
+    return (_jsxs(Card, { className: "w-80 max-w-[calc(100vw-3rem)] overflow-hidden", role: "region", "aria-label": headerTitle || title, children: [_jsxs(CardHeader, { className: "flex-row items-center justify-between gap-2 py-3 px-4", children: [_jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [_jsx("span", { className: "font-semibold text-sm truncate", children: headerTitle || title }), _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: handleToggle, "aria-expanded": !isCollapsed, "aria-controls": `guidance-checklist-${checklist.ref}`, className: "text-xs text-muted-foreground px-1.5 py-0.5 h-auto", children: toggleLabel })] }), _jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: handleDismiss, "aria-label": dismissLabel, children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM }) })] }), checklist.showProgress && (_jsxs("div", { className: "px-4 pb-2 flex items-center gap-2.5", children: [_jsx(Progress, { value: progressPercent, className: "flex-1", "aria-valuenow": completed, "aria-valuemin": 0, "aria-valuemax": total }), _jsx("span", { className: "text-xs text-muted-foreground shrink-0", children: progressText })] })), !isCollapsed && (
+            // The region the toggle's `aria-controls` names. The id is derived from the checklist's own
+            // ref so two checklists on one page cannot collide.
+            _jsxs(CardContent, { id: `guidance-checklist-${checklist.ref}`, className: "pt-0 pb-4 px-4", children: [description && _jsx("p", { className: "text-xs text-muted-foreground mb-2 leading-normal", children: description }), children && _jsx("div", { role: "list", children: children })] }))] }));
 };
 //# sourceMappingURL=GuidanceChecklist.js.map

package/dist/esm/core/guidance/renderers/GuidanceChecklist.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceChecklist.js","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceChecklist.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * GuidanceChecklist Renderer\n *\n * Floating panel that displays a list of checklist items with progress\n * tracking. Uses Card for container and Progress for the progress bar.\n */\n\nimport React, { useState, useMemo, useCallback } from 'react';\nimport type { OnboardingChecklistElement } from '@wildo-ai/saas-models';\nimport { OnboardingStatus } from '@wildo-ai/saas-models';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Card, CardHeader, CardContent } from '~wildo-frontend-lib/components/sections/card';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\nimport { Progress } from '~wildo-frontend-lib/components/feedback/progress';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useGuidance } from '~wildo-frontend-lib/core/guidance/useGuidance';\nimport type { GuidanceElementRendererProps } from '~wildo-frontend-lib/core/guidance/GuidanceRenderer';\n\nexport interface GuidanceChecklistProps extends GuidanceElementRendererProps {\n  children?: React.ReactNode;\n}\n\nexport const GuidanceChecklist: React.FC<GuidanceChecklistProps> = ({\n  element,\n  flowRef,\n  state,\n  onComplete,\n  onDismiss,\n  t,\n  children,\n}) => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.GUIDANCE_CHECKLIST });\n  const { renderIcon } = useIconRegistry();\n  const { flowStates } = useGuidance();\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const checklist = element as OnboardingChecklistElement;\n  const flowState = flowStates[flowRef];\n\n  const { completed, total } = useMemo(() => {\n    const itemRefs = checklist.items ?? [];\n    let completedCount = 0;\n    for (const ref of itemRefs) {\n      const elState = flowState?.elements?.[ref];\n      if (elState?.status === OnboardingStatus.COMPLETED) {\n        completedCount++;\n      }\n    }\n    return { completed: completedCount, total: itemRefs.length };\n  }, [checklist.items, flowState?.elements]);\n\n  const progressPercent = total > 0 ? Math.round((completed / total) * 100) : 0;\n\n  const handleToggle = useCallback(() => {\n    setIsCollapsed(prev => !prev);\n  }, []);\n\n  const handleDismiss = useCallback(() => {\n    onDismiss(checklist.ref);\n  }, [onDismiss, checklist.ref]);\n\n  if (!isReady) return null;\n\n  const title = t('title');\n  const description = t('description');\n  const headerTitle = tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'headerTitle');\n  const progressText = tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'progress', { completed, total });\n  const toggleLabel = isCollapsed\n    ? tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'expand')\n    : tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'collapse');\n  const dismissLabel = tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'dismiss');\n\n  return (\n    <Card\n      className=\"w-80 max-w-[calc(100vw-3rem)] overflow-hidden\"\n      role=\"region\"\n      aria-label={headerTitle || title}\n    >\n      <CardHeader className=\"flex-row items-center justify-between gap-2 py-3 px-4\">\n        <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n          <span className=\"font-semibold text-sm truncate\">{headerTitle || title}</span>\n          <Button\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.SM}\n            onClick={handleToggle}\n            aria-expanded={!isCollapsed}\n            className=\"text-xs text-muted-foreground px-1.5 py-0.5 h-auto\"\n          >\n            {toggleLabel}\n          </Button>\n        </div>\n        <Button\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          onClick={handleDismiss}\n          aria-label={dismissLabel}\n        >\n          {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM })}\n        </Button>\n      </CardHeader>\n\n      {checklist.showProgress && (\n        <div className=\"px-4 pb-2 flex items-center gap-2.5\">\n          <Progress\n            value={progressPercent}\n            className=\"flex-1\"\n            aria-valuenow={completed}\n            aria-valuemin={0}\n            aria-valuemax={total}\n          />\n          <span className=\"text-xs text-muted-foreground shrink-0\">{progressText}</span>\n        </div>\n      )}\n\n      {!isCollapsed && (\n        <CardContent className=\"pt-0 pb-4 px-4\">\n          {description && <p className=\"text-xs text-muted-foreground mb-2 leading-normal\">{description}</p>}\n          {children && <div role=\"list\">{children}</div>}\n        </CardContent>\n      )}\n    </Card>\n  );\n};\n"]}
+{"version":3,"file":"GuidanceChecklist.js","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceChecklist.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * GuidanceChecklist Renderer\n *\n * Floating panel that displays a list of checklist items with progress\n * tracking. Uses Card for container and Progress for the progress bar.\n */\n\nimport React, { useState, useMemo, useCallback } from 'react';\nimport type { OnboardingChecklistElement } from '@wildo-ai/saas-models';\nimport { OnboardingStatus } from '@wildo-ai/saas-models';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Card, CardHeader, CardContent } from '~wildo-frontend-lib/components/sections/card';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\nimport { Progress } from '~wildo-frontend-lib/components/feedback/progress';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useGuidance } from '~wildo-frontend-lib/core/guidance/useGuidance';\nimport type { GuidanceElementRendererProps } from '~wildo-frontend-lib/core/guidance/GuidanceRenderer';\n\nexport interface GuidanceChecklistProps extends GuidanceElementRendererProps {\n  children?: React.ReactNode;\n}\n\nexport const GuidanceChecklist: React.FC<GuidanceChecklistProps> = ({\n  element,\n  flowRef,\n  state,\n  onComplete,\n  onDismiss,\n  t,\n  children,\n}) => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.GUIDANCE_CHECKLIST });\n  const { renderIcon } = useIconRegistry();\n  const { flowStates } = useGuidance();\n  const [isCollapsed, setIsCollapsed] = useState(false);\n\n  const checklist = element as OnboardingChecklistElement;\n  const flowState = flowStates[flowRef];\n\n  const { completed, total } = useMemo(() => {\n    const itemRefs = checklist.items ?? [];\n    let completedCount = 0;\n    for (const ref of itemRefs) {\n      const elState = flowState?.elements?.[ref];\n      if (elState?.status === OnboardingStatus.COMPLETED) {\n        completedCount++;\n      }\n    }\n    return { completed: completedCount, total: itemRefs.length };\n  }, [checklist.items, flowState?.elements]);\n\n  const progressPercent = total > 0 ? Math.round((completed / total) * 100) : 0;\n\n  const handleToggle = useCallback(() => {\n    setIsCollapsed(prev => !prev);\n  }, []);\n\n  const handleDismiss = useCallback(() => {\n    onDismiss(checklist.ref);\n  }, [onDismiss, checklist.ref]);\n\n  if (!isReady) return null;\n\n  const title = t('title');\n  const description = t('description');\n  const headerTitle = tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'headerTitle');\n  const progressText = tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'progress', { completed, total });\n  const toggleLabel = isCollapsed\n    ? tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'expand')\n    : tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'collapse');\n  const dismissLabel = tComponent(FrontendComponentType.GUIDANCE_CHECKLIST, 'dismiss');\n\n  return (\n    <Card\n      className=\"w-80 max-w-[calc(100vw-3rem)] overflow-hidden\"\n      role=\"region\"\n      aria-label={headerTitle || title}\n    >\n      <CardHeader className=\"flex-row items-center justify-between gap-2 py-3 px-4\">\n        <div className=\"flex items-center gap-2 flex-1 min-w-0\">\n          <span className=\"font-semibold text-sm truncate\">{headerTitle || title}</span>\n          <Button\n            variant={ButtonVariants_Variant.GHOST}\n            size={ButtonSize.SM}\n            onClick={handleToggle}\n            aria-expanded={!isCollapsed}\n            // `aria-expanded` states THAT something is expanded; `aria-controls` says WHAT. Without\n            // it the relationship between this toggle and the list below is not exposed, so a\n            // screen-reader user is told \"collapsed\" with no way to reach what collapsed.\n            aria-controls={`guidance-checklist-${checklist.ref}`}\n            className=\"text-xs text-muted-foreground px-1.5 py-0.5 h-auto\"\n          >\n            {toggleLabel}\n          </Button>\n        </div>\n        <Button\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          onClick={handleDismiss}\n          aria-label={dismissLabel}\n        >\n          {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM })}\n        </Button>\n      </CardHeader>\n\n      {checklist.showProgress && (\n        <div className=\"px-4 pb-2 flex items-center gap-2.5\">\n          <Progress\n            value={progressPercent}\n            className=\"flex-1\"\n            aria-valuenow={completed}\n            aria-valuemin={0}\n            aria-valuemax={total}\n          />\n          <span className=\"text-xs text-muted-foreground shrink-0\">{progressText}</span>\n        </div>\n      )}\n\n      {!isCollapsed && (\n        // The region the toggle's `aria-controls` names. The id is derived from the checklist's own\n        // ref so two checklists on one page cannot collide.\n        <CardContent id={`guidance-checklist-${checklist.ref}`} className=\"pt-0 pb-4 px-4\">\n          {description && <p className=\"text-xs text-muted-foreground mb-2 leading-normal\">{description}</p>}\n          {children && <div role=\"list\">{children}</div>}\n        </CardContent>\n      )}\n    </Card>\n  );\n};\n"]}

package/dist/esm/core/guidance/renderers/GuidanceChecklist.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceChecklist.labels.d.ts","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceChecklist.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,EAcxD,CAAC"}
+{"version":3,"file":"GuidanceChecklist.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceChecklist.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,uBAAuB,EAAE,mBAAmB,EAcxD,CAAC"}

package/dist/esm/core/guidance/renderers/GuidanceChecklist.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceChecklist.labels.js","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceChecklist.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,uBAAuB,GAA0B;IAC5D,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,4DAA4D,EAAE;IACtH,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,kDAAkD,EAAE;IACxG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,0DAA0D,EAAE;IAC9G,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,4CAA4C,EAAE;IACjG;QACE,GAAG,EAAE,UAAU;QACf,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,yDAAyD;QAClE,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,uCAAuC,EAAE;YACtE,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,iCAAiC,EAAE;SAC7D;KACF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,kBAAkB,EAAE,uBAAuB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const GuidanceChecklistLabels: LabellingUnitaryDef[] = [\n  { ref: 'headerTitle', kind: LabelKind.HEADING, purpose: 'Default heading for the checklist when the flow names none' },\n  { ref: 'collapse', kind: LabelKind.BUTTON, purpose: 'Toggle action that collapses the checklist panel' },\n  { ref: 'expand', kind: LabelKind.BUTTON, purpose: 'Toggle action that expands the collapsed checklist panel' },\n  { ref: 'dismiss', kind: LabelKind.BUTTON, purpose: 'Action that dismisses the entire checklist' },\n  {\n    ref: 'progress',\n    kind: LabelKind.LABEL,\n    purpose: 'How many checklist steps are completed out of the total',\n    params: [\n      { key: 'completed', meaning: 'count of checklist items already done' },\n      { key: 'total', meaning: 'total number of checklist items' },\n    ],\n  },\n];\nregisterComponentLabels(FrontendComponentType.GUIDANCE_CHECKLIST, GuidanceChecklistLabels);\n"]}
+{"version":3,"file":"GuidanceChecklist.labels.js","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceChecklist.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,uBAAuB,GAA0B;IAC5D,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,4DAA4D,EAAE;IACtH,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,kDAAkD,EAAE;IACxG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,0DAA0D,EAAE;IAC9G,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,4CAA4C,EAAE;IACjG;QACE,GAAG,EAAE,UAAU;QACf,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,yDAAyD;QAClE,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,uCAAuC,EAAE;YACtE,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,iCAAiC,EAAE;SAC7D;KACF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,kBAAkB,EAAE,uBAAuB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const GuidanceChecklistLabels: LabellingUnitaryDef[] = [\n  { ref: 'headerTitle', kind: LabelKind.HEADING, purpose: 'Default heading for the checklist when the flow names none' },\n  { ref: 'collapse', kind: LabelKind.BUTTON, purpose: 'Toggle action that collapses the checklist panel' },\n  { ref: 'expand', kind: LabelKind.BUTTON, purpose: 'Toggle action that expands the collapsed checklist panel' },\n  { ref: 'dismiss', kind: LabelKind.BUTTON, purpose: 'Action that dismisses the entire checklist' },\n  {\n    ref: 'progress',\n    kind: LabelKind.LABEL,\n    purpose: 'How many checklist steps are completed out of the total',\n    params: [\n      { key: 'completed', meaning: 'count of checklist items already done' },\n      { key: 'total', meaning: 'total number of checklist items' },\n    ],\n  },\n];\nregisterComponentLabels(FrontendComponentType.GUIDANCE_CHECKLIST, GuidanceChecklistLabels);\n"]}

package/dist/esm/core/guidance/renderers/GuidanceChecklistItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceChecklistItem.d.ts","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceChecklistItem.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAS3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAEvG,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAyDxE,CAAC"}
+{"version":3,"file":"GuidanceChecklistItem.d.ts","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceChecklistItem.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAS3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAEvG,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAyDxE,CAAC"}

package/dist/esm/core/guidance/renderers/GuidanceChecklistItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceChecklistItem.js","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceChecklistItem.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,+DAA+D,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAGhE,MAAM,CAAC,MAAM,qBAAqB,GAA2C,CAAC,EAC5E,OAAO,EACP,OAAO,EACP,KAAK,EACL,UAAU,EACV,QAAQ,EACR,CAAC,GACF,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACtC,SAAS,EAAE,qBAAqB,CAAC,uBAAuB;KACzD,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,OAAyC,CAAC;IACvD,MAAM,WAAW,GAAG,KAAK,EAAE,MAAM,KAAK,gBAAgB,CAAC,SAAS,CAAC;IAEjE,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAE/B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,WAAW,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC;IAErC,OAAO,CACL,eAAK,SAAS,EAAC,0EAA0E,EAAC,IAAI,EAAC,UAAU,aACvG,KAAC,QAAQ,IACP,IAAI,EAAC,WAAW,EAChB,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE,EACnB,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,oBAAoB,EACrC,QAAQ,EAAE,WAAW,gBAEnB,WAAW;oBACT,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,uBAAuB,EAAE,WAAW,CAAC;oBACxE,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,uBAAuB,EAAE,cAAc,CAAC,GAE/E,EAEF,eAAM,SAAS,EAAE,uCAAuC,WAAW,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE,EAAE,YAC9G,KAAK,GACD,EAEN,WAAW,IAAI,IAAI,CAAC,SAAS,IAAI,CAChC,KAAC,MAAM,IAAC,OAAO,EAAE,sBAAsB,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,CAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,UAAU,YAC9G,WAAW,GACL,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * GuidanceChecklistItem Renderer\n *\n * Single row within a checklist. Uses engine Checkbox and Button\n * for theme-compliant, accessible interactive elements.\n */\n\nimport React, { useCallback } from 'react';\nimport type { OnboardingChecklistItemElement } from '@wildo-ai/saas-models';\nimport { OnboardingStatus } from '@wildo-ai/saas-models';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { z } from 'zod/v4';\nimport { Checkbox } from '~wildo-frontend-lib/components/form/controls/boolean/checkbox';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport type { GuidanceElementRendererProps } from '~wildo-frontend-lib/core/guidance/GuidanceRenderer';\n\nexport const GuidanceChecklistItem: React.FC<GuidanceElementRendererProps> = ({\n  element,\n  flowRef,\n  state,\n  onComplete,\n  onAction,\n  t,\n}) => {\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.GUIDANCE_CHECKLIST_ITEM,\n  });\n  const item = element as OnboardingChecklistItemElement;\n  const isCompleted = state?.status === OnboardingStatus.COMPLETED;\n\n  const handleToggleComplete = useCallback(() => {\n    if (!isCompleted) {\n      onComplete(item.ref);\n    }\n  }, [isCompleted, onComplete, item.ref]);\n\n  const handleAction = useCallback(() => {\n    if (item.actionRef) {\n      onAction(item.actionRef);\n    }\n  }, [onAction, item.actionRef]);\n\n  if (!isReady) return null;\n\n  const title = t('title');\n  const actionLabel = t('actionLabel');\n\n  return (\n    <div className=\"flex items-center gap-2.5 py-2 border-b border-border/50 last:border-b-0\" role=\"listitem\">\n      <Checkbox\n        name=\"__display\"\n        schema={z.boolean()}\n        checked={isCompleted}\n        onCheckedChange={handleToggleComplete}\n        disabled={isCompleted}\n        aria-label={\n          isCompleted\n            ? tComponent(FrontendComponentType.GUIDANCE_CHECKLIST_ITEM, 'completed')\n            : tComponent(FrontendComponentType.GUIDANCE_CHECKLIST_ITEM, 'markComplete')\n        }\n      />\n\n      <span className={`flex-1 min-w-0 text-sm leading-snug ${isCompleted ? 'line-through text-muted-foreground' : ''}`}>\n        {title}\n      </span>\n\n      {actionLabel && item.actionRef && (\n        <Button variant={ButtonVariants_Variant.OUTLINE} size={ButtonSize.SM} onClick={handleAction} className=\"shrink-0\">\n          {actionLabel}\n        </Button>\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"GuidanceChecklistItem.js","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceChecklistItem.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,+DAA+D,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAGhE,MAAM,CAAC,MAAM,qBAAqB,GAA2C,CAAC,EAC5E,OAAO,EACP,OAAO,EACP,KAAK,EACL,UAAU,EACV,QAAQ,EACR,CAAC,GACF,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACtC,SAAS,EAAE,qBAAqB,CAAC,uBAAuB;KACzD,CAAC,CAAC;IACH,MAAM,IAAI,GAAG,OAAyC,CAAC;IACvD,MAAM,WAAW,GAAG,KAAK,EAAE,MAAM,KAAK,gBAAgB,CAAC,SAAS,CAAC;IAEjE,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAE/B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,WAAW,GAAG,CAAC,CAAC,aAAa,CAAC,CAAC;IAErC,OAAO,CACL,eAAK,SAAS,EAAC,0EAA0E,EAAC,IAAI,EAAC,UAAU,aACvG,KAAC,QAAQ,IACP,IAAI,EAAC,WAAW,EAChB,MAAM,EAAE,CAAC,CAAC,OAAO,EAAE,EACnB,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,oBAAoB,EACrC,QAAQ,EAAE,WAAW,gBAEnB,WAAW;oBACT,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,uBAAuB,EAAE,WAAW,CAAC;oBACxE,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,uBAAuB,EAAE,cAAc,CAAC,GAE/E,EAEF,eAAM,SAAS,EAAE,uCAAuC,WAAW,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE,EAAE,YAC9G,KAAK,GACD,EAEN,WAAW,IAAI,IAAI,CAAC,SAAS,IAAI,CAChC,KAAC,MAAM,IAAC,OAAO,EAAE,sBAAsB,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,CAAC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,UAAU,YAC9G,WAAW,GACL,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * GuidanceChecklistItem Renderer\n *\n * Single row within a checklist. Uses engine Checkbox and Button\n * for theme-compliant, accessible interactive elements.\n */\n\nimport React, { useCallback } from 'react';\nimport type { OnboardingChecklistItemElement } from '@wildo-ai/saas-models';\nimport { OnboardingStatus } from '@wildo-ai/saas-models';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { z } from 'zod/v4';\nimport { Checkbox } from '~wildo-frontend-lib/components/form/controls/boolean/checkbox';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport type { GuidanceElementRendererProps } from '~wildo-frontend-lib/core/guidance/GuidanceRenderer';\n\nexport const GuidanceChecklistItem: React.FC<GuidanceElementRendererProps> = ({\n  element,\n  flowRef,\n  state,\n  onComplete,\n  onAction,\n  t,\n}) => {\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.GUIDANCE_CHECKLIST_ITEM,\n  });\n  const item = element as OnboardingChecklistItemElement;\n  const isCompleted = state?.status === OnboardingStatus.COMPLETED;\n\n  const handleToggleComplete = useCallback(() => {\n    if (!isCompleted) {\n      onComplete(item.ref);\n    }\n  }, [isCompleted, onComplete, item.ref]);\n\n  const handleAction = useCallback(() => {\n    if (item.actionRef) {\n      onAction(item.actionRef);\n    }\n  }, [onAction, item.actionRef]);\n\n  if (!isReady) return null;\n\n  const title = t('title');\n  const actionLabel = t('actionLabel');\n\n  return (\n    <div className=\"flex items-center gap-2.5 py-2 border-b border-border/50 last:border-b-0\" role=\"listitem\">\n      <Checkbox\n        name=\"__display\"\n        schema={z.boolean()}\n        checked={isCompleted}\n        onCheckedChange={handleToggleComplete}\n        disabled={isCompleted}\n        aria-label={\n          isCompleted\n            ? tComponent(FrontendComponentType.GUIDANCE_CHECKLIST_ITEM, 'completed')\n            : tComponent(FrontendComponentType.GUIDANCE_CHECKLIST_ITEM, 'markComplete')\n        }\n      />\n\n      <span className={`flex-1 min-w-0 text-sm leading-snug ${isCompleted ? 'line-through text-muted-foreground' : ''}`}>\n        {title}\n      </span>\n\n      {actionLabel && item.actionRef && (\n        <Button variant={ButtonVariants_Variant.OUTLINE} size={ButtonSize.SM} onClick={handleAction} className=\"shrink-0\">\n          {actionLabel}\n        </Button>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/esm/core/guidance/renderers/GuidanceChecklistItem.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceChecklistItem.labels.d.ts","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceChecklistItem.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAG5D,CAAC"}
+{"version":3,"file":"GuidanceChecklistItem.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceChecklistItem.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,EAO5D,CAAC"}

package/dist/esm/core/guidance/renderers/GuidanceChecklistItem.labels.js

@@ -5,6 +5,10 @@ import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wild
 export const GuidanceChecklistItemLabels = [
     { ref: 'markComplete', kind: LabelKind.BUTTON, purpose: 'Action that marks the checklist item as done' },
     { ref: 'markIncomplete', kind: LabelKind.BUTTON, purpose: 'Action that reverts the checklist item to not-done' },
+    // Read by the component and declared NOWHERE until 2026-09-19, so the browser rendered the raw
+    // key path. Found by `pnpm check:component-labels`, which is the mechanism that replaced
+    // noticing it by eye.
+    { ref: 'completed', kind: LabelKind.ARIA, purpose: 'Accessible state of a checklist item that is already done — the counterpart of `markComplete`, which is what the same control reads when it is not' },
 ];
 registerComponentLabels(FrontendComponentType.GUIDANCE_CHECKLIST_ITEM, GuidanceChecklistItemLabels);
 //# sourceMappingURL=GuidanceChecklistItem.labels.js.map

package/dist/esm/core/guidance/renderers/GuidanceChecklistItem.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceChecklistItem.labels.js","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceChecklistItem.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,2BAA2B,GAA0B;IAChE,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,8CAA8C,EAAE;IACxG,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,oDAAoD,EAAE;CACjH,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,uBAAuB,EAAE,2BAA2B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const GuidanceChecklistItemLabels: LabellingUnitaryDef[] = [\n  { ref: 'markComplete', kind: LabelKind.BUTTON, purpose: 'Action that marks the checklist item as done' },\n  { ref: 'markIncomplete', kind: LabelKind.BUTTON, purpose: 'Action that reverts the checklist item to not-done' },\n];\nregisterComponentLabels(FrontendComponentType.GUIDANCE_CHECKLIST_ITEM, GuidanceChecklistItemLabels);\n"]}
+{"version":3,"file":"GuidanceChecklistItem.labels.js","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceChecklistItem.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,2BAA2B,GAA0B;IAChE,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,8CAA8C,EAAE;IACxG,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,oDAAoD,EAAE;IAChH,+FAA+F;IAC/F,yFAAyF;IACzF,sBAAsB;IACtB,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,oJAAoJ,EAAE;CAC1M,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,uBAAuB,EAAE,2BAA2B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const GuidanceChecklistItemLabels: LabellingUnitaryDef[] = [\n  { ref: 'markComplete', kind: LabelKind.BUTTON, purpose: 'Action that marks the checklist item as done' },\n  { ref: 'markIncomplete', kind: LabelKind.BUTTON, purpose: 'Action that reverts the checklist item to not-done' },\n  // Read by the component and declared NOWHERE until 2026-09-19, so the browser rendered the raw\n  // key path. Found by `pnpm check:component-labels`, which is the mechanism that replaced\n  // noticing it by eye.\n  { ref: 'completed', kind: LabelKind.ARIA, purpose: 'Accessible state of a checklist item that is already done — the counterpart of `markComplete`, which is what the same control reads when it is not' },\n];\nregisterComponentLabels(FrontendComponentType.GUIDANCE_CHECKLIST_ITEM, GuidanceChecklistItemLabels);\n"]}

package/dist/esm/core/guidance/renderers/GuidanceModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceModal.d.ts","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAY3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAEvG,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA2GhE,CAAC"}
+{"version":3,"file":"GuidanceModal.d.ts","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsB,MAAM,OAAO,CAAC;AAY3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAEvG,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA2GhE,CAAC"}

package/dist/esm/core/guidance/renderers/GuidanceModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceModal.js","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceModal.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * GuidanceModal — Modal overlay renderer for guidance elements.\n *\n * Uses the engine Dialog component for focus trapping, ESC handling,\n * accessible overlay, and theme-compliant styling.\n */\n\nimport React, { useCallback } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from '~wildo-frontend-lib/components/overlays/containers/dialog';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport type { GuidanceElementRendererProps } from '~wildo-frontend-lib/core/guidance/GuidanceRenderer';\n\nexport const GuidanceModal: React.FC<GuidanceElementRendererProps> = ({\n  element,\n  t,\n  onAction,\n  onDismiss,\n  onComplete,\n}) => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.GUIDANCE_MODAL });\n  const el = element as Extract<typeof element, { type: 'modal' }>;\n  const ctaAction = el.ctaAction;\n  const dismissible = el.dismissible ?? true;\n  const imageUrl = el.imageUrl;\n  const videoUrl = el.videoUrl;\n\n  const handleCta = useCallback(() => {\n    if (ctaAction) {\n      onAction(ctaAction);\n    }\n    onComplete(element.ref);\n  }, [ctaAction, onAction, onComplete, element.ref]);\n\n  const handleDismiss = useCallback(() => {\n    onDismiss(element.ref);\n  }, [onDismiss, element.ref]);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    if (!open && dismissible) {\n      onDismiss(element.ref);\n    }\n  }, [dismissible, onDismiss, element.ref]);\n\n  if (!isReady) return null;\n\n  const title = t('title');\n  const description = t('description');\n  const content = t('content');\n  const actionLabel = t('actionLabel');\n  // A Radix Dialog REQUIRES an accessible name. Modal copy is i18n-driven and\n  // can legitimately be absent (e.g. labels not yet generated), so fall back to\n  // a stable, visually-hidden title rather than rendering an unlabelled dialog.\n  const accessibleTitle = title || tComponent(FrontendComponentType.GUIDANCE_MODAL, 'defaultTitle');\n\n  return (\n    <Dialog open onOpenChange={handleOpenChange}>\n      <DialogContent\n        showCloseButton={dismissible}\n        onPointerDownOutside={dismissible ? undefined : (e) => e.preventDefault()}\n        onEscapeKeyDown={dismissible ? undefined : (e) => e.preventDefault()}\n        className=\"max-w-md\"\n        // Radix warns unless a dialog has either a description or an explicit\n        // opt-out. When there is no authored description, declare the opt-out so\n        // the dialog stays warning-clean and intentionally description-less; when\n        // a description exists, let Radix auto-wire `aria-describedby` to the\n        // rendered `DialogDescription`.\n        {...(description ? {} : { 'aria-describedby': undefined })}\n      >\n        {videoUrl && (\n          <video\n            src={videoUrl}\n            controls\n            className=\"w-full max-h-60 object-cover -mt-6 -mx-6 mb-0 rounded-t-lg\"\n            style={{ width: 'calc(100% + 3rem)' }}\n          />\n        )}\n        {!videoUrl && imageUrl && (\n          <img\n            src={imageUrl}\n            alt=\"\"\n            className=\"w-full max-h-60 object-cover -mt-6 -mx-6 mb-0 rounded-t-lg\"\n            style={{ width: 'calc(100% + 3rem)' }}\n          />\n        )}\n\n        {title || description ? (\n          <DialogHeader>\n            {/* Always a DialogTitle: visible when authored, else visually hidden\n                so the dialog still has the accessible name Radix requires. */}\n            <DialogTitle className={title ? undefined : 'sr-only'}>{accessibleTitle}</DialogTitle>\n            {description && <DialogDescription>{description}</DialogDescription>}\n          </DialogHeader>\n        ) : (\n          // No authored title or description at all — emit the required\n          // accessible name as a visually-hidden title with no header chrome.\n          <DialogTitle className=\"sr-only\">{accessibleTitle}</DialogTitle>\n        )}\n\n        {content && (\n          <div className=\"text-sm text-foreground/80 leading-relaxed\">\n            {content}\n          </div>\n        )}\n\n        <DialogFooter>\n          {dismissible && (\n            <Button variant={ButtonVariants_Variant.OUTLINE} size={ButtonSize.SM} onClick={handleDismiss}>\n              {tComponent(FrontendComponentType.GUIDANCE_MODAL, 'dismiss')}\n            </Button>\n          )}\n          {actionLabel && (\n            <Button size={ButtonSize.SM} onClick={handleCta}>\n              {actionLabel}\n            </Button>\n          )}\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"]}
+{"version":3,"file":"GuidanceModal.js","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceModal.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * GuidanceModal — Modal overlay renderer for guidance elements.\n *\n * Uses the engine Dialog component for focus trapping, ESC handling,\n * accessible overlay, and theme-compliant styling.\n */\n\nimport React, { useCallback } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n} from '~wildo-frontend-lib/components/overlays/containers/dialog';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize, FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport type { GuidanceElementRendererProps } from '~wildo-frontend-lib/core/guidance/GuidanceRenderer';\n\nexport const GuidanceModal: React.FC<GuidanceElementRendererProps> = ({\n  element,\n  t,\n  onAction,\n  onDismiss,\n  onComplete,\n}) => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.GUIDANCE_MODAL });\n  const el = element as Extract<typeof element, { type: 'modal' }>;\n  const ctaAction = el.ctaAction;\n  const dismissible = el.dismissible ?? true;\n  const imageUrl = el.imageUrl;\n  const videoUrl = el.videoUrl;\n\n  const handleCta = useCallback(() => {\n    if (ctaAction) {\n      onAction(ctaAction);\n    }\n    onComplete(element.ref);\n  }, [ctaAction, onAction, onComplete, element.ref]);\n\n  const handleDismiss = useCallback(() => {\n    onDismiss(element.ref);\n  }, [onDismiss, element.ref]);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    if (!open && dismissible) {\n      onDismiss(element.ref);\n    }\n  }, [dismissible, onDismiss, element.ref]);\n\n  if (!isReady) return null;\n\n  const title = t('title');\n  const description = t('description');\n  const content = t('content');\n  const actionLabel = t('actionLabel');\n  // A Radix Dialog REQUIRES an accessible name. Modal copy is i18n-driven and\n  // can legitimately be absent (e.g. labels not yet generated), so fall back to\n  // a stable, visually-hidden title rather than rendering an unlabelled dialog.\n  const accessibleTitle = title || tComponent(FrontendComponentType.GUIDANCE_MODAL, 'defaultTitle');\n\n  return (\n    <Dialog open onOpenChange={handleOpenChange}>\n      <DialogContent\n        showCloseButton={dismissible}\n        onPointerDownOutside={dismissible ? undefined : (e) => e.preventDefault()}\n        onEscapeKeyDown={dismissible ? undefined : (e) => e.preventDefault()}\n        className=\"max-w-md\"\n        // Radix warns unless a dialog has either a description or an explicit\n        // opt-out. When there is no authored description, declare the opt-out so\n        // the dialog stays warning-clean and intentionally description-less; when\n        // a description exists, let Radix auto-wire `aria-describedby` to the\n        // rendered `DialogDescription`.\n        {...(description ? {} : { 'aria-describedby': undefined })}\n      >\n        {videoUrl && (\n          <video\n            src={videoUrl}\n            controls\n            className=\"w-full max-h-60 object-cover -mt-6 -mx-6 mb-0 rounded-t-lg\"\n            style={{ width: 'calc(100% + 3rem)' }}\n          />\n        )}\n        {!videoUrl && imageUrl && (\n          <img\n            src={imageUrl}\n            alt=\"\"\n            className=\"w-full max-h-60 object-cover -mt-6 -mx-6 mb-0 rounded-t-lg\"\n            style={{ width: 'calc(100% + 3rem)' }}\n          />\n        )}\n\n        {title || description ? (\n          <DialogHeader>\n            {/* Always a DialogTitle: visible when authored, else visually hidden\n                so the dialog still has the accessible name Radix requires. */}\n            <DialogTitle className={title ? undefined : 'sr-only'}>{accessibleTitle}</DialogTitle>\n            {description && <DialogDescription>{description}</DialogDescription>}\n          </DialogHeader>\n        ) : (\n          // No authored title or description at all — emit the required\n          // accessible name as a visually-hidden title with no header chrome.\n          <DialogTitle className=\"sr-only\">{accessibleTitle}</DialogTitle>\n        )}\n\n        {content && (\n          <div className=\"text-sm text-foreground/80 leading-relaxed\">\n            {content}\n          </div>\n        )}\n\n        <DialogFooter>\n          {dismissible && (\n            <Button variant={ButtonVariants_Variant.OUTLINE} size={ButtonSize.SM} onClick={handleDismiss}>\n              {tComponent(FrontendComponentType.GUIDANCE_MODAL, 'dismiss')}\n            </Button>\n          )}\n          {actionLabel && (\n            <Button size={ButtonSize.SM} onClick={handleCta}>\n              {actionLabel}\n            </Button>\n          )}\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"]}

package/dist/esm/core/guidance/renderers/GuidanceModal.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceModal.labels.d.ts","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceModal.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,EAKpD,CAAC"}
+{"version":3,"file":"GuidanceModal.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceModal.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,EAKpD,CAAC"}

package/dist/esm/core/guidance/renderers/GuidanceModal.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceModal.labels.js","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceModal.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,mBAAmB,GAA0B;IACxD,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,uCAAuC,EAAE;IAC1F,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,iDAAiD,EAAE;IACtG,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,iDAAiD,EAAE;IACtG,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,4DAA4D,EAAE;CACxH,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const GuidanceModalLabels: LabellingUnitaryDef[] = [\n  { ref: 'close', kind: LabelKind.BUTTON, purpose: 'Action that closes the guidance modal' },\n  { ref: 'dismiss', kind: LabelKind.BUTTON, purpose: 'Footer action that dismisses the guidance modal' },\n  { ref: 'ariaClose', kind: LabelKind.ARIA, purpose: 'Screen-reader label for the modal close control' },\n  { ref: 'defaultTitle', kind: LabelKind.HEADING, purpose: 'Fallback accessible title when the flow step provides none' },\n];\nregisterComponentLabels(FrontendComponentType.GUIDANCE_MODAL, GuidanceModalLabels);\n"]}
+{"version":3,"file":"GuidanceModal.labels.js","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceModal.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,mBAAmB,GAA0B;IACxD,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,uCAAuC,EAAE;IAC1F,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,iDAAiD,EAAE;IACtG,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,iDAAiD,EAAE;IACtG,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,4DAA4D,EAAE;CACxH,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const GuidanceModalLabels: LabellingUnitaryDef[] = [\n  { ref: 'close', kind: LabelKind.BUTTON, purpose: 'Action that closes the guidance modal' },\n  { ref: 'dismiss', kind: LabelKind.BUTTON, purpose: 'Footer action that dismisses the guidance modal' },\n  { ref: 'ariaClose', kind: LabelKind.ARIA, purpose: 'Screen-reader label for the modal close control' },\n  { ref: 'defaultTitle', kind: LabelKind.HEADING, purpose: 'Fallback accessible title when the flow step provides none' },\n];\nregisterComponentLabels(FrontendComponentType.GUIDANCE_MODAL, GuidanceModalLabels);\n"]}

package/dist/esm/core/guidance/renderers/GuidanceSurvey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuidanceSurvey.d.ts","sourceRoot":"","sources":["../../../../../src/core/guidance/renderers/GuidanceSurvey.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAgBrD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAIvG,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAqPjE,CAAC"}
+{"version":3,"file":"GuidanceSurvey.d.ts","sourceRoot":"","sources":["../../../../../../src/core/guidance/renderers/GuidanceSurvey.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAiBrD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAC;AAIvG,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAkRjE,CAAC"}

package/dist/esm/core/guidance/renderers/GuidanceSurvey.js

@@ -18,6 +18,7 @@ import { RadioGroup } from '../../../components/form/controls/enum/radio.js';
 import { Checkbox } from '../../../components/form/controls/boolean/checkbox.js';
 import { Card, CardHeader, CardContent, CardFooter } from '../../../components/sections/card.js';
 import { Progress } from '../../../components/feedback/progress.js';
+import { Alert, AlertDescription } from '../../../components/overlays/containers/alert.js';
 import { useI18n } from '../../../core/i18n/useI18n.js';
 const STRING_SCHEMA = z.string();
 export const GuidanceSurvey = ({ element, flowRef, t, onComplete, }) => {
@@ -32,6 +33,11 @@ export const GuidanceSurvey = ({ element, flowRef, t, onComplete, }) => {
     const [currentIndex, setCurrentIndex] = useState(0);
     const [answers, setAnswers] = useState({});
     const [validationErrors, setValidationErrors] = useState({});
+    /*
+     * Set when a BOUND survey's write was refused (#1372). The survey stays open with every answer
+     * intact and nothing is recorded, so this is an invitation to retry, not a report of loss.
+     */
+    const [submissionFailed, setSubmissionFailed] = useState(false);
     const currentQuestion = questions[currentIndex];
     const isLast = currentIndex === questions.length - 1;
     const isFirst = currentIndex === 0;
@@ -58,7 +64,7 @@ export const GuidanceSurvey = ({ element, flowRef, t, onComplete, }) => {
             return false;
         return true;
     }, [currentQuestion, answers]);
-    const handleNext = useCallback(() => {
+    const handleNext = useCallback(async () => {
         if (!validateCurrent()) {
             if (currentQuestion) {
                 setValidationErrors(prev => ({ ...prev, [currentQuestion.id]: true }));
@@ -66,7 +72,15 @@ export const GuidanceSurvey = ({ element, flowRef, t, onComplete, }) => {
             return;
         }
         if (isLast) {
-            onComplete(element.ref, { surveyAnswers: answers });
+            setSubmissionFailed(false);
+            // A bound survey REJECTS when its write is refused, and records nothing — so the form must
+            // stay exactly as the person left it. An unbound survey never rejects and this costs nothing.
+            try {
+                await onComplete(element.ref, { surveyAnswers: answers });
+            }
+            catch {
+                setSubmissionFailed(true);
+            }
         }
         else {
             setCurrentIndex(prev => prev + 1);
@@ -76,8 +90,17 @@ export const GuidanceSurvey = ({ element, flowRef, t, onComplete, }) => {
         if (!isFirst)
             setCurrentIndex(prev => prev - 1);
     }, [isFirst]);
-    const handleSkip = useCallback(() => {
-        onComplete(element.ref, { surveyAnswers: answers });
+    /*
+     * Skipping NEVER writes to the bound resource, and therefore can never fail.
+     *
+     * The alternative — skip writes whatever was answered — traps a person whose write is refused
+     * inside a survey they have explicitly declined, which is a worse outcome than the partial answers
+     * it would have saved. A SUBMITTED survey writes; a SKIPPED one leaves its answers as telemetry on
+     * the guidance row, where they were already going anyway.
+     */
+    const handleSkip = useCallback(async () => {
+        setSubmissionFailed(false);
+        await onComplete(element.ref, { surveyAnswers: answers, declineResourceBinding: true });
     }, [onComplete, element.ref, answers]);
     if (!isReady)
         return null;
@@ -123,7 +146,7 @@ export const GuidanceSurvey = ({ element, flowRef, t, onComplete, }) => {
     return (_jsxs(Card, { className: "pointer-events-auto", children: [(title || description) && (_jsxs(CardHeader, { children: [title && _jsx("h3", { className: "text-base font-semibold", children: title }), description && _jsx("p", { className: "text-xs text-muted-foreground", children: description })] })), _jsxs(CardContent, { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Progress, { value: progressPercent, className: "flex-1" }), _jsx("span", { className: "text-xs text-muted-foreground shrink-0", children: tComponent(FrontendComponentType.GUIDANCE_SURVEY, 'questionProgress', {
                                     current: currentIndex + 1,
                                     total,
-                                }) })] }), currentQuestion && (_jsxs("div", { className: "flex flex-col gap-2.5", children: [_jsxs("label", { className: "text-sm font-medium", children: [getQuestionText(currentQuestion), currentQuestion.required && (_jsx("span", { className: "text-destructive ml-1", children: tComponent(FrontendComponentType.GUIDANCE_SURVEY, 'required') }))] }), renderInput(currentQuestion, answers[currentQuestion.id]), validationErrors[currentQuestion.id] && (_jsx("span", { className: "text-xs text-destructive", children: tComponent(FrontendComponentType.GUIDANCE_SURVEY, 'required') }))] }))] }), _jsxs(CardFooter, { className: "flex justify-between items-center", children: [_jsx("div", { children: !isFirst && (_jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, onClick: handlePrevious, children: tComponent(FrontendComponentType.GUIDANCE_SURVEY, 'previous') })) }), _jsxs("div", { className: "flex gap-2", children: [allowSkip && (_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: handleSkip, children: tComponent(FrontendComponentType.GUIDANCE_SURVEY, 'skip') })), _jsx(Button, { size: ButtonSize.SM, onClick: handleNext, children: isLast
+                                }) })] }), currentQuestion && (_jsxs("div", { className: "flex flex-col gap-2.5", children: [_jsxs("label", { className: "text-sm font-medium", children: [getQuestionText(currentQuestion), currentQuestion.required && (_jsx("span", { className: "text-destructive ml-1", children: tComponent(FrontendComponentType.GUIDANCE_SURVEY, 'required') }))] }), renderInput(currentQuestion, answers[currentQuestion.id]), validationErrors[currentQuestion.id] && (_jsx("span", { className: "text-xs text-destructive", children: tComponent(FrontendComponentType.GUIDANCE_SURVEY, 'required') }))] })), submissionFailed && (_jsx(Alert, { variant: "destructive", role: "alert", children: _jsx(AlertDescription, { children: tComponent(FrontendComponentType.GUIDANCE_SURVEY, 'submissionFailed') }) }))] }), _jsxs(CardFooter, { className: "flex justify-between items-center", children: [_jsx("div", { children: !isFirst && (_jsx(Button, { variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, onClick: handlePrevious, children: tComponent(FrontendComponentType.GUIDANCE_SURVEY, 'previous') })) }), _jsxs("div", { className: "flex gap-2", children: [allowSkip && (_jsx(Button, { variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: handleSkip, children: tComponent(FrontendComponentType.GUIDANCE_SURVEY, 'skip') })), _jsx(Button, { size: ButtonSize.SM, onClick: handleNext, children: isLast
                                     ? tComponent(FrontendComponentType.GUIDANCE_SURVEY, 'submit')
                                     : tComponent(FrontendComponentType.GUIDANCE_SURVEY, 'next') })] })] })] }));
 };