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

package/dist/esm/components/resources/resourceLayout.utils.js

@@ -1,7 +1,6 @@
-import { getSchemaType, FieldSchemaType, getEnumValues, unwrapSchema, isSummaryField, isHiddenForDisplay, } from '@wildo-ai/zod-decorators';
-import { ErrorCustomMessageReference, PRIMARY_SCOPE_TO_FIELD_IDENTIFIER, } from '@wildo-ai/saas-models';
+import { getSchemaType, FieldSchemaType, getEnumValues, unwrapSchema, } from '@wildo-ai/zod-decorators';
+import { PRIMARY_SCOPE_TO_FIELD_IDENTIFIER, isResourcesFilterNumberRangeSchema, } from '@wildo-ai/saas-models';
 import { FrontendResourceUtils } from '../../core/resources/frontend-resource.utils.js';
-import { AutomatedLayoutFrontendUtils } from '../../core/automated-layout/automated-layout.frontend.utils.js';
 /**
  * Static utility class for ResourceLayout non-component logic.
  * Centralises filter field parsing and summary field extraction used across
@@ -12,48 +11,19 @@ export class ResourceLayoutUtils {
     /**
      * Detect summary fields from resource configuration via `isSummaryField()` decorator scan.
      * Returns only explicitly annotated fields — no config overrides, no heuristic fallbacks.
+     *
+     * MOVED to {@link FrontendResourceUtils.detectSummaryFields} and delegated to from here.
+     * The scan is no longer a layout concern alone: the record-label fallback
+     * (`getResourceLabel`) needs the same answer, and it lives one layer down in
+     * `frontend-resource.utils`, which this module already imports. Defining it there and
+     * delegating up keeps ONE definition without an import cycle; a second copy would have
+     * drifted the moment either set of exclusions changed.
+     *
+     * Kept as a member of this class because three layout call sites and a test address it by
+     * this name, and the name is right for them.
      */
     static detectSummaryFields(resourceConfig) {
-        const mainSchema = resourceConfig?.mainSchema;
-        if (!mainSchema)
-            return [];
-        // Polymorphic resources feed a discriminated-union schema; resolve the union-aware field shape (else getObjectShape returns null for the union → no field labels).
-        const shape = AutomatedLayoutFrontendUtils.getObjectLikeFieldShape(mainSchema, { commonOnly: false }) ?? null;
-        if (!shape)
-            return [];
-        if (!resourceConfig?.resourceFieldIdentifier) {
-            throw FrontendResourceUtils.buildConfigurationError(ErrorCustomMessageReference.FRONTEND_RESOURCE_FIELD_IDENTIFIER_NOT_FOUND, { component: 'ResourceListItemRenderer.detectSummaryFields' });
-        }
-        const fieldIdentifier = resourceConfig.resourceFieldIdentifier;
-        // The PRIMARY-SCOPE foreign key (e.g. `organizationId`) is identical for every
-        // row in a scoped collection — the collection is already scoped to it — so it
-        // is noise in any summary surface (card row OR table column), and as an FK it
-        // renders a heavy reference. Exclude it at the source so cards, table, and
-        // search all drop it consistently.
-        const primaryScope = resourceConfig.resourcePrimaryScope;
-        const primaryScopeFieldIdentifier = primaryScope
-            ? PRIMARY_SCOPE_TO_FIELD_IDENTIFIER[primaryScope]
-            : undefined;
-        const decoratorFields = [];
-        for (const [fieldName, fieldSchema] of Object.entries(shape)) {
-            if (fieldName === fieldIdentifier)
-                continue;
-            if (fieldName === primaryScopeFieldIdentifier)
-                continue;
-            if (fieldName.startsWith('_'))
-                continue;
-            // A display-hidden field is summary-projected for NON-display consumers (e.g. a
-            // denormalized field that backs a synchronous resource label, or member search)
-            // but must never auto-render as a card-secondary field or table column. Without
-            // this guard such a field would surface a redundant or raw column in every list/
-            // table/search layout that derives its fields from this scan.
-            if (isHiddenForDisplay(fieldSchema))
-                continue;
-            if (isSummaryField(fieldSchema)) {
-                decoratorFields.push(fieldName);
-            }
-        }
-        return decoratorFields;
+        return FrontendResourceUtils.detectSummaryFields(resourceConfig);
     }
     /**
      * Compute the set of filter-field names that the transport already pins for
@@ -130,6 +100,13 @@ export class ResourceLayoutUtils {
             const schema = rawSchema;
             const schemaType = getSchemaType(schema);
             let fieldType = 'unknown';
+            // The NUMERIC RANGE is recognised before the type switch, because `getSchemaType` sees an
+            // object and answers with whatever it answers for objects. It is not a shape the switch
+            // could classify anyway: the vocabulary is what identifies it, not the type of its members.
+            if (isResourcesFilterNumberRangeSchema(schema)) {
+                definitions.push({ fieldName, schema, fieldType: 'numberRange', enumValues: undefined, referenceTargetResourceType: undefined });
+                continue;
+            }
             let enumValues;
             let referenceTargetResourceType;
             switch (schemaType) {

package/dist/esm/components/resources/resourceLayout.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"resourceLayout.utils.js","sourceRoot":"","sources":["../../../../src/components/resources/resourceLayout.utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { z } from 'zod';\nimport {\n  getSchemaType,\n  FieldSchemaType,\n  getEnumValues,\n  unwrapSchema,\n  isSummaryField,\n  isHiddenForDisplay,\n} from '@wildo-ai/zod-decorators';\nimport {\n  ErrorCustomMessageReference,\n  PRIMARY_SCOPE_TO_FIELD_IDENTIFIER,\n  type ResourceConfiguration_Operation_UrlInitiatorInfo,\n  type ResourceType,\n} from '@wildo-ai/saas-models';\nimport type {\n  AnyFrontendResourceConfiguration,\n  FrontendResourceConfiguration_Operation,\n  FrontendResourcesRegistry,\n} from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport type { FrontendResource_ParentResourceRequirement } from '~wildo-frontend-lib/core/resources/resource-path.frontend.schemas';\nimport type { FilterFieldDefinition } from './ResourceLayout_FiltersControl';\nimport { FrontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport { AutomatedLayoutFrontendUtils } from '~wildo-frontend-lib/core/automated-layout/automated-layout.frontend.utils';\n\n/**\n * Transport context for filter-field parsing.\n *\n * When provided, `parseFilterFieldDefinitions` derives two transport truths\n * that a bare `filterFields` record cannot express:\n *\n * 1. **Pinned fields** — fields whose value the transport already fixes for\n *    this operation in the current context. A user-facing filter on a pinned\n *    field is meaningless (the constraint applies before any filter could),\n *    so pinned fields are excluded from the returned definitions. The pinned\n *    set is the union of:\n *      - parameters consumed by the URL route the transport will select\n *        (computed via `FrontendResourceUtils.selectOperationUrlInitiatorInfo`\n *        — the same deterministic selection the HTTP client performs), and\n *      - the resource's primary-scope field identifier (backend authorization\n *        scope-filters the collection by it regardless of route shape, so a\n *        user-supplied value could never widen the result set).\n *\n * 2. **Reference fields** — string-typed filter fields whose name resolves to\n *    a resource type through the registry's relationship-enriched\n *    `fieldIdentifierToResourceType` map are foreign keys. They carry\n *    `fieldType: 'reference'` plus the resolved target so the filter UI can\n *    render a resource-reference selector instead of a raw ID text input.\n */\nexport interface FilterFieldTransportContext {\n  registry: FrontendResourcesRegistry;\n  resourceConfig: AnyFrontendResourceConfiguration;\n  operation: FrontendResourceConfiguration_Operation;\n  contextualParameters: Record<string, string | number | string[] | undefined>;\n  parentResourcesRequirements?: FrontendResource_ParentResourceRequirement[];\n}\n\n/**\n * Static utility class for ResourceLayout non-component logic.\n * Centralises filter field parsing and summary field extraction used across\n * ResourceLayout_Search, ResourceLayout_List, ResourceLayout_List_Table, etc.\n */\nexport class ResourceLayoutUtils {\n  private constructor() {}\n\n  /**\n   * Detect summary fields from resource configuration via `isSummaryField()` decorator scan.\n   * Returns only explicitly annotated fields — no config overrides, no heuristic fallbacks.\n   */\n  static detectSummaryFields(\n    resourceConfig: AnyFrontendResourceConfiguration | undefined,\n  ): string[] {\n    const mainSchema = resourceConfig?.mainSchema;\n    if (!mainSchema) return [];\n\n    // Polymorphic resources feed a discriminated-union schema; resolve the union-aware field shape (else getObjectShape returns null for the union → no field labels).\n    const shape = AutomatedLayoutFrontendUtils.getObjectLikeFieldShape(mainSchema, { commonOnly: false }) ?? null;\n    if (!shape) return [];\n\n    if (!resourceConfig?.resourceFieldIdentifier) {\n      throw FrontendResourceUtils.buildConfigurationError(\n        ErrorCustomMessageReference.FRONTEND_RESOURCE_FIELD_IDENTIFIER_NOT_FOUND,\n        { component: 'ResourceListItemRenderer.detectSummaryFields' }\n      );\n    }\n    const fieldIdentifier = resourceConfig.resourceFieldIdentifier as string;\n\n    // The PRIMARY-SCOPE foreign key (e.g. `organizationId`) is identical for every\n    // row in a scoped collection — the collection is already scoped to it — so it\n    // is noise in any summary surface (card row OR table column), and as an FK it\n    // renders a heavy reference. Exclude it at the source so cards, table, and\n    // search all drop it consistently.\n    const primaryScope = resourceConfig.resourcePrimaryScope;\n    const primaryScopeFieldIdentifier = primaryScope\n      ? PRIMARY_SCOPE_TO_FIELD_IDENTIFIER[primaryScope]\n      : undefined;\n\n    const decoratorFields: string[] = [];\n    for (const [fieldName, fieldSchema] of Object.entries(shape)) {\n      if (fieldName === fieldIdentifier) continue;\n      if (fieldName === primaryScopeFieldIdentifier) continue;\n      if (fieldName.startsWith('_')) continue;\n      // A display-hidden field is summary-projected for NON-display consumers (e.g. a\n      // denormalized field that backs a synchronous resource label, or member search)\n      // but must never auto-render as a card-secondary field or table column. Without\n      // this guard such a field would surface a redundant or raw column in every list/\n      // table/search layout that derives its fields from this scan.\n      if (isHiddenForDisplay(fieldSchema as any)) continue;\n      if (isSummaryField(fieldSchema as any)) {\n        decoratorFields.push(fieldName);\n      }\n    }\n    return decoratorFields;\n  }\n\n  /**\n   * Compute the set of filter-field names that the transport already pins for\n   * the given operation in the current context. See\n   * {@link FilterFieldTransportContext} for the semantics of each component.\n   *\n   * Returns an empty set when the operation carries no URL surface (e.g.\n   * non-URL variants) — primary-scope pinning still applies because backend\n   * authorization enforces it independently of routing.\n   */\n  private static computeTransportPinnedFieldNames(\n    context: FilterFieldTransportContext,\n  ): Set<string> {\n    const pinned = new Set<string>();\n\n    // Primary-scope FK: always pinned. The backend injects the scope filter\n    // from the authenticated execution context — a user-supplied filter value\n    // either duplicates it or gets rejected; neither is a real filter.\n    const primaryScope = context.resourceConfig.resourcePrimaryScope;\n    const primaryScopeFieldIdentifier = primaryScope\n      ? PRIMARY_SCOPE_TO_FIELD_IDENTIFIER[primaryScope]\n      : undefined;\n    if (primaryScopeFieldIdentifier) {\n      pinned.add(primaryScopeFieldIdentifier);\n    }\n\n    // URL-route parameters: pinned when the deterministically selected route\n    // consumes them. Mirrors the HTTP client's selection exactly — both call\n    // FrontendResourceUtils.selectOperationUrlInitiatorInfo.\n    const initiatorInfos = ('initiatorInfos' in context.operation\n      ? (context.operation as { initiatorInfos?: ResourceConfiguration_Operation_UrlInitiatorInfo[] }).initiatorInfos\n      : undefined) ?? [];\n\n    if (initiatorInfos.length > 0) {\n      const selected = FrontendResourceUtils.selectOperationUrlInitiatorInfo({\n        initiatorInfos,\n        contextualParameters: context.contextualParameters,\n        targetResourceType: context.resourceConfig.resourceIdentifier as ResourceType,\n        targetDefaultFieldIdentifier: String(context.resourceConfig.resourceFieldIdentifier ?? ''),\n        parentResourcesRequirements: context.parentResourcesRequirements,\n      });\n\n      for (const parameter of selected?.parameters ?? []) {\n        pinned.add(parameter.fieldIdentifier);\n      }\n    }\n\n    return pinned;\n  }\n\n  /**\n   * Parse raw filterFields (Record) into FilterFieldDefinition[].\n   * Used when reading directly from an operation object (LIST or SEARCH).\n   * Skips function-typed entries (filter references) and maps each field's\n   * Zod schema to a UI-friendly type.\n   *\n   * When `transportContext` is provided, the definitions are additionally:\n   * - reduced to fields the user can actually act on (transport-pinned\n   *   fields are excluded — see {@link FilterFieldTransportContext}), and\n   * - enriched with foreign-key classification (`fieldType: 'reference'` +\n   *   `referenceTargetResourceType`) so the filter UI renders reference\n   *   selectors for FK fields instead of raw ID inputs.\n   *\n   * Without `transportContext` the parse is purely structural (schema-type\n   * mapping only) — callers that have no operation/registry at hand keep the\n   * legacy behavior.\n   */\n  static parseFilterFieldDefinitions(\n    rawFilterFields: Record<string, unknown> | undefined,\n    transportContext?: FilterFieldTransportContext,\n  ): readonly FilterFieldDefinition[] {\n    if (!rawFilterFields || typeof rawFilterFields !== 'object') return [];\n\n    const pinnedFieldNames = transportContext\n      ? ResourceLayoutUtils.computeTransportPinnedFieldNames(transportContext)\n      : undefined;\n\n    const definitions: FilterFieldDefinition[] = [];\n\n    for (const [fieldName, rawSchema] of Object.entries(rawFilterFields)) {\n      if (typeof rawSchema === 'function') continue;\n      if (!rawSchema || typeof rawSchema !== 'object') continue;\n      if (pinnedFieldNames?.has(fieldName)) continue;\n\n      const schema = rawSchema as z.ZodTypeAny;\n      const schemaType = getSchemaType(schema);\n      let fieldType: FilterFieldDefinition['fieldType'] = 'unknown';\n      let enumValues: readonly string[] | undefined;\n      let referenceTargetResourceType: string | undefined;\n\n      switch (schemaType) {\n        case FieldSchemaType.STRING:\n          fieldType = 'string';\n          break;\n        case FieldSchemaType.NUMBER:\n        case FieldSchemaType.BIGDECIMAL:\n          fieldType = 'number';\n          break;\n        case FieldSchemaType.BOOLEAN:\n          fieldType = 'boolean';\n          break;\n        case FieldSchemaType.ENUM:\n          fieldType = 'enum';\n          try {\n            enumValues = getEnumValues(unwrapSchema(schema));\n          } catch {\n            enumValues = [];\n          }\n          break;\n        case FieldSchemaType.DATE:\n        case FieldSchemaType.DATETIME:\n          fieldType = 'date';\n          break;\n        default:\n          fieldType = 'string';\n      }\n\n      // FK classification: a string filter whose field name resolves through\n      // the relationship-enriched registry map IS a reference filter — the\n      // value space is \"ids of the target resource\", not free text.\n      if (fieldType === 'string' && transportContext) {\n        const targetResourceType =\n          transportContext.registry.fieldIdentifierToResourceType?.[fieldName];\n        if (targetResourceType) {\n          // A string filter whose field name resolves through the\n          // relationship-enriched registry map IS a reference filter — the value\n          // space is \"ids of the target resource\", not free text. The picker\n          // searches the target (scope-required scoping is inferred at fetch time\n          // from `registry.manyToManyScopeJunctions`; no surface declaration).\n          fieldType = 'reference';\n          referenceTargetResourceType = targetResourceType as string;\n        }\n      }\n\n      definitions.push({ fieldName, schema, fieldType, enumValues, referenceTargetResourceType });\n    }\n\n    return definitions;\n  }\n\n}\n"]}
+{"version":3,"file":"resourceLayout.utils.js","sourceRoot":"","sources":["../../../../../src/components/resources/resourceLayout.utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { z } from 'zod';\nimport {\n  getSchemaType,\n  FieldSchemaType,\n  getEnumValues,\n  unwrapSchema,\n} from '@wildo-ai/zod-decorators';\nimport {\n  PRIMARY_SCOPE_TO_FIELD_IDENTIFIER,\n  type ResourceConfiguration_Operation_UrlInitiatorInfo,\n  type ResourceType,\n  isResourcesFilterNumberRangeSchema,\n} from '@wildo-ai/saas-models';\nimport type {\n  AnyFrontendResourceConfiguration,\n  FrontendResourceConfiguration_Operation,\n  FrontendResourcesRegistry,\n} from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport type { FrontendResource_ParentResourceRequirement } from '~wildo-frontend-lib/core/resources/resource-path.frontend.schemas';\nimport type { FilterFieldDefinition } from './ResourceLayout_FiltersControl';\nimport { FrontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\n\n/**\n * Transport context for filter-field parsing.\n *\n * When provided, `parseFilterFieldDefinitions` derives two transport truths\n * that a bare `filterFields` record cannot express:\n *\n * 1. **Pinned fields** — fields whose value the transport already fixes for\n *    this operation in the current context. A user-facing filter on a pinned\n *    field is meaningless (the constraint applies before any filter could),\n *    so pinned fields are excluded from the returned definitions. The pinned\n *    set is the union of:\n *      - parameters consumed by the URL route the transport will select\n *        (computed via `FrontendResourceUtils.selectOperationUrlInitiatorInfo`\n *        — the same deterministic selection the HTTP client performs), and\n *      - the resource's primary-scope field identifier (backend authorization\n *        scope-filters the collection by it regardless of route shape, so a\n *        user-supplied value could never widen the result set).\n *\n * 2. **Reference fields** — string-typed filter fields whose name resolves to\n *    a resource type through the registry's relationship-enriched\n *    `fieldIdentifierToResourceType` map are foreign keys. They carry\n *    `fieldType: 'reference'` plus the resolved target so the filter UI can\n *    render a resource-reference selector instead of a raw ID text input.\n */\nexport interface FilterFieldTransportContext {\n  registry: FrontendResourcesRegistry;\n  resourceConfig: AnyFrontendResourceConfiguration;\n  operation: FrontendResourceConfiguration_Operation;\n  contextualParameters: Record<string, string | number | string[] | undefined>;\n  parentResourcesRequirements?: FrontendResource_ParentResourceRequirement[];\n}\n\n/**\n * Static utility class for ResourceLayout non-component logic.\n * Centralises filter field parsing and summary field extraction used across\n * ResourceLayout_Search, ResourceLayout_List, ResourceLayout_List_Table, etc.\n */\nexport class ResourceLayoutUtils {\n  private constructor() {}\n\n  /**\n   * Detect summary fields from resource configuration via `isSummaryField()` decorator scan.\n   * Returns only explicitly annotated fields — no config overrides, no heuristic fallbacks.\n   *\n   * MOVED to {@link FrontendResourceUtils.detectSummaryFields} and delegated to from here.\n   * The scan is no longer a layout concern alone: the record-label fallback\n   * (`getResourceLabel`) needs the same answer, and it lives one layer down in\n   * `frontend-resource.utils`, which this module already imports. Defining it there and\n   * delegating up keeps ONE definition without an import cycle; a second copy would have\n   * drifted the moment either set of exclusions changed.\n   *\n   * Kept as a member of this class because three layout call sites and a test address it by\n   * this name, and the name is right for them.\n   */\n  static detectSummaryFields(\n    resourceConfig: AnyFrontendResourceConfiguration | undefined,\n  ): string[] {\n    return FrontendResourceUtils.detectSummaryFields(resourceConfig);\n  }\n\n  /**\n   * Compute the set of filter-field names that the transport already pins for\n   * the given operation in the current context. See\n   * {@link FilterFieldTransportContext} for the semantics of each component.\n   *\n   * Returns an empty set when the operation carries no URL surface (e.g.\n   * non-URL variants) — primary-scope pinning still applies because backend\n   * authorization enforces it independently of routing.\n   */\n  private static computeTransportPinnedFieldNames(\n    context: FilterFieldTransportContext,\n  ): Set<string> {\n    const pinned = new Set<string>();\n\n    // Primary-scope FK: always pinned. The backend injects the scope filter\n    // from the authenticated execution context — a user-supplied filter value\n    // either duplicates it or gets rejected; neither is a real filter.\n    const primaryScope = context.resourceConfig.resourcePrimaryScope;\n    const primaryScopeFieldIdentifier = primaryScope\n      ? PRIMARY_SCOPE_TO_FIELD_IDENTIFIER[primaryScope]\n      : undefined;\n    if (primaryScopeFieldIdentifier) {\n      pinned.add(primaryScopeFieldIdentifier);\n    }\n\n    // URL-route parameters: pinned when the deterministically selected route\n    // consumes them. Mirrors the HTTP client's selection exactly — both call\n    // FrontendResourceUtils.selectOperationUrlInitiatorInfo.\n    const initiatorInfos = ('initiatorInfos' in context.operation\n      ? (context.operation as { initiatorInfos?: ResourceConfiguration_Operation_UrlInitiatorInfo[] }).initiatorInfos\n      : undefined) ?? [];\n\n    if (initiatorInfos.length > 0) {\n      const selected = FrontendResourceUtils.selectOperationUrlInitiatorInfo({\n        initiatorInfos,\n        contextualParameters: context.contextualParameters,\n        targetResourceType: context.resourceConfig.resourceIdentifier as ResourceType,\n        targetDefaultFieldIdentifier: String(context.resourceConfig.resourceFieldIdentifier ?? ''),\n        parentResourcesRequirements: context.parentResourcesRequirements,\n      });\n\n      for (const parameter of selected?.parameters ?? []) {\n        pinned.add(parameter.fieldIdentifier);\n      }\n    }\n\n    return pinned;\n  }\n\n  /**\n   * Parse raw filterFields (Record) into FilterFieldDefinition[].\n   * Used when reading directly from an operation object (LIST or SEARCH).\n   * Skips function-typed entries (filter references) and maps each field's\n   * Zod schema to a UI-friendly type.\n   *\n   * When `transportContext` is provided, the definitions are additionally:\n   * - reduced to fields the user can actually act on (transport-pinned\n   *   fields are excluded — see {@link FilterFieldTransportContext}), and\n   * - enriched with foreign-key classification (`fieldType: 'reference'` +\n   *   `referenceTargetResourceType`) so the filter UI renders reference\n   *   selectors for FK fields instead of raw ID inputs.\n   *\n   * Without `transportContext` the parse is purely structural (schema-type\n   * mapping only) — callers that have no operation/registry at hand keep the\n   * legacy behavior.\n   */\n  static parseFilterFieldDefinitions(\n    rawFilterFields: Record<string, unknown> | undefined,\n    transportContext?: FilterFieldTransportContext,\n  ): readonly FilterFieldDefinition[] {\n    if (!rawFilterFields || typeof rawFilterFields !== 'object') return [];\n\n    const pinnedFieldNames = transportContext\n      ? ResourceLayoutUtils.computeTransportPinnedFieldNames(transportContext)\n      : undefined;\n\n    const definitions: FilterFieldDefinition[] = [];\n\n    for (const [fieldName, rawSchema] of Object.entries(rawFilterFields)) {\n      if (typeof rawSchema === 'function') continue;\n      if (!rawSchema || typeof rawSchema !== 'object') continue;\n      if (pinnedFieldNames?.has(fieldName)) continue;\n\n      const schema = rawSchema as z.ZodTypeAny;\n      const schemaType = getSchemaType(schema);\n      let fieldType: FilterFieldDefinition['fieldType'] = 'unknown';\n\n      // The NUMERIC RANGE is recognised before the type switch, because `getSchemaType` sees an\n      // object and answers with whatever it answers for objects. It is not a shape the switch\n      // could classify anyway: the vocabulary is what identifies it, not the type of its members.\n      if (isResourcesFilterNumberRangeSchema(schema)) {\n        definitions.push({ fieldName, schema, fieldType: 'numberRange', enumValues: undefined, referenceTargetResourceType: undefined });\n        continue;\n      }\n      let enumValues: readonly string[] | undefined;\n      let referenceTargetResourceType: string | undefined;\n\n      switch (schemaType) {\n        case FieldSchemaType.STRING:\n          fieldType = 'string';\n          break;\n        case FieldSchemaType.NUMBER:\n        case FieldSchemaType.BIGDECIMAL:\n          fieldType = 'number';\n          break;\n        case FieldSchemaType.BOOLEAN:\n          fieldType = 'boolean';\n          break;\n        case FieldSchemaType.ENUM:\n          fieldType = 'enum';\n          try {\n            enumValues = getEnumValues(unwrapSchema(schema));\n          } catch {\n            enumValues = [];\n          }\n          break;\n        case FieldSchemaType.DATE:\n        case FieldSchemaType.DATETIME:\n          fieldType = 'date';\n          break;\n        default:\n          fieldType = 'string';\n      }\n\n      // FK classification: a string filter whose field name resolves through\n      // the relationship-enriched registry map IS a reference filter — the\n      // value space is \"ids of the target resource\", not free text.\n      if (fieldType === 'string' && transportContext) {\n        const targetResourceType =\n          transportContext.registry.fieldIdentifierToResourceType?.[fieldName];\n        if (targetResourceType) {\n          // A string filter whose field name resolves through the\n          // relationship-enriched registry map IS a reference filter — the value\n          // space is \"ids of the target resource\", not free text. The picker\n          // searches the target (scope-required scoping is inferred at fetch time\n          // from `registry.manyToManyScopeJunctions`; no surface declaration).\n          fieldType = 'reference';\n          referenceTargetResourceType = targetResourceType as string;\n        }\n      }\n\n      definitions.push({ fieldName, schema, fieldType, enumValues, referenceTargetResourceType });\n    }\n\n    return definitions;\n  }\n\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayField.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/ArrayField.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ9C,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,eAAe,GAAG,SAAS,CAyD7B"}
+{"version":3,"file":"ArrayField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/ArrayField.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ9C,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,eAAe,GAAG,SAAS,CAyD7B"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayField.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/ArrayField.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { type ReactNode } from 'react';\nimport { useFieldArray, useFormContext } from 'react-hook-form';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { FieldScopeProvider, useResolvedFieldName } from './FieldScopeContext';\nimport { ArrayItemTemplate } from './ArrayItemTemplate';\n\nexport interface ArrayFieldProps {\n  /**\n   * Name of the array field in the parent schema.\n   * The component iterates over items and renders `<ArrayItemTemplate>`\n   * children for each item, with scoped field names.\n   */\n  name: string;\n  /** Additional CSS classes for the array container. */\n  className?: string;\n  /** Label for the \"Add\" button. Falls back to i18n default. */\n  addLabel?: string;\n  /** Label for each \"Remove\" button. Falls back to i18n default. */\n  removeLabel?: string;\n  /** Minimum number of items (disables remove when at minimum). */\n  minItems?: number;\n  /** Maximum number of items (disables add when at maximum). */\n  maxItems?: number;\n  children: ReactNode;\n}\n\n/**\n * Array container for array-of-object fields.\n *\n * Iterates over current items (from RHF field array state),\n * rendering `<ArrayItemTemplate>` children for each item with\n * a scoped `FieldScopeContext` (`\"{name}.{index}\"`).\n *\n * Provides add/remove infrastructure. For arrays of primitives\n * (e.g., `z.array(z.string())`), use `<FormField name=\"tags\" />`\n * directly — no `<ArrayField>` needed.\n *\n * @example\n * ```tsx\n * <ArrayField name=\"addresses\" className=\"space-y-4\">\n *   <ArrayItemTemplate>\n *     <div className=\"grid grid-cols-2 gap-4\">\n *       <FormField name=\"street\" className=\"col-span-2\" />\n *       <FormField name=\"city\" />\n *       <FormField name=\"zipCode\" />\n *     </div>\n *   </ArrayItemTemplate>\n * </ArrayField>\n * ```\n */\nexport function ArrayField({\n  name,\n  className,\n  addLabel,\n  removeLabel,\n  minItems,\n  maxItems,\n  children,\n}: ArrayFieldProps): ReactNode {\n  const resolvedName = useResolvedFieldName(name);\n  const { control } = useFormContext();\n  const { fields, append, remove } = useFieldArray({ control, name: resolvedName });\n\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,\n  });\n\n  if (!isReady) return null;\n\n  const itemTemplate = findItemTemplate(children);\n\n  const canAdd = maxItems === undefined || fields.length < maxItems;\n  const canRemove = minItems === undefined || fields.length > minItems;\n\n  // Shared LOW_LEVEL_FORM_MESSAGE vocabulary with the automated AutomatedArrayField —\n  // one key per concept (arrayAddItem / arrayItemLabel / arrayRemoveItem), so\n  // handwritten and generated array UIs stay wording-consistent.\n  const effectiveAddLabel = addLabel ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayAddItem');\n  const itemBaseLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayItemLabel');\n\n  return (\n    <div className={className} data-guidance-array={name}>\n      {fields.map((field, index) => (\n        <div key={field.id} className=\"relative\" data-guidance-array-item={index}>\n          <FieldScopeProvider pathPrefix={`${resolvedName}[${index}]`}>\n            {itemTemplate ? React.cloneElement(itemTemplate) : null}\n          </FieldScopeProvider>\n          {canRemove && (\n            <Button\n              type=\"button\"\n              variant={ButtonVariants_Variant.GHOST}\n              onClick={() => remove(index)}\n              className=\"mt-1\"\n            >\n              {removeLabel\n                ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayRemoveItem', {\n                  label: `${itemBaseLabel} ${index + 1}`,\n                })}\n            </Button>\n          )}\n        </div>\n      ))}\n\n      {canAdd && (\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.OUTLINE}\n          onClick={() => append({})}\n          className=\"mt-2\"\n        >\n          {effectiveAddLabel}\n        </Button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Extracts the first `<ArrayItemTemplate>` from children.\n * This is the template that gets cloned for each array item.\n */\nfunction findItemTemplate(children: ReactNode): React.ReactElement | null {\n  let template: React.ReactElement | null = null;\n  React.Children.forEach(children, (child) => {\n    if (!template && React.isValidElement(child) && child.type === ArrayItemTemplate) {\n      template = child;\n    }\n  });\n  return template;\n}\n"]}
+{"version":3,"file":"ArrayField.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/ArrayField.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { type ReactNode } from 'react';\nimport { useFieldArray, useFormContext } from 'react-hook-form';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { FieldScopeProvider, useResolvedFieldName } from './FieldScopeContext';\nimport { ArrayItemTemplate } from './ArrayItemTemplate';\n\nexport interface ArrayFieldProps {\n  /**\n   * Name of the array field in the parent schema.\n   * The component iterates over items and renders `<ArrayItemTemplate>`\n   * children for each item, with scoped field names.\n   */\n  name: string;\n  /** Additional CSS classes for the array container. */\n  className?: string;\n  /** Label for the \"Add\" button. Falls back to i18n default. */\n  addLabel?: string;\n  /** Label for each \"Remove\" button. Falls back to i18n default. */\n  removeLabel?: string;\n  /** Minimum number of items (disables remove when at minimum). */\n  minItems?: number;\n  /** Maximum number of items (disables add when at maximum). */\n  maxItems?: number;\n  children: ReactNode;\n}\n\n/**\n * Array container for array-of-object fields.\n *\n * Iterates over current items (from RHF field array state),\n * rendering `<ArrayItemTemplate>` children for each item with\n * a scoped `FieldScopeContext` (`\"{name}.{index}\"`).\n *\n * Provides add/remove infrastructure. For arrays of primitives\n * (e.g., `z.array(z.string())`), use `<FormField name=\"tags\" />`\n * directly — no `<ArrayField>` needed.\n *\n * @example\n * ```tsx\n * <ArrayField name=\"addresses\" className=\"space-y-4\">\n *   <ArrayItemTemplate>\n *     <div className=\"grid grid-cols-2 gap-4\">\n *       <FormField name=\"street\" className=\"col-span-2\" />\n *       <FormField name=\"city\" />\n *       <FormField name=\"zipCode\" />\n *     </div>\n *   </ArrayItemTemplate>\n * </ArrayField>\n * ```\n */\nexport function ArrayField({\n  name,\n  className,\n  addLabel,\n  removeLabel,\n  minItems,\n  maxItems,\n  children,\n}: ArrayFieldProps): ReactNode {\n  const resolvedName = useResolvedFieldName(name);\n  const { control } = useFormContext();\n  const { fields, append, remove } = useFieldArray({ control, name: resolvedName });\n\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,\n  });\n\n  if (!isReady) return null;\n\n  const itemTemplate = findItemTemplate(children);\n\n  const canAdd = maxItems === undefined || fields.length < maxItems;\n  const canRemove = minItems === undefined || fields.length > minItems;\n\n  // Shared LOW_LEVEL_FORM_MESSAGE vocabulary with the automated AutomatedArrayField —\n  // one key per concept (arrayAddItem / arrayItemLabel / arrayRemoveItem), so\n  // handwritten and generated array UIs stay wording-consistent.\n  const effectiveAddLabel = addLabel ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayAddItem');\n  const itemBaseLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayItemLabel');\n\n  return (\n    <div className={className} data-guidance-array={name}>\n      {fields.map((field, index) => (\n        <div key={field.id} className=\"relative\" data-guidance-array-item={index}>\n          <FieldScopeProvider pathPrefix={`${resolvedName}[${index}]`}>\n            {itemTemplate ? React.cloneElement(itemTemplate) : null}\n          </FieldScopeProvider>\n          {canRemove && (\n            <Button\n              type=\"button\"\n              variant={ButtonVariants_Variant.GHOST}\n              onClick={() => remove(index)}\n              className=\"mt-1\"\n            >\n              {removeLabel\n                ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'arrayRemoveItem', {\n                  label: `${itemBaseLabel} ${index + 1}`,\n                })}\n            </Button>\n          )}\n        </div>\n      ))}\n\n      {canAdd && (\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.OUTLINE}\n          onClick={() => append({})}\n          className=\"mt-2\"\n        >\n          {effectiveAddLabel}\n        </Button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Extracts the first `<ArrayItemTemplate>` from children.\n * This is the template that gets cloned for each array item.\n */\nfunction findItemTemplate(children: ReactNode): React.ReactElement | null {\n  let template: React.ReactElement | null = null;\n  React.Children.forEach(children, (child) => {\n    if (!template && React.isValidElement(child) && child.type === ArrayItemTemplate) {\n      template = child;\n    }\n  });\n  return template;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayItemTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/ArrayItemTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,sBAAsB;IACrC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,sBAAsB,GAAG,SAAS,CAK5F"}
+{"version":3,"file":"ArrayItemTemplate.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/ArrayItemTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,sBAAsB;IACrC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,sBAAsB,GAAG,SAAS,CAK5F"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayItemTemplate.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/ArrayItemTemplate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAUb;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAA0B;IAC/E,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,CAAC;IACrD,CAAC;IACD,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nexport interface ArrayItemTemplateProps {\n  /** Additional CSS classes for the item container. */\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Per-item sub-layout template inside `<ArrayField>`.\n *\n * Rendered N times (once per array item). Field names inside are\n * **relative** to the current array item — the parent `<ArrayField>`\n * sets `FieldScopeContext.pathPrefix` to `\"{arrayName}[{index}]\"`.\n *\n * @example\n * ```tsx\n * <ArrayField name=\"addresses\">\n *   <ArrayItemTemplate>\n *     <div className=\"flex gap-2\">\n *       <FormField name=\"street\" />\n *       <FormField name=\"city\" />\n *     </div>\n *   </ArrayItemTemplate>\n * </ArrayField>\n * ```\n */\nexport function ArrayItemTemplate({ className, children }: ArrayItemTemplateProps): ReactNode {\n  if (className) {\n    return <div className={className}>{children}</div>;\n  }\n  return <>{children}</>;\n}\n"]}
+{"version":3,"file":"ArrayItemTemplate.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/ArrayItemTemplate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAUb;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAA0B;IAC/E,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,CAAC;IACrD,CAAC;IACD,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nexport interface ArrayItemTemplateProps {\n  /** Additional CSS classes for the item container. */\n  className?: string;\n  children: ReactNode;\n}\n\n/**\n * Per-item sub-layout template inside `<ArrayField>`.\n *\n * Rendered N times (once per array item). Field names inside are\n * **relative** to the current array item — the parent `<ArrayField>`\n * sets `FieldScopeContext.pathPrefix` to `\"{arrayName}[{index}]\"`.\n *\n * @example\n * ```tsx\n * <ArrayField name=\"addresses\">\n *   <ArrayItemTemplate>\n *     <div className=\"flex gap-2\">\n *       <FormField name=\"street\" />\n *       <FormField name=\"city\" />\n *     </div>\n *   </ArrayItemTemplate>\n * </ArrayField>\n * ```\n */\nexport function ArrayItemTemplate({ className, children }: ArrayItemTemplateProps): ReactNode {\n  if (className) {\n    return <div className={className}>{children}</div>;\n  }\n  return <>{children}</>;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"DiscriminatorSwitch.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/DiscriminatorSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,wBAAwB;IACvC;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACpC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,wBAAwB,GAAG,SAAS,CAKtG"}
+{"version":3,"file":"DiscriminatorSwitch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/DiscriminatorSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,wBAAwB;IACvC;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACpC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,wBAAwB,GAAG,SAAS,CAKtG"}

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

@@ -1 +1 @@
-{"version":3,"file":"DiscriminatorSwitch.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/DiscriminatorSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAkB3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAA4B;IACzF,MAAM,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAClF,OAAO,4BAAG,OAAO,IAAI,QAAQ,IAAI,IAAI,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { useResolvedFieldName } from './FieldScopeContext';\n\nexport interface DiscriminatorSwitchProps {\n  /**\n   * Discriminator field to watch. The variant matching the current value\n   * is rendered; others are unmounted and their fields unregistered from\n   * RHF (shouldUnregister: true on FormField Controller handles this).\n   */\n  field: string;\n  /**\n   * Map of discriminator values to ReactNode variants.\n   * When the watched field equals a key, that variant is rendered.\n   */\n  variants: Record<string, ReactNode>;\n  /** Fallback content rendered when no variant matches the current value. */\n  fallback?: ReactNode;\n}\n\n/**\n * Discriminated union visibility — renders the variant matching\n * the current discriminator field value.\n *\n * Hidden variant fields are **unregistered** from React Hook Form so they\n * don't contribute to validation or submit data (DD-4: shouldUnregister: true).\n *\n * @example\n * ```tsx\n * <DiscriminatorSwitch\n *   field=\"type\"\n *   variants={{\n *     email: (\n *       <>\n *         <FormField name=\"emailAddress\" />\n *         <FormField name=\"emailDomain\" />\n *       </>\n *     ),\n *     phone: <FormField name=\"phoneNumber\" />,\n *   }}\n *   fallback={<p>Select a type</p>}\n * />\n * ```\n */\nexport function DiscriminatorSwitch({ field, variants, fallback }: DiscriminatorSwitchProps): ReactNode {\n  const resolvedField = useResolvedFieldName(field);\n  const currentValue = useWatch({ name: resolvedField });\n  const variant = currentValue != null ? variants[String(currentValue)] : undefined;\n  return <>{variant ?? fallback ?? null}</>;\n}\n"]}
+{"version":3,"file":"DiscriminatorSwitch.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/DiscriminatorSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAkB3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAA4B;IACzF,MAAM,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAClF,OAAO,4BAAG,OAAO,IAAI,QAAQ,IAAI,IAAI,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { useResolvedFieldName } from './FieldScopeContext';\n\nexport interface DiscriminatorSwitchProps {\n  /**\n   * Discriminator field to watch. The variant matching the current value\n   * is rendered; others are unmounted and their fields unregistered from\n   * RHF (shouldUnregister: true on FormField Controller handles this).\n   */\n  field: string;\n  /**\n   * Map of discriminator values to ReactNode variants.\n   * When the watched field equals a key, that variant is rendered.\n   */\n  variants: Record<string, ReactNode>;\n  /** Fallback content rendered when no variant matches the current value. */\n  fallback?: ReactNode;\n}\n\n/**\n * Discriminated union visibility — renders the variant matching\n * the current discriminator field value.\n *\n * Hidden variant fields are **unregistered** from React Hook Form so they\n * don't contribute to validation or submit data (DD-4: shouldUnregister: true).\n *\n * @example\n * ```tsx\n * <DiscriminatorSwitch\n *   field=\"type\"\n *   variants={{\n *     email: (\n *       <>\n *         <FormField name=\"emailAddress\" />\n *         <FormField name=\"emailDomain\" />\n *       </>\n *     ),\n *     phone: <FormField name=\"phoneNumber\" />,\n *   }}\n *   fallback={<p>Select a type</p>}\n * />\n * ```\n */\nexport function DiscriminatorSwitch({ field, variants, fallback }: DiscriminatorSwitchProps): ReactNode {\n  const resolvedField = useResolvedFieldName(field);\n  const currentValue = useWatch({ name: resolvedField });\n  const variant = currentValue != null ? variants[String(currentValue)] : undefined;\n  return <>{variant ?? fallback ?? null}</>;\n}\n"]}

package/dist/esm/components/resources/skeleton/DisplayDiscriminatorSwitch.d.ts

@@ -0,0 +1,42 @@
+import type { ReactNode } from 'react';
+export interface DisplayDiscriminatorSwitchProps {
+    /** Discriminator field, relative to the enclosing `ObjectScope`. Its VALUE on the displayed row picks the variant. */
+    field: string;
+    /** Map of discriminator values to the variant's display content. */
+    variants: Record<string, ReactNode>;
+    /** Rendered when the row carries no discriminator value, or one no variant declares. */
+    fallback?: ReactNode;
+}
+/**
+ * The display-side twin of `<DiscriminatorSwitch>` — renders the variant matching the displayed
+ * row's discriminator VALUE.
+ *
+ * A separate component rather than a mode of the form one, because the two read different things:
+ * the form switch WATCHES a live form value (`useWatch`), and a display surface has no form — its
+ * value is the fetched row in `DisplayTemplateContext`. Calling `useWatch` outside a form provider
+ * is not a fallback, it is a crash, and branching between the two inside one component would make
+ * a hook call conditional (#525).
+ *
+ * This is what lets the default display template stay SCHEMA-ONLY: the generator emits every
+ * variant's fields, and the choice is made here at render time, from the row. The cost, accepted
+ * knowingly, is that a generated template carries branches that are inert for any single row.
+ *
+ * While the row is still loading there is no value, so nothing variant-specific renders; the
+ * discriminator's own `<DisplayField>` beside this switch shows its loading placeholder.
+ *
+ * @example
+ * ```tsx
+ * <ObjectScope name="contact">
+ *   <DisplayField name="kind" />
+ *   <DisplayDiscriminatorSwitch
+ *     field="kind"
+ *     variants={{
+ *       email: <DisplayField name="emailAddress" />,
+ *       phone: <DisplayField name="phoneNumber" />,
+ *     }}
+ *   />
+ * </ObjectScope>
+ * ```
+ */
+export declare function DisplayDiscriminatorSwitch({ field, variants, fallback }: DisplayDiscriminatorSwitchProps): ReactNode;
+//# sourceMappingURL=DisplayDiscriminatorSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayDiscriminatorSwitch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/DisplayDiscriminatorSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,+BAA+B;IAC9C,sHAAsH;IACtH,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACpC,wFAAwF;IACxF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,+BAA+B,GAAG,SAAS,CAMpH"}

package/dist/esm/components/resources/skeleton/DisplayDiscriminatorSwitch.js

@@ -0,0 +1,44 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useResolvedFieldName } from './FieldScopeContext.js';
+import { useOptionalDisplayTemplateContext } from '../../data-display/DisplayTemplateContext.js';
+import { getNestedValue } from '../../data-display/display-field-resolution.utils.js';
+/**
+ * The display-side twin of `<DiscriminatorSwitch>` — renders the variant matching the displayed
+ * row's discriminator VALUE.
+ *
+ * A separate component rather than a mode of the form one, because the two read different things:
+ * the form switch WATCHES a live form value (`useWatch`), and a display surface has no form — its
+ * value is the fetched row in `DisplayTemplateContext`. Calling `useWatch` outside a form provider
+ * is not a fallback, it is a crash, and branching between the two inside one component would make
+ * a hook call conditional (#525).
+ *
+ * This is what lets the default display template stay SCHEMA-ONLY: the generator emits every
+ * variant's fields, and the choice is made here at render time, from the row. The cost, accepted
+ * knowingly, is that a generated template carries branches that are inert for any single row.
+ *
+ * While the row is still loading there is no value, so nothing variant-specific renders; the
+ * discriminator's own `<DisplayField>` beside this switch shows its loading placeholder.
+ *
+ * @example
+ * ```tsx
+ * <ObjectScope name="contact">
+ *   <DisplayField name="kind" />
+ *   <DisplayDiscriminatorSwitch
+ *     field="kind"
+ *     variants={{
+ *       email: <DisplayField name="emailAddress" />,
+ *       phone: <DisplayField name="phoneNumber" />,
+ *     }}
+ *   />
+ * </ObjectScope>
+ * ```
+ */
+export function DisplayDiscriminatorSwitch({ field, variants, fallback }) {
+    const resolvedField = useResolvedFieldName(field);
+    const displayContext = useOptionalDisplayTemplateContext();
+    const currentValue = getNestedValue(displayContext?.data, resolvedField);
+    const variant = currentValue != null ? variants[String(currentValue)] : undefined;
+    return _jsx(_Fragment, { children: variant ?? fallback ?? null });
+}
+//# sourceMappingURL=DisplayDiscriminatorSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayDiscriminatorSwitch.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/DisplayDiscriminatorSwitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAWnF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,UAAU,0BAA0B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAmC;IACvG,MAAM,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,cAAc,GAAG,iCAAiC,EAAE,CAAC;IAC3D,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;IACzE,MAAM,OAAO,GAAG,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAClF,OAAO,4BAAG,OAAO,IAAI,QAAQ,IAAI,IAAI,GAAI,CAAC;AAC5C,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { useResolvedFieldName } from './FieldScopeContext';\nimport { useOptionalDisplayTemplateContext } from '../../data-display/DisplayTemplateContext';\nimport { getNestedValue } from '../../data-display/display-field-resolution.utils';\n\nexport interface DisplayDiscriminatorSwitchProps {\n  /** Discriminator field, relative to the enclosing `ObjectScope`. Its VALUE on the displayed row picks the variant. */\n  field: string;\n  /** Map of discriminator values to the variant's display content. */\n  variants: Record<string, ReactNode>;\n  /** Rendered when the row carries no discriminator value, or one no variant declares. */\n  fallback?: ReactNode;\n}\n\n/**\n * The display-side twin of `<DiscriminatorSwitch>` — renders the variant matching the displayed\n * row's discriminator VALUE.\n *\n * A separate component rather than a mode of the form one, because the two read different things:\n * the form switch WATCHES a live form value (`useWatch`), and a display surface has no form — its\n * value is the fetched row in `DisplayTemplateContext`. Calling `useWatch` outside a form provider\n * is not a fallback, it is a crash, and branching between the two inside one component would make\n * a hook call conditional (#525).\n *\n * This is what lets the default display template stay SCHEMA-ONLY: the generator emits every\n * variant's fields, and the choice is made here at render time, from the row. The cost, accepted\n * knowingly, is that a generated template carries branches that are inert for any single row.\n *\n * While the row is still loading there is no value, so nothing variant-specific renders; the\n * discriminator's own `<DisplayField>` beside this switch shows its loading placeholder.\n *\n * @example\n * ```tsx\n * <ObjectScope name=\"contact\">\n *   <DisplayField name=\"kind\" />\n *   <DisplayDiscriminatorSwitch\n *     field=\"kind\"\n *     variants={{\n *       email: <DisplayField name=\"emailAddress\" />,\n *       phone: <DisplayField name=\"phoneNumber\" />,\n *     }}\n *   />\n * </ObjectScope>\n * ```\n */\nexport function DisplayDiscriminatorSwitch({ field, variants, fallback }: DisplayDiscriminatorSwitchProps): ReactNode {\n  const resolvedField = useResolvedFieldName(field);\n  const displayContext = useOptionalDisplayTemplateContext();\n  const currentValue = getNestedValue(displayContext?.data, resolvedField);\n  const variant = currentValue != null ? variants[String(currentValue)] : undefined;\n  return <>{variant ?? fallback ?? null}</>;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/DisplayLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAc9E,kJAAkJ;AAClJ,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;;;;OAeG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AACD,0EAA0E;AAE1E;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAA8B,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAmDpH"}
+{"version":3,"file":"DisplayLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/DisplayLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAc9E,kJAAkJ;AAClJ,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;;;;OAeG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AACD,0EAA0E;AAE1E;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAA8B,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAmDpH"}

package/dist/esm/components/resources/skeleton/DisplayLayout.js

@@ -40,7 +40,7 @@ export function DisplayLayout({ className, children, responsiveMaxWidth = 'measu
  * Solo-mode sections and non-Section children render in place.
  */
 function renderGroupedChildren(children, displayCtx) {
-    const grouped = groupSectionsByAppearance(children);
+    const grouped = groupSectionsByAppearance(children, displayCtx?.defaultSectionAppearance);
     return (_jsx(_Fragment, { children: grouped.items.map((item, idx) => {
             if (item.type === 'node') {
                 return _jsx(React.Fragment, { children: item.node }, idx);

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayLayout.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/DisplayLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAC9F,OAAO,EAAE,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAEjF,OAAO,EACL,yBAAyB,EACzB,2BAA2B,GAC5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAqB,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAyB1D,0EAA0E;AAE1E;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,GAAG,SAAS,EAAsB;IACvG,MAAM,UAAU,GAAG,iCAAiC,EAAE,CAAC;IACvD,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,qBAAqB,CAAC,QAAQ,EAAE,UAAU,CAAC,EACjD,CAAC,QAAQ,EAAE,UAAU,CAAC,CACvB,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,IAAC,UAAU,EAAC,EAAE,YA6B/B,cACE,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,0EAA0E,EAC1E,SAAS,CACV,EACD,KAAK,EAAE,EAAE,aAAa,EAAE,4BAA4B,CAAC,kBAAkB,CAAC,EAAE,2BACnD,kBAAkB,2CAGxC,gBAAgB,GACb,GACa,CACtB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAS,qBAAqB,CAC5B,QAAmB,EACnB,UAAgE;IAEhE,MAAM,OAAO,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAEpD,OAAO,CACL,4BACG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;YAC/B,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBACzB,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAY,IAAI,CAAC,IAAI,IAAf,GAAG,CAA8B,CAAC;YAChE,CAAC;YAED,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;YACvB,MAAM,MAAM,GAAG,2BAA2B,CAAC,KAAK,CAAC,CAAC;YAClD,MAAM,aAAa,GAAG,UAAU,EAAE,aAAa,IAAI,EAAE,CAAC;YACtD,MAAM,mBAAmB,GAAG,UAAU,EAAE,mBAAmB,IAAI,EAAE,CAAC;YAElE,MAAM,eAAe,GAA+B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC9E,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI;gBACjB,KAAK,EAAE,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC;gBACnC,WAAW,EAAE,mBAAmB,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC;gBAC/C,OAAO,EAAE,CACP,KAAC,qBAAqB,IACpB,YAAY,EAAE,EAAE,CAAC,KAAK,EACtB,eAAe,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAC/C,CACH;aACF,CAAC,CAAC,CAAC;YAEJ,OAAO,CACL,KAAC,uBAAuB,IAEtB,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,MAAM,IAFT,SAAS,KAAK,CAAC,IAAI,IAAI,GAAG,EAAE,CAGjC,CACH,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,qBAAqB,CAAC,EAC7B,YAAY,EACZ,eAAe,GAIhB;IACC,OAAO,CACL,KAAC,kBAAkB,IACjB,QAAQ,EAAE,sBAAsB,CAAC,OAAO,EACxC,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,GAChC,CACH,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport React, { useMemo, type ReactNode } from 'react';\nimport type { ResponsiveMaxWidth } from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { responsiveMaxWidthToCssValue } from '../../sections/surface';\nimport { FieldScopeProvider } from './FieldScopeContext';\nimport { useOptionalDisplayTemplateContext } from '../../data-display/DisplayTemplateContext';\nimport { ContentSectionContainer } from '../../sections/ContentSectionContainer';\nimport type { ContentSectionDescriptor } from '../../sections/ContentSectionContainer';\nimport {\n  groupSectionsByAppearance,\n  buildSectionConfigFromGroup,\n} from './section-consolidation.utils';\nimport { GroupedSectionBody, type SectionProps } from './Section';\nimport { GroupedSectionHostKind } from './Section.shared';\n\n/** @wildo_source:part:start saas.frontend.display-layout.reading-measure facet:layer:frontend facet:family:layout facet:audience:app-developer */\nexport interface DisplayLayoutProps {\n  /** Additional CSS classes for the root container. */\n  className?: string;\n  /**\n   * How wide the layout root lets its content grow, named in the framework's own vocabulary.\n   *\n   * Defaults to `'measure'` — the reading-measure cap (~42rem, themeable via `--measure-max-width`)\n   * that keeps a single-column stack of label/value pairs readable instead of stretched edge to edge.\n   * That default is right for what this layout was built for and is unchanged.\n   *\n   * It is WRONG for a composed document. A template that renders tabs, quote blocks, tables or regions\n   * is not a field stack: those set their own measure internally, and a 42rem cap around them squeezes\n   * the whole composition into a column with dead space beside it. Such a template declares `'none'`.\n   *\n   * `'none'` is not \"uncapped\" in practice — the zone content boundary above has already capped the\n   * area at the page-content width (`'content'`, ~80rem) and an adjacent pane is narrower still. This\n   * prop decides only whether a SECOND, tighter cap applies inside that, and the answer depends on what\n   * the template renders, which is why the template is the one asked.\n   */\n  responsiveMaxWidth?: ResponsiveMaxWidth;\n  children?: ReactNode;\n}\n/** @wildo_source:part:end saas.frontend.display-layout.reading-measure */\n\n/**\n * Root wrapper for display (read-only) layout templates.\n *\n * Provides a root `FieldScopeContext` with empty prefix so nested\n * `<DisplayField name=\"...\">` components resolve field names correctly.\n *\n * `ResourceDisplayContext` (inline editing, RMM, file upload) is provided\n * by the parent `ResourceAutomaticDisplayer`, not by this layout component.\n *\n * @example\n * ```tsx\n * <DisplayLayout>\n *   <Section name=\"general\">\n *     <DisplayField name=\"title\" />\n *     <DisplayField name=\"status\" />\n *   </Section>\n * </DisplayLayout>\n * ```\n */\nexport function DisplayLayout({ className, children, responsiveMaxWidth = 'measure' }: DisplayLayoutProps): ReactNode {\n  const displayCtx = useOptionalDisplayTemplateContext();\n  const renderedChildren = useMemo(\n    () => renderGroupedChildren(children, displayCtx),\n    [children, displayCtx],\n  );\n\n  return (\n    <FieldScopeProvider pathPrefix=\"\">\n      {/*\n        T4c — reading-measure cap (mirrors FormLayout). A single-column\n        read/detail stack caps at `--measure-max-width` (~42rem) and aligns to\n        the LEFT of the content zone, so detail views stop stretching\n        edge-to-edge yet stay flush with the left-aligned resource header and\n        danger-zone siblings (no centred gutter between them). `max-w` only\n        engages above the measure, so a detail rendered inside a narrow\n        dialog/panel is unaffected. Retune/opt-out via the CSS var or `className`.\n      */}\n      {/*\n        `space-y-section` separates stacked SECTIONS (each titled CARD group /\n        container) with a clear gap so consecutive cards read as distinct groups\n        rather than one continuous stack. Sectionless templates whose direct\n        children are bare SETTINGS_ROW field rows must NOT inherit that section\n        gap: the row chrome is a self-delimiting list item (`py-card-sm` rhythm +\n        `border-b` hairline), so consecutive rows stack FLUSH — the same\n        content-aware rule the `ContentSection` body applies to settings rows.\n        The pairwise `:has(+ …)` selector zeroes only the margin BETWEEN two\n        adjacent settings rows, so a row followed by a real section (mixed\n        template) keeps the section gap.\n\n        ⚠ The attribute match is `^=settings` (prefix), NOT `=settings_row`:\n        Tailwind converts an unescaped `_` inside an arbitrary variant to a\n        SPACE, emitting the invalid selector `[data-chrome-mode=settings row]`\n        which the browser silently drops (this killed ContentSection's original\n        `…=settings_row]]:gap-0` spelling — verified against the served CSS).\n        Only `settings_row` starts with `settings`, so the prefix is exact.\n      */}\n      <div\n        className={cn(\n          'mr-auto w-full space-y-section',\n          '[&>[data-chrome-mode^=settings]:has(+[data-chrome-mode^=settings])]:mb-0',\n          className,\n        )}\n        style={{ maxInlineSize: responsiveMaxWidthToCssValue(responsiveMaxWidth) }}\n        data-inline-size-tier={responsiveMaxWidth}\n        data-guidance-display\n      >\n        {renderedChildren}\n      </div>\n    </FieldScopeProvider>\n  );\n}\n\n/**\n * Introspects children for `<Section>` elements with container-mode `appearance`.\n * Groups sections sharing the same container mode into a `ContentSectionContainer`.\n * Solo-mode sections and non-Section children render in place.\n */\nfunction renderGroupedChildren(\n  children: ReactNode,\n  displayCtx: ReturnType<typeof useOptionalDisplayTemplateContext>,\n): ReactNode {\n  const grouped = groupSectionsByAppearance(children);\n\n  return (\n    <>\n      {grouped.items.map((item, idx) => {\n        if (item.type === 'node') {\n          return <React.Fragment key={idx}>{item.node}</React.Fragment>;\n        }\n\n        const { group } = item;\n        const config = buildSectionConfigFromGroup(group);\n        const sectionLabels = displayCtx?.sectionLabels ?? {};\n        const sectionDescriptions = displayCtx?.sectionDescriptions ?? {};\n\n        const contentSections: ContentSectionDescriptor[] = group.sections.map((el) => ({\n          id: el.props.name,\n          title: sectionLabels[el.props.name],\n          description: sectionDescriptions[el.props.name],\n          content: (\n            <GroupedSectionContent\n              sectionProps={el.props}\n              providesHeading={!!sectionLabels[el.props.name]}\n            />\n          ),\n        }));\n\n        return (\n          <ContentSectionContainer\n            key={`group-${group.mode}-${idx}`}\n            sections={contentSections}\n            config={config}\n          />\n        );\n      })}\n    </>\n  );\n}\n\n/**\n * Wraps an individual grouped section's content with section-level behaviors\n * (displayChromeMode) when rendered inside a container.\n */\nfunction GroupedSectionContent({\n  sectionProps,\n  providesHeading,\n}: {\n  sectionProps: Pick<SectionProps, 'name' | 'children' | 'chromeMode' | 'className' | 'disabled'>;\n  providesHeading?: boolean;\n}): ReactNode {\n  return (\n    <GroupedSectionBody\n      hostKind={GroupedSectionHostKind.DISPLAY}\n      sectionProps={sectionProps}\n      providesHeading={providesHeading}\n    />\n  );\n}\n"]}
+{"version":3,"file":"DisplayLayout.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/DisplayLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useMemo, type ReactNode } from 'react';\nimport type { ResponsiveMaxWidth } from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { responsiveMaxWidthToCssValue } from '../../sections/surface';\nimport { FieldScopeProvider } from './FieldScopeContext';\nimport { useOptionalDisplayTemplateContext } from '../../data-display/DisplayTemplateContext';\nimport { ContentSectionContainer } from '../../sections/ContentSectionContainer';\nimport type { ContentSectionDescriptor } from '../../sections/ContentSectionContainer';\nimport {\n  groupSectionsByAppearance,\n  buildSectionConfigFromGroup,\n} from './section-consolidation.utils';\nimport { GroupedSectionBody, type SectionProps } from './Section';\nimport { GroupedSectionHostKind } from './Section.shared';\n\n/** @wildo_source:part:start saas.frontend.display-layout.reading-measure facet:layer:frontend facet:family:layout facet:audience:app-developer */\nexport interface DisplayLayoutProps {\n  /** Additional CSS classes for the root container. */\n  className?: string;\n  /**\n   * How wide the layout root lets its content grow, named in the framework's own vocabulary.\n   *\n   * Defaults to `'measure'` — the reading-measure cap (~42rem, themeable via `--measure-max-width`)\n   * that keeps a single-column stack of label/value pairs readable instead of stretched edge to edge.\n   * That default is right for what this layout was built for and is unchanged.\n   *\n   * It is WRONG for a composed document. A template that renders tabs, quote blocks, tables or regions\n   * is not a field stack: those set their own measure internally, and a 42rem cap around them squeezes\n   * the whole composition into a column with dead space beside it. Such a template declares `'none'`.\n   *\n   * `'none'` is not \"uncapped\" in practice — the zone content boundary above has already capped the\n   * area at the page-content width (`'content'`, ~80rem) and an adjacent pane is narrower still. This\n   * prop decides only whether a SECOND, tighter cap applies inside that, and the answer depends on what\n   * the template renders, which is why the template is the one asked.\n   */\n  responsiveMaxWidth?: ResponsiveMaxWidth;\n  children?: ReactNode;\n}\n/** @wildo_source:part:end saas.frontend.display-layout.reading-measure */\n\n/**\n * Root wrapper for display (read-only) layout templates.\n *\n * Provides a root `FieldScopeContext` with empty prefix so nested\n * `<DisplayField name=\"...\">` components resolve field names correctly.\n *\n * `ResourceDisplayContext` (inline editing, RMM, file upload) is provided\n * by the parent `ResourceAutomaticDisplayer`, not by this layout component.\n *\n * @example\n * ```tsx\n * <DisplayLayout>\n *   <Section name=\"general\">\n *     <DisplayField name=\"title\" />\n *     <DisplayField name=\"status\" />\n *   </Section>\n * </DisplayLayout>\n * ```\n */\nexport function DisplayLayout({ className, children, responsiveMaxWidth = 'measure' }: DisplayLayoutProps): ReactNode {\n  const displayCtx = useOptionalDisplayTemplateContext();\n  const renderedChildren = useMemo(\n    () => renderGroupedChildren(children, displayCtx),\n    [children, displayCtx],\n  );\n\n  return (\n    <FieldScopeProvider pathPrefix=\"\">\n      {/*\n        T4c — reading-measure cap (mirrors FormLayout). A single-column\n        read/detail stack caps at `--measure-max-width` (~42rem) and aligns to\n        the LEFT of the content zone, so detail views stop stretching\n        edge-to-edge yet stay flush with the left-aligned resource header and\n        danger-zone siblings (no centred gutter between them). `max-w` only\n        engages above the measure, so a detail rendered inside a narrow\n        dialog/panel is unaffected. Retune/opt-out via the CSS var or `className`.\n      */}\n      {/*\n        `space-y-section` separates stacked SECTIONS (each titled CARD group /\n        container) with a clear gap so consecutive cards read as distinct groups\n        rather than one continuous stack. Sectionless templates whose direct\n        children are bare SETTINGS_ROW field rows must NOT inherit that section\n        gap: the row chrome is a self-delimiting list item (`py-card-sm` rhythm +\n        `border-b` hairline), so consecutive rows stack FLUSH — the same\n        content-aware rule the `ContentSection` body applies to settings rows.\n        The pairwise `:has(+ …)` selector zeroes only the margin BETWEEN two\n        adjacent settings rows, so a row followed by a real section (mixed\n        template) keeps the section gap.\n\n        ⚠ The attribute match is `^=settings` (prefix), NOT `=settings_row`:\n        Tailwind converts an unescaped `_` inside an arbitrary variant to a\n        SPACE, emitting the invalid selector `[data-chrome-mode=settings row]`\n        which the browser silently drops (this killed ContentSection's original\n        `…=settings_row]]:gap-0` spelling — verified against the served CSS).\n        Only `settings_row` starts with `settings`, so the prefix is exact.\n      */}\n      <div\n        className={cn(\n          'mr-auto w-full space-y-section',\n          '[&>[data-chrome-mode^=settings]:has(+[data-chrome-mode^=settings])]:mb-0',\n          className,\n        )}\n        style={{ maxInlineSize: responsiveMaxWidthToCssValue(responsiveMaxWidth) }}\n        data-inline-size-tier={responsiveMaxWidth}\n        data-guidance-display\n      >\n        {renderedChildren}\n      </div>\n    </FieldScopeProvider>\n  );\n}\n\n/**\n * Introspects children for `<Section>` elements with container-mode `appearance`.\n * Groups sections sharing the same container mode into a `ContentSectionContainer`.\n * Solo-mode sections and non-Section children render in place.\n */\nfunction renderGroupedChildren(\n  children: ReactNode,\n  displayCtx: ReturnType<typeof useOptionalDisplayTemplateContext>,\n): ReactNode {\n  const grouped = groupSectionsByAppearance(children, displayCtx?.defaultSectionAppearance);\n\n  return (\n    <>\n      {grouped.items.map((item, idx) => {\n        if (item.type === 'node') {\n          return <React.Fragment key={idx}>{item.node}</React.Fragment>;\n        }\n\n        const { group } = item;\n        const config = buildSectionConfigFromGroup(group);\n        const sectionLabels = displayCtx?.sectionLabels ?? {};\n        const sectionDescriptions = displayCtx?.sectionDescriptions ?? {};\n\n        const contentSections: ContentSectionDescriptor[] = group.sections.map((el) => ({\n          id: el.props.name,\n          title: sectionLabels[el.props.name],\n          description: sectionDescriptions[el.props.name],\n          content: (\n            <GroupedSectionContent\n              sectionProps={el.props}\n              providesHeading={!!sectionLabels[el.props.name]}\n            />\n          ),\n        }));\n\n        return (\n          <ContentSectionContainer\n            key={`group-${group.mode}-${idx}`}\n            sections={contentSections}\n            config={config}\n          />\n        );\n      })}\n    </>\n  );\n}\n\n/**\n * Wraps an individual grouped section's content with section-level behaviors\n * (displayChromeMode) when rendered inside a container.\n */\nfunction GroupedSectionContent({\n  sectionProps,\n  providesHeading,\n}: {\n  sectionProps: Pick<SectionProps, 'name' | 'children' | 'chromeMode' | 'className' | 'disabled'>;\n  providesHeading?: boolean;\n}): ReactNode {\n  return (\n    <GroupedSectionBody\n      hostKind={GroupedSectionHostKind.DISPLAY}\n      sectionProps={sectionProps}\n      providesHeading={providesHeading}\n    />\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAE1E"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/Divider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAE1E"}

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

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Divider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AASb;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAsB;IAC7D,OAAO,aAAI,SAAS,EAAE,SAAS,GAAI,CAAC;AACtC,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nexport interface LayoutDividerProps {\n  /** Additional CSS classes for the divider element. */\n  className?: string;\n}\n\n/**\n * Visual separator for layout templates.\n *\n * Named `LayoutDivider` to avoid collision with the low-level\n * `Divider` UI component from `@wildo-ai/saas-frontend-lib`.\n *\n * @example\n * ```tsx\n * <Section name=\"general\">\n *   <FormField name=\"title\" />\n *   <LayoutDivider className=\"my-4\" />\n *   <FormField name=\"description\" />\n * </Section>\n * ```\n */\nexport function LayoutDivider({ className }: LayoutDividerProps): ReactNode {\n  return <hr className={className} />;\n}\n"]}
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/Divider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AASb;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAsB;IAC7D,OAAO,aAAI,SAAS,EAAE,SAAS,GAAI,CAAC;AACtC,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\n\nexport interface LayoutDividerProps {\n  /** Additional CSS classes for the divider element. */\n  className?: string;\n}\n\n/**\n * Visual separator for layout templates.\n *\n * Named `LayoutDivider` to avoid collision with the low-level\n * `Divider` UI component from `@wildo-ai/saas-frontend-lib`.\n *\n * @example\n * ```tsx\n * <Section name=\"general\">\n *   <FormField name=\"title\" />\n *   <LayoutDivider className=\"my-4\" />\n *   <FormField name=\"description\" />\n * </Section>\n * ```\n */\nexport function LayoutDivider({ className }: LayoutDividerProps): ReactNode {\n  return <hr className={className} />;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldScopeContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FieldScopeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;;;;;GAMG;AACH,MAAM,WAAW,sBAAsB;IACrC,uFAAuF;IACvF,UAAU,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,uBAAuB,GAAG,SAAS,CAE/F;AAED,oDAAoD;AACpD,wBAAgB,aAAa,IAAI,sBAAsB,CAEtD;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIzD"}
+{"version":3,"file":"FieldScopeContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/FieldScopeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE;;;;;;GAMG;AACH,MAAM,WAAW,sBAAsB;IACrC,uFAAuF;IACvF,UAAU,EAAE,MAAM,CAAC;CACpB;AAID,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,uBAAuB,GAAG,SAAS,CAE/F;AAED,oDAAoD;AACpD,wBAAgB,aAAa,IAAI,sBAAsB,CAEtD;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAIzD"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldScopeContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FieldScopeContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAclE,MAAM,iBAAiB,GAAG,aAAa,CAAyB,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;AAOpF,MAAM,UAAU,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAA2B;IAClF,OAAO,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,YAAG,QAAQ,GAA8B,CAAC;AACpG,CAAC;AAED,oDAAoD;AACpD,MAAM,UAAU,aAAa;IAC3B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAY;IAC/C,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IACvC,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAC7B,OAAO,GAAG,UAAU,IAAI,IAAI,EAAE,CAAC;AACjC,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\n\n/**\n * Tracks the current field path prefix for nested scoping.\n * Nested `ObjectScope` and `ArrayField` components compose prefixes:\n *\n *   `\"\"` → `\"address\"` → `\"address.street\"`\n *   `\"\"` → `\"items[0]\"` → `\"items[0].name\"`\n */\nexport interface FieldScopeContextValue {\n  /** Current path prefix, e.g. `\"address\"` or `\"addresses[2]\"`. Empty string at root. */\n  pathPrefix: string;\n}\n\nconst FieldScopeContext = createContext<FieldScopeContextValue>({ pathPrefix: '' });\n\nexport interface FieldScopeProviderProps {\n  pathPrefix: string;\n  children: ReactNode;\n}\n\nexport function FieldScopeProvider({ pathPrefix, children }: FieldScopeProviderProps): ReactNode {\n  return <FieldScopeContext.Provider value={{ pathPrefix }}>{children}</FieldScopeContext.Provider>;\n}\n\n/** Returns the current `FieldScopeContextValue`. */\nexport function useFieldScope(): FieldScopeContextValue {\n  return useContext(FieldScopeContext);\n}\n\n/**\n * Resolves a relative field name against the current scope prefix.\n *\n * - Root scope (`\"\"`) + `\"street\"` → `\"street\"`\n * - Object scope (`\"address\"`) + `\"street\"` → `\"address.street\"`\n * - Array scope (`\"items[0]\"`) + `\"name\"` → `\"items[0].name\"`\n */\nexport function useResolvedFieldName(name: string): string {\n  const { pathPrefix } = useFieldScope();\n  if (!pathPrefix) return name;\n  return `${pathPrefix}.${name}`;\n}\n"]}
+{"version":3,"file":"FieldScopeContext.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/FieldScopeContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAclE,MAAM,iBAAiB,GAAG,aAAa,CAAyB,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;AAOpF,MAAM,UAAU,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAA2B;IAClF,OAAO,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,YAAG,QAAQ,GAA8B,CAAC;AACpG,CAAC;AAED,oDAAoD;AACpD,MAAM,UAAU,aAAa;IAC3B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAY;IAC/C,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IACvC,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAC7B,OAAO,GAAG,UAAU,IAAI,IAAI,EAAE,CAAC;AACjC,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext, type ReactNode } from 'react';\n\n/**\n * Tracks the current field path prefix for nested scoping.\n * Nested `ObjectScope` and `ArrayField` components compose prefixes:\n *\n *   `\"\"` → `\"address\"` → `\"address.street\"`\n *   `\"\"` → `\"items[0]\"` → `\"items[0].name\"`\n */\nexport interface FieldScopeContextValue {\n  /** Current path prefix, e.g. `\"address\"` or `\"addresses[2]\"`. Empty string at root. */\n  pathPrefix: string;\n}\n\nconst FieldScopeContext = createContext<FieldScopeContextValue>({ pathPrefix: '' });\n\nexport interface FieldScopeProviderProps {\n  pathPrefix: string;\n  children: ReactNode;\n}\n\nexport function FieldScopeProvider({ pathPrefix, children }: FieldScopeProviderProps): ReactNode {\n  return <FieldScopeContext.Provider value={{ pathPrefix }}>{children}</FieldScopeContext.Provider>;\n}\n\n/** Returns the current `FieldScopeContextValue`. */\nexport function useFieldScope(): FieldScopeContextValue {\n  return useContext(FieldScopeContext);\n}\n\n/**\n * Resolves a relative field name against the current scope prefix.\n *\n * - Root scope (`\"\"`) + `\"street\"` → `\"street\"`\n * - Object scope (`\"address\"`) + `\"street\"` → `\"address.street\"`\n * - Array scope (`\"items[0]\"`) + `\"name\"` → `\"items[0].name\"`\n */\nexport function useResolvedFieldName(name: string): string {\n  const { pathPrefix } = useFieldScope();\n  if (!pathPrefix) return name;\n  return `${pathPrefix}.${name}`;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"FormErrorSummarySlot.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FormErrorSummarySlot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,yBAAyB;IACxC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,yBAAyB,GAAG,SAAS,CAUxF"}
+{"version":3,"file":"FormErrorSummarySlot.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/FormErrorSummarySlot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,yBAAyB;IACxC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,yBAAyB,GAAG,SAAS,CAUxF"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormErrorSummarySlot.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FormErrorSummarySlot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAO/D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,oBAAoB,CAAC,EAAE,SAAS,EAA6B;IAC3E,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACpC,MAAM,aAAa,GAAG,sBAAsB,EAAE,CAAC;IAE/C,OAAO,CACL,KAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,aAAa,EAAE,wBAAwB,EAAE,GACzD,CACH,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { FormErrorSummary } from '../../form/validation-errors/FormErrorSummary';\nimport { useSlotRegistration } from './FormLayoutSlotContext';\nimport { useWizardLayoutContext } from './WizardLayoutContext';\n\nexport interface FormErrorSummarySlotProps {\n  /** Additional CSS classes for the error summary container. */\n  className?: string;\n}\n\n/**\n * Error summary placement slot.\n *\n * Renders the form's error summary (list of validation errors).\n * If omitted from the template, FormLayout can auto-inject one at the top.\n *\n * @example\n * ```tsx\n * <FormLayout>\n *   <FormErrorSummarySlot className=\"mb-4\" />\n *   <Section name=\"general\">\n *     <FormField name=\"title\" />\n *   </Section>\n *   <SubmitButton />\n * </FormLayout>\n * ```\n */\nexport function FormErrorSummarySlot({ className }: FormErrorSummarySlotProps): ReactNode {\n  useSlotRegistration('errorSummary');\n  const wizardContext = useWizardLayoutContext();\n\n  return (\n    <FormErrorSummary\n      className={className}\n      stepFieldNames={wizardContext?.getCurrentStepFieldNames()}\n    />\n  );\n}\n"]}
+{"version":3,"file":"FormErrorSummarySlot.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/FormErrorSummarySlot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAO/D;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,oBAAoB,CAAC,EAAE,SAAS,EAA6B;IAC3E,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACpC,MAAM,aAAa,GAAG,sBAAsB,EAAE,CAAC;IAE/C,OAAO,CACL,KAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,aAAa,EAAE,wBAAwB,EAAE,GACzD,CACH,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { FormErrorSummary } from '../../form/validation-errors/FormErrorSummary';\nimport { useSlotRegistration } from './FormLayoutSlotContext';\nimport { useWizardLayoutContext } from './WizardLayoutContext';\n\nexport interface FormErrorSummarySlotProps {\n  /** Additional CSS classes for the error summary container. */\n  className?: string;\n}\n\n/**\n * Error summary placement slot.\n *\n * Renders the form's error summary (list of validation errors).\n * If omitted from the template, FormLayout can auto-inject one at the top.\n *\n * @example\n * ```tsx\n * <FormLayout>\n *   <FormErrorSummarySlot className=\"mb-4\" />\n *   <Section name=\"general\">\n *     <FormField name=\"title\" />\n *   </Section>\n *   <SubmitButton />\n * </FormLayout>\n * ```\n */\nexport function FormErrorSummarySlot({ className }: FormErrorSummarySlotProps): ReactNode {\n  useSlotRegistration('errorSummary');\n  const wizardContext = useWizardLayoutContext();\n\n  return (\n    <FormErrorSummary\n      className={className}\n      stepFieldNames={wizardContext?.getCurrentStepFieldNames()}\n    />\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"FormLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FormLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA2D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAsB9E,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C;;;;;;;;;;;;OAYG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAOD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,kBAAkB,EAAE,mBAAmB,EACvC,sBAA6B,EAC7B,kBAA8B,GAC/B,EAAE,eAAe,GAAG,SAAS,CAuF7B"}
+{"version":3,"file":"FormLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/FormLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA2D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAsB9E,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C;;;;;;;;;;;;OAYG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAOD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,kBAAkB,EAAE,mBAAmB,EACvC,sBAA6B,EAC7B,kBAA8B,GAC/B,EAAE,eAAe,GAAG,SAAS,CAuF7B"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormLayout.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FormLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useCallback, useLayoutEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport type { ResponsiveMaxWidth } from '@wildo-ai/presets-components-models';\nimport { responsiveMaxWidthToCssValue } from '../../sections/surface';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { ErrorBoundary } from '~wildo-frontend-lib/core/errors/ErrorBoundary';\nimport { FieldScopeProvider } from './FieldScopeContext';\nimport {\n  FormLayoutSlotContext,\n  type FormLayoutSlotType,\n} from './FormLayoutSlotContext';\nimport { FormErrorSummarySlot } from './FormErrorSummarySlot';\nimport { SubmitButton } from './SubmitButton';\nimport { useOptionalFormTemplateContext } from '../../form/automated/FormTemplateContext';\nimport { useOptionalResourceFormActions } from '../../form/automated/ResourceFormActionsContext';\nimport { ContentSectionContainer } from '../../sections/ContentSectionContainer';\nimport type { ContentSectionDescriptor } from '../../sections/ContentSectionContainer';\nimport {\n  groupSectionsByAppearance,\n  buildSectionConfigFromGroup,\n} from './section-consolidation.utils';\nimport { GroupedSectionBody, type SectionProps } from './Section';\nimport { GroupedSectionHostKind } from './Section.shared';\n\nexport interface FormLayoutProps {\n  /** Additional CSS classes for the root container. */\n  className?: string;\n  /**\n   * How wide the form column lets its content grow, named in the framework's own vocabulary.\n   *\n   * Defaults to `'measure'` — the reading-measure cap (~42rem, themeable via `--measure-max-width`)\n   * that keeps a single-column form readable rather than stretched edge to edge. That default is the\n   * long-standing behaviour and is what almost every form wants.\n   *\n   * The prop exists so the tier is REACHABLE. It was previously a literal Tailwind class spelling the\n   * same value the `'measure'` tier already names, which meant a host could not select a different one\n   * — see {@link DisplayLayout}'s twin, where a composed template needed `'none'` and had no way to\n   * ask for it.\n   */\n  responsiveMaxWidth?: ResponsiveMaxWidth;\n  /**\n   * Context field values to inject into form state.\n   * Fields present here are hidden from rendering but populate\n   * the form state for validation and submission (e.g., parent IDs).\n   */\n  contextFieldValues?: Record<string, unknown>;\n  /**\n   * When `false`, suppresses automatic `<SubmitButton>` injection even if no\n   * submit slot is registered by children. The generated-template path sets\n   * this via `generateDefaultFormTemplate({ includeSubmitButton: false })`.\n   *\n   * Note: under `ResourceAutomatedForm`, suppression is automatic regardless\n   * of this prop — the host provides `ResourceFormActionsContext` and renders\n   * its own operation-aware submit row after the template, so developer-\n   * authored templates can use a bare `<FormLayout>` without ending up with\n   * two submit buttons. This prop only matters for standalone usage\n   * (direct `AutomatedForm` callers outside a resource form host).\n   * @default true\n   */\n  autoInjectSubmitButton?: boolean;\n  children?: ReactNode;\n}\n\ninterface AutoSlotsState {\n  errorSummary: boolean;\n  submitButton: boolean;\n}\n\n/**\n * Root wrapper for edit layout templates.\n *\n * Renders inside `<Form>` (RHF provider). Handles:\n * - Root `FieldScopeContext` with empty prefix\n * - Slot auto-detection: default error summary / submit when omitted (DT-6); no default submit under wizard,\n *   nor when a resource-form host owns the submit row (`ResourceFormActionsContext` present —\n *   `ResourceAutomatedForm` appends its operation-aware buttons after the template)\n * - Guidance marker for automated testing (DT-9)\n *\n * TODO(F-10): AutoFocus resolution — scan children for first focusable FormField and call focus().\n * Note: `contextFieldValues` are injected upstream by `AutomatedForm`; generated\n * templates hide those fields before rendering, while handwritten templates can\n * still opt into custom treatment when needed.\n *\n * @example\n * ```tsx\n * <FormLayout>\n *   <Section name=\"general\">\n *     <FormField name=\"title\" />\n *   </Section>\n *   <SubmitButton />\n * </FormLayout>\n * ```\n */\nexport function FormLayout({\n  className,\n  children,\n  contextFieldValues: _contextFieldValues,\n  autoInjectSubmitButton = true,\n  responsiveMaxWidth = 'measure',\n}: FormLayoutProps): ReactNode {\n  const registeredSlots = useRef(new Set<FormLayoutSlotType>());\n  const wizardRootRegistered = useRef(false);\n  const [autoSlots, setAutoSlots] = useState<AutoSlotsState>({\n    errorSummary: false,\n    submitButton: false,\n  });\n\n  // A non-null ResourceFormActionsContext means a resource-form host\n  // (ResourceAutomatedForm) renders its own operation-aware submit row after\n  // the template — auto-injecting a generic SubmitButton here would produce a\n  // second submit button. Explicit templates authored app-side use a bare\n  // <FormLayout>, so this suppression cannot be a prop on the call site.\n  const hostOwnsSubmitRow = useOptionalResourceFormActions() !== null;\n\n  const registerSlot = useCallback((slot: FormLayoutSlotType) => {\n    registeredSlots.current.add(slot);\n  }, []);\n\n  const registerWizardRoot = useCallback(() => {\n    wizardRootRegistered.current = true;\n  }, []);\n\n  const slotContextValue = useMemo(\n    () => ({ registerSlot, registerWizardRoot }),\n    [registerSlot, registerWizardRoot],\n  );\n\n  // After children mount and register their slots, detect missing ones (next frame so layout effects have run).\n  useLayoutEffect(() => {\n    const frame = requestAnimationFrame(() => {\n      const missing: AutoSlotsState = {\n        errorSummary: !registeredSlots.current.has('errorSummary'),\n        submitButton:\n          autoInjectSubmitButton &&\n          !hostOwnsSubmitRow &&\n          !wizardRootRegistered.current &&\n          !registeredSlots.current.has('submitButton'),\n      };\n      if (missing.errorSummary || missing.submitButton) {\n        setAutoSlots(missing);\n      }\n    });\n    return () => cancelAnimationFrame(frame);\n  }, [autoInjectSubmitButton, hostOwnsSubmitRow]);\n\n  const formCtx = useOptionalFormTemplateContext();\n  const renderedChildren = useMemo(\n    () => renderGroupedChildren(children, formCtx),\n    [children, formCtx],\n  );\n\n  return (\n    <FormLayoutSlotContext.Provider value={slotContextValue}>\n      <FieldScopeProvider pathPrefix=\"\">\n        {/*\n          T4c — reading-measure cap. A single-column form column caps at\n          `--measure-max-width` (~42rem) and aligns to the LEFT of the content\n          zone, so detail/settings forms stop stretching edge-to-edge while\n          staying flush with the left-aligned resource header (no centred\n          gutter). `max-w` only engages when the container is wider than the\n          measure, so a form inside a narrow dialog / panel is unaffected.\n          Retune/opt-out via the CSS var or by overriding `className`.\n        */}\n        <div\n          className={cn('mr-auto w-full', className)}\n          style={{ maxInlineSize: responsiveMaxWidthToCssValue(responsiveMaxWidth) }}\n          data-inline-size-tier={responsiveMaxWidth}\n          data-guidance-form=\"\"\n        >\n          <ErrorBoundary>\n            {autoSlots.errorSummary ? <FormErrorSummarySlot className=\"mb-4\" /> : null}\n            {/* `space-y-section` separates stacked SECTIONS with a clear gap (see\n                DisplayLayout for the rationale). Wrapped separately from the\n                error-summary / submit slots so it never compounds their own\n                margins. Bare SETTINGS_ROW field rows are self-delimiting list\n                items (`py-card-sm` + `border-b`), so consecutive rows stack\n                FLUSH — same pairwise rule as DisplayLayout (see its comment for\n                why the attribute match must be `^=settings`, never the\n                underscore-carrying `=settings_row`). */}\n            <div className=\"space-y-section [&>[data-chrome-mode^=settings]:has(+[data-chrome-mode^=settings])]:mb-0\">{renderedChildren}</div>\n            {autoSlots.submitButton ? <SubmitButton className=\"mt-6\" /> : null}\n          </ErrorBoundary>\n        </div>\n      </FieldScopeProvider>\n    </FormLayoutSlotContext.Provider>\n  );\n}\n\n/**\n * Introspects children for `<Section>` elements with container-mode `appearance`.\n * Groups sections sharing the same container mode into a `ContentSectionContainer`.\n * Solo-mode sections and non-Section children render in place.\n */\nfunction renderGroupedChildren(\n  children: ReactNode,\n  formCtx: ReturnType<typeof useOptionalFormTemplateContext>,\n): ReactNode {\n  const grouped = groupSectionsByAppearance(children);\n\n  return (\n    <>\n      {grouped.items.map((item, idx) => {\n        if (item.type === 'node') {\n          return <React.Fragment key={idx}>{item.node}</React.Fragment>;\n        }\n\n        const { group } = item;\n        const config = buildSectionConfigFromGroup(group);\n        const sectionLabels = formCtx?.sectionLabels ?? {};\n        const sectionDescriptions = formCtx?.sectionDescriptions ?? {};\n\n        const contentSections: ContentSectionDescriptor[] = group.sections.map((el) => ({\n          id: el.props.name,\n          title: sectionLabels[el.props.name],\n          description: sectionDescriptions[el.props.name],\n          content: (\n            <GroupedSectionContent\n              sectionProps={el.props}\n              providesHeading={!!sectionLabels[el.props.name]}\n            />\n          ),\n        }));\n\n        return (\n          <ContentSectionContainer\n            key={`group-${group.mode}-${idx}`}\n            sections={contentSections}\n            config={config}\n          />\n        );\n      })}\n    </>\n  );\n}\n\n/**\n * Wraps an individual grouped section's content with section-level behaviors\n * (chromeMode, saveable) when rendered inside a container.\n */\nfunction GroupedSectionContent({\n  sectionProps,\n  providesHeading,\n}: {\n  sectionProps: Pick<SectionProps, 'name' | 'children' | 'chromeMode' | 'saveable' | 'className' | 'disabled'>;\n  providesHeading?: boolean;\n}): ReactNode {\n  return (\n    <GroupedSectionBody\n      hostKind={GroupedSectionHostKind.FORM}\n      sectionProps={sectionProps}\n      providesHeading={providesHeading}\n    />\n  );\n}\n"]}
+{"version":3,"file":"FormLayout.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/FormLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport React, { useCallback, useLayoutEffect, useMemo, useRef, useState, type ReactNode } from 'react';\nimport type { ResponsiveMaxWidth } from '@wildo-ai/presets-components-models';\nimport { responsiveMaxWidthToCssValue } from '../../sections/surface';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { ErrorBoundary } from '~wildo-frontend-lib/core/errors/ErrorBoundary';\nimport { FieldScopeProvider } from './FieldScopeContext';\nimport {\n  FormLayoutSlotContext,\n  type FormLayoutSlotType,\n} from './FormLayoutSlotContext';\nimport { FormErrorSummarySlot } from './FormErrorSummarySlot';\nimport { SubmitButton } from './SubmitButton';\nimport { useOptionalFormTemplateContext } from '../../form/automated/FormTemplateContext';\nimport { useOptionalResourceFormActions } from '../../form/automated/ResourceFormActionsContext';\nimport { ContentSectionContainer } from '../../sections/ContentSectionContainer';\nimport type { ContentSectionDescriptor } from '../../sections/ContentSectionContainer';\nimport {\n  groupSectionsByAppearance,\n  buildSectionConfigFromGroup,\n} from './section-consolidation.utils';\nimport { GroupedSectionBody, type SectionProps } from './Section';\nimport { GroupedSectionHostKind } from './Section.shared';\n\nexport interface FormLayoutProps {\n  /** Additional CSS classes for the root container. */\n  className?: string;\n  /**\n   * How wide the form column lets its content grow, named in the framework's own vocabulary.\n   *\n   * Defaults to `'measure'` — the reading-measure cap (~42rem, themeable via `--measure-max-width`)\n   * that keeps a single-column form readable rather than stretched edge to edge. That default is the\n   * long-standing behaviour and is what almost every form wants.\n   *\n   * The prop exists so the tier is REACHABLE. It was previously a literal Tailwind class spelling the\n   * same value the `'measure'` tier already names, which meant a host could not select a different one\n   * — see {@link DisplayLayout}'s twin, where a composed template needed `'none'` and had no way to\n   * ask for it.\n   */\n  responsiveMaxWidth?: ResponsiveMaxWidth;\n  /**\n   * Context field values to inject into form state.\n   * Fields present here are hidden from rendering but populate\n   * the form state for validation and submission (e.g., parent IDs).\n   */\n  contextFieldValues?: Record<string, unknown>;\n  /**\n   * When `false`, suppresses automatic `<SubmitButton>` injection even if no\n   * submit slot is registered by children. The generated-template path sets\n   * this via `generateDefaultFormTemplate({ includeSubmitButton: false })`.\n   *\n   * Note: under `ResourceAutomatedForm`, suppression is automatic regardless\n   * of this prop — the host provides `ResourceFormActionsContext` and renders\n   * its own operation-aware submit row after the template, so developer-\n   * authored templates can use a bare `<FormLayout>` without ending up with\n   * two submit buttons. This prop only matters for standalone usage\n   * (direct `AutomatedForm` callers outside a resource form host).\n   * @default true\n   */\n  autoInjectSubmitButton?: boolean;\n  children?: ReactNode;\n}\n\ninterface AutoSlotsState {\n  errorSummary: boolean;\n  submitButton: boolean;\n}\n\n/**\n * Root wrapper for edit layout templates.\n *\n * Renders inside `<Form>` (RHF provider). Handles:\n * - Root `FieldScopeContext` with empty prefix\n * - Slot auto-detection: default error summary / submit when omitted (DT-6); no default submit under wizard,\n *   nor when a resource-form host owns the submit row (`ResourceFormActionsContext` present —\n *   `ResourceAutomatedForm` appends its operation-aware buttons after the template)\n * - Guidance marker for automated testing (DT-9)\n *\n * TODO(F-10): AutoFocus resolution — scan children for first focusable FormField and call focus().\n * Note: `contextFieldValues` are injected upstream by `AutomatedForm`; generated\n * templates hide those fields before rendering, while handwritten templates can\n * still opt into custom treatment when needed.\n *\n * @example\n * ```tsx\n * <FormLayout>\n *   <Section name=\"general\">\n *     <FormField name=\"title\" />\n *   </Section>\n *   <SubmitButton />\n * </FormLayout>\n * ```\n */\nexport function FormLayout({\n  className,\n  children,\n  contextFieldValues: _contextFieldValues,\n  autoInjectSubmitButton = true,\n  responsiveMaxWidth = 'measure',\n}: FormLayoutProps): ReactNode {\n  const registeredSlots = useRef(new Set<FormLayoutSlotType>());\n  const wizardRootRegistered = useRef(false);\n  const [autoSlots, setAutoSlots] = useState<AutoSlotsState>({\n    errorSummary: false,\n    submitButton: false,\n  });\n\n  // A non-null ResourceFormActionsContext means a resource-form host\n  // (ResourceAutomatedForm) renders its own operation-aware submit row after\n  // the template — auto-injecting a generic SubmitButton here would produce a\n  // second submit button. Explicit templates authored app-side use a bare\n  // <FormLayout>, so this suppression cannot be a prop on the call site.\n  const hostOwnsSubmitRow = useOptionalResourceFormActions() !== null;\n\n  const registerSlot = useCallback((slot: FormLayoutSlotType) => {\n    registeredSlots.current.add(slot);\n  }, []);\n\n  const registerWizardRoot = useCallback(() => {\n    wizardRootRegistered.current = true;\n  }, []);\n\n  const slotContextValue = useMemo(\n    () => ({ registerSlot, registerWizardRoot }),\n    [registerSlot, registerWizardRoot],\n  );\n\n  // After children mount and register their slots, detect missing ones (next frame so layout effects have run).\n  useLayoutEffect(() => {\n    const frame = requestAnimationFrame(() => {\n      const missing: AutoSlotsState = {\n        errorSummary: !registeredSlots.current.has('errorSummary'),\n        submitButton:\n          autoInjectSubmitButton &&\n          !hostOwnsSubmitRow &&\n          !wizardRootRegistered.current &&\n          !registeredSlots.current.has('submitButton'),\n      };\n      if (missing.errorSummary || missing.submitButton) {\n        setAutoSlots(missing);\n      }\n    });\n    return () => cancelAnimationFrame(frame);\n  }, [autoInjectSubmitButton, hostOwnsSubmitRow]);\n\n  const formCtx = useOptionalFormTemplateContext();\n  const renderedChildren = useMemo(\n    () => renderGroupedChildren(children, formCtx),\n    [children, formCtx],\n  );\n\n  return (\n    <FormLayoutSlotContext.Provider value={slotContextValue}>\n      <FieldScopeProvider pathPrefix=\"\">\n        {/*\n          T4c — reading-measure cap. A single-column form column caps at\n          `--measure-max-width` (~42rem) and aligns to the LEFT of the content\n          zone, so detail/settings forms stop stretching edge-to-edge while\n          staying flush with the left-aligned resource header (no centred\n          gutter). `max-w` only engages when the container is wider than the\n          measure, so a form inside a narrow dialog / panel is unaffected.\n          Retune/opt-out via the CSS var or by overriding `className`.\n        */}\n        <div\n          className={cn('mr-auto w-full', className)}\n          style={{ maxInlineSize: responsiveMaxWidthToCssValue(responsiveMaxWidth) }}\n          data-inline-size-tier={responsiveMaxWidth}\n          data-guidance-form=\"\"\n        >\n          <ErrorBoundary>\n            {autoSlots.errorSummary ? <FormErrorSummarySlot className=\"mb-4\" /> : null}\n            {/* `space-y-section` separates stacked SECTIONS with a clear gap (see\n                DisplayLayout for the rationale). Wrapped separately from the\n                error-summary / submit slots so it never compounds their own\n                margins. Bare SETTINGS_ROW field rows are self-delimiting list\n                items (`py-card-sm` + `border-b`), so consecutive rows stack\n                FLUSH — same pairwise rule as DisplayLayout (see its comment for\n                why the attribute match must be `^=settings`, never the\n                underscore-carrying `=settings_row`). */}\n            <div className=\"space-y-section [&>[data-chrome-mode^=settings]:has(+[data-chrome-mode^=settings])]:mb-0\">{renderedChildren}</div>\n            {autoSlots.submitButton ? <SubmitButton className=\"mt-6\" /> : null}\n          </ErrorBoundary>\n        </div>\n      </FieldScopeProvider>\n    </FormLayoutSlotContext.Provider>\n  );\n}\n\n/**\n * Introspects children for `<Section>` elements with container-mode `appearance`.\n * Groups sections sharing the same container mode into a `ContentSectionContainer`.\n * Solo-mode sections and non-Section children render in place.\n */\nfunction renderGroupedChildren(\n  children: ReactNode,\n  formCtx: ReturnType<typeof useOptionalFormTemplateContext>,\n): ReactNode {\n  const grouped = groupSectionsByAppearance(children);\n\n  return (\n    <>\n      {grouped.items.map((item, idx) => {\n        if (item.type === 'node') {\n          return <React.Fragment key={idx}>{item.node}</React.Fragment>;\n        }\n\n        const { group } = item;\n        const config = buildSectionConfigFromGroup(group);\n        const sectionLabels = formCtx?.sectionLabels ?? {};\n        const sectionDescriptions = formCtx?.sectionDescriptions ?? {};\n\n        const contentSections: ContentSectionDescriptor[] = group.sections.map((el) => ({\n          id: el.props.name,\n          title: sectionLabels[el.props.name],\n          description: sectionDescriptions[el.props.name],\n          content: (\n            <GroupedSectionContent\n              sectionProps={el.props}\n              providesHeading={!!sectionLabels[el.props.name]}\n            />\n          ),\n        }));\n\n        return (\n          <ContentSectionContainer\n            key={`group-${group.mode}-${idx}`}\n            sections={contentSections}\n            config={config}\n          />\n        );\n      })}\n    </>\n  );\n}\n\n/**\n * Wraps an individual grouped section's content with section-level behaviors\n * (chromeMode, saveable) when rendered inside a container.\n */\nfunction GroupedSectionContent({\n  sectionProps,\n  providesHeading,\n}: {\n  sectionProps: Pick<SectionProps, 'name' | 'children' | 'chromeMode' | 'saveable' | 'className' | 'disabled'>;\n  providesHeading?: boolean;\n}): ReactNode {\n  return (\n    <GroupedSectionBody\n      hostKind={GroupedSectionHostKind.FORM}\n      sectionProps={sectionProps}\n      providesHeading={providesHeading}\n    />\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"FormLayoutSlotContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FormLayoutSlotContext.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,cAAc,CAAC;AAEjE,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,+EAA+E;IAC/E,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,qBAAqB,qDAAyD,CAAC;AAE5F;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAKlE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,IAAI,CAKhD"}
+{"version":3,"file":"FormLayoutSlotContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/FormLayoutSlotContext.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG,cAAc,CAAC;AAEjE,MAAM,WAAW,0BAA0B;IACzC,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,+EAA+E;IAC/E,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,qBAAqB,qDAAyD,CAAC;AAE5F;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAKlE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,IAAI,CAKhD"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormLayoutSlotContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/FormLayoutSlotContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAUnE,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAAoC,IAAI,CAAC,CAAC;AAE5F;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,IAAwB;IAC1D,MAAM,GAAG,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC9C,eAAe,CAAC,GAAG,EAAE;QACnB,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AAClB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACvC,MAAM,GAAG,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC9C,eAAe,CAAC,GAAG,EAAE;QACnB,GAAG,EAAE,kBAAkB,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext, useLayoutEffect } from 'react';\n\nexport type FormLayoutSlotType = 'errorSummary' | 'submitButton';\n\nexport interface FormLayoutSlotContextValue {\n  registerSlot: (slot: FormLayoutSlotType) => void;\n  /** Set when `WizardLayout` mounts; suppresses auto-injected `SubmitButton`. */\n  registerWizardRoot: () => void;\n}\n\nexport const FormLayoutSlotContext = createContext<FormLayoutSlotContextValue | null>(null);\n\n/**\n * Hook for slot components (`FormErrorSummarySlot`, `SubmitButton`) to register their presence.\n * `FormLayout` uses this to know which slots are manually placed by the template author,\n * and auto-injects defaults for any missing slots.\n */\nexport function useSlotRegistration(slot: FormLayoutSlotType): void {\n  const ctx = useContext(FormLayoutSlotContext);\n  useLayoutEffect(() => {\n    ctx?.registerSlot(slot);\n  }, [slot, ctx]);\n}\n\n/**\n * Called by `WizardLayout` on mount so `FormLayout` does not append a default `SubmitButton`.\n */\nexport function useWizardRootRegistration(): void {\n  const ctx = useContext(FormLayoutSlotContext);\n  useLayoutEffect(() => {\n    ctx?.registerWizardRoot();\n  }, [ctx]);\n}\n"]}
+{"version":3,"file":"FormLayoutSlotContext.js","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/FormLayoutSlotContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAUnE,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAAoC,IAAI,CAAC,CAAC;AAE5F;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,IAAwB;IAC1D,MAAM,GAAG,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC9C,eAAe,CAAC,GAAG,EAAE;QACnB,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AAClB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,yBAAyB;IACvC,MAAM,GAAG,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC9C,eAAe,CAAC,GAAG,EAAE;QACnB,GAAG,EAAE,kBAAkB,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ,CAAC","sourcesContent":["'use client';\n\nimport { createContext, useContext, useLayoutEffect } from 'react';\n\nexport type FormLayoutSlotType = 'errorSummary' | 'submitButton';\n\nexport interface FormLayoutSlotContextValue {\n  registerSlot: (slot: FormLayoutSlotType) => void;\n  /** Set when `WizardLayout` mounts; suppresses auto-injected `SubmitButton`. */\n  registerWizardRoot: () => void;\n}\n\nexport const FormLayoutSlotContext = createContext<FormLayoutSlotContextValue | null>(null);\n\n/**\n * Hook for slot components (`FormErrorSummarySlot`, `SubmitButton`) to register their presence.\n * `FormLayout` uses this to know which slots are manually placed by the template author,\n * and auto-injects defaults for any missing slots.\n */\nexport function useSlotRegistration(slot: FormLayoutSlotType): void {\n  const ctx = useContext(FormLayoutSlotContext);\n  useLayoutEffect(() => {\n    ctx?.registerSlot(slot);\n  }, [slot, ctx]);\n}\n\n/**\n * Called by `WizardLayout` on mount so `FormLayout` does not append a default `SubmitButton`.\n */\nexport function useWizardRootRegistration(): void {\n  const ctx = useContext(FormLayoutSlotContext);\n  useLayoutEffect(() => {\n    ctx?.registerWizardRoot();\n  }, [ctx]);\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,UAAU;IACzB;;;;;OAKG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,UAAU,GAAG,SAAS,CAc1E;yBAde,KAAK"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/resources/skeleton/Group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,UAAU;IACzB;;;;;OAKG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,UAAU,GAAG,SAAS,CA0B1E;yBA1Be,KAAK"}