@wildo-ai/saas-frontend-lib 1.1.9 → 1.1.11

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_SemanticOperationFallback.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_SemanticOperationFallback.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qEAAqE,CAAC;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gEAAgE,CAAC;AAC9G,OAAO,EAAE,qBAAqB,EAAE,MAAM,gEAAgE,CAAC;AACvG,OAAO,EAAE,+BAA+B,EAAE,MAAM,iEAAiE,CAAC;AAClH,OAAO,EAAE,6CAA6C,EAAE,MAAM,+EAA+E,CAAC;AAC9I,OAAO,EAAE,qBAAqB,EAAE,MAAM,gEAAgE,CAAC;AACvG,OAAO,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AACvF,OAAO,EAAE,yBAAyB,EAAE,MAAM,qEAAqE,CAAC;AAChH,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,kCAAkC,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACvG,OAAO,EACL,kCAAkC,EAClC,8BAA8B,GAC/B,MAAM,uEAAuE,CAAC;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,gEAAgE,CAAC;AAG7G,OAAO,EAAE,qBAAqB,EAAE,MAAM,6DAA6D,CAAC;AAEpG,MAAM,MAAM,GAAG,qBAAqB,CAAC,SAAS,EAAE,CAAC;AAEjD;;;;;;;;GAQG;AACH,MAAM,CAAN,IAAY,2BAQX;AARD,WAAY,2BAA2B;IACrC,4FAA4F;IAC5F,4CAAa,CAAA;IACb;;;OAGG;IACH,kDAAmB,CAAA;AACrB,CAAC,EARW,2BAA2B,KAA3B,2BAA2B,QAQtC;AAeD;;;;;GAKG;AACH,MAAM,UAAU,wCAAwC,CAAC,EACvD,GAAG,KAAK,EACqC;IAC7C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC5E,MAAM,EACJ,eAAe,EAAE,sBAAsB,EACvC,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,SAAS,GACV,GAAG,+BAA+B,EAAE,CAAC;IACtC;;;;;;;;;;;;;;;OAeG;IACH,MAAM,eAAe,GAAG,KAAK,CAAC,eAAe,EAAE,SAAS,CAAC;IACzD,MAAM,kBAAkB,GAAG,eAAe;QACxC,CAAC,CAAC,kCAAkC,CAAC,mCAAmC,CAAC,eAAe,CAAC;QACzF,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,mBAAmB,GAAG,SAAS;QACnC,CAAC,CAAC,kCAAkC,CAAC,mCAAmC,CAAC,SAAS,CAAC;QACnF,CAAC,CAAC,SAAS,CAAC;IACd,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,kBAAkB,IAAI,mBAAmB,IAAI,kBAAkB,KAAK,mBAAmB,EAAE,CAAC;YAC5F,MAAM,CAAC,KAAK,CACV,sDAAsD,kBAAkB,sCAAsC;kBAC5G,IAAI,mBAAmB,0FAA0F;kBACjH,2EAA2E,CAC9E,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAC9C,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QAC1D,SAAS,EAAE,qBAAqB,CAAC,wBAAwB;QACzD,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;QAC7B,aAAa,YAAY,EAAE;QAC3B,cAAc,qBAAqB,CAAC,wBAAwB,EAAE;KAC/D,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,0EAA0E;IAC1E,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5E;;;;OAIG;IACH,MAAM,EACJ,OAAO,EACP,WAAW,EAAE,sBAAsB,EACnC,eAAe,EAAE,yBAAyB,EAC1C,mBAAmB,EAAE,aAAa,EAClC,aAAa,EAAE,WAAW,GAC3B,GAAG,2BAA2B,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,4FAA4F;QAC5F,yFAAyF;QACzF,iGAAiG;QACjG,4EAA4E;QAC5E,OAAO,kBAAkB,CAAC,YAAY,EAAE,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAC,CAAC;IAC1F,CAAC,EAAE,CAAC,SAAS,CAAC,mBAAmB,EAAE,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC;IACtE,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,OAAO,qBAAqB,CAAC;YAC3B,UAAU;YACV,aAAa,EAAE,qBAAqB,CAAC,wBAAwB;YAC7D,GAAG,EAAE,eAAe;YACpB,MAAM,EAAE,EAAE,WAAW,EAAE;SACxB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9B,MAAM,wBAAwB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtD,MAAM,OAAO,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,iGAAiG;IACjG,kGAAkG;IAClG,MAAM,gBAAgB,GAAG,CAAC,8BAA8B,CAAC,SAAS,CAAC,IAAI,CAAC,kCAAkC,CAAC,SAAS,CAAC,CAAC;IAEtH,4EAA4E;IAC5E,yEAAyE;IACzE,4EAA4E;IAC5E,8EAA8E;IAC9E,mBAAmB;IACnB,MAAM,mBAAmB,GAAG,SAAS,CAAC,SAAS,KAAK,0BAA0B,CAAC,QAAQ,CAAC;IACxF,MAAM,0BAA0B,GAAG,OAAO,CACxC,GAAG,EAAE,CAAC,4BAA4B,CAAC,kBAAkB,EAAE,YAAY,EAAE,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAC3G,CAAC,kBAAkB,EAAE,YAAY,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAClE,CAAC;IACF,MAAM,8BAA8B,GAAG,WAAW,CAAC,GAAG,EAAE;QACtD,IAAI,mBAAmB,EAAE,CAAC;YACxB,yBAAyB,CAAC,IAAI,CAAC,CAAC;YAChC,OAAO;QACT,CAAC;QACD,KAAK,wBAAwB,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,mBAAmB,EAAE,wBAAwB,CAAC,CAAC,CAAC;IACpD,MAAM,4BAA4B,GAAG,WAAW,CAAC,GAAG,EAAE;QACpD,yBAAyB,CAAC,KAAK,CAAC,CAAC;QACjC,KAAK,wBAAwB,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAC/B,MAAM,2BAA2B,GAAG,WAAW,CAAC,GAAG,EAAE;QACnD,yBAAyB,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,MAAM,KAAK,2BAA2B,CAAC,OAAO,CAAC;IAEvE,IAAI,OAAO,KAAK,KAAK;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAO,CACL,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,YAC7B,eAAK,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,aAClE,CAAC,eAAe,IAAI,CACnB,KAAC,qBAAqB,IACpB,eAAe,EAAE,sBAAsB,EACvC,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE,mBAAmB,GACxC,CACH,EAEA,gBAAgB,CAAC,CAAC,CAAC,CAClB,KAAC,qBAAqB,IACpB,eAAe,EAAE,sBAAsB,EACvC,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,QAChB,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACpD,8BAA8B,EAAE,6CAA6C,CAAC,SAAS,CAAC,GACxF,CACH,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,2CAA2C,aAC/G,YAAG,SAAS,EAAC,wCAAwC,YAClD,qBAAqB,CAAC;gCACrB,UAAU;gCACV,aAAa,EAAE,qBAAqB,CAAC,wBAAwB;gCAC7D,GAAG,EAAE,gBAAgB;6BACtB,CAAC,GACA,EACJ,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,OAAO,EAAE,8BAA8B,EACvC,QAAQ,EAAE,sBAAsB,IAAI,yBAAyB,YAE5D,sBAAsB,IAAI,yBAAyB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,GAChF,IACL,CACP,EAGA,sBAAsB,IAAI,CACzB,KAAC,yBAAyB,IACxB,IAAI,QACJ,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI;wBAAE,2BAA2B,EAAE,CAAC,CAAC,CAAC,EACrE,cAAc,EAAE,2BAA2B,EAC3C,kBAAkB,EAAE,4BAA4B,EAChD,wBAAwB,QACxB,kBAAkB,EAAE,0BAA0B,GAC9C,CACH,IACG,GACM,CACf,CAAC;AACJ,CAAC","sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ResourceAutomatedForm } from '~wildo-frontend-lib/components/form/automated/ResourceAutomatedForm';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { resolveOperationDisplayTitle } from '~wildo-frontend-lib/core/i18n/operation-title-resolution.utils';\nimport { resolveComponentLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport { useResourceOperationViewContext } from '~wildo-frontend-lib/core/resources/ResourceOperationViewContext';\nimport { resolveDeclaredUpdateLikeMutationFallbackMode } from '~wildo-frontend-lib/core/resources/rmm/update-like-mutation-fallback.frontend';\nimport { ResourceLayout_Header } from '~wildo-frontend-lib/components/resources/ResourceLayout_Header';\nimport { LoadingGate } from '~wildo-frontend-lib/core/loading/LoadingGate';\nimport { Button } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { OperationsConfirmCritical } from '~wildo-frontend-lib/components/feedback/operations-confirm-critical';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { ResourcesConfig_OperationPathUtils, ResourceOperationRiskLevel } from '@wildo-ai/saas-models';\nimport {\n  isGeneratedFileRegenerateOperation,\n  operationCollectsNoCallerInput,\n} from '~wildo-frontend-lib/core/resources/operation-semantics.frontend.utils';\nimport { useOperationDirectExecution } from '~wildo-frontend-lib/core/resources/useOperationDirectExecution';\n\nimport { BaseResourcesLayoutProps } from './component-props.resources-layout.frontend.schemas';\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\n\nconst logger = LoggerFrontendService.getLogger();\n\n/**\n * How much page chrome the operation body renders around its form.\n *\n * The body itself — the RMM contract, the CRITICAL double-validation, the success/error events, the\n * zero-input confirm path — is IDENTICAL in every host, and that is the point of this being a mode\n * rather than a second component. A popover that re-implemented the execution flow to drop a header\n * would be a second source of the operation contract, which is how the bulk selector came to be\n * spelled two different ways.\n */\nexport enum ResourceOperationHostChrome {\n  /** Page/overlay host: resource header above the form, form width capped for readability. */\n  FULL = 'full',\n  /**\n   * Anchored host (a popover): no header — the button the panel is anchored to already names the\n   * action, so a heading repeats it — and no width cap, because the panel sizes itself.\n   */\n  COMPACT = 'compact',\n}\n\nexport interface ResourceLayoutSemanticOperationFallbackProps extends BaseResourcesLayoutProps {\n  errorMessage: string;\n  errorComponent: string;\n  onSuccess?: (result: unknown) => void;\n  /**\n   * Cancel affordance forwarded to the action form's footer (audit D5).\n   * Overlay hosts pass the modal-close path here — see `ResourceAutomatedForm.onCancel`.\n   */\n  onCancel?: () => void;\n  /** Chrome density — see {@link ResourceOperationHostChrome}. Defaults to `FULL`. */\n  chrome?: ResourceOperationHostChrome;\n}\n\n/**\n * Temporary default body for custom operations that already resolve into a core\n * host family via `resourceOperationLike`, but do not yet have a richer\n * family-specific preset/runtime. This keeps the new host-family contract safe\n * while preserving the proven action-form execution flow.\n */\nexport function ResourceLayout_SemanticOperationFallback({\n  ...props\n}: ResourceLayoutSemanticOperationFallbackProps): React.JSX.Element | null {\n  const { errorMessage, errorComponent, onSuccess, onCancel, chrome } = props;\n  const {\n    resourceContext: currentResourceContext,\n    navigationZone,\n    navigationInitiator,\n    resourceType,\n    operation,\n  } = useResourceOperationViewContext();\n  /*\n   * THIS HOST READS THE AMBIENT OPERATION VIEW, NOT ITS `resourceContext` PROP — so a host rendered\n   * outside its operation's own view silently executes the wrong operation, and the mismatch is\n   * reported here rather than left to show up as an empty form.\n   *\n   * It did show up that way: the anchored \"Change status\" panel on the Wonder Todos list was handed\n   * `change_status` and rendered the LISTING's form — an empty schema, so the authored template's\n   * `workflow` group drew its heading and nothing else, and Submit would have run `list`. The fix is\n   * `ResourceOperationDetachedHost`, which establishes the view a detached host needs; this is the\n   * signal for the next host that renders the fallback without one.\n   *\n   * Reported, not thrown. A throw here would take down a working page to announce a wrong form one\n   * layer inside it, and the navigation hosts that pass a `resourceContext` identical to their view\n   * must keep rendering. Compared by operation PATH KEY, which names the operation AND its variant —\n   * the bulk `admin` variant and the default variant of one operation are different forms.\n   */\n  const handedOperation = props.resourceContext?.operation;\n  const handedOperationKey = handedOperation\n    ? ResourcesConfig_OperationPathUtils.createOperationPathKeyFromOperation(handedOperation)\n    : undefined;\n  const ambientOperationKey = operation\n    ? ResourcesConfig_OperationPathUtils.createOperationPathKeyFromOperation(operation)\n    : undefined;\n  useEffect(() => {\n    if (handedOperationKey && ambientOperationKey && handedOperationKey !== ambientOperationKey) {\n      logger.error(\n        `[ResourceLayout_SemanticOperationFallback] handed \"${handedOperationKey}\" but the nearest operation view is `\n        + `\"${ambientOperationKey}\" — this host would render and execute the wrong operation. A host rendered outside its `\n        + `operation's own view must provide one; use ResourceOperationDetachedHost.`,\n      );\n    }\n  }, [handedOperationKey, ambientOperationKey]);\n  const { tComponent, tResourceOperation, isReady } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,\n    resource: resourceType,\n  });\n\n  const i18nKeys = useMemo(() => [\n    `resources.${resourceType}`,\n    `components.${FrontendComponentType.RESOURCES_LAYOUTS_ACTION}`,\n  ], [resourceType]);\n  // True while a CRITICAL zero-input action awaits typed double-validation.\n  const [pendingCriticalExecute, setPendingCriticalExecute] = useState(false);\n\n  /*\n   * The form-less execution — RMM-or-direct, the target-id bootstrap, the outcome announcement — is\n   * `useOperationDirectExecution`, shared with the DROPDOWN host. The form below is handed the same\n   * success and failure paths, so every way this host can finish means the same thing.\n   */\n  const {\n    execute,\n    isExecuting: isExecutingWithoutForm,\n    isBootstrapping: isBootstrappingResourceId,\n    completeWithSuccess: handleSuccess,\n    reportFailure: handleError,\n  } = useOperationDirectExecution({ onSuccess, errorMessage, errorComponent });\n\n  const actionLabel = useMemo(() => {\n    // An ungenerated operation title is its key path (#1450) — this is a LABEL, so it must look\n    // missing. The type-to-confirm phrase further down deliberately differs: it goes through\n    // `resolveOperationDisplayTitle` and falls back to the operation IDENTIFIER, because that one is\n    // text a person has to TYPE, and nobody should be asked to type a key path.\n    return tResourceOperation(resourceType, String(operation.operationIdentifier), 'title');\n  }, [operation.operationIdentifier, resourceType, tResourceOperation]);\n  const runningActionLabel = useMemo(() => {\n    return resolveComponentLabel({\n      tComponent,\n      componentType: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,\n      key: 'runningAction',\n      params: { actionLabel },\n    });\n  }, [actionLabel, tComponent]);\n\n  const handleExecuteWithoutForm = useCallback(async () => {\n    await execute();\n  }, [execute]);\n\n  // \"Is there a form?\" is the same question the action ladder asks before firing directly — a bulk\n  // body holding only the host-filled selector is not one, and rendered as an empty form with Save.\n  const hasRequestSchema = !operationCollectsNoCallerInput(operation) && !isGeneratedFileRegenerateOperation(operation);\n\n  // ── CRITICAL \"double validation\" on the zero-input action button ─────────\n  // A CRITICAL custom op with no requestDto executes from a single confirm\n  // button here. Gate it with the same typed double-validation the action bar\n  // and form-submit paths use, so every CRITICAL op is consistent regardless of\n  // its input shape.\n  const isCriticalOperation = operation.riskLevel === ResourceOperationRiskLevel.CRITICAL;\n  const criticalConfirmationPhrase = useMemo(\n    () => resolveOperationDisplayTitle(tResourceOperation, resourceType, String(operation.operationIdentifier)),\n    [tResourceOperation, resourceType, operation.operationIdentifier],\n  );\n  const handleExecuteWithCriticalGuard = useCallback(() => {\n    if (isCriticalOperation) {\n      setPendingCriticalExecute(true);\n      return;\n    }\n    void handleExecuteWithoutForm();\n  }, [isCriticalOperation, handleExecuteWithoutForm]);\n  const handleConfirmCriticalExecute = useCallback(() => {\n    setPendingCriticalExecute(false);\n    void handleExecuteWithoutForm();\n  }, [handleExecuteWithoutForm]);\n  const handleCancelCriticalExecute = useCallback(() => {\n    setPendingCriticalExecute(false);\n  }, []);\n\n  const isCompactChrome = chrome === ResourceOperationHostChrome.COMPACT;\n\n  if (isReady === false) return null;\n\n  return (\n    <LoadingGate i18nKeys={i18nKeys}>\n      <div className={isCompactChrome ? 'space-y-field' : 'space-y-section'}>\n        {!isCompactChrome && (\n          <ResourceLayout_Header\n            resourceContext={currentResourceContext}\n            navigationZone={navigationZone}\n            navigationInitiator={navigationInitiator}\n          />\n        )}\n\n        {hasRequestSchema ? (\n          <ResourceAutomatedForm\n            resourceContext={currentResourceContext}\n            navigationZone={navigationZone}\n            onSuccess={handleSuccess}\n            onError={handleError}\n            onCancel={onCancel}\n            showErrorSummary\n            className={isCompactChrome ? undefined : 'max-w-2xl'}\n            updateLikeMutationFallbackMode={resolveDeclaredUpdateLikeMutationFallbackMode(operation)}\n          />\n        ) : (\n          <div className={isCompactChrome ? 'bg-muted rounded-lg p-container' : 'bg-muted rounded-lg p-container max-w-2xl'}>\n            <p className=\"text-sm text-muted-foreground mb-field\">\n              {resolveComponentLabel({\n                tComponent,\n                componentType: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,\n                key: 'confirmMessage',\n              })}\n            </p>\n            <Button\n              type=\"button\"\n              variant={ButtonVariants_Variant.DEFAULT}\n              onClick={handleExecuteWithCriticalGuard}\n              disabled={isExecutingWithoutForm || isBootstrappingResourceId}\n            >\n              {isExecutingWithoutForm || isBootstrappingResourceId ? runningActionLabel : actionLabel}\n            </Button>\n          </div>\n        )}\n\n        {/* CRITICAL double-validation for a zero-input action: type the action label to proceed. */}\n        {pendingCriticalExecute && (\n          <OperationsConfirmCritical\n            open\n            onOpenChange={(open) => { if (!open) handleCancelCriticalExecute(); }}\n            cancelCallback={handleCancelCriticalExecute}\n            validationCallback={handleConfirmCriticalExecute}\n            requireTypedConfirmation\n            confirmationPhrase={criticalConfirmationPhrase}\n          />\n        )}\n      </div>\n    </LoadingGate>\n  );\n}\n"]}
+{"version":3,"file":"ResourceLayout_SemanticOperationFallback.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_SemanticOperationFallback.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ResourceAutomatedForm } from '~wildo-frontend-lib/components/form/automated/ResourceAutomatedForm';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { resolveOperationDisplayTitle } from '~wildo-frontend-lib/core/i18n/operation-title-resolution.utils';\nimport { resolveComponentLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport { useResourceOperationViewContext } from '~wildo-frontend-lib/core/resources/ResourceOperationViewContext';\nimport { ResourceLayout_Header } from '~wildo-frontend-lib/components/resources/ResourceLayout_Header';\nimport { LoadingGate } from '~wildo-frontend-lib/core/loading/LoadingGate';\nimport { Button } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { OperationsConfirmCritical } from '~wildo-frontend-lib/components/feedback/operations-confirm-critical';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { ResourcesConfig_OperationPathUtils, ResourceOperationRiskLevel } from '@wildo-ai/saas-models';\nimport {\n  isGeneratedFileRegenerateOperation,\n  operationCollectsNoCallerInput,\n} from '~wildo-frontend-lib/core/resources/operation-semantics.frontend.utils';\nimport { useOperationDirectExecution } from '~wildo-frontend-lib/core/resources/useOperationDirectExecution';\n\nimport { BaseResourcesLayoutProps } from './component-props.resources-layout.frontend.schemas';\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\n\nconst logger = LoggerFrontendService.getLogger();\n\n/**\n * How much page chrome the operation body renders around its form.\n *\n * The body itself — the RMM contract, the CRITICAL double-validation, the success/error events, the\n * zero-input confirm path — is IDENTICAL in every host, and that is the point of this being a mode\n * rather than a second component. A popover that re-implemented the execution flow to drop a header\n * would be a second source of the operation contract, which is how the bulk selector came to be\n * spelled two different ways.\n */\nexport enum ResourceOperationHostChrome {\n  /** Page/overlay host: resource header above the form, form width capped for readability. */\n  FULL = 'full',\n  /**\n   * Anchored host (a popover): no header — the button the panel is anchored to already names the\n   * action, so a heading repeats it — and no width cap, because the panel sizes itself.\n   */\n  COMPACT = 'compact',\n}\n\nexport interface ResourceLayoutSemanticOperationFallbackProps extends BaseResourcesLayoutProps {\n  errorMessage: string;\n  errorComponent: string;\n  onSuccess?: (result: unknown) => void;\n  /**\n   * Cancel affordance forwarded to the action form's footer (audit D5).\n   * Overlay hosts pass the modal-close path here — see `ResourceAutomatedForm.onCancel`.\n   */\n  onCancel?: () => void;\n  /** Chrome density — see {@link ResourceOperationHostChrome}. Defaults to `FULL`. */\n  chrome?: ResourceOperationHostChrome;\n  /**\n   * The record page's own pieces, placed where the standard READ page places them, so a record whose READ is a\n   * custom operation reads like any other record page: `headerActions` joins the header's action cluster (the views\n   * that asked for the action bar), and `recordNavigation` sits directly under the header (the record's other views\n   * in the navigation strip). Ignored in COMPACT chrome, which draws no header.\n   */\n  headerActions?: React.ReactNode;\n  recordNavigation?: React.ReactNode;\n}\n\n/**\n * Temporary default body for custom operations that already resolve into a core\n * host family via `resourceOperationLike`, but do not yet have a richer\n * family-specific preset/runtime. This keeps the new host-family contract safe\n * while preserving the proven action-form execution flow.\n */\nexport function ResourceLayout_SemanticOperationFallback({\n  ...props\n}: ResourceLayoutSemanticOperationFallbackProps): React.JSX.Element | null {\n  const { errorMessage, errorComponent, onSuccess, onCancel, chrome, headerActions, recordNavigation } = props;\n  const {\n    resourceContext: currentResourceContext,\n    navigationZone,\n    navigationInitiator,\n    resourceType,\n    operation,\n  } = useResourceOperationViewContext();\n  /*\n   * THIS HOST READS THE AMBIENT OPERATION VIEW, NOT ITS `resourceContext` PROP — so a host rendered\n   * outside its operation's own view silently executes the wrong operation, and the mismatch is\n   * reported here rather than left to show up as an empty form.\n   *\n   * It did show up that way: the anchored \"Change status\" panel on the Wonder Todos list was handed\n   * `change_status` and rendered the LISTING's form — an empty schema, so the authored template's\n   * `workflow` group drew its heading and nothing else, and Submit would have run `list`. The fix is\n   * `ResourceOperationDetachedHost`, which establishes the view a detached host needs; this is the\n   * signal for the next host that renders the fallback without one.\n   *\n   * Reported, not thrown. A throw here would take down a working page to announce a wrong form one\n   * layer inside it, and the navigation hosts that pass a `resourceContext` identical to their view\n   * must keep rendering. Compared by operation PATH KEY, which names the operation AND its variant —\n   * the bulk `admin` variant and the default variant of one operation are different forms.\n   */\n  const handedOperation = props.resourceContext?.operation;\n  const handedOperationKey = handedOperation\n    ? ResourcesConfig_OperationPathUtils.createOperationPathKeyFromOperation(handedOperation)\n    : undefined;\n  const ambientOperationKey = operation\n    ? ResourcesConfig_OperationPathUtils.createOperationPathKeyFromOperation(operation)\n    : undefined;\n  useEffect(() => {\n    if (handedOperationKey && ambientOperationKey && handedOperationKey !== ambientOperationKey) {\n      logger.error(\n        `[ResourceLayout_SemanticOperationFallback] handed \"${handedOperationKey}\" but the nearest operation view is `\n        + `\"${ambientOperationKey}\" — this host would render and execute the wrong operation. A host rendered outside its `\n        + `operation's own view must provide one; use ResourceOperationDetachedHost.`,\n      );\n    }\n  }, [handedOperationKey, ambientOperationKey]);\n  const { tComponent, tResourceOperation, isReady } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,\n    resource: resourceType,\n  });\n\n  const i18nKeys = useMemo(() => [\n    `resources.${resourceType}`,\n    `components.${FrontendComponentType.RESOURCES_LAYOUTS_ACTION}`,\n  ], [resourceType]);\n  // True while a CRITICAL zero-input action awaits typed double-validation.\n  const [pendingCriticalExecute, setPendingCriticalExecute] = useState(false);\n\n  /*\n   * The form-less execution — RMM-or-direct, the target-id bootstrap, the outcome announcement — is\n   * `useOperationDirectExecution`, shared with the DROPDOWN host. The form below is handed the same\n   * success and failure paths, so every way this host can finish means the same thing.\n   */\n  const {\n    execute,\n    isExecuting: isExecutingWithoutForm,\n    isBootstrapping: isBootstrappingResourceId,\n    completeWithSuccess: handleSuccess,\n    reportFailure: handleError,\n  } = useOperationDirectExecution({ onSuccess, errorMessage, errorComponent });\n\n  const actionLabel = useMemo(() => {\n    // An ungenerated operation title is its key path (#1450) — this is a LABEL, so it must look\n    // missing. The type-to-confirm phrase further down deliberately differs: it goes through\n    // `resolveOperationDisplayTitle` and falls back to the operation IDENTIFIER, because that one is\n    // text a person has to TYPE, and nobody should be asked to type a key path.\n    return tResourceOperation(resourceType, String(operation.operationIdentifier), 'title');\n  }, [operation.operationIdentifier, resourceType, tResourceOperation]);\n  const runningActionLabel = useMemo(() => {\n    return resolveComponentLabel({\n      tComponent,\n      componentType: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,\n      key: 'runningAction',\n      params: { actionLabel },\n    });\n  }, [actionLabel, tComponent]);\n\n  const handleExecuteWithoutForm = useCallback(async () => {\n    await execute();\n  }, [execute]);\n\n  // \"Is there a form?\" is the same question the action ladder asks before firing directly — a bulk\n  // body holding only the host-filled selector is not one, and rendered as an empty form with Save.\n  const hasRequestSchema = !operationCollectsNoCallerInput(operation) && !isGeneratedFileRegenerateOperation(operation);\n\n  // ── CRITICAL \"double validation\" on the zero-input action button ─────────\n  // A CRITICAL custom op with no requestDto executes from a single confirm\n  // button here. Gate it with the same typed double-validation the action bar\n  // and form-submit paths use, so every CRITICAL op is consistent regardless of\n  // its input shape.\n  const isCriticalOperation = operation.riskLevel === ResourceOperationRiskLevel.CRITICAL;\n  const criticalConfirmationPhrase = useMemo(\n    () => resolveOperationDisplayTitle(tResourceOperation, resourceType, String(operation.operationIdentifier)),\n    [tResourceOperation, resourceType, operation.operationIdentifier],\n  );\n  const handleExecuteWithCriticalGuard = useCallback(() => {\n    if (isCriticalOperation) {\n      setPendingCriticalExecute(true);\n      return;\n    }\n    void handleExecuteWithoutForm();\n  }, [isCriticalOperation, handleExecuteWithoutForm]);\n  const handleConfirmCriticalExecute = useCallback(() => {\n    setPendingCriticalExecute(false);\n    void handleExecuteWithoutForm();\n  }, [handleExecuteWithoutForm]);\n  const handleCancelCriticalExecute = useCallback(() => {\n    setPendingCriticalExecute(false);\n  }, []);\n\n  const isCompactChrome = chrome === ResourceOperationHostChrome.COMPACT;\n\n  if (isReady === false) return null;\n\n  return (\n    <LoadingGate i18nKeys={i18nKeys}>\n      <div className={isCompactChrome ? 'space-y-field' : 'space-y-section'}>\n        {!isCompactChrome && (\n          <ResourceLayout_Header\n            resourceContext={currentResourceContext}\n            navigationZone={navigationZone}\n            navigationInitiator={navigationInitiator}\n            actions={headerActions}\n          />\n        )}\n        {!isCompactChrome && recordNavigation}\n\n        {hasRequestSchema ? (\n          <ResourceAutomatedForm\n            resourceContext={currentResourceContext}\n            navigationZone={navigationZone}\n            onSuccess={handleSuccess}\n            onError={handleError}\n            onCancel={onCancel}\n            showErrorSummary\n            className={isCompactChrome ? undefined : 'max-w-2xl'}\n          />\n        ) : (\n          <div className={isCompactChrome ? 'bg-muted rounded-lg p-container' : 'bg-muted rounded-lg p-container max-w-2xl'}>\n            <p className=\"text-sm text-muted-foreground mb-field\">\n              {resolveComponentLabel({\n                tComponent,\n                componentType: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,\n                key: 'confirmMessage',\n              })}\n            </p>\n            <Button\n              type=\"button\"\n              variant={ButtonVariants_Variant.DEFAULT}\n              onClick={handleExecuteWithCriticalGuard}\n              disabled={isExecutingWithoutForm || isBootstrappingResourceId}\n            >\n              {isExecutingWithoutForm || isBootstrappingResourceId ? runningActionLabel : actionLabel}\n            </Button>\n          </div>\n        )}\n\n        {/* CRITICAL double-validation for a zero-input action: type the action label to proceed. */}\n        {pendingCriticalExecute && (\n          <OperationsConfirmCritical\n            open\n            onOpenChange={(open) => { if (!open) handleCancelCriticalExecute(); }}\n            cancelCallback={handleCancelCriticalExecute}\n            validationCallback={handleConfirmCriticalExecute}\n            requireTypedConfirmation\n            confirmationPhrase={criticalConfirmationPhrase}\n          />\n        )}\n      </div>\n    </LoadingGate>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_SortControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_SortControl.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAkC9D,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,+BAA+B;IAC9C,oDAAoD;IACpD,YAAY,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,sEAAsE;IACtE,YAAY,EAAE,SAAS,SAAS,EAAE,CAAC;IACnC,gDAAgD;IAChD,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC3C,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiHD,eAAO,MAAM,0BAA0B,GAAI,sEAMxC,+BAA+B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAqKxD,CAAC"}
+{"version":3,"file":"ResourceLayout_SortControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_SortControl.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAmC9D,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,+BAA+B;IAC9C,oDAAoD;IACpD,YAAY,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,sEAAsE;IACtE,YAAY,EAAE,SAAS,SAAS,EAAE,CAAC;IACnC,gDAAgD;IAChD,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC3C,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkHD,eAAO,MAAM,0BAA0B,GAAI,sEAMxC,+BAA+B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAqKxD,CAAC"}

package/dist/esm/components/resources/ResourceLayout_SortControl.js

@@ -22,6 +22,7 @@ import { useI18n } from '../../core/i18n/useI18n.js';
 import { useIconRegistry } from '../../core/icons/useIconRegistry.js';
 import { StandardIconReference, IconSize } from '../../core/icons/icon-registry.frontend.schemas.js';
 import { cn } from '../../core/ui/cn.js';
+import { focusIndicatorClasses, FocusIndicatorShape } from '../../core/ui/themes/focus-indicator.js';
 import { Button, ButtonVariants_Variant } from '../../components/actions/button.js';
 import { Popover, PopoverTrigger, PopoverContent, } from '../../components/overlays/floating/popover.js';
 import { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';
@@ -60,7 +61,7 @@ function SortableSortRule({ rule, index, reorderable, label, reorderLabel, ascLa
         zIndex: isDragging ? 10 : undefined,
         position: 'relative',
     };
-    return (_jsxs("div", { ref: setNodeRef, style: style, className: "flex items-center gap-element-sm rounded-md bg-muted/40 px-element-sm py-1", children: [reorderable && (_jsx("button", { type: "button", className: cn('shrink-0 cursor-grab touch-none rounded p-0.5 text-muted-foreground/60', 'hover:bg-accent/50 hover:text-muted-foreground', 'focus-ring-offset active:cursor-grabbing'), "aria-label": reorderLabel, ...attributes, ...listeners, children: renderIcon(StandardIconReference.GRIP_VERTICAL, { size: IconSize.SM }) })), _jsx("span", { className: "flex-1 truncate text-sm", children: label }), _jsxs(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, onClick: () => onToggleDirection(index), className: "h-6 gap-1 px-2 text-xs", children: [renderIcon(isAsc ? StandardIconReference.CHEVRON_UP : StandardIconReference.CHEVRON_DOWN, { size: IconSize.XS }), isAsc ? ascLabel : descLabel] }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, className: "h-5 w-5 p-0 text-muted-foreground", onClick: () => onRemove(index), "aria-label": removeLabel, children: renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS }) })] }));
+    return (_jsxs("div", { ref: setNodeRef, style: style, className: "flex items-center gap-element-sm rounded-md bg-muted/40 px-element-sm py-1", children: [reorderable && (_jsx("button", { type: "button", className: cn('shrink-0 cursor-grab touch-none rounded p-0.5 text-muted-foreground/60', 'hover:bg-accent/50 hover:text-muted-foreground', focusIndicatorClasses(FocusIndicatorShape.OFFSET), 'active:cursor-grabbing'), "aria-label": reorderLabel, ...attributes, ...listeners, children: renderIcon(StandardIconReference.GRIP_VERTICAL, { size: IconSize.SM }) })), _jsx("span", { className: "flex-1 truncate text-sm", children: label }), _jsxs(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, onClick: () => onToggleDirection(index), className: "h-6 gap-1 px-2 text-xs", children: [renderIcon(isAsc ? StandardIconReference.CHEVRON_UP : StandardIconReference.CHEVRON_DOWN, { size: IconSize.XS }), isAsc ? ascLabel : descLabel] }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, className: "h-5 w-5 p-0 text-muted-foreground", onClick: () => onRemove(index), "aria-label": removeLabel, children: renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS }) })] }));
 }
 // =============================================================================
 // COMPONENT
@@ -113,7 +114,7 @@ export const ResourceLayout_SortControl = ({ resourceType, sortFields, currentSo
     const descLabel = tc('sortDesc');
     const removeLabel = tc('removeSort');
     const reorderLabel = tc('reorderSort');
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, size: ButtonSize.SM, "aria-label": tc('sortLabel'), title: tc('sortLabel'), className: cn('gap-1.5', className), children: [_jsx("span", { "aria-hidden": "true", children: sortIcon }), activeCount > 0 && (_jsx("span", { className: "inline-flex items-center justify-center min-w-5 h-5 px-1 text-xs font-semibold rounded-full bg-primary text-primary-foreground", children: activeCount }))] }) }), _jsxs(PopoverContent, { align: HorizontalAlign.START, className: "w-72 p-element-sm space-y-element-sm", 
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, "aria-label": tc('sortLabel'), title: tc('sortLabel'), className: cn('gap-1.5', className), children: [_jsx("span", { "aria-hidden": "true", children: sortIcon }), activeCount > 0 && (_jsx("span", { className: "inline-flex items-center justify-center min-w-5 h-5 px-1 text-xs font-semibold rounded-full bg-primary text-primary-foreground", children: activeCount }))] }) }), _jsxs(PopoverContent, { align: HorizontalAlign.START, className: "w-72 p-element-sm space-y-element-sm", 
                 // Editing a rule (add / remove) unmounts the clicked button, so focus
                 // escapes to <body> and Radix would dismiss the popover. Keep it open for
                 // focus-driven interactions; genuine outside POINTER clicks still close it

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_SortControl.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_SortControl.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ResourceLayout_SortControl — multi-field sort control for collection views.\n *\n * A compact icon + active-count badge button (a sort glyph, matching the\n * icon-only Filters trigger) that opens a popover holding an ORDERED list of\n * sort rules (\"sort by Created By ↓, then Is Public ↑\"). Each rule has a\n * direction toggle and a remove control; priority is reordered by **dragging**\n * the grip handle (the same `@dnd-kit` pattern `AutomatedArrayField` uses — pointer\n * drag + keyboard-sensor a11y). Unused fields are appended via \"Add sort\".\n * Priority = list order.\n *\n * Produces `SortState[]` (highest priority first), compatible with\n * `ResourceSearchCallParameters.sort` and the LIST `sort=a:desc,b:asc` query\n * serialization. The table body drives the SAME `SortState[]` from its column\n * headers, so cards and table share one sort model.\n */\n\nimport React, { useMemo, useCallback, useState } from 'react';\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from '@dnd-kit/core';\nimport {\n  SortableContext,\n  useSortable,\n  arrayMove,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { StandardIconReference, IconSize } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n} from '~wildo-frontend-lib/components/overlays/floating/popover';\nimport { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';\nimport { HorizontalAlign } from '@wildo-ai/zod-decorators';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface SortState {\n  field: string;\n  direction: 'asc' | 'desc';\n}\n\nexport interface ResourceLayout_SortControlProps {\n  /** Resource type for i18n field label resolution */\n  resourceType: string;\n  /** Available sort fields (from the LIST/SEARCH operation config `sortFields`) */\n  sortFields: readonly string[];\n  /** Active sort rules, highest priority first (empty = no sorting). */\n  currentSorts: readonly SortState[];\n  /** Callback with the next ordered rule list. */\n  onSortChange: (sorts: SortState[]) => void;\n  /** Optional className for the trigger. */\n  className?: string;\n}\n\n// =============================================================================\n// DND PRIMITIVES (mirrors AutomatedArrayField — single source of the drag pattern)\n// =============================================================================\n\n/**\n * Converts a dnd-kit Transform to a CSS translate3d string.\n * Inlined to avoid the `@dnd-kit/utilities` dependency (same as AutomatedArrayField).\n */\nfunction transformToString(\n  transform: { x: number; y: number; scaleX: number; scaleY: number } | null,\n): string | undefined {\n  if (!transform) return undefined;\n  return `translate3d(${Math.round(transform.x)}px, ${Math.round(transform.y)}px, 0)`;\n}\n\n// Module-level sensor options so they are not recreated each render.\nconst POINTER_SENSOR_OPTIONS = { activationConstraint: { distance: 8 } } as const;\nconst KEYBOARD_SENSOR_OPTIONS = { coordinateGetter: sortableKeyboardCoordinates } as const;\n\ninterface SortableSortRuleProps {\n  rule: SortState;\n  index: number;\n  /** Show the drag handle only when there is more than one rule to reorder. */\n  reorderable: boolean;\n  label: string;\n  reorderLabel: string;\n  ascLabel: string;\n  descLabel: string;\n  removeLabel: string;\n  onToggleDirection: (index: number) => void;\n  onRemove: (index: number) => void;\n  renderIcon: (request: StandardIconReference, opts: { size: IconSize; className?: string }) => React.ReactElement;\n}\n\n/**\n * One sortable rule row. The drag listeners live on the grip handle only (not the\n * whole row) so the direction-toggle and remove controls stay clickable. The\n * sortable id is the rule's `field` — stable across reorders and unique because a\n * field can appear at most once in the sort list.\n */\nfunction SortableSortRule({\n  rule,\n  index,\n  reorderable,\n  label,\n  reorderLabel,\n  ascLabel,\n  descLabel,\n  removeLabel,\n  onToggleDirection,\n  onRemove,\n  renderIcon,\n}: SortableSortRuleProps): React.JSX.Element {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: rule.field,\n    disabled: !reorderable,\n  });\n  const isAsc = rule.direction === 'asc';\n  const style: React.CSSProperties = {\n    transform: transformToString(transform),\n    transition,\n    opacity: isDragging ? 0.5 : undefined,\n    zIndex: isDragging ? 10 : undefined,\n    position: 'relative',\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className=\"flex items-center gap-element-sm rounded-md bg-muted/40 px-element-sm py-1\"\n    >\n      {reorderable && (\n        <button\n          type=\"button\"\n          className={cn(\n            'shrink-0 cursor-grab touch-none rounded p-0.5 text-muted-foreground/60',\n            'hover:bg-accent/50 hover:text-muted-foreground',\n            'focus-ring-offset active:cursor-grabbing',\n          )}\n          aria-label={reorderLabel}\n          {...attributes}\n          {...listeners}\n        >\n          {renderIcon(StandardIconReference.GRIP_VERTICAL, { size: IconSize.SM })}\n        </button>\n      )}\n      <span className=\"flex-1 truncate text-sm\">{label}</span>\n      <Button\n        type=\"button\" variant={ButtonVariants_Variant.OUTLINE} size={ButtonSize.SM}\n        onClick={() => onToggleDirection(index)}\n        className=\"h-6 gap-1 px-2 text-xs\"\n      >\n        {renderIcon(isAsc ? StandardIconReference.CHEVRON_UP : StandardIconReference.CHEVRON_DOWN, { size: IconSize.XS })}\n        {isAsc ? ascLabel : descLabel}\n      </Button>\n      <Button\n        type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.ICON_SM}\n        className=\"h-5 w-5 p-0 text-muted-foreground\"\n        onClick={() => onRemove(index)} aria-label={removeLabel}\n      >\n        {renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS })}\n      </Button>\n    </div>\n  );\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport const ResourceLayout_SortControl = ({\n  resourceType,\n  sortFields,\n  currentSorts,\n  onSortChange,\n  className,\n}: ResourceLayout_SortControlProps): React.JSX.Element | null => {\n  const { tResourceFieldDisplay, tComponent, isReady } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_LIST,\n    resource: resourceType,\n  });\n  const { renderIcon } = useIconRegistry();\n  // Controlled open so the popover survives the re-render each rule edit triggers.\n  // The host renders the toolbar OUTSIDE its LoadingGate, so refetch no longer\n  // remounts this control; `onFocusOutside` (below) keeps it open when a clicked\n  // \"+ field\" button unmounts and focus briefly escapes.\n  const [open, setOpen] = useState(false);\n\n  // DnD sensors: pointer (small activation distance to avoid accidental drags) +\n  // keyboard (sortable-aware coordinate getter for a11y).\n  const sensors = useSensors(\n    useSensor(PointerSensor, POINTER_SENSOR_OPTIONS),\n    useSensor(KeyboardSensor, KEYBOARD_SENSOR_OPTIONS),\n  );\n\n  const labelFor = useCallback(\n    (field: string): string => tResourceFieldDisplay(resourceType, field, 'label'),\n    [tResourceFieldDisplay, resourceType],\n  );\n\n  const unsortedFields = useMemo(\n    () => sortFields.filter((f) => !currentSorts.some((s) => s.field === f)),\n    [sortFields, currentSorts],\n  );\n\n  // Stable sortable ids for SortableContext (one per active rule, keyed by field).\n  const sortableIds = useMemo(() => currentSorts.map((s) => s.field), [currentSorts]);\n\n  const toggleDirection = useCallback((index: number) => {\n    onSortChange(currentSorts.map((s, i) =>\n      i === index ? { ...s, direction: s.direction === 'asc' ? 'desc' : 'asc' } : s,\n    ));\n  }, [currentSorts, onSortChange]);\n\n  const removeRule = useCallback((index: number) => {\n    onSortChange(currentSorts.filter((_, i) => i !== index));\n  }, [currentSorts, onSortChange]);\n\n  const handleDragEnd = useCallback((event: DragEndEvent) => {\n    const { active, over } = event;\n    if (over && active.id !== over.id) {\n      const oldIndex = currentSorts.findIndex((s) => s.field === active.id);\n      const newIndex = currentSorts.findIndex((s) => s.field === over.id);\n      if (oldIndex !== -1 && newIndex !== -1) {\n        onSortChange(arrayMove([...currentSorts], oldIndex, newIndex));\n      }\n    }\n  }, [currentSorts, onSortChange]);\n\n  const addField = useCallback((field: string) => {\n    onSortChange([...currentSorts, { field, direction: 'asc' }]);\n  }, [currentSorts, onSortChange]);\n\n  const clearAll = useCallback(() => onSortChange([]), [onSortChange]);\n\n  if (sortFields.length === 0 || !isReady) return null;\n\n  const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, key);\n  const activeCount = currentSorts.length;\n  const reorderable = activeCount > 1;\n  const sortIcon = renderIcon(StandardIconReference.CHEVRONS_UP_DOWN, { size: IconSize.SM });\n  const ascLabel = tc('sortAsc');\n  const descLabel = tc('sortDesc');\n  const removeLabel = tc('removeSort');\n  const reorderLabel = tc('reorderSort');\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.OUTLINE}\n          size={ButtonSize.SM}\n          aria-label={tc('sortLabel')}\n          title={tc('sortLabel')}\n          className={cn('gap-1.5', className)}\n        >\n          <span aria-hidden=\"true\">{sortIcon}</span>\n          {activeCount > 0 && (\n            <span className=\"inline-flex items-center justify-center min-w-5 h-5 px-1 text-xs font-semibold rounded-full bg-primary text-primary-foreground\">\n              {activeCount}\n            </span>\n          )}\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent\n        align={HorizontalAlign.START}\n        className=\"w-72 p-element-sm space-y-element-sm\"\n        // Editing a rule (add / remove) unmounts the clicked button, so focus\n        // escapes to <body> and Radix would dismiss the popover. Keep it open for\n        // focus-driven interactions; genuine outside POINTER clicks still close it\n        // (so the user can click away to dismiss). `onInteractOutside` is the union\n        // Radix actually consults — guarding `onFocusOutside` alone is not enough.\n        onInteractOutside={(e) => {\n          const type = e.detail.originalEvent?.type;\n          const isPointer = type === 'pointerdown' || type === 'mousedown' || type === 'touchstart' || type === 'click';\n          if (!isPointer) e.preventDefault();\n        }}\n      >\n        <div className=\"flex items-center justify-between px-element-sm\">\n          <span className=\"text-xs font-medium text-muted-foreground\">{tc('sortLabel')}</span>\n          {activeCount > 0 && (\n            <Button\n              type=\"button\"\n              variant={ButtonVariants_Variant.GHOST}\n              size={ButtonSize.SM}\n              onClick={clearAll}\n              className=\"h-auto py-0.5 text-xs text-muted-foreground\"\n            >\n              {tc('clearSort')}\n            </Button>\n          )}\n        </div>\n\n        {/* Active sort rules, highest priority first — drag the grip to reorder. */}\n        <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>\n          <SortableContext items={sortableIds} strategy={verticalListSortingStrategy}>\n            <div className=\"space-y-element-sm\">\n              {currentSorts.map((rule, index) => (\n                <SortableSortRule\n                  key={rule.field}\n                  rule={rule}\n                  index={index}\n                  reorderable={reorderable}\n                  label={labelFor(rule.field)}\n                  reorderLabel={reorderLabel}\n                  ascLabel={ascLabel}\n                  descLabel={descLabel}\n                  removeLabel={removeLabel}\n                  onToggleDirection={toggleDirection}\n                  onRemove={removeRule}\n                  renderIcon={renderIcon}\n                />\n              ))}\n            </div>\n          </SortableContext>\n        </DndContext>\n\n        {/* Add a field to the sort (appended at lowest priority) */}\n        {unsortedFields.length > 0 && (\n          <div className=\"space-y-1 border-t border-border/50 pt-element-sm\">\n            <span className=\"px-element-sm text-xs text-muted-foreground\">{tc('addSort')}</span>\n            <div className=\"flex flex-wrap gap-1 px-element-sm\">\n              {unsortedFields.map((field) => (\n                <Button\n                  key={field}\n                  type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM}\n                  onClick={() => addField(field)}\n                  className=\"h-6 gap-1 px-2 text-xs\"\n                >\n                  <span aria-hidden=\"true\">{renderIcon(StandardIconReference.PLUS, { size: IconSize.XS })}</span>\n                  {labelFor(field)}\n                </Button>\n              ))}\n            </div>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n};\n"]}
+{"version":3,"file":"ResourceLayout_SortControl.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_SortControl.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ResourceLayout_SortControl — multi-field sort control for collection views.\n *\n * A compact icon + active-count badge button (a sort glyph, matching the\n * icon-only Filters trigger) that opens a popover holding an ORDERED list of\n * sort rules (\"sort by Created By ↓, then Is Public ↑\"). Each rule has a\n * direction toggle and a remove control; priority is reordered by **dragging**\n * the grip handle (the same `@dnd-kit` pattern `AutomatedArrayField` uses — pointer\n * drag + keyboard-sensor a11y). Unused fields are appended via \"Add sort\".\n * Priority = list order.\n *\n * Produces `SortState[]` (highest priority first), compatible with\n * `ResourceSearchCallParameters.sort` and the LIST `sort=a:desc,b:asc` query\n * serialization. The table body drives the SAME `SortState[]` from its column\n * headers, so cards and table share one sort model.\n */\n\nimport React, { useMemo, useCallback, useState } from 'react';\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from '@dnd-kit/core';\nimport {\n  SortableContext,\n  useSortable,\n  arrayMove,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { StandardIconReference, IconSize } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { focusIndicatorClasses, FocusIndicatorShape } from '~wildo-frontend-lib/core/ui/themes/focus-indicator';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n} from '~wildo-frontend-lib/components/overlays/floating/popover';\nimport { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';\nimport { HorizontalAlign } from '@wildo-ai/zod-decorators';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface SortState {\n  field: string;\n  direction: 'asc' | 'desc';\n}\n\nexport interface ResourceLayout_SortControlProps {\n  /** Resource type for i18n field label resolution */\n  resourceType: string;\n  /** Available sort fields (from the LIST/SEARCH operation config `sortFields`) */\n  sortFields: readonly string[];\n  /** Active sort rules, highest priority first (empty = no sorting). */\n  currentSorts: readonly SortState[];\n  /** Callback with the next ordered rule list. */\n  onSortChange: (sorts: SortState[]) => void;\n  /** Optional className for the trigger. */\n  className?: string;\n}\n\n// =============================================================================\n// DND PRIMITIVES (mirrors AutomatedArrayField — single source of the drag pattern)\n// =============================================================================\n\n/**\n * Converts a dnd-kit Transform to a CSS translate3d string.\n * Inlined to avoid the `@dnd-kit/utilities` dependency (same as AutomatedArrayField).\n */\nfunction transformToString(\n  transform: { x: number; y: number; scaleX: number; scaleY: number } | null,\n): string | undefined {\n  if (!transform) return undefined;\n  return `translate3d(${Math.round(transform.x)}px, ${Math.round(transform.y)}px, 0)`;\n}\n\n// Module-level sensor options so they are not recreated each render.\nconst POINTER_SENSOR_OPTIONS = { activationConstraint: { distance: 8 } } as const;\nconst KEYBOARD_SENSOR_OPTIONS = { coordinateGetter: sortableKeyboardCoordinates } as const;\n\ninterface SortableSortRuleProps {\n  rule: SortState;\n  index: number;\n  /** Show the drag handle only when there is more than one rule to reorder. */\n  reorderable: boolean;\n  label: string;\n  reorderLabel: string;\n  ascLabel: string;\n  descLabel: string;\n  removeLabel: string;\n  onToggleDirection: (index: number) => void;\n  onRemove: (index: number) => void;\n  renderIcon: (request: StandardIconReference, opts: { size: IconSize; className?: string }) => React.ReactElement;\n}\n\n/**\n * One sortable rule row. The drag listeners live on the grip handle only (not the\n * whole row) so the direction-toggle and remove controls stay clickable. The\n * sortable id is the rule's `field` — stable across reorders and unique because a\n * field can appear at most once in the sort list.\n */\nfunction SortableSortRule({\n  rule,\n  index,\n  reorderable,\n  label,\n  reorderLabel,\n  ascLabel,\n  descLabel,\n  removeLabel,\n  onToggleDirection,\n  onRemove,\n  renderIcon,\n}: SortableSortRuleProps): React.JSX.Element {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: rule.field,\n    disabled: !reorderable,\n  });\n  const isAsc = rule.direction === 'asc';\n  const style: React.CSSProperties = {\n    transform: transformToString(transform),\n    transition,\n    opacity: isDragging ? 0.5 : undefined,\n    zIndex: isDragging ? 10 : undefined,\n    position: 'relative',\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className=\"flex items-center gap-element-sm rounded-md bg-muted/40 px-element-sm py-1\"\n    >\n      {reorderable && (\n        <button\n          type=\"button\"\n          className={cn(\n            'shrink-0 cursor-grab touch-none rounded p-0.5 text-muted-foreground/60',\n            'hover:bg-accent/50 hover:text-muted-foreground',\n            focusIndicatorClasses(FocusIndicatorShape.OFFSET),\n            'active:cursor-grabbing',\n          )}\n          aria-label={reorderLabel}\n          {...attributes}\n          {...listeners}\n        >\n          {renderIcon(StandardIconReference.GRIP_VERTICAL, { size: IconSize.SM })}\n        </button>\n      )}\n      <span className=\"flex-1 truncate text-sm\">{label}</span>\n      <Button\n        type=\"button\" variant={ButtonVariants_Variant.OUTLINE} size={ButtonSize.SM}\n        onClick={() => onToggleDirection(index)}\n        className=\"h-6 gap-1 px-2 text-xs\"\n      >\n        {renderIcon(isAsc ? StandardIconReference.CHEVRON_UP : StandardIconReference.CHEVRON_DOWN, { size: IconSize.XS })}\n        {isAsc ? ascLabel : descLabel}\n      </Button>\n      <Button\n        type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.ICON_SM}\n        className=\"h-5 w-5 p-0 text-muted-foreground\"\n        onClick={() => onRemove(index)} aria-label={removeLabel}\n      >\n        {renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS })}\n      </Button>\n    </div>\n  );\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport const ResourceLayout_SortControl = ({\n  resourceType,\n  sortFields,\n  currentSorts,\n  onSortChange,\n  className,\n}: ResourceLayout_SortControlProps): React.JSX.Element | null => {\n  const { tResourceFieldDisplay, tComponent, isReady } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_LIST,\n    resource: resourceType,\n  });\n  const { renderIcon } = useIconRegistry();\n  // Controlled open so the popover survives the re-render each rule edit triggers.\n  // The host renders the toolbar OUTSIDE its LoadingGate, so refetch no longer\n  // remounts this control; `onFocusOutside` (below) keeps it open when a clicked\n  // \"+ field\" button unmounts and focus briefly escapes.\n  const [open, setOpen] = useState(false);\n\n  // DnD sensors: pointer (small activation distance to avoid accidental drags) +\n  // keyboard (sortable-aware coordinate getter for a11y).\n  const sensors = useSensors(\n    useSensor(PointerSensor, POINTER_SENSOR_OPTIONS),\n    useSensor(KeyboardSensor, KEYBOARD_SENSOR_OPTIONS),\n  );\n\n  const labelFor = useCallback(\n    (field: string): string => tResourceFieldDisplay(resourceType, field, 'label'),\n    [tResourceFieldDisplay, resourceType],\n  );\n\n  const unsortedFields = useMemo(\n    () => sortFields.filter((f) => !currentSorts.some((s) => s.field === f)),\n    [sortFields, currentSorts],\n  );\n\n  // Stable sortable ids for SortableContext (one per active rule, keyed by field).\n  const sortableIds = useMemo(() => currentSorts.map((s) => s.field), [currentSorts]);\n\n  const toggleDirection = useCallback((index: number) => {\n    onSortChange(currentSorts.map((s, i) =>\n      i === index ? { ...s, direction: s.direction === 'asc' ? 'desc' : 'asc' } : s,\n    ));\n  }, [currentSorts, onSortChange]);\n\n  const removeRule = useCallback((index: number) => {\n    onSortChange(currentSorts.filter((_, i) => i !== index));\n  }, [currentSorts, onSortChange]);\n\n  const handleDragEnd = useCallback((event: DragEndEvent) => {\n    const { active, over } = event;\n    if (over && active.id !== over.id) {\n      const oldIndex = currentSorts.findIndex((s) => s.field === active.id);\n      const newIndex = currentSorts.findIndex((s) => s.field === over.id);\n      if (oldIndex !== -1 && newIndex !== -1) {\n        onSortChange(arrayMove([...currentSorts], oldIndex, newIndex));\n      }\n    }\n  }, [currentSorts, onSortChange]);\n\n  const addField = useCallback((field: string) => {\n    onSortChange([...currentSorts, { field, direction: 'asc' }]);\n  }, [currentSorts, onSortChange]);\n\n  const clearAll = useCallback(() => onSortChange([]), [onSortChange]);\n\n  if (sortFields.length === 0 || !isReady) return null;\n\n  const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, key);\n  const activeCount = currentSorts.length;\n  const reorderable = activeCount > 1;\n  const sortIcon = renderIcon(StandardIconReference.CHEVRONS_UP_DOWN, { size: IconSize.SM });\n  const ascLabel = tc('sortAsc');\n  const descLabel = tc('sortDesc');\n  const removeLabel = tc('removeSort');\n  const reorderLabel = tc('reorderSort');\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.SM}\n          aria-label={tc('sortLabel')}\n          title={tc('sortLabel')}\n          className={cn('gap-1.5', className)}\n        >\n          <span aria-hidden=\"true\">{sortIcon}</span>\n          {activeCount > 0 && (\n            <span className=\"inline-flex items-center justify-center min-w-5 h-5 px-1 text-xs font-semibold rounded-full bg-primary text-primary-foreground\">\n              {activeCount}\n            </span>\n          )}\n        </Button>\n      </PopoverTrigger>\n\n      <PopoverContent\n        align={HorizontalAlign.START}\n        className=\"w-72 p-element-sm space-y-element-sm\"\n        // Editing a rule (add / remove) unmounts the clicked button, so focus\n        // escapes to <body> and Radix would dismiss the popover. Keep it open for\n        // focus-driven interactions; genuine outside POINTER clicks still close it\n        // (so the user can click away to dismiss). `onInteractOutside` is the union\n        // Radix actually consults — guarding `onFocusOutside` alone is not enough.\n        onInteractOutside={(e) => {\n          const type = e.detail.originalEvent?.type;\n          const isPointer = type === 'pointerdown' || type === 'mousedown' || type === 'touchstart' || type === 'click';\n          if (!isPointer) e.preventDefault();\n        }}\n      >\n        <div className=\"flex items-center justify-between px-element-sm\">\n          <span className=\"text-xs font-medium text-muted-foreground\">{tc('sortLabel')}</span>\n          {activeCount > 0 && (\n            <Button\n              type=\"button\"\n              variant={ButtonVariants_Variant.GHOST}\n              size={ButtonSize.SM}\n              onClick={clearAll}\n              className=\"h-auto py-0.5 text-xs text-muted-foreground\"\n            >\n              {tc('clearSort')}\n            </Button>\n          )}\n        </div>\n\n        {/* Active sort rules, highest priority first — drag the grip to reorder. */}\n        <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleDragEnd}>\n          <SortableContext items={sortableIds} strategy={verticalListSortingStrategy}>\n            <div className=\"space-y-element-sm\">\n              {currentSorts.map((rule, index) => (\n                <SortableSortRule\n                  key={rule.field}\n                  rule={rule}\n                  index={index}\n                  reorderable={reorderable}\n                  label={labelFor(rule.field)}\n                  reorderLabel={reorderLabel}\n                  ascLabel={ascLabel}\n                  descLabel={descLabel}\n                  removeLabel={removeLabel}\n                  onToggleDirection={toggleDirection}\n                  onRemove={removeRule}\n                  renderIcon={renderIcon}\n                />\n              ))}\n            </div>\n          </SortableContext>\n        </DndContext>\n\n        {/* Add a field to the sort (appended at lowest priority) */}\n        {unsortedFields.length > 0 && (\n          <div className=\"space-y-1 border-t border-border/50 pt-element-sm\">\n            <span className=\"px-element-sm text-xs text-muted-foreground\">{tc('addSort')}</span>\n            <div className=\"flex flex-wrap gap-1 px-element-sm\">\n              {unsortedFields.map((field) => (\n                <Button\n                  key={field}\n                  type=\"button\" variant={ButtonVariants_Variant.GHOST} size={ButtonSize.SM}\n                  onClick={() => addField(field)}\n                  className=\"h-6 gap-1 px-2 text-xs\"\n                >\n                  <span aria-hidden=\"true\">{renderIcon(StandardIconReference.PLUS, { size: IconSize.XS })}</span>\n                  {labelFor(field)}\n                </Button>\n              ))}\n            </div>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n};\n"]}

package/dist/esm/components/resources/ResourceListItemRenderer.d.ts

@@ -11,6 +11,7 @@
 import React from 'react';
 import { z } from 'zod';
 import type { AnyFrontendResourceConfiguration, FrontendResourcesRegistry } from '../../core/resources/resources.frontend.schemas';
+import type { FrontendResourceOperationContext } from '../../core/resources/resources.frontend.schemas';
 import type { CardActionPlacement } from '../../core/resources/resources.frontend.schemas';
 export interface ResourceListItemRendererProps {
     /** The data item to render */
@@ -21,6 +22,11 @@ export interface ResourceListItemRendererProps {
     resourceConfig: AnyFrontendResourceConfiguration;
     /** Resource registry */
     registry: FrontendResourcesRegistry;
+    /**
+     * The collection's resource identifiers (its route scope and parents). An authored summary template reads its
+     * fields in them, with the row and its own primary scope added (`buildSummaryRecordIdentifiers`, #2198).
+     */
+    collectionContextResourceIdentifiers?: FrontendResourceOperationContext['contextResourceIdentifiers'];
     /** Ordered list of summary fields to display */
     summaryFields: string[];
     /** Pre-resolved field labels (from i18n) */
@@ -90,6 +96,23 @@ export interface FieldValueRendererProps {
      * its row cannot reach one.
      */
     record?: Record<string, unknown>;
+    /**
+     * The COLLECTION's resource identifiers (its route scope and parents), when the caller has them.
+     *
+     * With `record`, they decide where the cell's references are fetched and linked: the cell reads in its ROW's
+     * identifiers (`buildSummaryRecordIdentifiers` — the host's, then the row's own primary scope, then the row), the
+     * shape a summary template already reads in (#2198). A collection mounts no display context of its own, so a cell
+     * used to inherit the PAGE's, which on a list page is none: a reference to a user reached the users READ (a user
+     * reads only themselves) instead of the organization's people search, and a table of the representatives' activity
+     * (retired with that feed, #2592) named its representative by a raw user id (#2347). Absent, the inherited context's identifiers are the host's.
+     */
+    collectionContextResourceIdentifiers?: FrontendResourceOperationContext['contextResourceIdentifiers'];
+    /**
+     * Show `fieldLabel` beside the value: under a declared summary chrome that shows a name, or, when none
+     * is declared, for a value that cannot speak for itself on a card (a boolean, a bare number, a second
+     * date — `summaryValueNamesShown`). Otherwise the name is for assistive technology only.
+     */
+    fieldLabelVisible?: boolean;
 }
 /**
  * Renders a single summary field VALUE through the shared decorator-driven
@@ -106,12 +129,13 @@ export interface FieldValueRendererProps {
  * through `DisplayField` removes that divergence and the maintenance burden of a
  * parallel renderer.
  *
- * The card ("Label:" prefix) and the table (column header) own the label, so the
- * value is rendered under COMPACT chrome — a bare value with no framework
- * label/description wrapper. i18n enum labels are threaded explicitly via
+ * The card and the table (column header) own the label, so the value is rendered
+ * under COMPACT chrome — a bare value with no framework label/description wrapper.
+ * The card names a value with a visually hidden name, or a visible one for a value
+ * that cannot speak for itself (`fieldLabelVisible`). i18n enum labels are threaded explicitly via
  * `enumLabels` because there is no surrounding `DisplayTemplateContext`
  * (which is what supplies them inside `AutomaticDisplayer`).
  */
-export declare function FieldValueRenderer({ fieldName, value, fieldSchema, fieldLabel, resourceType, record, tResourceFieldEnumValue, }: FieldValueRendererProps): React.JSX.Element | null;
-export declare function ResourceListItemRenderer({ item, resourceType, resourceConfig, registry, summaryFields, fieldLabelsMap, tResourceFieldEnumValue, onItemClick, operationsSlot, cardActionPlacement, selectable, isSelected, onToggleSelect, selectionActive, selectAriaLabel, className, interactiveClasses, }: ResourceListItemRendererProps): React.JSX.Element;
+export declare function FieldValueRenderer({ fieldName, value, fieldSchema, fieldLabel, resourceType, record, collectionContextResourceIdentifiers, tResourceFieldEnumValue, fieldLabelVisible, }: FieldValueRendererProps): React.JSX.Element | null;
+export declare function ResourceListItemRenderer({ item, resourceType, resourceConfig, registry, collectionContextResourceIdentifiers, summaryFields, fieldLabelsMap, tResourceFieldEnumValue, onItemClick, operationsSlot, cardActionPlacement, selectable, isSelected, onToggleSelect, selectionActive, selectAriaLabel, className, interactiveClasses, }: ResourceListItemRendererProps): React.JSX.Element;
 //# sourceMappingURL=ResourceListItemRenderer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceListItemRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceListItemRenderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ResourceListItemRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceListItemRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/resources/ResourceListItemRenderer.js

@@ -11,21 +11,77 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
  */
 import React, { useMemo } from 'react';
 import { ErrorCustomMessageReference, } from '@wildo-ai/saas-models';
-import { getEnumValues, DisplayChromeMode, ViewportBreakpoint } from '@wildo-ai/zod-decorators';
+import { getEnumValues, getFieldUISummaryDisplayConfig, getSchemaType, DisplayChromeMode, ViewportBreakpoint } from '@wildo-ai/zod-decorators';
 import { UIContext } from '../../core/ui/UIContext.js';
 import { useLongPress } from '../../components/resources/useLongPress.js';
 import { DisplayField } from '../../components/data-display/DisplayField.js';
 import { DisplayChromeProvider } from '../../components/data-display/chromes/DisplayChromeContext.js';
-import { ResourceSummaryDisplayer } from '../../components/data-display/ResourceSummaryDisplayer.js';
+import { ResourceSummaryDisplayer, buildSummaryRecordIdentifiers } from '../../components/data-display/ResourceSummaryDisplayer.js';
+import { ResourceDisplayContext, useResourceDisplayContext } from '../../components/data-display/automatic-displayer.utils.js';
+import { useResourceRegistrySafe } from '../../core/resources/useResourceRegistry.js';
+import { SummaryMeta } from '../../components/resources/skeleton/SummaryMeta.js';
 import { Text } from '../../components/typography/text.js';
-import { FrontendResourceUtils } from '../../core/resources/frontend-resource.utils.js';
+import { TextSize, TextVariant } from '@wildo-ai/presets-components-models';
+import { isPresentSummaryValue, summaryValueNamesShown } from '../../core/automated-layout/summary-value-naming.utils.js';
+import { resolveDeclaredDisplayChromeMode } from '../../components/data-display/chromes/display-chrome-mode-resolution.js';
+import { FrontendResourceUtils, frontendResourceUtils } from '../../core/resources/frontend-resource.utils.js';
 import { useI18n } from '../../core/i18n/useI18n.js';
 import { AutomatedLayoutFrontendUtils } from '../../core/automated-layout/automated-layout.frontend.utils.js';
 import { resolveResourceLabelEnumSchema } from '../../core/resources/resource-label-field-paths.frontend.utils.js';
 import { cn } from '../../core/ui/cn.js';
+import { focusIndicatorClasses, FocusIndicatorShape } from '../../core/ui/themes/focus-indicator.js';
 import { CheckboxRoot } from '../../components/form/controls/boolean/checkbox.js';
-import { CARD_ROW_PADDING_CLASS, CARD_SELECTION_RAIL_CLASS, CARD_SELECTION_SLOT_CLASS, } from '../../components/resources/collection-card-layout.utils.js';
+import { CARD_ROW_PADDING_CLASS, CARD_SELECTION_RAIL_CLASS, CARD_SELECTION_REVEAL_CLASS, CARD_SELECTION_SLOT_CLASS, } from '../../components/resources/collection-card-layout.utils.js';
 import { resolveCardActionPlacementClasses } from './card-action-placement.utils.js';
+// =============================================================================
+// FIELD VALUE RENDERER
+// =============================================================================
+/** A collection cell is read-only: the row's inline edit belongs to the row's own page, never to a cell. */
+const refuseCellInlineUpdate = async () => {
+    throw new Error('A collection cell does not edit in place.');
+};
+/**
+ * The display context a collection CELL reads in: its ROW, in the row's scope (#2347).
+ *
+ * A reference display fetches and links its target with the display context's identifiers and parameters. A
+ * collection mounts no context, so a cell inherited the page's — none on a list page — and every reference to a
+ * scope-junction peer (a user, through organization membership) lost the scope that selects its confined door.
+ * The identifiers are built exactly as a summary template's are (`buildSummaryRecordIdentifiers`), so a card's
+ * template and a table cell of the same row read a reference the same way.
+ *
+ * Everything that is the PAGE's record rather than the row's is dropped: its inline-edit write path, its mutation
+ * manager and its upload endpoints would act on the page's record. What describes the surface (the zone, the parent
+ * reference posture, the empty-value strategy) is kept. With no registry in reach (an isolated render) the cell
+ * keeps the inherited context, as before.
+ */
+function useRecordScopedDisplayContext(input) {
+    const inherited = useResourceDisplayContext();
+    const registryContext = useResourceRegistrySafe();
+    const registry = registryContext?.registry;
+    const { resourceType, record, collectionContextResourceIdentifiers } = input;
+    return useMemo(() => {
+        if (!registry || !record)
+            return inherited;
+        const identifiers = buildSummaryRecordIdentifiers({
+            resourceType,
+            resourceConfig: registry.resourceConfigurations[resourceType],
+            data: record,
+            hostIdentifiers: collectionContextResourceIdentifiers ?? inherited.contextResourceIdentifiers,
+        });
+        return {
+            ...inherited,
+            resourceType,
+            resourceId: frontendResourceUtils.getResourceId(identifiers[resourceType]) || undefined,
+            contextResourceIdentifiers: identifiers,
+            contextualParameters: FrontendResourceUtils.buildContextualParameters(identifiers, registry),
+            canInlineEdit: false,
+            doInlineUpdate: refuseCellInlineUpdate,
+            defaultInlineEdit: undefined,
+            fileUploadContext: undefined,
+            rmm: null,
+        };
+    }, [inherited, registry, record, resourceType, collectionContextResourceIdentifiers]);
+}
 /**
  * Renders a single summary field VALUE through the shared decorator-driven
  * display pipeline (`DisplayField` → `DisplayValueDispatcher` → presets) — the
@@ -41,13 +97,15 @@ import { resolveCardActionPlacementClasses } from './card-action-placement.utils
  * through `DisplayField` removes that divergence and the maintenance burden of a
  * parallel renderer.
  *
- * The card ("Label:" prefix) and the table (column header) own the label, so the
- * value is rendered under COMPACT chrome — a bare value with no framework
- * label/description wrapper. i18n enum labels are threaded explicitly via
+ * The card and the table (column header) own the label, so the value is rendered
+ * under COMPACT chrome — a bare value with no framework label/description wrapper.
+ * The card names a value with a visually hidden name, or a visible one for a value
+ * that cannot speak for itself (`fieldLabelVisible`). i18n enum labels are threaded explicitly via
  * `enumLabels` because there is no surrounding `DisplayTemplateContext`
  * (which is what supplies them inside `AutomaticDisplayer`).
  */
-export function FieldValueRenderer({ fieldName, value, fieldSchema, fieldLabel, resourceType, record, tResourceFieldEnumValue, }) {
+export function FieldValueRenderer({ fieldName, value, fieldSchema, fieldLabel, resourceType, record, collectionContextResourceIdentifiers, tResourceFieldEnumValue, fieldLabelVisible = false, }) {
+    const recordDisplayContext = useRecordScopedDisplayContext({ resourceType, record, collectionContextResourceIdentifiers });
     // Build the enum value→label map from the same i18n translator the list
     // already uses, so enum badges show translated labels rather than raw enum
     // values. Hook runs unconditionally, before the null-value early return.
@@ -67,14 +125,16 @@ export function FieldValueRenderer({ fieldName, value, fieldSchema, fieldLabel,
     }, [fieldSchema, resourceType, fieldName, tResourceFieldEnumValue]);
     if (value === null || value === undefined)
         return null;
-    return (_jsxs("div", { className: "flex min-w-0 items-baseline gap-element-sm", children: [fieldLabel && _jsxs("span", { className: "text-xs text-muted-foreground", children: [fieldLabel, ":"] }), fieldSchema ? (
-            // COMPACT chrome → bare value with the full decorator policy applied.
-            _jsx(DisplayChromeProvider, { displayChromeMode: DisplayChromeMode.COMPACT, children: _jsx(DisplayField, { name: fieldName, schema: fieldSchema, value: value, enumLabels: enumLabels, 
-                    // The ROW this cell belongs to. Every other display surface hands the dispatcher its
-                    // record as `parentData`; a collection cell did not, so anything a field needs from its
-                    // siblings was unreachable from a list or a table — including a foreign key's
-                    // `labelFallbackField`, which is why a member directory printed raw ObjectIds.
-                    parentData: record, disableInlineEdit: true, className: "min-w-0 truncate text-sm text-muted-foreground" }) })) : (
+    return (_jsxs("div", { className: "flex min-w-0 items-baseline gap-element-sm", children: [fieldLabel && (fieldLabelVisible
+                ? _jsxs(Text, { as: "span", variant: TextVariant.MUTED, size: TextSize.XS, children: [fieldLabel, ":"] })
+                : _jsxs("span", { className: "sr-only", children: [fieldLabel, ": "] })), fieldSchema ? (
+            // COMPACT chrome → bare value with the full decorator policy applied, read in the ROW's scope.
+            _jsx(ResourceDisplayContext.Provider, { value: recordDisplayContext, children: _jsx(DisplayChromeProvider, { displayChromeMode: DisplayChromeMode.COMPACT, children: _jsx(DisplayField, { name: fieldName, schema: fieldSchema, value: value, enumLabels: enumLabels, 
+                        // The ROW this cell belongs to. Every other display surface hands the dispatcher its
+                        // record as `parentData`; a collection cell did not, so anything a field needs from its
+                        // siblings was unreachable from a list or a table — including a foreign key's
+                        // `labelFallbackField`, which is why a member directory printed raw ObjectIds.
+                        parentData: record, disableInlineEdit: true, className: "min-w-0 truncate text-sm text-muted-foreground" }) }) })) : (
             // No schema resolved for this field — `DisplayField` requires a schema,
             // so fall back to a plain string (matches the previous default branch).
             _jsx("span", { className: "min-w-0 truncate text-sm text-muted-foreground", children: String(value) }))] }));
@@ -82,7 +142,7 @@ export function FieldValueRenderer({ fieldName, value, fieldSchema, fieldLabel,
 // =============================================================================
 // MAIN COMPONENT
 // =============================================================================
-export function ResourceListItemRenderer({ item, resourceType, resourceConfig, registry, summaryFields, fieldLabelsMap, tResourceFieldEnumValue, onItemClick, operationsSlot, cardActionPlacement, selectable = false, isSelected = false, onToggleSelect, selectionActive = false, selectAriaLabel, className, interactiveClasses, }) {
+export function ResourceListItemRenderer({ item, resourceType, resourceConfig, registry, collectionContextResourceIdentifiers, summaryFields, fieldLabelsMap, tResourceFieldEnumValue, onItemClick, operationsSlot, cardActionPlacement, selectable = false, isSelected = false, onToggleSelect, selectionActive = false, selectAriaLabel, className, interactiveClasses, }) {
     if (!resourceConfig?.resourceFieldIdentifier) {
         throw FrontendResourceUtils.buildConfigurationError(ErrorCustomMessageReference.FRONTEND_RESOURCE_FIELD_IDENTIFIER_NOT_FOUND, { resourceType, component: 'ResourceListItemRenderer' });
     }
@@ -126,18 +186,42 @@ export function ResourceListItemRenderer({ item, resourceType, resourceConfig, r
     // `ResourceLayoutUtils.detectSummaryFields`, so it never reaches here.)
     const secondaryFields = useMemo(() => summaryFields.filter((fieldName) => {
         const value = item[fieldName];
-        if (value === null || value === undefined)
+        // A value the record does not hold shows nothing, so it takes no place in the row — and a card whose
+        // values are all empty draws no row at all (`secondaryFields.length > 0` below).
+        if (!isPresentSummaryValue(value))
             return false;
         return String(value) !== primaryLabel;
     }), [summaryFields, item, primaryLabel]);
     // Schema shape for field type detection
+    // The row's own schema (#2455): for an inheritance resource, the variant its discriminators name. A family's
+    // `mainSchema` is its base object since #2414, not a discriminated union.
+    const rowSchema = useMemo(() => FrontendResourceUtils.resolveRowSchema(resourceConfig, item), [resourceConfig, item]);
     const schemaShape = useMemo(() => {
-        const mainSchema = resourceConfig?.mainSchema;
-        if (!mainSchema)
+        if (!rowSchema)
             return null;
-        // Polymorphic resources feed a discriminated-union schema; resolve the union-aware field shape (else getObjectShape returns null for the union → no field labels).
-        return AutomatedLayoutFrontendUtils.getObjectLikeFieldShape(mainSchema, { commonOnly: false }) ?? null;
-    }, [resourceConfig]);
+        return AutomatedLayoutFrontendUtils.getObjectLikeFieldShape(rowSchema, { commonOnly: false }) ?? null;
+    }, [rowSchema]);
+    // Which shown values keep a VISIBLE name on the card: the FIELD's own declared summary chrome, else the
+    // layout's, else the values that cannot speak for themselves (a boolean, a bare number, a second date) —
+    // the same rule the generated summary applies (`summaryValueNamesShown`). Every declaration is resolved
+    // for the current breakpoint by the chrome's own chain (`resolveDeclaredDisplayChromeMode`), so the card
+    // and a summary surface read `{ mobile: HIDDEN }` the same way.
+    //
+    // Optional UIContext read: a rendering leaf shouldn't hard-require the shell's
+    // UIProvider just to check the breakpoint — outside a provider (isolated
+    // renders/tests) it degrades to desktop behavior (isMobile = false, the DESKTOP
+    // entry of a responsive summary chrome).
+    const ui = React.useContext(UIContext);
+    const currentBreakpoint = ui?.UIConfig?.currentBreakpoint ?? ViewportBreakpoint.DESKTOP;
+    const declaredSummaryChrome = resolveDeclaredDisplayChromeMode(resourceConfig?.frontendConfiguration?.layout?.defaultChromeMode?.summary, currentBreakpoint);
+    const secondaryFieldKeepsName = useMemo(() => summaryValueNamesShown(declaredSummaryChrome, secondaryFields.map((fieldName) => {
+        const fieldSchema = schemaShape?.[fieldName];
+        return {
+            schemaType: fieldSchema ? getSchemaType(fieldSchema) : undefined,
+            present: true, // `secondaryFields` holds only present values
+            declaredChrome: fieldSchema ? resolveDeclaredDisplayChromeMode(getFieldUISummaryDisplayConfig(fieldSchema)?.chromeMode, currentBreakpoint) : undefined,
+        };
+    })), [declaredSummaryChrome, secondaryFields, schemaShape, currentBreakpoint]);
     // AUTHORED summary template — the `layout.summary` contract promises coverage
     // of "cards, list items, FK references". When a resource authors one, the card
     // defers its ENTIRE content region (title + body) to `ResourceSummaryDisplayer`:
@@ -147,9 +231,10 @@ export function ResourceListItemRenderer({ item, resourceType, resourceConfig, r
     // already computed (correct `t`, junction forwardedLabel) into the displayer's
     // SummaryContext instead of rendering our own title above it.
     //
-    // Resources WITHOUT an authored template keep the legacy host-owned title +
-    // generic "Label: value" body: routing them through the GENERATED default
-    // template would restyle every list in every app for no authored reason.
+    // Resources WITHOUT an authored template keep the host-owned title + the bare
+    // qualifier row below (values in one `SummaryMeta` row, named by the naming rule):
+    // routing them through the GENERATED default template would restyle every list in
+    // every app for no authored reason.
     const authoredSummaryTemplate = resourceConfig?.frontendConfiguration?.layout?.summary;
     const hoverClass = interactiveClasses?.hover ?? '';
     const transitionClass = interactiveClasses?.transition ?? '';
@@ -161,10 +246,6 @@ export function ResourceListItemRenderer({ item, resourceType, resourceConfig, r
     // selection instead of navigating. Gated to a mobile viewport — on desktop a
     // click always navigates and the checkbox is the explicit toggle. Long-press
     // is touch-only (the hook binds touch handlers).
-    // Optional UIContext read: a rendering leaf shouldn't hard-require the shell's
-    // UIProvider just to check the breakpoint — outside a provider (isolated
-    // renders/tests) it degrades to desktop behavior (isMobile = false).
-    const ui = React.useContext(UIContext);
     const isMobile = ui?.UIConfig?.currentBreakpoint === ViewportBreakpoint.MOBILE;
     const tapTogglesSelection = selectable && selectionActive && isMobile;
     // Long-press ENTERS selection mode — gated to the SAME condition as tap-toggle
@@ -206,33 +287,34 @@ export function ResourceListItemRenderer({ item, resourceType, resourceConfig, r
      * long-press, so a click on the card's TEXT still opens the record — pointer behaviour is
      * unchanged, and the keyboard path is now a button that needs no hand-written key handling.
      */
-    return (_jsxs("div", { className: cn(CARD_ROW_PADDING_CLASS, transitionClass, isActivatable && 'relative', 
+    return (_jsxs("div", { "data-slot": "resource-list-item", className: cn(
+        // `group/list-item`: the row's checkbox reveals itself on this row's hover and focus.
+        'group/list-item', CARD_ROW_PADDING_CLASS, transitionClass, isActivatable && 'relative', 
         // Both only when a click leads somewhere — see `isActivatable`.
         isActivatable && hoverClass, isActivatable && 'cursor-pointer', isSelected && 'bg-primary/5', 
         // Prevent the browser text-selection that a long-press would start.
         selectable && 'select-none', className), onClick: isActivatable ? handleActivate : undefined, ...longPress.handlers, children: [isActivatable && (_jsx("button", { type: "button", "aria-label": String(primaryLabel), 
                 // Selection state is conveyed by the row's checkbox; the bg tint is a purely visual
                 // reinforcement, and `aria-pressed` would misdescribe a button that OPENS the record.
-                className: "absolute inset-0 rounded-[inherit] focus-ring-inset outline-hidden", onClick: (e) => {
+                className: cn("absolute inset-0 rounded-[inherit] outline-none", focusIndicatorClasses(FocusIndicatorShape.INSET)), onClick: (e) => {
                     // The root's own onClick would run the same activation again for this click.
                     e.stopPropagation();
                     handleActivate();
                 } })), _jsxs("div", { className: cn(CARD_SELECTION_RAIL_CLASS, isActivatable && 'relative'), children: [selectable && (_jsx("div", { 
-                        // `pt-0.5` optically centres the box on the first line of text beside it; the
-                        // HORIZONTAL half comes from the shared constant, which the header rail also reads.
-                        className: cn(CARD_SELECTION_SLOT_CLASS, 'pt-0.5'), onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), onTouchStart: (e) => e.stopPropagation(), children: _jsx(CheckboxRoot, { checked: isSelected, onCheckedChange: () => onToggleSelect?.(item), "aria-label": selectAriaLabel ?? String(primaryLabel) }) })), _jsxs("div", { className: cn(placement.containerClass, 'min-w-0 flex-1'), children: [_jsx("div", { className: cn('space-y-item-xs', placement.contentClass), children: authoredSummaryTemplate && resourceConfig?.mainSchema ? (
+                        // `pt-0.5` optically centres the box on the first line of text beside it; its
+                        // HORIZONTAL place is the row's start padding, which the toolbar's select-all reads too
+                        // (`CARDS_SELECT_ALL_INSET_CLASS`), so the two stand in one column.
+                        className: cn(CARD_SELECTION_SLOT_CLASS, 'pt-0.5', !isSelected && !selectionActive && CARD_SELECTION_REVEAL_CLASS), onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), onTouchStart: (e) => e.stopPropagation(), children: _jsx(CheckboxRoot, { checked: isSelected, onCheckedChange: () => onToggleSelect?.(item), "aria-label": selectAriaLabel ?? String(primaryLabel) }) })), _jsxs("div", { className: cn(placement.containerClass, 'min-w-0 flex-1'), children: [_jsx("div", { className: cn('space-y-item-xs', placement.contentClass), children: authoredSummaryTemplate && rowSchema ? (
                                 // Authored template owns title + body. The title is fed via
                                 // SummaryContext (primaryLabel) and rendered by `<SummaryTitle />`
                                 // inside the template, so we do NOT render our own title here. The
                                 // region stays click-through so the whole card navigates (same as the
                                 // legacy body); an author who embeds a genuinely interactive control
                                 // stops propagation within their own template.
-                                _jsx(ResourceSummaryDisplayer, { resourceType: resourceType, schema: resourceConfig.mainSchema, data: item, primaryLabel: primaryLabel })) : (_jsxs(_Fragment, { children: [_jsx(Text, { as: "p", className: "font-medium text-foreground", truncate: true, children: primaryLabel }), secondaryFields.map((fieldName) => {
-                                            const value = item[fieldName];
-                                            if (value === null || value === undefined)
-                                                return null;
-                                            return (_jsx("div", { children: _jsx(FieldValueRenderer, { fieldName: fieldName, value: value, fieldSchema: schemaShape?.[fieldName], fieldLabel: fieldLabelsMap[fieldName], resourceType: resourceType, record: item, tResourceFieldEnumValue: tResourceFieldEnumValue }) }, fieldName));
-                                        })] })) }), operationsSlot && (
+                                _jsx(ResourceSummaryDisplayer, { resourceType: resourceType, schema: rowSchema, data: item, primaryLabel: primaryLabel, contextResourceIdentifiers: collectionContextResourceIdentifiers })) : (_jsxs(_Fragment, { children: [_jsx(Text, { as: "p", className: "font-medium text-foreground", truncate: true, children: primaryLabel }), secondaryFields.length > 0 && (_jsx(SummaryMeta, { children: secondaryFields.map((fieldName, index) => {
+                                                const value = item[fieldName];
+                                                return (_jsx(FieldValueRenderer, { fieldLabelVisible: secondaryFieldKeepsName[index], fieldName: fieldName, value: value, fieldSchema: schemaShape?.[fieldName], fieldLabel: fieldLabelsMap[fieldName], resourceType: resourceType, record: item, collectionContextResourceIdentifiers: collectionContextResourceIdentifiers, tResourceFieldEnumValue: tResourceFieldEnumValue }, fieldName));
+                                            }) }))] })) }), operationsSlot && (
                             // stopPropagation on click, keydown AND touchstart: an action tap or
                             // keyboard activation must not also navigate the row, and a hold over
                             // an action must not arm the row's long-press selection. (Mirrors the