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

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

@@ -15,11 +15,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Implementation ref: ADT:MISC-03, INT §P7-02.
  */
 import { useMemo, useCallback } from 'react';
-import { getObjectShape } from '@wildo-ai/zod-decorators';
 import { FieldValueRenderer } from '../../components/resources/ResourceListItemRenderer.js';
+import { AutomatedLayoutFrontendUtils } from '../../core/automated-layout/automated-layout.frontend.utils.js';
 import { FrontendResourceUtils } from '../../core/resources/frontend-resource.utils.js';
 import { useResourceRegistry } from '../../core/resources/useResourceRegistry.js';
 import { useI18n } from '../../core/i18n/useI18n.js';
+import { TableCell } from '../../components/sections/table.js';
 // =============================================================================
 // COMPONENT
 // =============================================================================
@@ -41,7 +42,8 @@ export const ResourceLayoutPreset_ReadSummary_TableRow = ({ resourceContext, ite
         const mainSchema = resourceConfig?.mainSchema;
         if (!mainSchema)
             return null;
-        return getObjectShape(mainSchema);
+        // 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]);
     const handleRowClick = useCallback(() => {
         onItemClick?.(item);
@@ -59,7 +61,7 @@ export const ResourceLayoutPreset_ReadSummary_TableRow = ({ resourceContext, ite
             className ?? '',
         ].filter(Boolean).join(' '), onClick: handleRowClick, onKeyDown: handleKeyDown, tabIndex: onItemClick ? 0 : undefined, "aria-label": primaryLabel, "aria-selected": isSelected, children: [summaryFields.map((fieldName) => {
                 const value = item[fieldName];
-                return (_jsx("td", { className: "px-card py-element-md text-sm align-middle", "aria-label": fieldLabelsMap[fieldName], children: value !== null && value !== undefined ? (_jsx(FieldValueRenderer, { fieldName: fieldName, value: value, fieldSchema: schemaShape?.[fieldName], fieldLabel: undefined, resourceType: resourceType, tResourceFieldEnumValue: tResourceFieldEnumValue })) : (_jsx("span", { className: "text-muted-foreground/40", children: "\u2014" })) }, fieldName));
-            }), operationsSlot && (_jsx("td", { className: "px-card py-element-md text-sm align-middle text-end", onClick: (e) => e.stopPropagation(), children: operationsSlot }))] }));
+                return (_jsx(TableCell, { className: "px-card py-element-md text-sm align-middle", truncate: true, "aria-label": fieldLabelsMap[fieldName], children: value !== null && value !== undefined ? (_jsx(FieldValueRenderer, { fieldName: fieldName, value: value, fieldSchema: schemaShape?.[fieldName], fieldLabel: undefined, resourceType: resourceType, tResourceFieldEnumValue: tResourceFieldEnumValue })) : (_jsx("span", { className: "text-muted-foreground/40", children: "\u2014" })) }, fieldName));
+            }), operationsSlot && (_jsx(TableCell, { className: "px-card py-element-md text-sm align-middle text-end", onClick: (e) => e.stopPropagation(), children: operationsSlot }))] }));
 };
-//# sourceMappingURL=ResourceLayout_ReadSummary_TableRow.js.map
+//# sourceMappingURL=ResourceLayout_ReadSummary_TableRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_ReadSummary_TableRow.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_ReadSummary_TableRow.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ResourceLayout_ReadSummary_TableRow.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_ReadSummary_TableRow.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ResourceLayoutPreset_ReadSummary_TableRow\n *\n * Renders a single resource item as a table row (`<tr>`) with summary fields as cells.\n * Used by List_Table (P7-01) for each row in the table view.\n *\n * Design:\n * - Receives pre-computed summaryFields, fieldLabelsMap, and i18n fn from parent table\n *   (avoids recomputing per-row).\n * - Each cell uses FieldValueRenderer for schema-aware formatting (FK, enum, date, array).\n * - Cell labels are NOT shown inline — column headers provide them.\n * - Supports row click (navigate to READ), selection state, and operations slot.\n *\n * Implementation ref: ADT:MISC-03, INT §P7-02.\n */\n\nimport React, { useMemo, useCallback } from 'react';\nimport { z } from 'zod';\nimport type { AnyFrontendResourceConfiguration } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { BaseResourcesLayoutProps } from '~wildo-frontend-lib/components/resources/component-props.resources-layout.frontend.schemas';\nimport { FieldValueRenderer } from '~wildo-frontend-lib/components/resources/ResourceListItemRenderer';\nimport { AutomatedLayoutFrontendUtils } from '~wildo-frontend-lib/core/automated-layout/automated-layout.frontend.utils';\nimport { FrontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport { TableCell } from '~wildo-frontend-lib/components/sections/table';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface ResourceLayoutPreset_ReadSummary_TableRowProps extends BaseResourcesLayoutProps {\n  /** The data item to render */\n  item: Record<string, unknown>;\n  /** Ordered list of summary field names to render as columns */\n  summaryFields: string[];\n  /** Pre-resolved field labels from i18n (field name -> label). Used for accessible aria-labels on cells. */\n  fieldLabelsMap: Record<string, string>;\n  /** Click handler when the row is clicked (navigate to READ) */\n  onItemClick?: (item: Record<string, unknown>) => void;\n  /** Operations slot for row actions (e.g., dropdown menu, action buttons) */\n  operationsSlot?: React.ReactNode;\n  /** Whether the row is currently selected (checkbox selection in table) */\n  isSelected?: boolean;\n  /** Optional class name for the root <tr> */\n  className?: string;\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport const ResourceLayoutPreset_ReadSummary_TableRow = ({\n  resourceContext,\n  item,\n  summaryFields,\n  fieldLabelsMap,\n  onItemClick,\n  operationsSlot,\n  isSelected,\n  className,\n}: ResourceLayoutPreset_ReadSummary_TableRowProps): React.JSX.Element => {\n  const { resourceType } = resourceContext;\n  const { registry } = useResourceRegistry();\n  const { tResourceFieldEnumValue } = useI18n({ resource: resourceType });\n  const resourceConfig = registry.resourceConfigurations[resourceType] as AnyFrontendResourceConfiguration | undefined;\n\n  // Resolve primary label for the row (used in aria-label for accessibility)\n  const primaryLabel = useMemo(() => {\n    return FrontendResourceUtils.computeFrontendResourceLabel({\n      resourceType,\n      registry,\n      currentObject: item,\n    }) || String(item[summaryFields[0]] ?? `${resourceType}`);\n  }, [item, resourceType, registry, summaryFields]);\n\n  // Schema shape for field type detection in FieldValueRenderer\n  const schemaShape = useMemo(() => {\n    const mainSchema = resourceConfig?.mainSchema;\n    if (!mainSchema) return null;\n    // Polymorphic resources feed a discriminated-union schema; resolve the union-aware field shape (else getObjectShape returns null for the union → no field labels).\n    return AutomatedLayoutFrontendUtils.getObjectLikeFieldShape(mainSchema, { commonOnly: false }) ?? null;\n  }, [resourceConfig]);\n\n  const handleRowClick = useCallback(() => {\n    onItemClick?.(item);\n  }, [onItemClick, item]);\n\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      onItemClick?.(item);\n    }\n  }, [onItemClick, item]);\n\n  return (\n    <tr\n      className={[\n        'border-b border-border/50 motion-safe:transition-colors',\n        onItemClick ? 'cursor-pointer hover:bg-muted/50' : '',\n        isSelected ? 'bg-primary/5' : '',\n        className ?? '',\n      ].filter(Boolean).join(' ')}\n      onClick={handleRowClick}\n      onKeyDown={handleKeyDown}\n      tabIndex={onItemClick ? 0 : undefined}\n      aria-label={primaryLabel}\n      aria-selected={isSelected}\n    >\n      {summaryFields.map((fieldName) => {\n        const value = item[fieldName];\n        return (\n          <TableCell\n            key={fieldName}\n            className=\"px-card py-element-md text-sm align-middle\"\n            truncate\n            aria-label={fieldLabelsMap[fieldName]}\n          >\n            {value !== null && value !== undefined ? (\n              <FieldValueRenderer\n                fieldName={fieldName}\n                value={value}\n                fieldSchema={schemaShape?.[fieldName] as z.ZodTypeAny | undefined}\n                fieldLabel={undefined} // Column header provides label — no inline label\n                resourceType={resourceType}\n                tResourceFieldEnumValue={tResourceFieldEnumValue}\n              />\n            ) : (\n              <span className=\"text-muted-foreground/40\">—</span>\n            )}\n          </TableCell>\n        );\n      })}\n      {operationsSlot && (\n        <TableCell\n          className=\"px-card py-element-md text-sm align-middle text-end\"\n          onClick={(e) => e.stopPropagation()}\n        >\n          {operationsSlot}\n        </TableCell>\n      )}\n    </tr>\n  );\n};\n"]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseResourcesLayoutProps } from '../../components/resources/component-props.resources-layout.frontend.schemas.js';
+import { BaseResourcesLayoutProps } from '../../components/resources/component-props.resources-layout.frontend.schemas';
 /**
  * Expandable variant for Read layout — displays fields in collapsible accordion sections.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_Read_Expandable.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_Read_Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,4FAA4F,CAAC;AAGtI;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oCAAoC,GAAI,OAAO,wBAAwB,KAAG,KAAK,CAAC,GAAG,CAAC,OAOhG,CAAC"}
+{"version":3,"file":"ResourceLayout_Read_Expandable.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Read_Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,4FAA4F,CAAC;AAGtI;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oCAAoC,GAAI,OAAO,wBAAwB,KAAG,KAAK,CAAC,GAAG,CAAC,OAOhG,CAAC"}

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

@@ -15,4 +15,4 @@ import { ResourceLayoutPreset_Read_Default } from './ResourceLayout_Read.js';
 export const ResourceLayoutPreset_Read_Expandable = (props) => {
     return (_jsx(ResourceLayoutPreset_Read_Default, { ...props, showCharts: false }));
 };
-//# sourceMappingURL=ResourceLayout_Read_Expandable.js.map
+//# sourceMappingURL=ResourceLayout_Read_Expandable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_Read_Expandable.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_Read_Expandable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,uBAAuB,CAAC;AAE1E;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAAC,KAA+B,EAAqB,EAAE;IACzG,OAAO,CACL,KAAC,iCAAiC,OAC5B,KAAK,EACT,UAAU,EAAE,KAAK,GACjB,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ResourceLayout_Read_Expandable.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Read_Expandable.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,uBAAuB,CAAC;AAE1E;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAAC,KAA+B,EAAqB,EAAE;IACzG,OAAO,CACL,KAAC,iCAAiC,OAC5B,KAAK,EACT,UAAU,EAAE,KAAK,GACjB,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { BaseResourcesLayoutProps } from '~wildo-frontend-lib/components/resources/component-props.resources-layout.frontend.schemas';\nimport { ResourceLayoutPreset_Read_Default } from './ResourceLayout_Read';\n\n/**\n * Expandable variant for Read layout — displays fields in collapsible accordion sections.\n *\n * In the template-driven layout system, accordion behavior is achieved by\n * defining a `layout.display` template with `<Section appearance={SectionMode.ACCORDION}>`.\n * The parent layout groups sections sharing the same appearance into a\n * `ContentSectionContainer`.\n *\n * Currently delegates to the default Read layout. If the resource provides\n * `layout.display` with multiple sections, those are consolidated automatically\n * via the display template pipeline.\n */\nexport const ResourceLayoutPreset_Read_Expandable = (props: BaseResourcesLayoutProps): React.JSX.Element => {\n  return (\n    <ResourceLayoutPreset_Read_Default\n      {...props}\n      showCharts={false}\n    />\n  );\n};\n"]}

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import { DataMode } from '@wildo-ai/saas-models';
-import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas.js';
-import { BaseResourcesLayoutProps } from './component-props.resources-layout.frontend.schemas.js';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas';
+import { BaseResourcesLayoutProps } from './component-props.resources-layout.frontend.schemas';
 export interface ResourceLayoutPreset_Search_DefaultProps extends BaseResourcesLayoutProps {
     dataMode?: DataMode;
 }
-export declare const ResourceLayoutPreset_Search_Default: ({ resourceContext, navigationZone, navigationInitiator, dataMode: propDataMode, }: ResourceLayoutPreset_Search_DefaultProps) => React.JSX.Element;
+export declare const ResourceLayoutPreset_Search_Default: ({ resourceContext, navigationZone, navigationInitiator, dataMode: propDataMode, }: ResourceLayoutPreset_Search_DefaultProps) => React.JSX.Element | null;
 export declare function ResourceLayout_Search({ preset, ...props }: ResourceLayoutPreset_Search_DefaultProps & ComponentPresetProps): React.JSX.Element;
 //# sourceMappingURL=ResourceLayout_Search.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_Search.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAajF,OAAO,EAML,QAAQ,EACT,MAAM,uBAAuB,CAAC;AAiB/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAOvH,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAA;AAI9F,MAAM,WAAW,wCAAyC,SAAQ,wBAAwB;IACxF,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAUD,eAAO,MAAM,mCAAmC,GAAI,mFAKjD,wCAAwC,KAAG,KAAK,CAAC,GAAG,CAAC,OAyXvD,CAAC;AAGF,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,wCAAwC,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAU9I"}
+{"version":3,"file":"ResourceLayout_Search.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAiBjF,OAAO,EAML,QAAQ,EACT,MAAM,uBAAuB,CAAC;AAwB/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAOvH,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAA;AAS9F,MAAM,WAAW,wCAAyC,SAAQ,wBAAwB;IACxF,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AASD,eAAO,MAAM,mCAAmC,GAAI,mFAKjD,wCAAwC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAukBjE,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,wCAAwC,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqB9I"}

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

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useMemo, useEffect, useState, useRef } from 'react';
+import React, { useCallback, useMemo, useEffect, useState, useRef } from 'react';
 import { useI18n } from '../../core/i18n/useI18n.js';
+import { useEventBus } from '../../core/events/useEventBus.js';
+import { FrontendEvents } from '../../core/events/events.frontend.schemas.js';
 import { useIconRegistry } from '../../core/icons/useIconRegistry.js';
 import { useResourceRegistry } from '../../core/resources/useResourceRegistry.js';
 import { frontendResourceUtils, FrontendResourceUtils } from '../../core/resources/frontend-resource.utils.js';
@@ -10,8 +12,15 @@ import { useUI } from '../../core/ui/useUI.js';
 import { Button } from '../../components/actions/button.js';
 import { InputRoot } from '../../components/form/controls/input.js';
 import { ResourceListItemRenderer } from '../../components/resources/ResourceListItemRenderer.js';
+import { ResourceInPlaceOperationRow } from '../../components/resources/ResourceInPlaceOperationRow.js';
+import { InPlaceOperationProvider, useInPlaceOperation } from '../../core/resources/in-place/InPlaceOperationContext.js';
 import { ResourceLayoutUtils } from '../../components/resources/resourceLayout.utils.js';
 import { CoreResourceOperation, ResourcesConfig_OperationPathUtils, ErrorCustomMessageReference, } from '@wildo-ai/saas-models';
+import { CardLayoutStyle, } from '../../core/resources/resources.frontend.schemas.js';
+import { useResourceSelection } from '../../core/resources/useResourceSelection.js';
+import { ResourceLayout_OperationBulk } from '../../components/resources/ResourceLayout_OperationBulk.js';
+import { CollectionSelectionControls } from '../../components/resources/CollectionSelectionControls.js';
+import { resolveCardsContainerClass, resolveCardsGridStyle, CARDS_GRID_CELL_CLASS } from '../../components/resources/collection-card-layout.utils.js';
 import { ResourceLayout_Header } from '../../components/resources/ResourceLayout_Header.js';
 import { StandardIconReference, IconSize } from '../../core/icons/icon-registry.frontend.schemas.js';
 import { useSearchParams } from 'react-router-dom';
@@ -21,13 +30,20 @@ import { ResourceLayout_Pagination } from '../../components/resources/ResourceLa
 import { ResourceLayout_SortControl } from '../../components/resources/ResourceLayout_SortControl.js';
 import { ResourceLayout_FiltersControl } from '../../components/resources/ResourceLayout_FiltersControl.js';
 import { ResourceEmptyState } from '../../components/feedback/resource-empty-state.js';
+import { ErrorDisplay } from '../../components/feedback/error-display.js';
+import { Skeleton } from '../../components/feedback/skeleton.js';
 import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
 import { CorePreset_ResourceLayout_Search } from '@wildo-ai/presets-components-models';
 import { resolveResourceOperationPresetKey, resolveResourceOperationCustomView, } from '../../core/resources/resource-operation-view.frontend.utils.js';
 import { LoadingGate } from '../../core/loading/LoadingGate.js';
+import { useComponentLoading } from '../../core/loading/useComponentLoading.js';
+import { buildResourceLoadingScope } from '../../core/loading/loading-scope.frontend.utils.js';
+import { resolveComponentLabel } from '../../core/i18n/component-label-resolution.utils.js';
+import { cn } from '../../core/ui/cn.js';
+import { pickPreferredOperationForCoreSemanticAddressability } from '../../core/resources/resource-addressability.frontend.utils.js';
 const logger = LoggerFrontendService.getLogger();
 export const ResourceLayoutPreset_Search_Default = ({ resourceContext, navigationZone, navigationInitiator, dataMode: propDataMode, }) => {
-    const { resourceType, operation, resourceConfig, operationInitiator, contextualParameters, resolvePreferredOperation, navigateToResourceOperation, } = useResourceOperationSurface({
+    const { resourceType, operation, resourceConfig, operationInitiator, contextualParameters, navigateToResourceOperation, } = useResourceOperationSurface({
         resourceContext,
         navigationZone,
         navigationInitiator,
@@ -39,10 +55,40 @@ export const ResourceLayoutPreset_Search_Default = ({ resourceContext, navigatio
     const ghostRecipe = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.GHOST);
     const { registry, doOperation } = useResourceRegistry();
     const [searchParams] = useSearchParams();
+    // Cards presentation + selection, authored on the SEARCH operation's
+    // `collectionDisplayConfig` (parity with the LIST view). Search is cards-only
+    // (no table body), so `cardLayout`/`selectable` apply directly to the results
+    // list; `cardActionPlacement` is inert here (search cards render no per-item
+    // operations today) but threaded for symmetry.
+    const collectionDisplayConfig = operation.operationFrontendConfig?.collectionDisplayConfig;
+    const cardLayout = collectionDisplayConfig?.cardLayout;
+    const cardActionPlacement = collectionDisplayConfig?.cardActionPlacement;
+    const selectionEnabled = collectionDisplayConfig?.selectable ?? false;
+    const isCardGrid = cardLayout?.style === CardLayoutStyle.GRID;
+    // Narrow the union once, then feed both the container class and the intrinsic
+    // grid-template-columns style (container-responsive; collapses in narrow panes).
+    const cardGridColumns = cardLayout?.style === CardLayoutStyle.GRID ? cardLayout.columns : undefined;
+    // Key selection on the resource's addressable identifier (same field
+    // navigation + the bulk payload use) — threaded to BOTH the hook and the bulk
+    // bar so selection identity and bulk-target identity can never diverge.
+    const selectionIdField = resourceConfig?.resourceFieldIdentifier;
+    const selection = useResourceSelection({ idField: selectionIdField });
+    // Which result row, if any, is transformed by an INLINE action. Provided by the wrapper below.
+    const inPlaceHost = useInPlaceOperation();
     // State
     const [searchQuery, setSearchQuery] = useState('');
     const [debouncedQuery, setDebouncedQuery] = useState('');
     const [results, setResults] = useState([]);
+    // Current-page select-all (additive; preserves any cross-page selection).
+    const currentPageAllSelected = results.length > 0 && results.every((r) => selection.isSelected(r));
+    const handleToggleAllCurrentPage = useCallback(() => {
+        if (results.length > 0 && results.every((r) => selection.isSelected(r))) {
+            results.forEach((r) => selection.deselectItem(r));
+        }
+        else {
+            results.forEach((r) => selection.selectItem(r));
+        }
+    }, [results, selection]);
     const [error, setError] = useState(null);
     const [hasSearched, setHasSearched] = useState(false);
     const [pagination, setPagination] = useState(() => {
@@ -53,21 +99,37 @@ export const ResourceLayoutPreset_Search_Default = ({ resourceContext, navigatio
         return { page: 1, limit: pageSize, total: 0, totalPages: 0 };
     });
     const [isFetching, setIsFetching] = useState(false);
-    const [sortState, setSortState] = useState(null);
+    // Multi-field sort, highest priority first. Empty = no sorting.
+    const [sortStates, setSortStates] = useState([]);
     const [filterValues, setFilterValues] = useState({});
+    // Clear selection when the visible result set is redefined by a new query or a
+    // filter change — a stale selection would let the bulk bar act on records that
+    // no longer match / are no longer shown. Pagination is intentionally excluded.
+    useEffect(() => {
+        selection.clearSelection();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [debouncedQuery, filterValues]);
     const i18nKeys = useMemo(() => [
         `resources.${resourceType}`,
         `components.${FrontendComponentType.RESOURCES_LAYOUTS_SEARCH}`,
     ], [resourceType]);
+    // L-1: Tier-2 derived loading state. Distinguishes initial load (skeleton)
+    // from refresh (subtle dim). Driven by the http client's resource loading
+    // events (LOADING_RESOURCE_START/END) for this exact resource+operation.
+    const operationIdForLoading = operation?.operationIdentifier ?? CoreResourceOperation.SEARCH;
+    const { isInitialLoad, isRefreshing } = useComponentLoading(buildResourceLoadingScope({
+        resourceType,
+        operation: operationIdForLoading,
+    }));
     // Refs for stable function references and objects (avoid infinite loops)
     const doOperationRef = useRef(doOperation);
     const resourceContextRef = useRef(resourceContext);
-    const sortStateRef = useRef(sortState);
+    const sortStatesRef = useRef(sortStates);
     const filterValuesRef = useRef(filterValues);
     // Keep refs updated
     doOperationRef.current = doOperation;
     resourceContextRef.current = resourceContext;
-    sortStateRef.current = sortState;
+    sortStatesRef.current = sortStates;
     filterValuesRef.current = filterValues;
     // Build stable key for context identifiers
     const contextResourceIdentifiersKey = useMemo(() => {
@@ -86,6 +148,11 @@ export const ResourceLayoutPreset_Search_Default = ({ resourceContext, navigatio
         return ResourceLayoutUtils.detectSummaryFields(resourceConfig);
     }, [resourceConfig]);
     // Resolve i18n field labels for summary fields
+    const resultsLabel = useMemo(() => resolveComponentLabel({
+        tComponent,
+        componentType: FrontendComponentType.RESOURCES_LAYOUTS_SEARCH,
+        key: 'resultsLabel',
+    }), [tComponent]);
     const fieldLabelsMap = useMemo(() => {
         const result = {};
         for (const fieldName of summaryFields) {
@@ -93,21 +160,41 @@ export const ResourceLayoutPreset_Search_Default = ({ resourceContext, navigatio
         }
         return result;
     }, [summaryFields, resourceType, tResourceFieldDisplay]);
-    // Find READ operation for navigation
-    const readOperation = useMemo(() => {
-        return resolvePreferredOperation(CoreResourceOperation.READ, {
-            requireAddressable: true,
-        }) || null;
-    }, [resolvePreferredOperation]);
-    // Read sortFields and filterFields from SEARCH operation directly
+    const resolveReadOperationForIdentifiers = useCallback((contextResourceIdentifiers) => {
+        if (!resourceConfig) {
+            return null;
+        }
+        return pickPreferredOperationForCoreSemanticAddressability({
+            resourceConfig,
+            operations: resourceConfig.operations ?? [],
+            coreOperation: CoreResourceOperation.READ,
+            registry,
+            hasResourceId: frontendResourceUtils.getResourceId(contextResourceIdentifiers[resourceType]).length > 0,
+            requireFrontendAddressable: true,
+            contextResourceIdentifiers,
+            contextualParameters: FrontendResourceUtils.buildContextualParameters(contextResourceIdentifiers, registry),
+        }) ?? null;
+    }, [registry, resourceConfig, resourceType]);
+    // Read sortFields and filterFields from SEARCH operation directly.
+    // Transport context: exclude transport-pinned fields (primary-scope FK +
+    // selected-route URL parameters) and classify FK fields as reference
+    // selectors. See FilterFieldTransportContext.
     const { sortFields, filterFields, filtersEnabled } = useMemo(() => {
         const searchOp = operation;
         const sortFields = searchOp?.sortFields ?? [];
-        const filterFields = ResourceLayoutUtils.parseFilterFieldDefinitions(searchOp?.filterFields);
+        const filterFields = ResourceLayoutUtils.parseFilterFieldDefinitions(searchOp?.filterFields, resourceConfig
+            ? {
+                registry,
+                resourceConfig,
+                operation,
+                contextualParameters,
+                parentResourcesRequirements: resourceContext.parentResourcesRequirements,
+            }
+            : undefined);
         // SEARCH doesn't have filtersEnabled; show filters when filterFields exist
         const filtersEnabled = filterFields.length > 0;
         return { sortFields, filterFields, filtersEnabled };
-    }, [operation]);
+    }, [operation, registry, resourceConfig, contextualParameters, resourceContext.parentResourcesRequirements]);
     // Extract dataMode: Component prop > Query param > Backend default
     const dataMode = useMemo(() => {
         return frontendResourceUtils.extractDataMode(searchParams, propDataMode);
@@ -123,22 +210,40 @@ export const ResourceLayoutPreset_Search_Default = ({ resourceContext, navigatio
         }, 300);
         return () => clearTimeout(timer);
     }, [searchQuery]);
-    // StrictMode dedup — track initiated fetches to prevent double-mount duplicates
-    const initiatedFetchesRef = useRef(new Set());
     // Stable sort key for fetch dedup
-    const sortKey = sortState ? `${sortState.field}:${sortState.direction}` : '';
+    const sortKey = sortStates.map(s => `${s.field}:${s.direction}`).join(',');
     const filterKey = useMemo(() => JSON.stringify(filterValues), [filterValues]);
+    // Announce this collection surface's ACTIVE FILTER SET. The surface states a
+    // fact about itself and owns no scope semantics — `AppScopeContext` decides
+    // whether a filter lands on a declared app-scope field (so the app-shell
+    // scope control mirrors a listing filtered to one record).
+    //
+    // Emitted from ONE effect keyed on the serialized filter set rather than from
+    // each setter: the panel, the quick-filter tabs and any future filter writer
+    // all flow through this single announcement by construction, so a new setter
+    // cannot silently stop announcing.
+    const { emit: emitFrontendEvent } = useEventBus();
+    useEffect(() => {
+        emitFrontendEvent(FrontendEvents.RESOURCE_COLLECTION_FILTERS_CHANGED, {
+            resourceType,
+            filterValues: filterValuesRef.current,
+        });
+        // `filterKey` is the serialized filter set — the value identity that must
+        // drive the announcement (the object identity changes on every render).
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [filterKey, resourceType, emitFrontendEvent]);
     const fetchKey = `${resourceType}|${operationPathKey}|${contextResourceIdentifiersKey}|${debouncedQuery}|${pagination.page}|${pagination.limit}|${sortKey}|${filterKey}|${isSearchable}`;
-    // Execute search when debounced query changes - use refs to avoid infinite loops
-    // When isSearchable is false, auto-trigger an initial filter/sort-only search
+    // Execute search when debounced query changes - use refs to avoid infinite loops.
+    // When isSearchable is false, auto-trigger an initial filter/sort-only search.
+    // StrictMode double-mounts run this effect twice; the `cancelled` flag plus
+    // cleanup disposes of the first mount's in-flight search so the second
+    // mount's result lands in state. Do NOT add a per-fetchKey dedup Set —
+    // entries that survive cleanup turn the second mount into a no-op while the
+    // first mount's result is silently dropped by `if (cancelled) return`,
+    // leaving the surface stuck in `isFetching` forever.
     useEffect(() => {
         if (!debouncedQuery && !hasSearched && isSearchable)
             return;
-        // Skip if we've already initiated a fetch for this exact key (React StrictMode protection)
-        if (initiatedFetchesRef.current.has(fetchKey)) {
-            return;
-        }
-        initiatedFetchesRef.current.add(fetchKey);
         let cancelled = false;
         let loadingStopped = false;
         const stopLoading = () => {
@@ -164,7 +269,7 @@ export const ResourceLayoutPreset_Search_Default = ({ resourceContext, navigatio
                         page: pagination.page,
                         limit: pagination.limit,
                     },
-                    sort: sortStateRef.current ? [sortStateRef.current] : undefined,
+                    sort: sortStatesRef.current.length ? [...sortStatesRef.current] : undefined,
                     parentResourcesRequirements: resourceContextRef.current.parentResourcesRequirements,
                     dataMode, // Pass dataMode to API call
                 };
@@ -206,22 +311,36 @@ export const ResourceLayoutPreset_Search_Default = ({ resourceContext, navigatio
     // Handle navigation to READ (result click)
     // Uses resourceContextRef to avoid unstable resourceContext object in deps
     const handleResultClick = useCallback((item) => {
-        if (!resourceConfig || !readOperation)
+        if (!resourceConfig)
+            return;
+        const itemId = FrontendResourceUtils.getResourceObjectId(item, resourceConfig.resourceFieldIdentifier);
+        // Fail closed: a result whose id cannot be resolved must NOT navigate to
+        // `/<resource>/undefined` — an unrenderable, CPU-pegging detail surface.
+        if (!itemId) {
+            logger.error('[ResourceLayoutPreset_Search] Result click ignored: could not resolve resource id from search result.', {
+                resourceType,
+                fieldIdentifier: resourceConfig.resourceFieldIdentifier,
+                itemKeys: Object.keys(item ?? {}),
+            });
             return;
+        }
         const contextResourceIdentifiers = {
             ...resourceContextRef.current.contextResourceIdentifiers,
-            [resourceType]: String(item.id || item[resourceConfig.resourceFieldIdentifier]),
+            [resourceType]: itemId,
         };
+        const itemReadOperation = resolveReadOperationForIdentifiers(contextResourceIdentifiers);
+        if (!itemReadOperation)
+            return;
         navigateToResourceOperation({
-            operation: readOperation,
+            operation: itemReadOperation,
             contextResourceIdentifiers,
             parentResourcesRequirements: resourceContextRef.current.parentResourcesRequirements,
             initiatorOverride: operationInitiator,
         });
-    }, [resourceConfig, readOperation, resourceConfig?.resourceFieldIdentifier, resourceType, navigateToResourceOperation, operationInitiator]);
-    // Handle sort change — stable callback for SortControl
-    const handleSortChange = useCallback((newSort) => {
-        setSortState(newSort);
+    }, [resourceConfig, resourceConfig?.resourceFieldIdentifier, resourceType, navigateToResourceOperation, operationInitiator, resolveReadOperationForIdentifiers]);
+    // Handle sort change — stable callback for the sort control.
+    const handleSortChange = useCallback((newSorts) => {
+        setSortStates(newSorts);
         setPagination(prev => ({ ...prev, page: 1 }));
     }, []);
     // Handle filter change — stable callback for FiltersControl
@@ -236,26 +355,50 @@ export const ResourceLayoutPreset_Search_Default = ({ resourceContext, navigatio
     }, [searchQuery]);
     // Render icons
     const searchIcon = renderIcon(StandardIconReference.SEARCH, { size: IconSize.SM });
-    return (_jsx(LoadingGate, { i18nKeys: i18nKeys, children: _jsxs("div", { className: "space-y-section", children: [_jsx(ResourceLayout_Header, { resourceContext: resourceContext, navigationZone: navigationZone, navigationInitiator: navigationInitiator }), isSearchable && (_jsxs("form", { onSubmit: handleSubmit, role: "search", className: "flex gap-element", children: [_jsx("div", { className: "flex-1", children: _jsx(InputRoot, { type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: tc('placeholder'), "aria-label": tc('placeholder'), prefix: searchIcon }) }), _jsx(Button, { type: "submit", disabled: isFetching, children: tc('search') })] })), (filtersEnabled || (sortFields.length > 0 && hasSearched)) && (_jsxs("div", { className: "flex flex-col gap-element-sm", children: [filtersEnabled && filterFields.length > 0 && (_jsx(ResourceLayout_FiltersControl, { resourceType: resourceType, filterFields: filterFields, currentFilters: filterValues, onFiltersChange: handleFiltersChange })), sortFields.length > 0 && hasSearched && (_jsx(ResourceLayout_SortControl, { resourceType: resourceType, sortFields: sortFields, currentSort: sortState, onSortChange: handleSortChange }))] })), error && (_jsxs("div", { className: "p-card bg-destructive/10 border border-destructive rounded-lg", role: "alert", children: [_jsx("p", { className: "text-destructive font-medium", children: tc('errorLoading') }), _jsx("p", { className: "text-sm text-destructive/80 mt-item-xs", children: error.message }), error.code && (_jsx("p", { className: "text-xs text-destructive/60 mt-item-xs", children: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_SEARCH, 'errorCode', { code: error.code }) }))] })), hasSearched && !error && (_jsxs(_Fragment, { children: [results.length === 0 ? (_jsx(ResourceEmptyState, { resourceType: resourceType, config: { ...emptyStateConfig, primaryAction: false }, hasCreateOperation: false, variant: "compact" })) : (_jsx("div", { className: "border border-border rounded-lg divide-y divide-border", children: results.map((item, index) => {
+    return (_jsx(LoadingGate, { i18nKeys: i18nKeys, readiness: [{ id: 'search-initial-load', isReady: !isInitialLoad }], renderLoading: () => (_jsx(Skeleton, { template: "list", density: "auto", role: "status", "aria-live": "polite", "aria-busy": "true", "aria-label": "Loading" })), children: _jsxs("div", { className: "space-y-section", children: [_jsx(ResourceLayout_Header, { resourceContext: resourceContext, navigationZone: navigationZone, navigationInitiator: navigationInitiator }), isSearchable && (_jsxs("form", { onSubmit: handleSubmit, role: "search", className: "flex gap-element", children: [_jsx("div", { className: "flex-1", children: _jsx(InputRoot, { type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: tc('placeholder'), "aria-label": tc('placeholder'), prefix: searchIcon }) }), _jsx(Button, { type: "submit", disabled: isFetching, children: tc('search') })] })), (filtersEnabled || (sortFields.length > 0 && hasSearched)) && (_jsxs("div", { className: "flex flex-col gap-element-sm", children: [filtersEnabled && filterFields.length > 0 && (_jsx(ResourceLayout_FiltersControl, { resourceType: resourceType, filterFields: filterFields, currentFilters: filterValues, onFiltersChange: handleFiltersChange })), sortFields.length > 0 && hasSearched && (_jsx(ResourceLayout_SortControl, { resourceType: resourceType, sortFields: sortFields, currentSorts: sortStates, onSortChange: handleSortChange }))] })), selectionEnabled && hasSearched && (results.length > 0 || selection.selectionCount > 0) && (_jsxs("div", { className: "flex flex-wrap items-center gap-element", children: [_jsx(CollectionSelectionControls, { count: selection.selectionCount, allSelected: currentPageAllSelected, onToggleAll: handleToggleAllCurrentPage, onClear: selection.clearSelection }), selection.selectionCount > 0 && (_jsx("div", { className: "ms-auto", children: _jsx(ResourceLayout_OperationBulk, { resourceContext: resourceContext, navigationZone: navigationZone, navigationInitiator: navigationInitiator, selectedItems: selection.selectedItems, idField: selectionIdField, onSelectionClear: selection.clearSelection }) }))] })), error && (_jsx(ErrorDisplay, { variant: "error", iconRef: StandardIconReference.ERROR_APPLICATION, title: resolveComponentLabel({
+                        tComponent,
+                        componentType: FrontendComponentType.RESOURCES_LAYOUTS_SEARCH,
+                        key: 'errorLoading',
+                    }), message: error.message, suggestion: error.code
+                        ? resolveComponentLabel({
+                            tComponent,
+                            componentType: FrontendComponentType.RESOURCES_LAYOUTS_SEARCH,
+                            key: 'errorCode',
+                            params: { code: error.code },
+                        })
+                        : undefined })), inPlaceHost.isCreateActive && (_jsx(ResourceInPlaceOperationRow, { navigationZone: navigationZone, className: "border border-border rounded-lg" })), hasSearched && !error && (_jsxs(_Fragment, { children: [results.length === 0 ? (_jsx(ResourceEmptyState, { resourceType: resourceType, config: { ...emptyStateConfig, primaryAction: false }, hasCreateOperation: false, variant: "compact" })) : (_jsx("ul", { role: "list", "aria-label": resultsLabel, style: resolveCardsGridStyle(cardGridColumns), className: cn(resolveCardsContainerClass(cardGridColumns), 
+                            // L-1: subtle refresh affordance (results stay visible while updating)
+                            isRefreshing && "opacity-70 transition-opacity duration-150 motion-reduce:transition-none"), "aria-busy": isInitialLoad || isRefreshing || undefined, children: results.map((item, index) => {
                                 const fieldIdentifier = resourceConfig?.resourceFieldIdentifier;
                                 if (!fieldIdentifier) {
                                     throw FrontendResourceUtils.buildConfigurationError(ErrorCustomMessageReference.FRONTEND_RESOURCE_FIELD_IDENTIFIER_NOT_FOUND, { resourceType, component: 'ResourceLayoutPreset_Search' });
                                 }
-                                const itemId = item[fieldIdentifier];
-                                return (_jsx(ResourceListItemRenderer, { item: item, resourceType: resourceType, resourceConfig: resourceConfig, registry: registry, summaryFields: summaryFields, fieldLabelsMap: fieldLabelsMap, tResourceFieldEnumValue: tResourceFieldEnumValue, onItemClick: handleResultClick, trailingIcon: _jsx("div", { className: "text-muted-foreground", children: renderIcon(StandardIconReference.CHEVRON_RIGHT, { size: IconSize.SM }) }), interactiveClasses: {
-                                        hover: ghostRecipe.states.hover,
-                                        transition: ghostRecipe.motion.transition,
-                                    } }, itemId || index));
+                                const itemId = FrontendResourceUtils.getResourceObjectId(item, fieldIdentifier);
+                                if (inPlaceHost.isElementActive(itemId)) {
+                                    return (_jsx("li", { className: cn('list-none', isCardGrid && CARDS_GRID_CELL_CLASS), children: _jsx(ResourceInPlaceOperationRow, { navigationZone: navigationZone }) }, itemId || index));
+                                }
+                                return (_jsx("li", { className: cn('list-none', isCardGrid && CARDS_GRID_CELL_CLASS), children: _jsx(ResourceListItemRenderer, { item: item, resourceType: resourceType, resourceConfig: resourceConfig, registry: registry, summaryFields: summaryFields, fieldLabelsMap: fieldLabelsMap, tResourceFieldEnumValue: tResourceFieldEnumValue, onItemClick: handleResultClick, cardActionPlacement: cardActionPlacement, selectable: selectionEnabled, isSelected: selection.isSelected(item), selectionActive: selection.selectionCount > 0, onToggleSelect: selection.toggleSelection, 
+                                        // Selection labels live in the LIST namespace and are reused
+                                        // across surfaces (as CollectionSelectionControls does for
+                                        // `selectAll`); gives the checkbox a "Select row N" name
+                                        // instead of falling back to the item title.
+                                        selectAriaLabel: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectRow', { row: index + 1 }), interactiveClasses: {
+                                            hover: ghostRecipe.states.hover,
+                                            transition: ghostRecipe.motion.transition,
+                                        } }) }, itemId || index));
                             }) })), _jsx(ResourceLayout_Pagination, { pagination: pagination, onPaginationChange: setPagination })] }))] }) }));
 };
 export function ResourceLayout_Search({ preset, ...props }) {
     const ComponentOverride = resolveResourceOperationCustomView(props.resourceContext.operation);
-    if (ComponentOverride) {
-        return _jsx(ComponentOverride, { ...props });
-    }
     const operationPreset = resolveResourceOperationPresetKey(props.resourceContext.operation);
     const resolvedPreset = preset ?? operationPreset ?? CorePreset_ResourceLayout_Search.DEFAULT;
-    const Component = createComponentResolver(FrontendComponentType.RESOURCES_LAYOUTS_SEARCH, 'ResourceLayout_Search')(resolvedPreset);
-    return _jsx(Component, { ...props });
+    const body = ComponentOverride
+        ? _jsx(ComponentOverride, { ...props })
+        : React.createElement(createComponentResolver(FrontendComponentType.RESOURCES_LAYOUTS_SEARCH, 'ResourceLayout_Search')(resolvedPreset), props);
+    // SEARCH is a collection surface too — it renders rows, it offers selection, and each row carries
+    // an action bar. Without the host here, the same INLINE action would transform its row in the LIST
+    // and quietly degrade to an overlay in SEARCH: one operation, two behaviours, decided by which
+    // screen the user happened to be on. Same reasoning as the cards↔table pair inside the list host.
+    return (_jsx(InPlaceOperationProvider, { resourceType: props.resourceContext.resourceType, children: body }));
 }
-//# sourceMappingURL=ResourceLayout_Search.js.map
+//# sourceMappingURL=ResourceLayout_Search.js.map