@wildo-ai/saas-frontend-lib 1.1.1 → 1.1.3

package/dist/esm/components/resources/skeleton/SummaryTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SummaryTitle.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/SummaryTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAuBb,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gDAAgD,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,4DAA4D,CAAC;AAOvG,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAqB;IAC3D,MAAM,OAAO,GAAG,yBAAyB,EAAE,CAAC;IAC5C,gFAAgF;IAChF,+EAA+E;IAC/E,8EAA8E;IAC9E,8EAA8E;IAC9E,8CAA8C;IAC9C,IAAI,OAAO,EAAE,iBAAiB;QAAE,OAAO,CAAC,iBAAiB,CAAC,YAAY,GAAG,IAAI,CAAC;IAC9E,MAAM,YAAY,GAAG,OAAO,EAAE,YAAY,CAAC;IAC3C,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAC/B,OAAO;IACL,oEAAoE;IACpE,2EAA2E;IAC3E,6EAA6E;IAC7E,0EAA0E;IAC1E,8EAA8E;IAC9E,yBAAyB;IACzB,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,EAAE,QAAQ,kBAC1F,YAAY,GACR,CACR,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\n/**\n * SummaryTitle — the resource's PRIMARY LABEL (title) as a first-class, composable\n * element of the summary template flow.\n *\n * Reads the resolved label from {@link SummaryContext} (provided by\n * `ResourceSummaryDisplayer`). Renders the same medium-weight, truncating title\n * the card/list/popover hosts render, so moving the title into the template flow\n * is pixel-neutral for the common `AUTO` case.\n *\n * Usage:\n * - `<SummaryLayout>` (default `titlePlacement={AUTO}`) renders this automatically\n *   at the top of the template — authors write nothing.\n * - `<SummaryLayout titlePlacement={TEMPLATE_OWNED}>` cedes placement to the\n *   author, who drops `<SummaryTitle />` wherever it belongs — e.g. inside a\n *   `<SummaryHeader>` beside a status badge.\n *\n * Renders nothing when there is no title to show (body-only surfaces such as an\n * inline FK-field reference pass a `null` label — see {@link SummaryContext}).\n */\n\nimport type { ReactNode } from 'react';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { useOptionalSummaryContext } from '~wildo-frontend-lib/components/data-display/SummaryContext';\n\nexport interface SummaryTitleProps {\n  /** Extra classes merged over the default `font-medium text-foreground` title styling. */\n  className?: string;\n}\n\nexport function SummaryTitle({ className }: SummaryTitleProps): ReactNode {\n  const summary = useOptionalSummaryContext();\n  // Register with the displayer's missing-title diagnostic BEFORE the empty-label\n  // early return: mounting `<SummaryTitle />` discharges the template's contract\n  // even when the current record resolves no label (that is data-driven, not an\n  // authoring bug). Render-time ref mutation on purpose — the flag is read only\n  // after render and must not schedule updates.\n  if (summary?.titleMountTracker) summary.titleMountTracker.titleMounted = true;\n  const primaryLabel = summary?.primaryLabel;\n  if (!primaryLabel) return null;\n  return (\n    // `flex-1 min-w-0` lives HERE (not via a `:first-child` selector on\n    // SummaryHeader): when the title renders inside a flex header it grows and\n    // truncates; when it renders null (no label / body-only FK surface) there is\n    // simply no growing element, so a lone accessory keeps its intrinsic size\n    // instead of inheriting the grow. In a block context (SummaryLayout AUTO) the\n    // flex utility is inert.\n    <Text as=\"p\" className={cn('min-w-0 flex-1 font-medium text-foreground', className)} truncate>\n      {primaryLabel}\n    </Text>\n  );\n}\n"]}
+{"version":3,"file":"SummaryTitle.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SummaryTitle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAiDb,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AACrF,OAAO,EAAE,IAAI,EAAE,MAAM,gDAAgD,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,0DAA0D,CAAC;AACxF,OAAO,EAAE,yBAAyB,EAAE,MAAM,4DAA4D,CAAC;AAEvG;;;;;GAKG;AACH,MAAM,CAAN,IAAY,iBASX;AATD,WAAY,iBAAiB;IAC3B,2FAA2F;IAC3F,wCAAmB,CAAA;IACnB,mFAAmF;IACnF,oCAAe,CAAA;IACf,qCAAqC;IACrC,wCAAmB,CAAA;IACnB,+BAA+B;IAC/B,0CAAqB,CAAA;AACvB,CAAC,EATW,iBAAiB,KAAjB,iBAAiB,QAS5B;AAED,oGAAoG;AACpG,MAAM,gBAAgB,GAAkD;IACtE,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,SAAS;IACtC,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,IAAI;IAC/B,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,IAAI;IACjC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,IAAI;CACnC,CAAC;AAgBF,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,iBAAiB,CAAC,OAAO,EAAE,SAAS,EAAqB;IACpG,MAAM,OAAO,GAAG,yBAAyB,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAClF;;;;OAIG;IACH,MAAM,gBAAgB,GAAG,SAAS;QAChC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,CAAC;QAC1D,CAAC,CAAC,SAAS,CAAC;IACd,gFAAgF;IAChF,+EAA+E;IAC/E,8EAA8E;IAC9E,8EAA8E;IAC9E,8CAA8C;IAC9C,IAAI,OAAO,EAAE,iBAAiB;QAAE,OAAO,CAAC,iBAAiB,CAAC,YAAY,GAAG,IAAI,CAAC;IAE9E,IAAI,IAAI,EAAE,CAAC;QACT;;;;;;;WAOG;QACH,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,gBAAgB,YAC1C,cACE,SAAS,EAAE,EAAE,CACX,gCAAgC;gBAChC,sFAAsF;gBACtF,sFAAsF;gBACtF,4EAA4E;gBAC5E,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,2BAA2B,EAChE,SAAS,CACV,YAED,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,SAAG,GAClC,GACU,CACnB,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAG,OAAO,EAAE,YAAY,CAAC;IAC3C,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAC/B,OAAO;IACL,oEAAoE;IACpE,2EAA2E;IAC3E,6EAA6E;IAC7E,0EAA0E;IAC1E,8EAA8E;IAC9E,yBAAyB;IACzB,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,EAAE,QAAQ,kBAC1F,YAAY,GACR,CACR,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\n/**\n * SummaryTitle — the value that NAMES the record, as a first-class element of the summary flow.\n *\n * It answers \"which one is this\" in two ways, and which one you want depends on who computed the\n * name:\n *\n * - **No `name`** — the resource's resolved PRIMARY LABEL, read from {@link SummaryContext} (the\n *   card / list / popover host computed it with the right `t`, junction forwarding and so on). This\n *   is what `<SummaryLayout>`'s `AUTO` placement renders, so an author who wants \"title above a\n *   couple of fields\" writes nothing at all.\n * - **With `name`** — a FIELD of the record, rendered through the display pipeline. Use it when the\n *   title is a particular authored value (`email`, `oneSentence`, `statement`) rather than whatever\n *   the host resolved as the label.\n *\n * ## Why the `name` form exists\n *\n * The second form was written out by hand **18 times** across the engine's own resource presets,\n * always as the identical literal:\n *\n *     <div className=\"font-medium leading-tight\">\n *       <DisplayField name=\"email\" hideLabel />\n *     </div>\n *\n * Eighteen copies of a treatment this component already owns, sitting next to eighteen calls to\n * this component that could not express it. No theme can reach those literals, and each new author\n * copies whichever one they happened to read.\n *\n * ## Scale — declared as a ROLE, resolved by the theme\n *\n * A title that must read larger than its surroundings says WHICH TITLE IT IS, not how big. The four\n * roles below are the four levels the repository actually had, each previously written as a literal\n * step: a card title at `font-medium`, an entry headline at `text-base`, a section's at `text-lg`, a\n * document's own lead at `text-xl`. They now resolve through the theme's HEADING ladder, which the\n * eight themes each define differently — editorial runs large, trading and terminal run dense — so\n * the same declaration reads correctly in all of them and in the next one.\n *\n * The mechanism is a {@link TypographyScope} rather than a class on this element, and the reason is\n * worth keeping: font WEIGHT and LINE-HEIGHT inherit — which is why the wrapper idiom worked at all\n * — but font SIZE does not, because the formatter's `<Text>` sets its own. A class here would lose\n * to it, and mirroring one through `[&_p]:` cannot work either, since a Tailwind variant composed\n * at runtime from a theme value is never generated. The scope reaches the `<Text>` itself.\n *\n * Renders nothing when there is no title to show: the no-`name` form on a body-only surface (an\n * inline FK reference passes a `null` label), so `AUTO` shows no empty title slot.\n */\n\nimport type { ReactNode } from 'react';\nimport { TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { TypographyScope } from '~wildo-frontend-lib/core/ui/TypographyScopeContext';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { DisplayField } from '~wildo-frontend-lib/components/data-display/DisplayField';\nimport { useOptionalSummaryContext } from '~wildo-frontend-lib/components/data-display/SummaryContext';\n\n/**\n * WHICH title this is — a role, never a size.\n *\n * Each maps to a step of the theme's HEADING ladder, so what a role looks like is the theme's answer\n * and the same declaration holds across all eight.\n */\nexport enum SummaryTitleScale {\n  /** The ordinary card / list-row / popover title: medium weight at the surrounding size. */\n  DEFAULT = 'default',\n  /** Names ONE ENTRY inside a collection — the ladder's smallest in-content step. */\n  ENTRY = 'entry',\n  /** Leads a SECTION of a document. */\n  SECTION = 'section',\n  /** The DOCUMENT's own lead. */\n  DOCUMENT = 'document',\n}\n\n/** Which rung of the heading ladder each role reads. `DEFAULT` takes none — it is not a heading. */\nconst SCALE_LADDER_KEY: Record<SummaryTitleScale, string | undefined> = {\n  [SummaryTitleScale.DEFAULT]: undefined,\n  [SummaryTitleScale.ENTRY]: 'h5',\n  [SummaryTitleScale.SECTION]: 'h4',\n  [SummaryTitleScale.DOCUMENT]: 'h3',\n};\n\nexport interface SummaryTitleProps {\n  /**\n   * Render THIS FIELD as the title instead of the host-resolved primary label.\n   *\n   * The field renders through the ordinary display pipeline with its label hidden — the title IS\n   * the value, and a label reading \"Email\" above an email address is a row that says nothing.\n   */\n  name?: string;\n  /** Which title this is. Defaults to {@link SummaryTitleScale.DEFAULT}. */\n  scale?: SummaryTitleScale;\n  /** Extra classes merged over the default `font-medium text-foreground` title styling. */\n  className?: string;\n}\n\nexport function SummaryTitle({ name, scale = SummaryTitleScale.DEFAULT, className }: SummaryTitleProps): ReactNode {\n  const summary = useOptionalSummaryContext();\n  const { getRecipe } = useUI();\n  const ladderKey = SCALE_LADDER_KEY[scale];\n  const headingRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING);\n  /*\n   * Resolved HERE, where the theme's recipe is in hand, and handed to the scope as classes. The\n   * scope stays a transport — a second place that decided type scale would be the thing this\n   * component exists to remove.\n   */\n  const headingClassName = ladderKey\n    ? cn(headingRecipe.base, headingRecipe.sizes?.[ladderKey])\n    : undefined;\n  // Register with the displayer's missing-title diagnostic BEFORE the empty-label\n  // early return: mounting `<SummaryTitle />` discharges the template's contract\n  // even when the current record resolves no label (that is data-driven, not an\n  // authoring bug). Render-time ref mutation on purpose — the flag is read only\n  // after render and must not schedule updates.\n  if (summary?.titleMountTracker) summary.titleMountTracker.titleMounted = true;\n\n  if (name) {\n    /*\n     * The FIELD form. `leading-tight` joins the weight because both INHERIT — that is the whole\n     * reason the eighteen hand-written wrappers worked, and the reason this replacement is exact.\n     *\n     * No `truncate` here, unlike the label form below: a field's own display params decide whether\n     * its value truncates (`StringDisplayMode.TRUNCATE`), and forcing it from the outside would\n     * overrule an author who chose to wrap.\n     */\n    return (\n      <TypographyScope className={headingClassName}>\n        <div\n          className={cn(\n            'min-w-0 flex-1 text-foreground',\n            // At DEFAULT there is no heading recipe, so the weight has to come from here — and it\n            // reaches the value because weight INHERITS. At the heading scales the recipe carries\n            // its own weight and tracking, and applies them to the text element itself.\n            headingClassName ? 'leading-tight' : 'font-medium leading-tight',\n            className,\n          )}\n        >\n          <DisplayField name={name} hideLabel />\n        </div>\n      </TypographyScope>\n    );\n  }\n\n  const primaryLabel = summary?.primaryLabel;\n  if (!primaryLabel) return null;\n  return (\n    // `flex-1 min-w-0` lives HERE (not via a `:first-child` selector on\n    // SummaryHeader): when the title renders inside a flex header it grows and\n    // truncates; when it renders null (no label / body-only FK surface) there is\n    // simply no growing element, so a lone accessory keeps its intrinsic size\n    // instead of inheriting the grow. In a block context (SummaryLayout AUTO) the\n    // flex utility is inert.\n    <Text as=\"p\" className={cn('min-w-0 flex-1 font-medium text-foreground', className)} truncate>\n      {primaryLabel}\n    </Text>\n  );\n}\n"]}

package/dist/esm/components/resources/skeleton/WizardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA0C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBtF,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,8EAA8E;IAC9E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAe,EACf,oBAA2B,EAC3B,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,GAAG,SAAS,CA2K/B"}
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA0C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBtF,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,8EAA8E;IAC9E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAe,EACf,oBAA2B,EAC3B,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,GAAG,SAAS,CA2K/B"}

package/dist/esm/components/resources/skeleton/WizardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardLayout.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useCallback, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { DisplayDirection } from '@wildo-ai/zod-decorators';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport {\n  Stepper,\n  StepperItem,\n  StepperIndicator,\n  StepperSeparator,\n  StepperTitle,\n} from '~wildo-frontend-lib/components/sections/stepper';\nimport { ErrorBoundary } from '~wildo-frontend-lib/core/errors/ErrorBoundary';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useOptionalFormTemplateContext } from '~wildo-frontend-lib/components/form/automated/FormTemplateContext';\nimport { scrollAndFocusFirstErroredField } from '~wildo-frontend-lib/components/form/validation-errors/scroll-to-first-error.utils';\nimport { useWizardRootRegistration } from './FormLayoutSlotContext';\nimport { WizardLayoutContext } from './WizardLayoutContext';\nimport { WizardStep } from './WizardStep';\n\nexport interface WizardLayoutProps {\n  /** Additional CSS classes for the wizard container. */\n  className?: string;\n  /** 0-based index of the initially active step. @default 0 */\n  initialStep?: number;\n  /** When `true`, validates current step fields before allowing navigation forward. @default true */\n  validateOnStepChange?: boolean;\n  /** Callback fired when step changes (after validation, if enabled). */\n  onStepChange?: (from: number, to: number) => void;\n  /** Custom submit button to render on the last step instead of the default. */\n  submitButton?: ReactNode;\n  children: ReactNode;\n}\n\n/**\n * Wizard container for multi-step form templates.\n *\n * Manages step state, renders a Stepper UI, navigation buttons (prev/next/submit),\n * and per-step validation. All steps remain mounted (hidden with `display: none`)\n * so that RHF retains field state across steps.\n *\n * Children must be `<WizardStep>` components. Non-WizardStep children are\n * silently filtered out.\n *\n * @example\n * ```tsx\n * <FormLayout>\n *   <WizardLayout>\n *     <WizardStep name=\"basics\">\n *       <FormField name=\"title\" />\n *       <FormField name=\"description\" />\n *     </WizardStep>\n *     <WizardStep name=\"settings\">\n *       <FormField name=\"priority\" />\n *       <FormField name=\"dueDate\" />\n *     </WizardStep>\n *   </WizardLayout>\n * </FormLayout>\n * ```\n */\nexport function WizardLayout({\n  className,\n  initialStep = 0,\n  validateOnStepChange = true,\n  onStepChange,\n  submitButton,\n  children,\n}: WizardLayoutProps): ReactNode {\n  useWizardRootRegistration();\n\n  const [currentStep, setCurrentStep] = useState(initialStep);\n  const stepFieldsRef = useRef<Map<string, Set<string>>>(new Map());\n  const wizardTopRef = useRef<HTMLDivElement>(null);\n\n  const form = useFormContext();\n  const templateCtx = useOptionalFormTemplateContext();\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,\n  });\n\n  const wizardSteps = useMemo(() => {\n    const steps: Array<{ name: string; element: React.ReactElement }> = [];\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement(child) && child.type === WizardStep) {\n        steps.push({\n          name: (child.props as { name: string }).name,\n          element: child,\n        });\n      }\n    });\n    return steps;\n  }, [children]);\n\n  const totalSteps = wizardSteps.length;\n\n  const registerStep = useCallback((name: string, fields: Set<string>) => {\n    stepFieldsRef.current.set(name, fields);\n  }, []);\n\n  const getCurrentStepFieldNames = useCallback(() => {\n    const currentStepName = wizardSteps[currentStep]?.name;\n    if (!currentStepName) return undefined;\n    const stepFields = stepFieldsRef.current.get(currentStepName);\n    return stepFields ? Array.from(stepFields) : undefined;\n  }, [currentStep, wizardSteps]);\n\n  const wizardContextValue = useMemo<React.ContextType<typeof WizardLayoutContext>>(\n    () => ({ registerStep, getCurrentStepFieldNames, currentStep, totalSteps }),\n    [registerStep, getCurrentStepFieldNames, currentStep, totalSteps],\n  );\n\n  const getStepLabel = (stepName: string, index: number): string => {\n    if (templateCtx?.wizardStepLabels?.[stepName]) {\n      return templateCtx.wizardStepLabels[stepName];\n    }\n    return tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardStepDefault', {\n      index: String(index + 1),\n    });\n  };\n\n  const scrollToTop = () => {\n    wizardTopRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n  };\n\n  const goToStep = (to: number) => {\n    const from = currentStep;\n    setCurrentStep(to);\n    onStepChange?.(from, to);\n    scrollToTop();\n  };\n\n  const handlePrevious = () => {\n    if (currentStep > 0) {\n      goToStep(currentStep - 1);\n    }\n  };\n\n  const handleNext = async () => {\n    if (validateOnStepChange && form) {\n      const currentStepName = wizardSteps[currentStep]?.name;\n      const stepFields = currentStepName\n        ? stepFieldsRef.current.get(currentStepName)\n        : undefined;\n\n      const fieldNames = stepFields ? Array.from(stepFields) : [];\n      const isValid = fieldNames.length\n        ? await form.trigger(fieldNames)\n        : await form.trigger();\n\n      if (!isValid) {\n        scrollToFirstError(form, fieldNames);\n        return;\n      }\n    }\n    if (currentStep < totalSteps - 1) {\n      goToStep(currentStep + 1);\n    }\n  };\n\n  const isFirstStep = currentStep === 0;\n  const isLastStep = currentStep === totalSteps - 1;\n\n  if (!isReady) return null;\n\n  const previousLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardPrevious');\n  const nextLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardNext');\n\n  return (\n    <WizardLayoutContext.Provider value={wizardContextValue}>\n      <div className={className} data-guidance-wizard=\"\">\n        <div ref={wizardTopRef}>\n          <Stepper\n            currentStep={currentStep}\n            totalSteps={totalSteps}\n            orientation={DisplayDirection.HORIZONTAL}\n            className=\"mb-region\"\n          >\n            {wizardSteps.map((step, index) => (\n              <React.Fragment key={step.name}>\n                <StepperItem step={index}>\n                  <StepperIndicator step={index} />\n                  <div className=\"flex flex-col items-center text-center\">\n                    <StepperTitle step={index}>\n                      <span id={`wizard-tab-${step.name}`}>\n                        {getStepLabel(step.name, index)}\n                      </span>\n                    </StepperTitle>\n                  </div>\n                </StepperItem>\n                {index < totalSteps - 1 && <StepperSeparator step={index} />}\n              </React.Fragment>\n            ))}\n          </Stepper>\n        </div>\n\n        {wizardSteps.map((step, index) => (\n          <div\n            key={step.name}\n            style={{ display: index === currentStep ? undefined : 'none' }}\n            aria-hidden={index !== currentStep}\n          >\n            <ErrorBoundary>\n              {step.element}\n            </ErrorBoundary>\n          </div>\n        ))}\n\n        <div className=\"flex justify-between gap-field pt-field\">\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.OUTLINE}\n            onClick={handlePrevious}\n            disabled={isFirstStep || templateCtx?.disabled}\n          >\n            {previousLabel}\n          </Button>\n\n          <div className=\"flex gap-element\">\n            {isLastStep ? (\n              submitButton ?? (\n                <Button type=\"submit\" disabled={templateCtx?.disabled}>\n                  {tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardSubmit')}\n                </Button>\n              )\n            ) : (\n              <Button\n                type=\"button\"\n                onClick={handleNext}\n                disabled={templateCtx?.disabled}\n              >\n                {nextLabel}\n              </Button>\n            )}\n          </div>\n        </div>\n      </div>\n    </WizardLayoutContext.Provider>\n  );\n}\n\n/**\n * Scroll to the first field with a validation error.\n * Uses `data-field` or `name` attributes to locate the DOM element.\n */\nfunction scrollToFirstError(\n  form: ReturnType<typeof useFormContext>,\n  fieldNames?: string[],\n): void {\n  const errors = form.formState.errors;\n  let firstErrorField: string | null = null;\n\n  if (fieldNames?.length) {\n    for (const fieldName of fieldNames) {\n      const parts = fieldName.split('.');\n      let errorObj: unknown = errors;\n      for (const part of parts) {\n        if (errorObj && typeof errorObj === 'object' && part in errorObj) {\n          errorObj = (errorObj as Record<string, unknown>)[part];\n        } else {\n          errorObj = undefined;\n          break;\n        }\n      }\n      if (errorObj) {\n        firstErrorField = fieldName;\n        break;\n      }\n    }\n  }\n\n  if (!firstErrorField) return;\n\n  // Shared scroll+focus mechanics (see scroll-to-first-error.utils, audit D4) —\n  // this wizard keeps its own STEP-SCOPED first-error selection above, but the\n  // DOM lookup / scroll / focus behavior is the same contract the whole-form\n  // submit path uses.\n  scrollAndFocusFirstErroredField([firstErrorField]);\n}\n"]}
+{"version":3,"file":"WizardLayout.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useCallback, useMemo, useRef, useState, type ReactNode } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { DisplayDirection } from '@wildo-ai/zod-decorators';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport {\n  Stepper,\n  StepperItem,\n  StepperIndicator,\n  StepperSeparator,\n  StepperTitle,\n} from '~wildo-frontend-lib/components/sections/stepper';\nimport { ErrorBoundary } from '~wildo-frontend-lib/core/errors/ErrorBoundary';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useOptionalFormTemplateContext } from '~wildo-frontend-lib/components/form/automated/FormTemplateContext';\nimport { scrollAndFocusFirstErroredField } from '~wildo-frontend-lib/components/form/validation-errors/scroll-to-first-error.utils';\nimport { useWizardRootRegistration } from './FormLayoutSlotContext';\nimport { WizardLayoutContext } from './WizardLayoutContext';\nimport { WizardStep } from './WizardStep';\n\nexport interface WizardLayoutProps {\n  /** Additional CSS classes for the wizard container. */\n  className?: string;\n  /** 0-based index of the initially active step. @default 0 */\n  initialStep?: number;\n  /** When `true`, validates current step fields before allowing navigation forward. @default true */\n  validateOnStepChange?: boolean;\n  /** Callback fired when step changes (after validation, if enabled). */\n  onStepChange?: (from: number, to: number) => void;\n  /** Custom submit button to render on the last step instead of the default. */\n  submitButton?: ReactNode;\n  children: ReactNode;\n}\n\n/**\n * Wizard container for multi-step form templates.\n *\n * Manages step state, renders a Stepper UI, navigation buttons (prev/next/submit),\n * and per-step validation. All steps remain mounted (hidden with `display: none`)\n * so that RHF retains field state across steps.\n *\n * Children must be `<WizardStep>` components. Non-WizardStep children are\n * silently filtered out.\n *\n * @example\n * ```tsx\n * <FormLayout>\n *   <WizardLayout>\n *     <WizardStep name=\"basics\">\n *       <FormField name=\"title\" />\n *       <FormField name=\"description\" />\n *     </WizardStep>\n *     <WizardStep name=\"settings\">\n *       <FormField name=\"priority\" />\n *       <FormField name=\"dueDate\" />\n *     </WizardStep>\n *   </WizardLayout>\n * </FormLayout>\n * ```\n */\nexport function WizardLayout({\n  className,\n  initialStep = 0,\n  validateOnStepChange = true,\n  onStepChange,\n  submitButton,\n  children,\n}: WizardLayoutProps): ReactNode {\n  useWizardRootRegistration();\n\n  const [currentStep, setCurrentStep] = useState(initialStep);\n  const stepFieldsRef = useRef<Map<string, Set<string>>>(new Map());\n  const wizardTopRef = useRef<HTMLDivElement>(null);\n\n  const form = useFormContext();\n  const templateCtx = useOptionalFormTemplateContext();\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,\n  });\n\n  const wizardSteps = useMemo(() => {\n    const steps: Array<{ name: string; element: React.ReactElement }> = [];\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement(child) && child.type === WizardStep) {\n        steps.push({\n          name: (child.props as { name: string }).name,\n          element: child,\n        });\n      }\n    });\n    return steps;\n  }, [children]);\n\n  const totalSteps = wizardSteps.length;\n\n  const registerStep = useCallback((name: string, fields: Set<string>) => {\n    stepFieldsRef.current.set(name, fields);\n  }, []);\n\n  const getCurrentStepFieldNames = useCallback(() => {\n    const currentStepName = wizardSteps[currentStep]?.name;\n    if (!currentStepName) return undefined;\n    const stepFields = stepFieldsRef.current.get(currentStepName);\n    return stepFields ? Array.from(stepFields) : undefined;\n  }, [currentStep, wizardSteps]);\n\n  const wizardContextValue = useMemo<React.ContextType<typeof WizardLayoutContext>>(\n    () => ({ registerStep, getCurrentStepFieldNames, currentStep, totalSteps }),\n    [registerStep, getCurrentStepFieldNames, currentStep, totalSteps],\n  );\n\n  const getStepLabel = (stepName: string, index: number): string => {\n    if (templateCtx?.wizardStepLabels?.[stepName]) {\n      return templateCtx.wizardStepLabels[stepName];\n    }\n    return tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardStepDefault', {\n      index: String(index + 1),\n    });\n  };\n\n  const scrollToTop = () => {\n    wizardTopRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n  };\n\n  const goToStep = (to: number) => {\n    const from = currentStep;\n    setCurrentStep(to);\n    onStepChange?.(from, to);\n    scrollToTop();\n  };\n\n  const handlePrevious = () => {\n    if (currentStep > 0) {\n      goToStep(currentStep - 1);\n    }\n  };\n\n  const handleNext = async () => {\n    if (validateOnStepChange && form) {\n      const currentStepName = wizardSteps[currentStep]?.name;\n      const stepFields = currentStepName\n        ? stepFieldsRef.current.get(currentStepName)\n        : undefined;\n\n      const fieldNames = stepFields ? Array.from(stepFields) : [];\n      const isValid = fieldNames.length\n        ? await form.trigger(fieldNames)\n        : await form.trigger();\n\n      if (!isValid) {\n        scrollToFirstError(form, fieldNames);\n        return;\n      }\n    }\n    if (currentStep < totalSteps - 1) {\n      goToStep(currentStep + 1);\n    }\n  };\n\n  const isFirstStep = currentStep === 0;\n  const isLastStep = currentStep === totalSteps - 1;\n\n  if (!isReady) return null;\n\n  const previousLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardPrevious');\n  const nextLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardNext');\n\n  return (\n    <WizardLayoutContext.Provider value={wizardContextValue}>\n      <div className={className} data-guidance-wizard=\"\">\n        <div ref={wizardTopRef}>\n          <Stepper\n            currentStep={currentStep}\n            totalSteps={totalSteps}\n            orientation={DisplayDirection.HORIZONTAL}\n            className=\"mb-region\"\n          >\n            {wizardSteps.map((step, index) => (\n              <React.Fragment key={step.name}>\n                <StepperItem step={index}>\n                  <StepperIndicator step={index} />\n                  <div className=\"flex flex-col items-center text-center\">\n                    <StepperTitle step={index}>\n                      <span id={`wizard-tab-${step.name}`}>\n                        {getStepLabel(step.name, index)}\n                      </span>\n                    </StepperTitle>\n                  </div>\n                </StepperItem>\n                {index < totalSteps - 1 && <StepperSeparator step={index} />}\n              </React.Fragment>\n            ))}\n          </Stepper>\n        </div>\n\n        {wizardSteps.map((step, index) => (\n          <div\n            key={step.name}\n            style={{ display: index === currentStep ? undefined : 'none' }}\n            aria-hidden={index !== currentStep}\n          >\n            <ErrorBoundary>\n              {step.element}\n            </ErrorBoundary>\n          </div>\n        ))}\n\n        <div className=\"flex justify-between gap-field pt-field\">\n          <Button\n            type=\"button\"\n            variant={ButtonVariants_Variant.OUTLINE}\n            onClick={handlePrevious}\n            disabled={isFirstStep || templateCtx?.disabled}\n          >\n            {previousLabel}\n          </Button>\n\n          <div className=\"flex gap-element\">\n            {isLastStep ? (\n              submitButton ?? (\n                <Button type=\"submit\" disabled={templateCtx?.disabled}>\n                  {tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardSubmit')}\n                </Button>\n              )\n            ) : (\n              <Button\n                type=\"button\"\n                onClick={handleNext}\n                disabled={templateCtx?.disabled}\n              >\n                {nextLabel}\n              </Button>\n            )}\n          </div>\n        </div>\n      </div>\n    </WizardLayoutContext.Provider>\n  );\n}\n\n/**\n * Scroll to the first field with a validation error.\n * Uses `data-field` or `name` attributes to locate the DOM element.\n */\nfunction scrollToFirstError(\n  form: ReturnType<typeof useFormContext>,\n  fieldNames?: string[],\n): void {\n  const errors = form.formState.errors;\n  let firstErrorField: string | null = null;\n\n  if (fieldNames?.length) {\n    for (const fieldName of fieldNames) {\n      const parts = fieldName.split('.');\n      let errorObj: unknown = errors;\n      for (const part of parts) {\n        if (errorObj && typeof errorObj === 'object' && part in errorObj) {\n          errorObj = (errorObj as Record<string, unknown>)[part];\n        } else {\n          errorObj = undefined;\n          break;\n        }\n      }\n      if (errorObj) {\n        firstErrorField = fieldName;\n        break;\n      }\n    }\n  }\n\n  if (!firstErrorField) return;\n\n  // Shared scroll+focus mechanics (see scroll-to-first-error.utils, audit D4) —\n  // this wizard keeps its own STEP-SCOPED first-error selection above, but the\n  // DOM lookup / scroll / focus behavior is the same contract the whole-form\n  // submit path uses.\n  scrollAndFocusFirstErroredField([firstErrorField]);\n}\n"]}

package/dist/esm/components/resources/skeleton/WizardLayoutContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardLayoutContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,MAAM,WAAW,wBAAwB;IACvC,+DAA+D;IAC/D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,0DAA0D;IAC1D,wBAAwB,EAAE,MAAM,MAAM,EAAE,GAAG,SAAS,CAAC;IACrD,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,mDAAuD,CAAC;AAExF,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,IAAI,CAExE"}
+{"version":3,"file":"WizardLayoutContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,MAAM,WAAW,wBAAwB;IACvC,+DAA+D;IAC/D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,0DAA0D;IAC1D,wBAAwB,EAAE,MAAM,MAAM,EAAE,GAAG,SAAS,CAAC;IACrD,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,mDAAuD,CAAC;AAExF,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,IAAI,CAExE"}

package/dist/esm/components/resources/skeleton/WizardLayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardLayoutContext.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAoBlD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAkC,IAAI,CAAC,CAAC;AAExF,MAAM,UAAU,sBAAsB;IACpC,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC;AACzC,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * Contract between WizardLayout (provider) and WizardStep (consumer).\n *\n * Each WizardStep calls `registerStep` during mount to report its name\n * and the set of field names it contains — WizardLayout uses this for\n * per-step validation (trigger only the fields in the active step).\n */\nexport interface WizardLayoutContextValue {\n  /** Called by WizardStep on mount to register its field set. */\n  registerStep: (name: string, fields: Set<string>) => void;\n  /** Returns field names for the currently visible step. */\n  getCurrentStepFieldNames: () => string[] | undefined;\n  /** 0-based index of the currently visible step. */\n  currentStep: number;\n  /** Total number of wizard steps. */\n  totalSteps: number;\n}\n\nexport const WizardLayoutContext = createContext<WizardLayoutContextValue | null>(null);\n\nexport function useWizardLayoutContext(): WizardLayoutContextValue | null {\n  return useContext(WizardLayoutContext);\n}\n"]}
+{"version":3,"file":"WizardLayoutContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAoBlD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAkC,IAAI,CAAC,CAAC;AAExF,MAAM,UAAU,sBAAsB;IACpC,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC;AACzC,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * Contract between WizardLayout (provider) and WizardStep (consumer).\n *\n * Each WizardStep calls `registerStep` during mount to report its name\n * and the set of field names it contains — WizardLayout uses this for\n * per-step validation (trigger only the fields in the active step).\n */\nexport interface WizardLayoutContextValue {\n  /** Called by WizardStep on mount to register its field set. */\n  registerStep: (name: string, fields: Set<string>) => void;\n  /** Returns field names for the currently visible step. */\n  getCurrentStepFieldNames: () => string[] | undefined;\n  /** 0-based index of the currently visible step. */\n  currentStep: number;\n  /** Total number of wizard steps. */\n  totalSteps: number;\n}\n\nexport const WizardLayoutContext = createContext<WizardLayoutContextValue | null>(null);\n\nexport function useWizardLayoutContext(): WizardLayoutContextValue | null {\n  return useContext(WizardLayoutContext);\n}\n"]}

package/dist/esm/components/resources/skeleton/WizardStep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardStep.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjG,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,SAAS,CAiDpF"}
+{"version":3,"file":"WizardStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjG,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,SAAS,CAiDpF"}

package/dist/esm/components/resources/skeleton/WizardStep.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAgB/D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAmB;IACvE,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAc,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,sBAAsB,EAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACtD,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACtB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACxD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACzB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC,EAC1C,CAAC,aAAa,EAAE,eAAe,CAAC,CACjC,CAAC;IAEF;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YACxC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,MAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACvC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,MAAM,MAAM,GAAG,eAAe,IAAI,EAAE,CAAC;IAErC,OAAO,CACL,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YACzD,cACE,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,MAAM,+BACiB,IAAI,EAC/B,IAAI,EAAC,UAAU,qBACE,cAAc,IAAI,EAAE,YAEpC,QAAQ,GACL,GAC2B,CACpC,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport type { WizardStepFieldsContextValue } from './WizardStepFieldsContext';\nimport { WizardStepFieldsContext } from './WizardStepFieldsContext';\nimport { useWizardLayoutContext } from './WizardLayoutContext';\n\nexport interface WizardStepProps {\n  /**\n   * Structural ref — maps to i18n keys for title/description:\n   * - `resources.{type}.wizardSteps.{name}.title`\n   * - `resources.{type}.wizardSteps.{name}.description`\n   *\n   * Must match an entry in `layout.refs.wizardSteps`.\n   */\n  name: string;\n  /** Additional CSS classes for the step container. */\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Single wizard step within a `<WizardLayout>`.\n *\n * Provides a `WizardStepFieldsContext` so child `<FormField>` components\n * auto-register their names. On mount, reports its collected fields to the\n * parent `WizardLayout` via `WizardLayoutContext.registerStep` — this\n * enables per-step validation (the wizard only triggers fields belonging\n * to the active step).\n *\n * Step title is resolved from i18n by `name`. The wizard hides inactive\n * steps with `display: none` so that RHF keeps all fields mounted.\n *\n * @example\n * ```tsx\n * <WizardStep name=\"contact-info\">\n *   <FormField name=\"email\" />\n *   <FormField name=\"phone\" />\n * </WizardStep>\n * ```\n */\nexport function WizardStep({ name, className, children }: WizardStepProps): ReactNode {\n  const [fields] = useState<Set<string>>(() => new Set());\n  const wizardCtx = useWizardLayoutContext();\n  const registeredRef = useRef(false);\n\n  const registerField = useCallback((fieldName: string) => {\n    fields.add(fieldName);\n    wizardCtx?.registerStep(name, fields);\n  }, [fields, name, wizardCtx]);\n\n  const unregisterField = useCallback((fieldName: string) => {\n    fields.delete(fieldName);\n    wizardCtx?.registerStep(name, fields);\n  }, [fields, name, wizardCtx]);\n\n  const fieldsContextValue = useMemo<WizardStepFieldsContextValue>(\n    () => ({ registerField, unregisterField }),\n    [registerField, unregisterField],\n  );\n\n  /**\n   * After initial render, report our field set to the parent WizardLayout.\n   * Registration is by name — WizardLayout resolves the index from children order.\n   */\n  useEffect(() => {\n    if (wizardCtx && !registeredRef.current) {\n      registeredRef.current = true;\n      const frame = requestAnimationFrame(() => {\n        wizardCtx.registerStep(name, fields);\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n  }, [wizardCtx, name, fields]);\n\n  const stepId = `wizard-step-${name}`;\n\n  return (\n    <WizardStepFieldsContext.Provider value={fieldsContextValue}>\n      <div\n        className={className}\n        id={stepId}\n        data-guidance-wizard-step={name}\n        role=\"tabpanel\"\n        aria-labelledby={`wizard-tab-${name}`}\n      >\n        {children}\n      </div>\n    </WizardStepFieldsContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAgB/D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAmB;IACvE,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAc,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,sBAAsB,EAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACtD,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACtB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACxD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QACzB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC,EAC1C,CAAC,aAAa,EAAE,eAAe,CAAC,CACjC,CAAC;IAEF;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YACxC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,MAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACvC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,MAAM,MAAM,GAAG,eAAe,IAAI,EAAE,CAAC;IAErC,OAAO,CACL,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YACzD,cACE,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,MAAM,+BACiB,IAAI,EAC/B,IAAI,EAAC,UAAU,qBACE,cAAc,IAAI,EAAE,YAEpC,QAAQ,GACL,GAC2B,CACpC,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport type { WizardStepFieldsContextValue } from './WizardStepFieldsContext';\nimport { WizardStepFieldsContext } from './WizardStepFieldsContext';\nimport { useWizardLayoutContext } from './WizardLayoutContext';\n\nexport interface WizardStepProps {\n  /**\n   * Structural ref — maps to i18n keys for title/description:\n   * - `resources.{type}.wizardSteps.{name}.title`\n   * - `resources.{type}.wizardSteps.{name}.description`\n   *\n   * Must match an entry in `layout.refs.wizardSteps`.\n   */\n  name: string;\n  /** Additional CSS classes for the step container. */\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Single wizard step within a `<WizardLayout>`.\n *\n * Provides a `WizardStepFieldsContext` so child `<FormField>` components\n * auto-register their names. On mount, reports its collected fields to the\n * parent `WizardLayout` via `WizardLayoutContext.registerStep` — this\n * enables per-step validation (the wizard only triggers fields belonging\n * to the active step).\n *\n * Step title is resolved from i18n by `name`. The wizard hides inactive\n * steps with `display: none` so that RHF keeps all fields mounted.\n *\n * @example\n * ```tsx\n * <WizardStep name=\"contact-info\">\n *   <FormField name=\"email\" />\n *   <FormField name=\"phone\" />\n * </WizardStep>\n * ```\n */\nexport function WizardStep({ name, className, children }: WizardStepProps): ReactNode {\n  const [fields] = useState<Set<string>>(() => new Set());\n  const wizardCtx = useWizardLayoutContext();\n  const registeredRef = useRef(false);\n\n  const registerField = useCallback((fieldName: string) => {\n    fields.add(fieldName);\n    wizardCtx?.registerStep(name, fields);\n  }, [fields, name, wizardCtx]);\n\n  const unregisterField = useCallback((fieldName: string) => {\n    fields.delete(fieldName);\n    wizardCtx?.registerStep(name, fields);\n  }, [fields, name, wizardCtx]);\n\n  const fieldsContextValue = useMemo<WizardStepFieldsContextValue>(\n    () => ({ registerField, unregisterField }),\n    [registerField, unregisterField],\n  );\n\n  /**\n   * After initial render, report our field set to the parent WizardLayout.\n   * Registration is by name — WizardLayout resolves the index from children order.\n   */\n  useEffect(() => {\n    if (wizardCtx && !registeredRef.current) {\n      registeredRef.current = true;\n      const frame = requestAnimationFrame(() => {\n        wizardCtx.registerStep(name, fields);\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n  }, [wizardCtx, name, fields]);\n\n  const stepId = `wizard-step-${name}`;\n\n  return (\n    <WizardStepFieldsContext.Provider value={fieldsContextValue}>\n      <div\n        className={className}\n        id={stepId}\n        data-guidance-wizard-step={name}\n        role=\"tabpanel\"\n        aria-labelledby={`wizard-tab-${name}`}\n      >\n        {children}\n      </div>\n    </WizardStepFieldsContext.Provider>\n  );\n}\n"]}

package/dist/esm/components/resources/skeleton/WizardStepFieldsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardStepFieldsContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardStepFieldsContext.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,4BAA4B;IAC3C,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,uBAAuB,uDAA2D,CAAC;AAEhG;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAQlE"}
+{"version":3,"file":"WizardStepFieldsContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardStepFieldsContext.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,4BAA4B;IAC3C,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,uBAAuB,uDAA2D,CAAC;AAEhG;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAQlE"}

package/dist/esm/components/resources/skeleton/WizardStepFieldsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardStepFieldsContext.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/WizardStepFieldsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7D,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAsC,IAAI,CAAC,CAAC;AAEhG;;;;;;GAMG;AACH,MAAM,UAAU,0BAA0B,CAAC,SAAiB;IAC1D,MAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE;YACV,GAAG,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;AACvB,CAAC","sourcesContent":["import { createContext, useContext, useEffect } from 'react';\n\nexport interface WizardStepFieldsContextValue {\n  registerField: (name: string) => void;\n  unregisterField: (name: string) => void;\n}\n\nexport const WizardStepFieldsContext = createContext<WizardStepFieldsContextValue | null>(null);\n\n/**\n * Hook for FormField to auto-register with the enclosing WizardStep.\n * Returns a cleanup function that unregisters the field on unmount,\n * preventing stale fields from causing false validation failures\n * when fields are conditionally rendered inside wizard steps.\n * No-op when outside a WizardStep.\n */\nexport function useWizardFieldRegistration(fieldName: string): void {\n  const ctx = useContext(WizardStepFieldsContext);\n  useEffect(() => {\n    ctx?.registerField(fieldName);\n    return () => {\n      ctx?.unregisterField(fieldName);\n    };\n  }, [fieldName, ctx]);\n}\n"]}
+{"version":3,"file":"WizardStepFieldsContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardStepFieldsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7D,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAsC,IAAI,CAAC,CAAC;AAEhG;;;;;;GAMG;AACH,MAAM,UAAU,0BAA0B,CAAC,SAAiB;IAC1D,MAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE;YACV,GAAG,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;AACvB,CAAC","sourcesContent":["import { createContext, useContext, useEffect } from 'react';\n\nexport interface WizardStepFieldsContextValue {\n  registerField: (name: string) => void;\n  unregisterField: (name: string) => void;\n}\n\nexport const WizardStepFieldsContext = createContext<WizardStepFieldsContextValue | null>(null);\n\n/**\n * Hook for FormField to auto-register with the enclosing WizardStep.\n * Returns a cleanup function that unregisters the field on unmount,\n * preventing stale fields from causing false validation failures\n * when fields are conditionally rendered inside wizard steps.\n * No-op when outside a WizardStep.\n */\nexport function useWizardFieldRegistration(fieldName: string): void {\n  const ctx = useContext(WizardStepFieldsContext);\n  useEffect(() => {\n    ctx?.registerField(fieldName);\n    return () => {\n      ctx?.unregisterField(fieldName);\n    };\n  }, [fieldName, ctx]);\n}\n"]}

package/dist/esm/components/resources/skeleton/section-consolidation.shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-consolidation.shared.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/section-consolidation.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAKnG,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAelG;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAErD"}
+{"version":3,"file":"section-consolidation.shared.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/section-consolidation.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAKnG,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAelG;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAErD"}

package/dist/esm/components/resources/skeleton/section-consolidation.shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-consolidation.shared.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/section-consolidation.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAC;AAEpG,MAAM,mBAAmB,GAAG,IAAI,GAAG,CAAS,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAE9E,MAAM,UAAU,mBAAmB,CAAC,IAA0B;IAC5D,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC;YAClC,CAAC,CAAE,IAA0B;YAC7B,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,MAAM,MAAM,GAA+C,EAAE,CAAC;IAC9D,KAAK,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC5D,CAAC,CAAE,KAA2B;YAC9B,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,OAAO,MAA4C,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAiB;IAC1C,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;AACjC,CAAC","sourcesContent":["import { DisplayChromeMode } from '@wildo-ai/zod-decorators';\nimport type { ResponsiveChromeMode, ResponsiveAware, SectionMode } from '@wildo-ai/zod-decorators';\nimport { isSoloSectionMode } from '~wildo-frontend-lib/components/sections/section-grouping.shared';\n\nconst VALID_DISPLAY_MODES = new Set<string>(Object.values(DisplayChromeMode));\n\nexport function toDisplayChromeMode(mode: ResponsiveChromeMode): ResponsiveAware<DisplayChromeMode> {\n  if (typeof mode === 'string') {\n    return VALID_DISPLAY_MODES.has(mode)\n      ? (mode as DisplayChromeMode)\n      : DisplayChromeMode.STACKED;\n  }\n\n  const mapped: Partial<Record<string, DisplayChromeMode>> = {};\n  for (const [breakpoint, value] of Object.entries(mode)) {\n    mapped[breakpoint] = (value && VALID_DISPLAY_MODES.has(value))\n      ? (value as DisplayChromeMode)\n      : DisplayChromeMode.STACKED;\n  }\n\n  return mapped as ResponsiveAware<DisplayChromeMode>;\n}\n\nexport function isSoloMode(mode: SectionMode): boolean {\n  return isSoloSectionMode(mode);\n}\n"]}
+{"version":3,"file":"section-consolidation.shared.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/section-consolidation.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAC;AAEpG,MAAM,mBAAmB,GAAG,IAAI,GAAG,CAAS,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAE9E,MAAM,UAAU,mBAAmB,CAAC,IAA0B;IAC5D,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC;YAClC,CAAC,CAAE,IAA0B;YAC7B,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,MAAM,MAAM,GAA+C,EAAE,CAAC;IAC9D,KAAK,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC5D,CAAC,CAAE,KAA2B;YAC9B,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,OAAO,MAA4C,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAiB;IAC1C,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;AACjC,CAAC","sourcesContent":["import { DisplayChromeMode } from '@wildo-ai/zod-decorators';\nimport type { ResponsiveChromeMode, ResponsiveAware, SectionMode } from '@wildo-ai/zod-decorators';\nimport { isSoloSectionMode } from '~wildo-frontend-lib/components/sections/section-grouping.shared';\n\nconst VALID_DISPLAY_MODES = new Set<string>(Object.values(DisplayChromeMode));\n\nexport function toDisplayChromeMode(mode: ResponsiveChromeMode): ResponsiveAware<DisplayChromeMode> {\n  if (typeof mode === 'string') {\n    return VALID_DISPLAY_MODES.has(mode)\n      ? (mode as DisplayChromeMode)\n      : DisplayChromeMode.STACKED;\n  }\n\n  const mapped: Partial<Record<string, DisplayChromeMode>> = {};\n  for (const [breakpoint, value] of Object.entries(mode)) {\n    mapped[breakpoint] = (value && VALID_DISPLAY_MODES.has(value))\n      ? (value as DisplayChromeMode)\n      : DisplayChromeMode.STACKED;\n  }\n\n  return mapped as ResponsiveAware<DisplayChromeMode>;\n}\n\nexport function isSoloMode(mode: SectionMode): boolean {\n  return isSoloSectionMode(mode);\n}\n"]}

package/dist/esm/components/resources/skeleton/section-consolidation.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-consolidation.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/section-consolidation.utils.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAc,EAAE,KAAK,SAAS,EAAkB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACtB,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAMjF,uDAAuD;AACvD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,IAAI,YAAY,CAAC,YAAY,CAAC,CAEtF;AAMD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,0BAA0B,CAAC,YAAY,CAAC,CAAC;AAE7E;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,SAAS,GAAG,qBAAqB,CAEpF;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,YAAY,+DAE9D"}
+{"version":3,"file":"section-consolidation.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/section-consolidation.utils.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAc,EAAE,KAAK,SAAS,EAAkB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACtB,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAMjF,uDAAuD;AACvD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,IAAI,YAAY,CAAC,YAAY,CAAC,CAEtF;AAMD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,0BAA0B,CAAC,YAAY,CAAC,CAAC;AAE7E;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,SAAS,GAAG,qBAAqB,CAEpF;AAED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,YAAY,+DAE9D"}

package/dist/esm/components/resources/skeleton/section-consolidation.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-consolidation.utils.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/section-consolidation.utils.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;;;;;GAQG;AAEH,OAAc,EAAkB,cAAc,EAAqB,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EACL,sCAAsC,EACtC,oCAAoC,GAGrC,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAEjF,gFAAgF;AAChF,4BAA4B;AAC5B,gFAAgF;AAEhF,uDAAuD;AACvD,MAAM,UAAU,gBAAgB,CAAC,KAAgB;IAC/C,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;AACzD,CAAC;AASD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,yBAAyB,CAAC,QAAmB;IAC3D,OAAO,oCAAoC,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;AAC1E,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,2BAA2B,CAAC,KAAmB;IAC7D,OAAO,sCAAsC,CAAC,KAAK,CAAC,CAAC;AACvD,CAAC","sourcesContent":["'use client';\n\n/**\n * Section Consolidation Utilities\n *\n * Provides shared helpers used by the Section component and layout grouping:\n * - `toDisplayChromeMode`: coerces `ResponsiveChromeMode` to `DisplayChromeMode`\n * - `isSectionElement`: type guard for `<Section>` elements\n * - `groupSectionsByAppearance`: groups sibling `<Section>` children by their\n *   `appearance` prop for layout rendering\n */\n\nimport React, { type ReactNode, isValidElement, type ReactElement } from 'react';\nimport { Section, type SectionProps } from './Section';\nimport {\n  buildSectionConfigFromSectionLikeGroup,\n  groupSectionLikeElementsByAppearance,\n  type GroupedSectionLikeChildren,\n  type SectionLikeGroup,\n} from '~wildo-frontend-lib/components/sections/section-grouping.shared';\nexport { isSoloMode, toDisplayChromeMode } from './section-consolidation.shared';\n\n// =============================================================================\n// SECTION ELEMENT DETECTION\n// =============================================================================\n\n/** Type guard: is this child a `<Section>` element? */\nexport function isSectionElement(child: ReactNode): child is ReactElement<SectionProps> {\n  return isValidElement(child) && child.type === Section;\n}\n\n// =============================================================================\n// SECTION GROUPING FOR LAYOUT COMPONENTS\n// =============================================================================\n\nexport type SectionGroup = SectionLikeGroup<SectionProps>;\nexport type GroupedLayoutChildren = GroupedSectionLikeChildren<SectionProps>;\n\n/**\n * Groups children by their `appearance` mode for layout rendering.\n *\n * - Solo mode sections (DEFAULT, CARD, GHOST, COLLAPSIBLE) and non-Section children\n *   are kept in place as individual nodes.\n * - Container mode sections are grouped by their mode. The group is placed at the\n *   position of the **first** occurrence of that mode.\n * - Subsequent sections with the same container mode are collected into the group\n *   (not rendered individually).\n *\n * @example\n * Given children: [Section(TABS), Section(CARD), Section(TABS), Section(ACCORDION)]\n * Result items:\n *   [group(TABS: [section0, section2]), node(section1-CARD), group(ACCORDION: [section3])]\n */\nexport function groupSectionsByAppearance(children: ReactNode): GroupedLayoutChildren {\n  return groupSectionLikeElementsByAppearance(children, isSectionElement);\n}\n\n/**\n * Builds a `SectionConfig` from the first section in a group.\n * The first section's props define the container-level parameters.\n */\nexport function buildSectionConfigFromGroup(group: SectionGroup) {\n  return buildSectionConfigFromSectionLikeGroup(group);\n}\n"]}
+{"version":3,"file":"section-consolidation.utils.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/section-consolidation.utils.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;;;;;GAQG;AAEH,OAAc,EAAkB,cAAc,EAAqB,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EACL,sCAAsC,EACtC,oCAAoC,GAGrC,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAEjF,gFAAgF;AAChF,4BAA4B;AAC5B,gFAAgF;AAEhF,uDAAuD;AACvD,MAAM,UAAU,gBAAgB,CAAC,KAAgB;IAC/C,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC;AACzD,CAAC;AASD;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,yBAAyB,CAAC,QAAmB;IAC3D,OAAO,oCAAoC,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;AAC1E,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,2BAA2B,CAAC,KAAmB;IAC7D,OAAO,sCAAsC,CAAC,KAAK,CAAC,CAAC;AACvD,CAAC","sourcesContent":["'use client';\n\n/**\n * Section Consolidation Utilities\n *\n * Provides shared helpers used by the Section component and layout grouping:\n * - `toDisplayChromeMode`: coerces `ResponsiveChromeMode` to `DisplayChromeMode`\n * - `isSectionElement`: type guard for `<Section>` elements\n * - `groupSectionsByAppearance`: groups sibling `<Section>` children by their\n *   `appearance` prop for layout rendering\n */\n\nimport React, { type ReactNode, isValidElement, type ReactElement } from 'react';\nimport { Section, type SectionProps } from './Section';\nimport {\n  buildSectionConfigFromSectionLikeGroup,\n  groupSectionLikeElementsByAppearance,\n  type GroupedSectionLikeChildren,\n  type SectionLikeGroup,\n} from '~wildo-frontend-lib/components/sections/section-grouping.shared';\nexport { isSoloMode, toDisplayChromeMode } from './section-consolidation.shared';\n\n// =============================================================================\n// SECTION ELEMENT DETECTION\n// =============================================================================\n\n/** Type guard: is this child a `<Section>` element? */\nexport function isSectionElement(child: ReactNode): child is ReactElement<SectionProps> {\n  return isValidElement(child) && child.type === Section;\n}\n\n// =============================================================================\n// SECTION GROUPING FOR LAYOUT COMPONENTS\n// =============================================================================\n\nexport type SectionGroup = SectionLikeGroup<SectionProps>;\nexport type GroupedLayoutChildren = GroupedSectionLikeChildren<SectionProps>;\n\n/**\n * Groups children by their `appearance` mode for layout rendering.\n *\n * - Solo mode sections (DEFAULT, CARD, GHOST, COLLAPSIBLE) and non-Section children\n *   are kept in place as individual nodes.\n * - Container mode sections are grouped by their mode. The group is placed at the\n *   position of the **first** occurrence of that mode.\n * - Subsequent sections with the same container mode are collected into the group\n *   (not rendered individually).\n *\n * @example\n * Given children: [Section(TABS), Section(CARD), Section(TABS), Section(ACCORDION)]\n * Result items:\n *   [group(TABS: [section0, section2]), node(section1-CARD), group(ACCORDION: [section3])]\n */\nexport function groupSectionsByAppearance(children: ReactNode): GroupedLayoutChildren {\n  return groupSectionLikeElementsByAppearance(children, isSectionElement);\n}\n\n/**\n * Builds a `SectionConfig` from the first section in a group.\n * The first section's props define the container-level parameters.\n */\nexport function buildSectionConfigFromGroup(group: SectionGroup) {\n  return buildSectionConfigFromSectionLikeGroup(group);\n}\n"]}

package/dist/esm/components/resources/useInlineSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useInlineSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/useInlineSearch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,OAAO,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,qBAAqB;IACpC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,cAAc,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,SAAS,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,QAAQ,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,uBAAuB;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAID,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,UAAgC,EAChC,iBAAiB,GAClB,EAAE,sBAAsB,GAAG,qBAAqB,CAmChD"}
+{"version":3,"file":"useInlineSearch.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/useInlineSearch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,OAAO,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,qBAAqB;IACpC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,cAAc,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,SAAS,EAAE,OAAO,CAAC;IACnB,gGAAgG;IAChG,QAAQ,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,uBAAuB;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAID,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,UAAgC,EAChC,iBAAiB,GAClB,EAAE,sBAAsB,GAAG,qBAAqB,CAmChD"}

package/dist/esm/components/resources/useInlineSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInlineSearch.js","sourceRoot":"","sources":["../../../../../src/components/resources/useInlineSearch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AA0BzD,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,UAAU,GAAG,mBAAmB,EAChC,iBAAiB,GACM;IACvB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,wEAAwE;IACxE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,iBAAiB,CAAC,IAAI,CAAC,EAAE;gBACvB,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;oBACnB,iBAAiB,EAAE,EAAE,CAAC;gBACxB,CAAC;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,UAAU,CAAC,CAAC;QACf,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,mFAAmF;QACnF,uDAAuD;IACvD,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAC1E,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,KAAK;QACL,cAAc;QACd,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC;QACnC,YAAY;QACZ,WAAW;KACZ,CAAC;AACJ,CAAC","sourcesContent":["/**\n * useInlineSearch — shared hook for inline search with debounce.\n *\n * Extracts the state management, debounce effect, and handlers that were\n * duplicated between ResourceLayoutPreset_List_Default and\n * ResourceLayoutPreset_List_Table.\n *\n * Usage:\n *   const inlineSearch = useInlineSearch({ enabled, onDebouncedChange });\n *   // inlineSearch.query, inlineSearch.debouncedQuery, inlineSearch.handleChange, etc.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\n\nexport interface UseInlineSearchOptions {\n  /** Whether the inline search bar should be shown / active */\n  enabled: boolean;\n  /** Debounce delay in milliseconds (default: 300) */\n  debounceMs?: number;\n  /** Callback fired when the debounced value actually changes — typically resets pagination */\n  onDebouncedChange?: () => void;\n}\n\nexport interface UseInlineSearchReturn {\n  /** Current raw input value (updates immediately on keystroke) */\n  query: string;\n  /** Debounced query value suitable for API calls */\n  debouncedQuery: string;\n  /** Whether the search bar should be rendered */\n  isVisible: boolean;\n  /** Whether a non-empty debounced search is active (used to decide LIST vs SEARCH delegation) */\n  isActive: boolean;\n  /** Input onChange handler */\n  handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Clear the search */\n  handleClear: () => void;\n}\n\nconst DEFAULT_DEBOUNCE_MS = 300;\n\nexport function useInlineSearch({\n  enabled,\n  debounceMs = DEFAULT_DEBOUNCE_MS,\n  onDebouncedChange,\n}: UseInlineSearchOptions): UseInlineSearchReturn {\n  const [query, setQuery] = useState('');\n  const [debouncedQuery, setDebouncedQuery] = useState('');\n\n  // Debounce the query value and fire the change callback when it settles\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedQuery(prev => {\n        if (prev !== query) {\n          onDebouncedChange?.();\n        }\n        return query;\n      });\n    }, debounceMs);\n    return () => clearTimeout(timer);\n  // onDebouncedChange is expected to be a stable callback (useCallback at call site)\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query, debounceMs]);\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setQuery(e.target.value);\n  }, []);\n\n  const handleClear = useCallback(() => {\n    setQuery('');\n  }, []);\n\n  return {\n    query,\n    debouncedQuery,\n    isVisible: enabled,\n    isActive: debouncedQuery.length > 0,\n    handleChange,\n    handleClear,\n  };\n}\n"]}
+{"version":3,"file":"useInlineSearch.js","sourceRoot":"","sources":["../../../../src/components/resources/useInlineSearch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AA0BzD,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,UAAU,GAAG,mBAAmB,EAChC,iBAAiB,GACM;IACvB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,wEAAwE;IACxE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,iBAAiB,CAAC,IAAI,CAAC,EAAE;gBACvB,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;oBACnB,iBAAiB,EAAE,EAAE,CAAC;gBACxB,CAAC;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,UAAU,CAAC,CAAC;QACf,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,mFAAmF;QACnF,uDAAuD;IACvD,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAC1E,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,KAAK;QACL,cAAc;QACd,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,cAAc,CAAC,MAAM,GAAG,CAAC;QACnC,YAAY;QACZ,WAAW;KACZ,CAAC;AACJ,CAAC","sourcesContent":["/**\n * useInlineSearch — shared hook for inline search with debounce.\n *\n * Extracts the state management, debounce effect, and handlers that were\n * duplicated between ResourceLayoutPreset_List_Default and\n * ResourceLayoutPreset_List_Table.\n *\n * Usage:\n *   const inlineSearch = useInlineSearch({ enabled, onDebouncedChange });\n *   // inlineSearch.query, inlineSearch.debouncedQuery, inlineSearch.handleChange, etc.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\n\nexport interface UseInlineSearchOptions {\n  /** Whether the inline search bar should be shown / active */\n  enabled: boolean;\n  /** Debounce delay in milliseconds (default: 300) */\n  debounceMs?: number;\n  /** Callback fired when the debounced value actually changes — typically resets pagination */\n  onDebouncedChange?: () => void;\n}\n\nexport interface UseInlineSearchReturn {\n  /** Current raw input value (updates immediately on keystroke) */\n  query: string;\n  /** Debounced query value suitable for API calls */\n  debouncedQuery: string;\n  /** Whether the search bar should be rendered */\n  isVisible: boolean;\n  /** Whether a non-empty debounced search is active (used to decide LIST vs SEARCH delegation) */\n  isActive: boolean;\n  /** Input onChange handler */\n  handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Clear the search */\n  handleClear: () => void;\n}\n\nconst DEFAULT_DEBOUNCE_MS = 300;\n\nexport function useInlineSearch({\n  enabled,\n  debounceMs = DEFAULT_DEBOUNCE_MS,\n  onDebouncedChange,\n}: UseInlineSearchOptions): UseInlineSearchReturn {\n  const [query, setQuery] = useState('');\n  const [debouncedQuery, setDebouncedQuery] = useState('');\n\n  // Debounce the query value and fire the change callback when it settles\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setDebouncedQuery(prev => {\n        if (prev !== query) {\n          onDebouncedChange?.();\n        }\n        return query;\n      });\n    }, debounceMs);\n    return () => clearTimeout(timer);\n  // onDebouncedChange is expected to be a stable callback (useCallback at call site)\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query, debounceMs]);\n\n  const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    setQuery(e.target.value);\n  }, []);\n\n  const handleClear = useCallback(() => {\n    setQuery('');\n  }, []);\n\n  return {\n    query,\n    debouncedQuery,\n    isVisible: enabled,\n    isActive: debouncedQuery.length > 0,\n    handleChange,\n    handleClear,\n  };\n}\n"]}

package/dist/esm/components/resources/useLongPress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLongPress.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/useLongPress.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE;QACR,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC3C,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;KAC9C,CAAC;IACF,kHAAkH;IAClH,gBAAgB,EAAE,MAAM,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAOD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,IAAI,EACpB,EAAE,OAAc,EAAE,OAAa,EAAE,eAAoB,EAAE,GAAE,mBAAwB,GAChF,kBAAkB,CA8EpB"}
+{"version":3,"file":"useLongPress.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/useLongPress.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE;QACR,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,WAAW,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC3C,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;KAC9C,CAAC;IACF,kHAAkH;IAClH,gBAAgB,EAAE,MAAM,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAOD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,IAAI,EACpB,EAAE,OAAc,EAAE,OAAa,EAAE,eAAoB,EAAE,GAAE,mBAAwB,GAChF,kBAAkB,CA8EpB"}

package/dist/esm/components/resources/useLongPress.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLongPress.js","sourceRoot":"","sources":["../../../../../src/components/resources/useLongPress.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type React from 'react';\n\n/**\n * useLongPress — touch long-press detection for the mobile \"long-press to enter\n * selection mode\" pattern on collection items.\n *\n * Fires `callback` when a single touch is held past `delayMs` without moving\n * beyond `moveTolerancePx` (a scroll gesture cancels it, never selects). After a\n * long-press fires, the browser still emits a synthetic `click`; the caller must\n * call `consumeLongPress()` at the top of its click handler to swallow that one\n * click (otherwise the press would both select AND navigate). `onContextMenu`\n * suppresses the long-press context menu on touch.\n *\n * Touch-only by design — long-press is a mobile gesture; desktop selection uses\n * the checkbox. No-op when `enabled` is false.\n *\n * Robustness: the pending timers are cleared on unmount (no fire-after-unmount);\n * the callback is read through a ref so a row that re-renders with a different\n * item mid-press toggles the CURRENT item; a second touch (pinch) cancels rather\n * than re-arming; and after firing, `firedRef` auto-clears on a short safety\n * timer so a synthetic click that never reaches `consumeLongPress` (e.g. eaten by\n * a child's stopPropagation) can't wrongly swallow a later unrelated click.\n */\nexport interface UseLongPressResult {\n  handlers: {\n    onTouchStart: (e: React.TouchEvent) => void;\n    onTouchEnd: () => void;\n    onTouchMove: (e: React.TouchEvent) => void;\n    onContextMenu: (e: React.MouseEvent) => void;\n  };\n  /** Returns true (once) if a long-press just fired — call at the top of onClick to swallow the synthetic click. */\n  consumeLongPress: () => boolean;\n}\n\nexport interface UseLongPressOptions {\n  enabled?: boolean;\n  delayMs?: number;\n  moveTolerancePx?: number;\n}\n\n// How long after finger RELEASE the \"just fired\" flag lives before self-clearing\n// — a backstop for a synthetic click that never reaches consumeLongPress. Must\n// comfortably exceed the touchend→synthetic-click delay (~0-300ms).\nconst FIRED_FLAG_TTL_MS = 700;\n\nexport function useLongPress(\n  callback: () => void,\n  { enabled = true, delayMs = 450, moveTolerancePx = 10 }: UseLongPressOptions = {},\n): UseLongPressResult {\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const resetTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const firedRef = useRef(false);\n  const startPosRef = useRef<{ x: number; y: number } | null>(null);\n  // Always-fresh callback so the timer toggles the item as of fire time, not the\n  // item captured at touchstart (recycled/reordered rows).\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  const clearPressTimer = useCallback(() => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  }, []);\n\n  const onTouchStart = useCallback((e: React.TouchEvent) => {\n    if (!enabled) return;\n    // A second concurrent touch (pinch/two-finger) is not a long-press.\n    if (e.touches.length > 1) {\n      clearPressTimer();\n      return;\n    }\n    firedRef.current = false;\n    const touch = e.touches[0];\n    startPosRef.current = touch ? { x: touch.clientX, y: touch.clientY } : null;\n    clearPressTimer();\n    pressTimerRef.current = setTimeout(() => {\n      firedRef.current = true;\n      callbackRef.current();\n      // NB: the self-heal reset is armed on touchEND (below), NOT here — arming\n      // it at fire time couples the TTL to hold duration, so a long hold would\n      // clear `firedRef` before the release-time synthetic click, un-swallowing\n      // it (the click would then toggle the just-selected item back off).\n    }, delayMs);\n  }, [enabled, delayMs, clearPressTimer]);\n\n  const onTouchMove = useCallback((e: React.TouchEvent) => {\n    const start = startPosRef.current;\n    const touch = e.touches[0];\n    if (!start || !touch) return;\n    if (Math.abs(touch.clientX - start.x) > moveTolerancePx || Math.abs(touch.clientY - start.y) > moveTolerancePx) {\n      clearPressTimer(); // moved → treat as scroll, cancel the pending long-press\n    }\n  }, [moveTolerancePx, clearPressTimer]);\n\n  const onTouchEnd = useCallback(() => {\n    clearPressTimer();\n    // If a long-press fired, arm a backstop that clears `firedRef` a short while\n    // AFTER release — long enough for the synthetic click to reach\n    // `consumeLongPress()` (which clears it first), but a guaranteed self-heal if\n    // that click never arrives (e.g. eaten by a child's stopPropagation).\n    if (firedRef.current) {\n      if (resetTimerRef.current) clearTimeout(resetTimerRef.current);\n      resetTimerRef.current = setTimeout(() => { firedRef.current = false; }, FIRED_FLAG_TTL_MS);\n    }\n  }, [clearPressTimer]);\n\n  const onContextMenu = useCallback((e: React.MouseEvent) => {\n    if (firedRef.current) e.preventDefault();\n  }, []);\n\n  const consumeLongPress = useCallback(() => {\n    if (firedRef.current) {\n      firedRef.current = false;\n      return true;\n    }\n    return false;\n  }, []);\n\n  // Clear any pending timers if the row unmounts mid-press (no fire-after-unmount).\n  useEffect(() => () => {\n    if (pressTimerRef.current) clearTimeout(pressTimerRef.current);\n    if (resetTimerRef.current) clearTimeout(resetTimerRef.current);\n  }, []);\n\n  return { handlers: { onTouchStart, onTouchEnd, onTouchMove, onContextMenu }, consumeLongPress };\n}\n"]}
+{"version":3,"file":"useLongPress.js","sourceRoot":"","sources":["../../../../src/components/resources/useLongPress.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type React from 'react';\n\n/**\n * useLongPress — touch long-press detection for the mobile \"long-press to enter\n * selection mode\" pattern on collection items.\n *\n * Fires `callback` when a single touch is held past `delayMs` without moving\n * beyond `moveTolerancePx` (a scroll gesture cancels it, never selects). After a\n * long-press fires, the browser still emits a synthetic `click`; the caller must\n * call `consumeLongPress()` at the top of its click handler to swallow that one\n * click (otherwise the press would both select AND navigate). `onContextMenu`\n * suppresses the long-press context menu on touch.\n *\n * Touch-only by design — long-press is a mobile gesture; desktop selection uses\n * the checkbox. No-op when `enabled` is false.\n *\n * Robustness: the pending timers are cleared on unmount (no fire-after-unmount);\n * the callback is read through a ref so a row that re-renders with a different\n * item mid-press toggles the CURRENT item; a second touch (pinch) cancels rather\n * than re-arming; and after firing, `firedRef` auto-clears on a short safety\n * timer so a synthetic click that never reaches `consumeLongPress` (e.g. eaten by\n * a child's stopPropagation) can't wrongly swallow a later unrelated click.\n */\nexport interface UseLongPressResult {\n  handlers: {\n    onTouchStart: (e: React.TouchEvent) => void;\n    onTouchEnd: () => void;\n    onTouchMove: (e: React.TouchEvent) => void;\n    onContextMenu: (e: React.MouseEvent) => void;\n  };\n  /** Returns true (once) if a long-press just fired — call at the top of onClick to swallow the synthetic click. */\n  consumeLongPress: () => boolean;\n}\n\nexport interface UseLongPressOptions {\n  enabled?: boolean;\n  delayMs?: number;\n  moveTolerancePx?: number;\n}\n\n// How long after finger RELEASE the \"just fired\" flag lives before self-clearing\n// — a backstop for a synthetic click that never reaches consumeLongPress. Must\n// comfortably exceed the touchend→synthetic-click delay (~0-300ms).\nconst FIRED_FLAG_TTL_MS = 700;\n\nexport function useLongPress(\n  callback: () => void,\n  { enabled = true, delayMs = 450, moveTolerancePx = 10 }: UseLongPressOptions = {},\n): UseLongPressResult {\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const resetTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const firedRef = useRef(false);\n  const startPosRef = useRef<{ x: number; y: number } | null>(null);\n  // Always-fresh callback so the timer toggles the item as of fire time, not the\n  // item captured at touchstart (recycled/reordered rows).\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  const clearPressTimer = useCallback(() => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  }, []);\n\n  const onTouchStart = useCallback((e: React.TouchEvent) => {\n    if (!enabled) return;\n    // A second concurrent touch (pinch/two-finger) is not a long-press.\n    if (e.touches.length > 1) {\n      clearPressTimer();\n      return;\n    }\n    firedRef.current = false;\n    const touch = e.touches[0];\n    startPosRef.current = touch ? { x: touch.clientX, y: touch.clientY } : null;\n    clearPressTimer();\n    pressTimerRef.current = setTimeout(() => {\n      firedRef.current = true;\n      callbackRef.current();\n      // NB: the self-heal reset is armed on touchEND (below), NOT here — arming\n      // it at fire time couples the TTL to hold duration, so a long hold would\n      // clear `firedRef` before the release-time synthetic click, un-swallowing\n      // it (the click would then toggle the just-selected item back off).\n    }, delayMs);\n  }, [enabled, delayMs, clearPressTimer]);\n\n  const onTouchMove = useCallback((e: React.TouchEvent) => {\n    const start = startPosRef.current;\n    const touch = e.touches[0];\n    if (!start || !touch) return;\n    if (Math.abs(touch.clientX - start.x) > moveTolerancePx || Math.abs(touch.clientY - start.y) > moveTolerancePx) {\n      clearPressTimer(); // moved → treat as scroll, cancel the pending long-press\n    }\n  }, [moveTolerancePx, clearPressTimer]);\n\n  const onTouchEnd = useCallback(() => {\n    clearPressTimer();\n    // If a long-press fired, arm a backstop that clears `firedRef` a short while\n    // AFTER release — long enough for the synthetic click to reach\n    // `consumeLongPress()` (which clears it first), but a guaranteed self-heal if\n    // that click never arrives (e.g. eaten by a child's stopPropagation).\n    if (firedRef.current) {\n      if (resetTimerRef.current) clearTimeout(resetTimerRef.current);\n      resetTimerRef.current = setTimeout(() => { firedRef.current = false; }, FIRED_FLAG_TTL_MS);\n    }\n  }, [clearPressTimer]);\n\n  const onContextMenu = useCallback((e: React.MouseEvent) => {\n    if (firedRef.current) e.preventDefault();\n  }, []);\n\n  const consumeLongPress = useCallback(() => {\n    if (firedRef.current) {\n      firedRef.current = false;\n      return true;\n    }\n    return false;\n  }, []);\n\n  // Clear any pending timers if the row unmounts mid-press (no fire-after-unmount).\n  useEffect(() => () => {\n    if (pressTimerRef.current) clearTimeout(pressTimerRef.current);\n    if (resetTimerRef.current) clearTimeout(resetTimerRef.current);\n  }, []);\n\n  return { handlers: { onTouchStart, onTouchEnd, onTouchMove, onContextMenu }, consumeLongPress };\n}\n"]}

package/dist/esm/components/resources-fields/_presets/resource-reference/ResourceFieldDisplayPreset_ResourceReference_Default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceFieldDisplayPreset_ResourceReference_Default.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/resources-fields/_presets/resource-reference/ResourceFieldDisplayPreset_ResourceReference_Default.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAqBjF,OAAO,KAAK,EAAE,yDAAyD,EAAE,MAAM,2GAA2G,CAAC;AAsC3L,eAAO,MAAM,oDAAoD,GAAI,iHAQlE,yDAAyD,KAAG,KAAK,CAAC,GAAG,CAAC,OAsgBxE,CAAC"}
+{"version":3,"file":"ResourceFieldDisplayPreset_ResourceReference_Default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources-fields/_presets/resource-reference/ResourceFieldDisplayPreset_ResourceReference_Default.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAqBjF,OAAO,KAAK,EAAE,yDAAyD,EAAE,MAAM,2GAA2G,CAAC;AAuC3L,eAAO,MAAM,oDAAoD,GAAI,iHAQlE,yDAAyD,KAAG,KAAK,CAAC,GAAG,CAAC,OAioBxE,CAAC"}

package/dist/esm/components/resources-fields/_presets/resource-reference/ResourceFieldDisplayPreset_ResourceReference_Default.js

@@ -16,7 +16,7 @@ import { Badge } from '../../../../components/data-display/badge.js';
 import { useEventBus } from '../../../../core/events/useEventBus.js';
 import { FrontendEvents } from '../../../../core/events/events.frontend.schemas.js';
 import { useResourceRegistry } from '../../../../core/resources/useResourceRegistry.js';
-import { DEFAULT_FOREIGN_KEY_DISPLAY_MODE, ForeignKeyDisplayMode } from '@wildo-ai/zod-decorators';
+import { DEFAULT_FOREIGN_KEY_DISPLAY_MODE, ForeignKeyDisplayMode, getForeignKeyParams } from '@wildo-ai/zod-decorators';
 import { FrontendComponentType } from '@wildo-ai/presets-components-models';
 import { useI18n } from '../../../../core/i18n/useI18n.js';
 import { cn } from '../../../../core/ui/cn.js';
@@ -25,11 +25,12 @@ import { pickPreferredOperationForCoreSemanticAddressability } from '../../../..
 import { useResourceDisplayContext } from '../../../../components/data-display/automatic-displayer.utils.js';
 import { useOptionalFormSchemaContext } from '../../../../components/form/useFormSchemaContext.js';
 import { CoreResourceOperation, ParentDisplay, ResourcesConfigOperationsUrlsBuilderUtils } from '@wildo-ai/saas-models';
-import { NavigationContentType } from '../../../../core/navigation/navigation.schemas.js';
+import { NavigationContentType, NavigationZone } from '../../../../core/navigation/navigation.schemas.js';
 import { NavigationUtils } from '../../../../core/navigation/navigation.utils.js';
 import { ResourceSummaryDisplayer } from '../../../../components/data-display/ResourceSummaryDisplayer.js';
 import { extractErrorInfo } from '../../../../core/errors/errors.frontend.schemas.js';
 import { fetchResourceReferenceRecordAndLabel, normalizeResourceReferenceSelectionValue, } from '../../../../components/resources-fields/resource-reference/resource-reference.shared.utils.js';
+import { ResourceOperationFrontendSurface } from '@wildo-ai/saas-models';
 function resolvePrePopulatedRecordIdentifier(params) {
     const configuredFieldIdentifier = params.registry.resourceConfigurations?.[params.resourceType]?.resourceFieldIdentifier
         ?? params.registry.allResourceFieldIdentifiers?.[params.resourceType];
@@ -46,7 +47,15 @@ export const ResourceFieldDisplayPreset_ResourceReference_Default = ({ fieldName
     const { emit } = useEventBus();
     const displayContext = useResourceDisplayContext();
     const formSchemaContext = useOptionalFormSchemaContext();
+    /*
+     * Target resolution precedence: an explicit prop (the dispatcher's per-record polymorphic
+     * resolution) → the decorator's declared `referencedResourceType` (an FK named in its own
+     * vocabulary — see the param's JSDoc) → the field-name map, which THROWS on a miss because an
+     * unresolvable FK is a configuration error.
+     */
+    const declaredReferencedType = schema ? getForeignKeyParams(schema)?.referencedResourceType : undefined;
     const resourceType = resourceTypeProp
+        || declaredReferencedType
         || FrontendResourceUtils.resolveResourceTypeForForeignKey(fieldName, schema, registry);
     const { t, isReady } = useI18n({ component: FrontendComponentType.RESOURCES_FIELDS_RESOURCE_REFERENCE, resource: resourceType });
     // Resolve contextual parameters for scoped FK READ calls.
@@ -241,6 +250,39 @@ export const ResourceFieldDisplayPreset_ResourceReference_Default = ({ fieldName
         }
         return null;
     }, [fkLinkUrlInfo, registry, resourceType, scopedContextualParameters]);
+    /**
+     * The OVERLAY fallback — a reference whose target READ is `EMBEDDED` (decided 2026-09-01).
+     *
+     * An EMBEDDED read has no route by contract ("rendered within a host — overlay/drill-in when
+     * standalone"), so the URL resolver above answers null and the reference used to render as a
+     * DEAD label. The navigation layer already escalates EMBEDDED content to an overlay
+     * (`navigation-policy-resolver`: EMBEDDED never becomes THE PAGE) — all this resolver adds is
+     * the read operation to hand it. API_ONLY stays dead on purpose: headless means no interface.
+     */
+    const resolveFkOverlayTarget = useCallback((id) => {
+        if (!fkLinkUrlInfo || !resourceType)
+            return null;
+        const { refResourceConfig, parentContextIdentifiers, ownFieldIdentifier } = fkLinkUrlInfo;
+        const fullContextIdentifiers = { ...parentContextIdentifiers, [resourceType]: id };
+        const readOp = pickPreferredOperationForCoreSemanticAddressability({
+            resourceConfig: refResourceConfig,
+            operations: refResourceConfig.operations ?? [],
+            coreOperation: CoreResourceOperation.READ,
+            registry,
+            hasResourceId: true,
+            requireFrontendAddressable: false,
+            contextResourceIdentifiers: fullContextIdentifiers,
+            contextualParameters: {
+                ...scopedContextualParameters,
+                ...(ownFieldIdentifier ? { [ownFieldIdentifier]: id } : {}),
+            },
+        });
+        if (!readOp)
+            return null;
+        if (readOp.operationFrontendConfig?.surface !== ResourceOperationFrontendSurface.EMBEDDED)
+            return null;
+        return { readOp };
+    }, [fkLinkUrlInfo, registry, resourceType, scopedContextualParameters]);
     // Resolve a single FK value via API
     const resolveForeignKey = useCallback(async (id) => {
         if (!resourceType || !id)
@@ -345,15 +387,75 @@ export const ResourceFieldDisplayPreset_ResourceReference_Default = ({ fieldName
             if (navigationTarget?.url) {
                 return (_jsx(Link, { to: navigationTarget.url, className: "text-primary hover:underline", onClick: handleClick, children: content }));
             }
-            return (_jsx("button", { type: "button", className: "text-primary hover:underline bg-transparent border-none p-0 cursor-pointer text-left", onClick: () => {
+            return (_jsx("button", { type: "button", 
+                /*
+                 * `block`, not the button default `inline-block` — and `inline` cannot work here.
+                 *
+                 * An inline-block's baseline is the baseline of its LAST line box, so inside a bulleted
+                 * list item a two-line reference dragged the ::marker down to its final line (measured on
+                 * the workbench's Requirements page, where every multi-valued "Serves jobs" link wraps).
+                 * The obvious fix, `display: inline`, is silently overridden: browsers fix up `inline` on
+                 * form controls to `inline-block` (verified via CDP — the cascade applied `.inline` and
+                 * the computed value stayed `inline-block`), so the class sat in the DOM doing nothing.
+                 * A BLOCK child is the shape that works: an outside marker aligns with the first line box
+                 * of a list item's block content, exactly like `<li><p>…</p></li>`.
+                 */
+                className: "block text-primary hover:underline bg-transparent border-none p-0 cursor-pointer text-left", onClick: () => {
                     parentRefConfig.onNavigateToParent(id);
                 }, children: content }));
         }
         if (navigationTarget?.url) {
             return (_jsx(Link, { to: navigationTarget.url, className: "text-primary hover:underline", onClick: handleReferenceNavigation, children: content }));
         }
+        /*
+         * No route — the EMBEDDED-read overlay fallback (see `resolveFkOverlayTarget`).
+         *
+         * The source zone DEFAULTS to PRIMARY rather than gating on a context-provided zone: a
+         * reference rendered by a display host that never plumbed `navigationZone` (an artifact
+         * document, a composite view) would otherwise render its resolved label as dead text — the
+         * silent-degradation shape this fallback exists to remove. PRIMARY is where such hosts live.
+         */
+        const overlayTarget = resolveFkOverlayTarget(id);
+        if (overlayTarget) {
+            const openOverlay = (e) => {
+                if (e.button !== 0 || e.ctrlKey || e.metaKey || e.shiftKey || e.altKey)
+                    return;
+                e.preventDefault();
+                const readContext = frontendResourceUtils.createFrontendResourceOperationContextFromOperation({
+                    resourceType,
+                    operation: overlayTarget.readOp,
+                    contextResourceIdentifiers: {
+                        ...fkLinkUrlInfo?.parentContextIdentifiers,
+                        [resourceType]: id,
+                    },
+                    parentResourcesRequirements: fkLinkUrlInfo?.currentParentRequirements ?? [],
+                });
+                // No urlPath on purpose: an overlay is not a place — nothing to deep-link, nothing to pop.
+                emit(FrontendEvents.NAVIGATION_REQUEST, {
+                    content: {
+                        contentType: NavigationContentType.RESOURCE_OPERATION,
+                        resourceContext: readContext,
+                    },
+                    initiator: { sourceZone: navigationZone ?? NavigationZone.PRIMARY },
+                });
+            };
+            return (_jsx("button", { type: "button", 
+                /*
+                 * `block`, not the button default `inline-block` — and `inline` cannot work here.
+                 *
+                 * An inline-block's baseline is the baseline of its LAST line box, so inside a bulleted
+                 * list item a two-line reference dragged the ::marker down to its final line (measured on
+                 * the workbench's Requirements page, where every multi-valued "Serves jobs" link wraps).
+                 * The obvious fix, `display: inline`, is silently overridden: browsers fix up `inline` on
+                 * form controls to `inline-block` (verified via CDP — the cascade applied `.inline` and
+                 * the computed value stayed `inline-block`), so the class sat in the DOM doing nothing.
+                 * A BLOCK child is the shape that works: an outside marker aligns with the first line box
+                 * of a list item's block content, exactly like `<li><p>…</p></li>`.
+                 */
+                className: "block text-primary hover:underline bg-transparent border-none p-0 cursor-pointer text-left", onClick: openOverlay, children: content }));
+        }
         return content;
-    }, [emit, fkLinkUrlInfo, isLinkable, isParentReference, navigationZone, parentRefConfig, resolveFkNavigationTarget, resourceType]);
+    }, [emit, fkLinkUrlInfo, isLinkable, isParentReference, navigationZone, parentRefConfig, resolveFkNavigationTarget, resolveFkOverlayTarget, resourceType]);
     // Render a single value
     const renderValue = useCallback((id) => {
         if (effectiveDisplayMode === ForeignKeyDisplayMode.ID) {
@@ -417,13 +519,28 @@ export const ResourceFieldDisplayPreset_ResourceReference_Default = ({ fieldName
     // Unknown resource type warning
     if (!resourceType && effectiveDisplayMode !== ForeignKeyDisplayMode.ID) {
         // Fall back to showing IDs with a warning
-        return (_jsx("div", { className: className, title: "Unknown resource type - showing IDs", children: values.length === 1 ? (_jsx("span", { className: "font-mono text-sm", children: values[0] })) : (_jsx("ul", { className: "list-disc list-inside space-y-item-xs", children: values.map(id => (_jsx("li", { className: "font-mono text-sm", children: id }, id))) })) }));
+        return (_jsx("div", { className: className, title: "Unknown resource type - showing IDs", children: values.length === 1 ? (_jsx("span", { className: "font-mono text-sm", children: values[0] })) : (_jsx("ul", { className: "list-disc ms-4 space-y-item-xs", children: values.map(id => (_jsx("li", { className: "font-mono text-sm", children: id }, id))) })) }));
     }
     // Single value
     if (values.length === 1) {
         return _jsx("div", { className: className, children: renderValue(values[0]) });
     }
     // Multiple values - render as list
-    return (_jsx("ul", { className: cn('list-disc list-inside space-y-item-xs', className), children: values.map(id => (_jsx("li", { children: renderValue(id) }, id))) }));
+    /*
+     * `list-outside` (the default) with a margin, NOT `list-inside`.
+     *
+     * `list-inside` puts the marker into the item's INLINE FLOW, where it has to share the first line
+     * with the item's content — and the content here is a reference button, which is `inline-block`. An
+     * inline-block box cannot break across lines, so as soon as its label is longer than the remaining
+     * first line it wraps as ONE unit to the next, leaving the bullet stranded alone on a line of its
+     * own. Measured on the workbench's Requirements page: every "Serves jobs" entry rendered as a bare
+     * dot above its link, while "Serves ICPs" looked fine purely because it had ONE short-labelled
+     * value — the single-value branch above renders no list at all, and a short label happened to fit.
+     *
+     * Outside markers sit in the margin and take no part in the inline flow, so the content may wrap
+     * freely and the marker stays on the first line. `ms-4` matches the marker inset the array
+     * renderer already uses for its own bulleted lists.
+     */
+    return (_jsx("ul", { className: cn('list-disc ms-4 space-y-item-xs', className), children: values.map(id => (_jsx("li", { children: renderValue(id) }, id))) }));
 };
 //# sourceMappingURL=ResourceFieldDisplayPreset_ResourceReference_Default.js.map