npm - @wildo-ai/saas-frontend-lib - Versions diffs - 1.1.3 → 1.1.5 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2521) hide show

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

@@ -22,6 +22,7 @@ import { FrontendResourceUtils } from '../../core/resources/frontend-resource.ut
 import { AutomatedLayoutFrontendUtils } from '../../core/automated-layout/automated-layout.frontend.utils.js';
 import { cn } from '../../core/ui/cn.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 { resolveCardActionPlacementClasses } from './card-action-placement.utils.js';
 /**
  * Renders a single summary field VALUE through the shared decorator-driven
@@ -44,7 +45,7 @@ import { resolveCardActionPlacementClasses } from './card-action-placement.utils
  * `enumLabels` because there is no surrounding `DisplayTemplateContext`
  * (which is what supplies them inside `AutomaticDisplayer`).
  */
-export function FieldValueRenderer({ fieldName, value, fieldSchema, fieldLabel, resourceType, tResourceFieldEnumValue, }) {
+export function FieldValueRenderer({ fieldName, value, fieldSchema, fieldLabel, resourceType, record, tResourceFieldEnumValue, }) {
     // 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.
@@ -54,13 +55,18 @@ export function FieldValueRenderer({ fieldName, value, fieldSchema, fieldLabel,
         const enumValues = getEnumValues(fieldSchema);
         if (enumValues.length === 0)
             return undefined;
-        return Object.fromEntries(enumValues.map((enumValue) => [enumValue, tResourceFieldEnumValue(resourceType, fieldName, enumValue)]));
+        return Object.fromEntries(enumValues.map((enumValue) => [enumValue, tResourceFieldEnumValue(resourceType, fieldName, enumValue, fieldSchema)]));
     }, [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/70", children: [fieldLabel, ":"] }), fieldSchema ? (
+    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, disableInlineEdit: true, className: "min-w-0 truncate text-sm text-muted-foreground" }) })) : (
+            _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) }))] }));
@@ -147,6 +153,13 @@ export function ResourceListItemRenderer({ item, resourceType, resourceConfig, r
     // (selectable + mobile viewport) so the two can't disagree (e.g. enter mode on
     // a tablet where tap-toggle is off, stranding the user mid-multiselect).
     const longPress = useLongPress(() => onToggleSelect?.(item), { enabled: selectable && !!onToggleSelect && isMobile });
+    /*
+     * A row is INTERACTIVE when something can happen on it: the host gave it a click handler, or the
+     * view is in mobile multi-select where a tap toggles selection. Everything the card says about
+     * itself — the pointer, the button role, the focusability, the key handling — is read off this one
+     * value, so the promise and the behaviour cannot drift apart.
+     */
+    const isActivatable = Boolean(onItemClick) || tapTogglesSelection;
     const handleActivate = () => {
         // Swallow the synthetic click that follows a long-press (it already selected).
         if (longPress.consumeLongPress())
@@ -155,24 +168,29 @@ export function ResourceListItemRenderer({ item, resourceType, resourceConfig, r
             onToggleSelect?.(item);
             return;
         }
-        onItemClick(item);
+        onItemClick?.(item);
     };
-    return (_jsx("div", { className: cn('p-card', hoverClass, 'cursor-pointer', transitionClass, isSelected && 'bg-primary/5',
+    return (_jsx("div", { className: cn(CARD_ROW_PADDING_CLASS, transitionClass,
+        // 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: handleActivate, role: "button", tabIndex: 0, "aria-label": String(primaryLabel), ...longPress.handlers,
+        selectable && 'select-none', className), onClick: isActivatable ? handleActivate : undefined, role: isActivatable ? 'button' : undefined, tabIndex: isActivatable ? 0 : undefined, "aria-label": String(primaryLabel), ...longPress.handlers,
         // Selection state is conveyed by the row's checkbox (aria-selected is not
         // valid on role="button"); the bg tint is a purely visual reinforcement.
-        onKeyDown: (e) => {
+        onKeyDown: isActivatable ? (e) => {
             if (e.key === 'Enter' || e.key === ' ') {
                 e.preventDefault();
                 if (tapTogglesSelection) {
                     onToggleSelect?.(item);
                 }
                 else {
-                    onItemClick(item);
+                    onItemClick?.(item);
                 }
             }
-        }, children: _jsxs("div", { className: "flex items-start gap-element-sm", children: [selectable && (_jsx("div", { className: "shrink-0 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 ? (
+        } : undefined, children: _jsxs("div", { className: CARD_SELECTION_RAIL_CLASS, 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 ? (
                             // 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
@@ -183,7 +201,7 @@ export function ResourceListItemRenderer({ item, resourceType, resourceConfig, r
                                         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, tResourceFieldEnumValue: tResourceFieldEnumValue }) }, fieldName));
+                                        return (_jsx("div", { children: _jsx(FieldValueRenderer, { fieldName: fieldName, value: value, fieldSchema: schemaShape?.[fieldName], fieldLabel: fieldLabelsMap[fieldName], resourceType: resourceType, record: item, 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

package/dist/esm/components/resources/ResourceListItemRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceListItemRenderer.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceListItemRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n ResourceListItemRenderer\n \n Shared item renderer for List and Search presets.\n * Encapsulates schema-aware field rendering (FK, enum, date, array),\n * primary/secondary field split, and per-item operations.\n \n Used by List_Default and Search_Default to ensure parity in how\n * resource items are displayed.\n /\n\nimport React, { useMemo, useCallback } from 'react';\nimport { z } from 'zod';\nimport {\n CoreResourceOperation,\n ResourceOperationDisplayMode,\n ErrorCustomMessageReference,\n} from '@wildo-ai/saas-models';\nimport type { AnyFrontendResourceConfiguration, FrontendResourcesRegistry } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { getSchemaType, FieldSchemaType, getEnumValues, DisplayChromeMode, ViewportBreakpoint } from '@wildo-ai/zod-decorators';\nimport { UIContext } from '~wildo-frontend-lib/core/ui/UIContext';\nimport { useLongPress } from '~wildo-frontend-lib/components/resources/useLongPress';\nimport { DisplayField } from '~wildo-frontend-lib/components/data-display/DisplayField';\nimport { DisplayChromeProvider } from '~wildo-frontend-lib/components/data-display/chromes/DisplayChromeContext';\nimport { ResourceSummaryDisplayer } from '~wildo-frontend-lib/components/data-display/ResourceSummaryDisplayer';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { FrontendResourceUtils, frontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport { AutomatedLayoutFrontendUtils } from '~wildo-frontend-lib/core/automated-layout/automated-layout.frontend.utils';\nimport type { FrontendResourceOperationContext } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { CheckboxRoot } from '~wildo-frontend-lib/components/form/controls/boolean/checkbox';\nimport type { CardActionPlacement } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { resolveCardActionPlacementClasses } from './card-action-placement.utils';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface ResourceListItemRendererProps {\n /* The data item to render /\n item: Record<string, unknown>;\n /* Resource type /\n resourceType: string;\n /* Resource configuration /\n resourceConfig: AnyFrontendResourceConfiguration;\n /* Resource registry /\n registry: FrontendResourcesRegistry;\n /* Ordered list of summary fields to display /\n summaryFields: string[];\n /* Pre-resolved field labels (from i18n) /\n fieldLabelsMap: Record<string, string>;\n /* Function to resolve enum display values via i18n /\n tResourceFieldEnumValue: (resourceType: string, fieldName: string, enumValue: string) => string;\n /* Click handler when the item row is clicked /\n onItemClick: (item: Record<string, unknown>) => void;\n /* Optional operations component to render for this item /\n operationsSlot?: React.ReactNode;\n /\n Where the per-item operations sit within the card (2-axis anchor +\n * orientation). Resolved by the host from `collectionDisplayConfig.cardActionPlacement`.\n * Omitted → the default (inline-end, vertically centered, horizontal row).\n /\n cardActionPlacement?: CardActionPlacement;\n /\n Selection affordance. When `selectable`, a leading checkbox renders and\n * toggles selection via `onToggleSelect` (independent of the row click, which\n * still navigates). `isSelected` drives the checkbox + a selected highlight.\n /\n selectable?: boolean;\n isSelected?: boolean;\n onToggleSelect?: (item: Record<string, unknown>) => void;\n /\n Whether the collection is currently in SELECTION MODE (any item selected).\n * Mobile UX: a long-press enters selection mode, and while active a plain TAP\n * toggles selection instead of navigating (the \"long-press to multi-select\"\n * pattern). Gated to touch/mobile — on desktop a click always navigates and\n * the checkbox is the explicit toggle.\n /\n selectionActive?: boolean;\n /* Accessible label for the selection checkbox (host provides the i18n string). /\n selectAriaLabel?: string;\n /* Optional className for the root container /\n className?: string;\n /* Interactive CSS classes from design system (hover state, transition) /\n interactiveClasses?: {\n hover?: string;\n transition?: string;\n };\n}\n\n// =============================================================================\n// FIELD VALUE RENDERER\n// =============================================================================\n\nexport interface FieldValueRendererProps {\n fieldName: string;\n value: unknown;\n fieldSchema: z.ZodTypeAny \| undefined;\n fieldLabel: string \| undefined;\n resourceType: string;\n tResourceFieldEnumValue: (resourceType: string, fieldName: string, enumValue: string) => string;\n}\n\n/\n Renders a single summary field VALUE through the shared decorator-driven\n * display pipeline (`DisplayField` → `DisplayValueDispatcher` → presets) — the\n * SAME path the detail/read view uses — so the FULL zod-UI display policy is\n * honored in lists/tables by default: enum → badge (+ per-value colors),\n * boolean → checkmark / yes-no, string → truncate / multiline, FK → reference,\n * date → formatted, money/bigdecimal/duration/etc.\n \n Previously this re-implemented a weak subset (enum-as-plain-text, naive array\n * join, `String(value)` fallback) that silently ignored every\n * `{primitive}UI().display` decorator, so listings/tables diverged from the\n * detail view (e.g. a `displayMode: BADGE` enum rendered as plain text). Routing\n * through `DisplayField` removes that divergence and the maintenance burden of a\n * parallel renderer.\n \n The card (\"Label:\" prefix) and the table (column header) own the label, so the\n * value is rendered under COMPACT chrome — a bare value with no framework\n * label/description wrapper. i18n enum labels are threaded explicitly via\n * `enumLabels` because there is no surrounding `DisplayTemplateContext`\n * (which is what supplies them inside `AutomaticDisplayer`).\n /\nexport function FieldValueRenderer({\n fieldName,\n value,\n fieldSchema,\n fieldLabel,\n resourceType,\n tResourceFieldEnumValue,\n}: FieldValueRendererProps): React.JSX.Element \| null {\n // Build the enum value→label map from the same i18n translator the list\n // already uses, so enum badges show translated labels rather than raw enum\n // values. Hook runs unconditionally, before the null-value early return.\n const enumLabels = useMemo<Record<string, string> \| undefined>(() => {\n if (!fieldSchema \|\| getSchemaType(fieldSchema) !== FieldSchemaType.ENUM) return undefined;\n const enumValues = getEnumValues(fieldSchema);\n if (enumValues.length === 0) return undefined;\n return Object.fromEntries(\n enumValues.map((enumValue) => [enumValue, tResourceFieldEnumValue(resourceType, fieldName, enumValue)]),\n );\n }, [fieldSchema, resourceType, fieldName, tResourceFieldEnumValue]);\n\n if (value === null \|\| value === undefined) return null;\n\n return (\n <div className=\"flex min-w-0 items-baseline gap-element-sm\">\n {fieldLabel && <span className=\"text-xs text-muted-foreground/70\">{fieldLabel}:</span>}\n {fieldSchema ? (\n // COMPACT chrome → bare value with the full decorator policy applied.\n <DisplayChromeProvider displayChromeMode={DisplayChromeMode.COMPACT}>\n <DisplayField\n name={fieldName}\n schema={fieldSchema}\n value={value}\n enumLabels={enumLabels}\n disableInlineEdit\n className=\"min-w-0 truncate text-sm text-muted-foreground\"\n />\n </DisplayChromeProvider>\n ) : (\n // No schema resolved for this field — `DisplayField` requires a schema,\n // so fall back to a plain string (matches the previous default branch).\n <span className=\"min-w-0 truncate text-sm text-muted-foreground\">{String(value)}</span>\n )}\n </div>\n );\n}\n\n// =============================================================================\n// MAIN COMPONENT\n// =============================================================================\n\nexport function ResourceListItemRenderer({\n item,\n resourceType,\n resourceConfig,\n registry,\n summaryFields,\n fieldLabelsMap,\n tResourceFieldEnumValue,\n onItemClick,\n operationsSlot,\n cardActionPlacement,\n selectable = false,\n isSelected = false,\n onToggleSelect,\n selectionActive = false,\n selectAriaLabel,\n className,\n interactiveClasses,\n}: ResourceListItemRendererProps): React.JSX.Element {\n if (!resourceConfig?.resourceFieldIdentifier) {\n throw FrontendResourceUtils.buildConfigurationError(\n ErrorCustomMessageReference.FRONTEND_RESOURCE_FIELD_IDENTIFIER_NOT_FOUND,\n { resourceType, component: 'ResourceListItemRenderer' }\n );\n }\n const fieldIdentifier = resourceConfig.resourceFieldIdentifier as string;\n // Resolve the record's own id (`_id`), not the cross-resource field-identifier\n // name (`<resource>Id`) which is absent from a plain record — see\n // FrontendResourceUtils.getResourceObjectId.\n const itemId = FrontendResourceUtils.getResourceObjectId(item, fieldIdentifier);\n\n // Primary display: use computeFrontendResourceLabel for the primary value.\n // For a junction this resolves the server-projected instance label (e.g. a\n // `forwardedLabel` virtual field referenced by `getFrontendResourceLabel`).\n const primaryLabel = useMemo((): string => {\n const label = FrontendResourceUtils.computeFrontendResourceLabel({\n resourceType,\n registry,\n currentObject: item,\n });\n return String(label \|\| item[summaryFields[0]] \|\| `${resourceType} #${itemId}`);\n }, [item, resourceType, registry, summaryFields, itemId]);\n\n // Secondary fields: every summary field EXCEPT the one already shown as the\n // primary label (title). The title comes from `computeFrontendResourceLabel`\n // — an arbitrary label strategy (a `string[]` join or a function), NOT\n // necessarily `summaryFields[0]`. Excluding the title positionally (`slice(1)`)\n // had two bugs: (a) it REPEATED the title when the label field wasn't first\n // (e.g. a list whose label is `name` but whose first summary field is `status`\n // → \"Name: …\" rendered under the identical title), and (b) it silently DROPPED\n // `summaryFields[0]` whenever that field wasn't the label. Excluding the title\n // by VALUE fixes both: the field whose value equals the title is the label\n // field wherever it sits, and every genuine non-label summary field is kept.\n // (The primary-scope FK is dropped upstream by\n // `ResourceLayoutUtils.detectSummaryFields`, so it never reaches here.)\n const secondaryFields = useMemo(\n () => summaryFields.filter((fieldName) => {\n const value = item[fieldName];\n if (value === null \|\| value === undefined) return false;\n return String(value) !== primaryLabel;\n }),\n [summaryFields, item, primaryLabel],\n );\n\n // Schema shape for field type detection\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 // AUTHORED summary template — the `layout.summary` contract promises coverage\n // of \"cards, list items, FK references\". When a resource authors one, the card\n // defers its ENTIRE content region (title + body) to `ResourceSummaryDisplayer`:\n // the title is now a first-class template element (`<SummaryTitle />`, placed by\n // `<SummaryLayout>`), so a status badge can sit inline with the title and the\n // exact same composition renders in the FK popover. We pass the primary label we\n // already computed (correct `t`, junction forwardedLabel) into the displayer's\n // SummaryContext instead of rendering our own title above it.\n //\n // Resources WITHOUT an authored template keep the legacy host-owned title +\n // generic \"Label: value\" body: routing them through the GENERATED default\n // template would restyle every list in every app for no authored reason.\n const authoredSummaryTemplate = resourceConfig?.frontendConfiguration?.layout?.summary;\n\n const hoverClass = interactiveClasses?.hover ?? '';\n const transitionClass = interactiveClasses?.transition ?? '';\n // Resolve where the per-item actions sit (2-axis anchor → flex classes). The\n // content + actions share one flex container so actions never overlap text.\n const placement = resolveCardActionPlacementClasses(cardActionPlacement);\n\n // Mobile multi-select: a long-press ENTERS selection mode (selects this item);\n // while selection mode is active (`selectionActive`), a plain TAP toggles\n // selection instead of navigating. Gated to a mobile viewport — on desktop a\n // click always navigates and the checkbox is the explicit toggle. Long-press\n // is touch-only (the hook binds touch handlers).\n // Optional UIContext read: a rendering leaf shouldn't hard-require the shell's\n // UIProvider just to check the breakpoint — outside a provider (isolated\n // renders/tests) it degrades to desktop behavior (isMobile = false).\n const ui = React.useContext(UIContext);\n const isMobile = ui?.UIConfig?.currentBreakpoint === ViewportBreakpoint.MOBILE;\n const tapTogglesSelection = selectable && selectionActive && isMobile;\n // Long-press ENTERS selection mode — gated to the SAME condition as tap-toggle\n // (selectable + mobile viewport) so the two can't disagree (e.g. enter mode on\n // a tablet where tap-toggle is off, stranding the user mid-multiselect).\n const longPress = useLongPress(\n () => onToggleSelect?.(item),\n { enabled: selectable && !!onToggleSelect && isMobile },\n );\n\n const handleActivate = () => {\n // Swallow the synthetic click that follows a long-press (it already selected).\n if (longPress.consumeLongPress()) return;\n if (tapTogglesSelection) {\n onToggleSelect?.(item);\n return;\n }\n onItemClick(item);\n };\n\n return (\n <div\n className={cn(\n 'p-card', hoverClass, 'cursor-pointer', transitionClass,\n isSelected && 'bg-primary/5',\n // Prevent the browser text-selection that a long-press would start.\n selectable && 'select-none',\n className,\n )}\n onClick={handleActivate}\n role=\"button\"\n tabIndex={0}\n aria-label={String(primaryLabel)}\n {...longPress.handlers}\n // Selection state is conveyed by the row's checkbox (aria-selected is not\n // valid on role=\"button\"); the bg tint is a purely visual reinforcement.\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n if (tapTogglesSelection) {\n onToggleSelect?.(item);\n } else {\n onItemClick(item);\n }\n }\n }}\n >\n {/ Leading selection rail (only when the view is selectable). The checkbox\n toggles selection and stops propagation so it never triggers the row's\n navigation — mirrors the table select-cell contract. /}\n <div className=\"flex items-start gap-element-sm\">\n {/ stopPropagation on click, keydown AND touchstart: the row is a\n role=\"button\" with Enter/Space navigation and a touch long-press, so\n without these guards toggling the checkbox (tap/keyboard) would also\n navigate, and a hold over it would arm the row's long-press. */}\n {selectable && (\n <div\n className=\"shrink-0 pt-0.5\"\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => e.stopPropagation()}\n onTouchStart={(e) => e.stopPropagation()}\n >\n <CheckboxRoot\n checked={isSelected}\n onCheckedChange={() => onToggleSelect?.(item)}\n aria-label={selectAriaLabel ?? String(primaryLabel)}\n />\n </div>\n )}\n <div className={cn(placement.containerClass, 'min-w-0 flex-1')}>\n <div className={cn('space-y-item-xs', placement.contentClass)}>\n {authoredSummaryTemplate && resourceConfig?.mainSchema ? (\n // Authored template owns title + body. The title is fed via\n // SummaryContext (primaryLabel) and rendered by `<SummaryTitle />`\n // inside the template, so we do NOT render our own title here. The\n // region stays click-through so the whole card navigates (same as the\n // legacy body); an author who embeds a genuinely interactive control\n // stops propagation within their own template.\n <ResourceSummaryDisplayer\n resourceType={resourceType}\n schema={resourceConfig.mainSchema}\n data={item}\n primaryLabel={primaryLabel}\n />\n ) : (\n <>\n <Text as=\"p\" className=\"font-medium text-foreground\" truncate>{primaryLabel}</Text>\n {secondaryFields.map((fieldName) => {\n const value = item[fieldName];\n if (value === null \|\| value === undefined) return null;\n return (\n <div key={fieldName}>\n <FieldValueRenderer\n fieldName={fieldName}\n value={value}\n fieldSchema={schemaShape?.[fieldName] as z.ZodTypeAny \| undefined}\n fieldLabel={fieldLabelsMap[fieldName]}\n resourceType={resourceType}\n tResourceFieldEnumValue={tResourceFieldEnumValue}\n />\n </div>\n );\n })}\n </>\n )}\n </div>\n {operationsSlot && (\n // stopPropagation on click, keydown AND touchstart: an action tap or\n // keyboard activation must not also navigate the row, and a hold over\n // an action must not arm the row's long-press selection. (Mirrors the\n // checkbox rail — all three axes.)\n <div\n className={placement.actionsClass}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => e.stopPropagation()}\n onTouchStart={(e) => e.stopPropagation()}\n >\n {operationsSlot}\n </div>\n )}\n </div>\n </div>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"ResourceListItemRenderer.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceListItemRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n ResourceListItemRenderer\n \n Shared item renderer for List and Search presets.\n * Encapsulates schema-aware field rendering (FK, enum, date, array),\n * primary/secondary field split, and per-item operations.\n \n Used by List_Default and Search_Default to ensure parity in how\n * resource items are displayed.\n /\n\nimport React, { useMemo, useCallback } from 'react';\nimport { z } from 'zod';\nimport {\n CoreResourceOperation,\n ResourceOperationDisplayMode,\n ErrorCustomMessageReference,\n} from '@wildo-ai/saas-models';\nimport type { AnyFrontendResourceConfiguration, FrontendResourcesRegistry } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { getSchemaType, FieldSchemaType, getEnumValues, DisplayChromeMode, ViewportBreakpoint } from '@wildo-ai/zod-decorators';\nimport { UIContext } from '~wildo-frontend-lib/core/ui/UIContext';\nimport { useLongPress } from '~wildo-frontend-lib/components/resources/useLongPress';\nimport { DisplayField } from '~wildo-frontend-lib/components/data-display/DisplayField';\nimport { DisplayChromeProvider } from '~wildo-frontend-lib/components/data-display/chromes/DisplayChromeContext';\nimport { ResourceSummaryDisplayer } from '~wildo-frontend-lib/components/data-display/ResourceSummaryDisplayer';\nimport { Text } from '~wildo-frontend-lib/components/typography/text';\nimport { FrontendResourceUtils, frontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport { AutomatedLayoutFrontendUtils } from '~wildo-frontend-lib/core/automated-layout/automated-layout.frontend.utils';\nimport type { FrontendResourceOperationContext } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { CheckboxRoot } from '~wildo-frontend-lib/components/form/controls/boolean/checkbox';\nimport {\n CARD_ROW_PADDING_CLASS,\n CARD_SELECTION_RAIL_CLASS,\n CARD_SELECTION_SLOT_CLASS,\n} from '~wildo-frontend-lib/components/resources/collection-card-layout.utils';\nimport type { CardActionPlacement } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { resolveCardActionPlacementClasses } from './card-action-placement.utils';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface ResourceListItemRendererProps {\n /* The data item to render /\n item: Record<string, unknown>;\n /* Resource type /\n resourceType: string;\n /* Resource configuration /\n resourceConfig: AnyFrontendResourceConfiguration;\n /* Resource registry /\n registry: FrontendResourcesRegistry;\n /* Ordered list of summary fields to display /\n summaryFields: string[];\n /* Pre-resolved field labels (from i18n) /\n fieldLabelsMap: Record<string, string>;\n /* Function to resolve enum display values via i18n — `fieldSchema` names the enum the field declares (#966) /\n tResourceFieldEnumValue: (resourceType: string, fieldName: string, enumValue: string, fieldSchema: z.ZodTypeAny \| undefined) => string;\n /\n What a click on the row does — and, by its ABSENCE, that a click does nothing.\n \n Optional since 2026-09-20, and the optionality is the point. The card used to take this\n * REQUIRED and paint itself `cursor-pointer` + `role=\"button\"` + `tabIndex={0}` unconditionally,\n * so every summary row in the product announced itself as a button. Whether the click could act\n * was decided somewhere else entirely — in the host, by whether a READ operation resolves to a\n * view — and the two were never compared. On the audit trail the answer was \"it cannot\", so the\n * row invited a click, took focus, answered Enter and Space, and did nothing at any of them.\n \n A host that cannot open a row now omits this, and the affordance disappears with the behaviour\n * because both are read off the same value.\n /\n onItemClick?: (item: Record<string, unknown>) => void;\n /* Optional operations component to render for this item /\n operationsSlot?: React.ReactNode;\n /\n Where the per-item operations sit within the card (2-axis anchor +\n * orientation). Resolved by the host from `collectionDisplayConfig.cardActionPlacement`.\n * Omitted → the default (inline-end, vertically centered, horizontal row).\n /\n cardActionPlacement?: CardActionPlacement;\n /\n Selection affordance. When `selectable`, a leading checkbox renders and\n * toggles selection via `onToggleSelect` (independent of the row click, which\n * still navigates). `isSelected` drives the checkbox + a selected highlight.\n /\n selectable?: boolean;\n isSelected?: boolean;\n onToggleSelect?: (item: Record<string, unknown>) => void;\n /\n Whether the collection is currently in SELECTION MODE (any item selected).\n * Mobile UX: a long-press enters selection mode, and while active a plain TAP\n * toggles selection instead of navigating (the \"long-press to multi-select\"\n * pattern). Gated to touch/mobile — on desktop a click always navigates and\n * the checkbox is the explicit toggle.\n /\n selectionActive?: boolean;\n /* Accessible label for the selection checkbox (host provides the i18n string). /\n selectAriaLabel?: string;\n /* Optional className for the root container /\n className?: string;\n /* Interactive CSS classes from design system (hover state, transition) /\n interactiveClasses?: {\n hover?: string;\n transition?: string;\n };\n}\n\n// =============================================================================\n// FIELD VALUE RENDERER\n// =============================================================================\n\nexport interface FieldValueRendererProps {\n fieldName: string;\n value: unknown;\n fieldSchema: z.ZodTypeAny \| undefined;\n fieldLabel: string \| undefined;\n resourceType: string;\n tResourceFieldEnumValue: (resourceType: string, fieldName: string, enumValue: string, fieldSchema: z.ZodTypeAny \| undefined) => string;\n /\n The whole record this cell belongs to, forwarded to the dispatcher as `parentData`.\n \n Optional so a caller rendering a bare value is unaffected — but every collection caller passes\n * it, because a field frequently needs a sibling to render correctly and a cell that does not know\n * its row cannot reach one.\n /\n record?: Record<string, unknown>;\n}\n\n/\n Renders a single summary field VALUE through the shared decorator-driven\n * display pipeline (`DisplayField` → `DisplayValueDispatcher` → presets) — the\n * SAME path the detail/read view uses — so the FULL zod-UI display policy is\n * honored in lists/tables by default: enum → badge (+ per-value colors),\n * boolean → checkmark / yes-no, string → truncate / multiline, FK → reference,\n * date → formatted, money/bigdecimal/duration/etc.\n \n Previously this re-implemented a weak subset (enum-as-plain-text, naive array\n * join, `String(value)` fallback) that silently ignored every\n * `{primitive}UI().display` decorator, so listings/tables diverged from the\n * detail view (e.g. a `displayMode: BADGE` enum rendered as plain text). Routing\n * through `DisplayField` removes that divergence and the maintenance burden of a\n * parallel renderer.\n \n The card (\"Label:\" prefix) and the table (column header) own the label, so the\n * value is rendered under COMPACT chrome — a bare value with no framework\n * label/description wrapper. i18n enum labels are threaded explicitly via\n * `enumLabels` because there is no surrounding `DisplayTemplateContext`\n * (which is what supplies them inside `AutomaticDisplayer`).\n /\nexport function FieldValueRenderer({\n fieldName,\n value,\n fieldSchema,\n fieldLabel,\n resourceType,\n record,\n tResourceFieldEnumValue,\n}: FieldValueRendererProps): React.JSX.Element \| null {\n // Build the enum value→label map from the same i18n translator the list\n // already uses, so enum badges show translated labels rather than raw enum\n // values. Hook runs unconditionally, before the null-value early return.\n const enumLabels = useMemo<Record<string, string> \| undefined>(() => {\n if (!fieldSchema \|\| getSchemaType(fieldSchema) !== FieldSchemaType.ENUM) return undefined;\n const enumValues = getEnumValues(fieldSchema);\n if (enumValues.length === 0) return undefined;\n return Object.fromEntries(\n enumValues.map((enumValue) => [enumValue, tResourceFieldEnumValue(resourceType, fieldName, enumValue, fieldSchema)]),\n );\n }, [fieldSchema, resourceType, fieldName, tResourceFieldEnumValue]);\n\n if (value === null \|\| value === undefined) return null;\n\n return (\n <div className=\"flex min-w-0 items-baseline gap-element-sm\">\n {fieldLabel && <span className=\"text-xs text-muted-foreground\">{fieldLabel}:</span>}\n {fieldSchema ? (\n // COMPACT chrome → bare value with the full decorator policy applied.\n <DisplayChromeProvider displayChromeMode={DisplayChromeMode.COMPACT}>\n <DisplayField\n name={fieldName}\n schema={fieldSchema}\n value={value}\n enumLabels={enumLabels}\n // The ROW this cell belongs to. Every other display surface hands the dispatcher its\n // record as `parentData`; a collection cell did not, so anything a field needs from its\n // siblings was unreachable from a list or a table — including a foreign key's\n // `labelFallbackField`, which is why a member directory printed raw ObjectIds.\n parentData={record}\n disableInlineEdit\n className=\"min-w-0 truncate text-sm text-muted-foreground\"\n />\n </DisplayChromeProvider>\n ) : (\n // No schema resolved for this field — `DisplayField` requires a schema,\n // so fall back to a plain string (matches the previous default branch).\n <span className=\"min-w-0 truncate text-sm text-muted-foreground\">{String(value)}</span>\n )}\n </div>\n );\n}\n\n// =============================================================================\n// MAIN COMPONENT\n// =============================================================================\n\nexport function ResourceListItemRenderer({\n item,\n resourceType,\n resourceConfig,\n registry,\n summaryFields,\n fieldLabelsMap,\n tResourceFieldEnumValue,\n onItemClick,\n operationsSlot,\n cardActionPlacement,\n selectable = false,\n isSelected = false,\n onToggleSelect,\n selectionActive = false,\n selectAriaLabel,\n className,\n interactiveClasses,\n}: ResourceListItemRendererProps): React.JSX.Element {\n if (!resourceConfig?.resourceFieldIdentifier) {\n throw FrontendResourceUtils.buildConfigurationError(\n ErrorCustomMessageReference.FRONTEND_RESOURCE_FIELD_IDENTIFIER_NOT_FOUND,\n { resourceType, component: 'ResourceListItemRenderer' }\n );\n }\n const fieldIdentifier = resourceConfig.resourceFieldIdentifier as string;\n // Resolve the record's own id (`_id`), not the cross-resource field-identifier\n // name (`<resource>Id`) which is absent from a plain record — see\n // FrontendResourceUtils.getResourceObjectId.\n const itemId = FrontendResourceUtils.getResourceObjectId(item, fieldIdentifier);\n\n // Primary display: use computeFrontendResourceLabel for the primary value.\n // For a junction this resolves the server-projected instance label (e.g. a\n // `forwardedLabel` virtual field referenced by `getFrontendResourceLabel`).\n const primaryLabel = useMemo((): string => {\n const label = FrontendResourceUtils.computeFrontendResourceLabel({\n resourceType,\n registry,\n currentObject: item,\n });\n return String(label \|\| item[summaryFields[0]] \|\| `${resourceType} #${itemId}`);\n }, [item, resourceType, registry, summaryFields, itemId]);\n\n // Secondary fields: every summary field EXCEPT the one already shown as the\n // primary label (title). The title comes from `computeFrontendResourceLabel`\n // — an arbitrary label strategy (a `string[]` join or a function), NOT\n // necessarily `summaryFields[0]`. Excluding the title positionally (`slice(1)`)\n // had two bugs: (a) it REPEATED the title when the label field wasn't first\n // (e.g. a list whose label is `name` but whose first summary field is `status`\n // → \"Name: …\" rendered under the identical title), and (b) it silently DROPPED\n // `summaryFields[0]` whenever that field wasn't the label. Excluding the title\n // by VALUE fixes both: the field whose value equals the title is the label\n // field wherever it sits, and every genuine non-label summary field is kept.\n // (The primary-scope FK is dropped upstream by\n // `ResourceLayoutUtils.detectSummaryFields`, so it never reaches here.)\n const secondaryFields = useMemo(\n () => summaryFields.filter((fieldName) => {\n const value = item[fieldName];\n if (value === null \|\| value === undefined) return false;\n return String(value) !== primaryLabel;\n }),\n [summaryFields, item, primaryLabel],\n );\n\n // Schema shape for field type detection\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 // AUTHORED summary template — the `layout.summary` contract promises coverage\n // of \"cards, list items, FK references\". When a resource authors one, the card\n // defers its ENTIRE content region (title + body) to `ResourceSummaryDisplayer`:\n // the title is now a first-class template element (`<SummaryTitle />`, placed by\n // `<SummaryLayout>`), so a status badge can sit inline with the title and the\n // exact same composition renders in the FK popover. We pass the primary label we\n // already computed (correct `t`, junction forwardedLabel) into the displayer's\n // SummaryContext instead of rendering our own title above it.\n //\n // Resources WITHOUT an authored template keep the legacy host-owned title +\n // generic \"Label: value\" body: routing them through the GENERATED default\n // template would restyle every list in every app for no authored reason.\n const authoredSummaryTemplate = resourceConfig?.frontendConfiguration?.layout?.summary;\n\n const hoverClass = interactiveClasses?.hover ?? '';\n const transitionClass = interactiveClasses?.transition ?? '';\n // Resolve where the per-item actions sit (2-axis anchor → flex classes). The\n // content + actions share one flex container so actions never overlap text.\n const placement = resolveCardActionPlacementClasses(cardActionPlacement);\n\n // Mobile multi-select: a long-press ENTERS selection mode (selects this item);\n // while selection mode is active (`selectionActive`), a plain TAP toggles\n // selection instead of navigating. Gated to a mobile viewport — on desktop a\n // click always navigates and the checkbox is the explicit toggle. Long-press\n // is touch-only (the hook binds touch handlers).\n // Optional UIContext read: a rendering leaf shouldn't hard-require the shell's\n // UIProvider just to check the breakpoint — outside a provider (isolated\n // renders/tests) it degrades to desktop behavior (isMobile = false).\n const ui = React.useContext(UIContext);\n const isMobile = ui?.UIConfig?.currentBreakpoint === ViewportBreakpoint.MOBILE;\n const tapTogglesSelection = selectable && selectionActive && isMobile;\n // Long-press ENTERS selection mode — gated to the SAME condition as tap-toggle\n // (selectable + mobile viewport) so the two can't disagree (e.g. enter mode on\n // a tablet where tap-toggle is off, stranding the user mid-multiselect).\n const longPress = useLongPress(\n () => onToggleSelect?.(item),\n { enabled: selectable && !!onToggleSelect && isMobile },\n );\n\n /\n * A row is INTERACTIVE when something can happen on it: the host gave it a click handler, or the\n * view is in mobile multi-select where a tap toggles selection. Everything the card says about\n * itself — the pointer, the button role, the focusability, the key handling — is read off this one\n * value, so the promise and the behaviour cannot drift apart.\n /\n const isActivatable = Boolean(onItemClick) \|\| tapTogglesSelection;\n\n const handleActivate = () => {\n // Swallow the synthetic click that follows a long-press (it already selected).\n if (longPress.consumeLongPress()) return;\n if (tapTogglesSelection) {\n onToggleSelect?.(item);\n return;\n }\n onItemClick?.(item);\n };\n\n return (\n <div\n className={cn(\n CARD_ROW_PADDING_CLASS, transitionClass,\n // Both only when a click leads somewhere — see `isActivatable`.\n isActivatable && hoverClass,\n isActivatable && 'cursor-pointer',\n isSelected && 'bg-primary/5',\n // Prevent the browser text-selection that a long-press would start.\n selectable && 'select-none',\n className,\n )}\n onClick={isActivatable ? handleActivate : undefined}\n role={isActivatable ? 'button' : undefined}\n tabIndex={isActivatable ? 0 : undefined}\n aria-label={String(primaryLabel)}\n {...longPress.handlers}\n // Selection state is conveyed by the row's checkbox (aria-selected is not\n // valid on role=\"button\"); the bg tint is a purely visual reinforcement.\n onKeyDown={isActivatable ? (e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n if (tapTogglesSelection) {\n onToggleSelect?.(item);\n } else {\n onItemClick?.(item);\n }\n }\n } : undefined}\n >\n {/ Leading selection rail (only when the view is selectable). The checkbox\n toggles selection and stops propagation so it never triggers the row's\n navigation — mirrors the table select-cell contract. /}\n <div className={CARD_SELECTION_RAIL_CLASS}>\n {/ stopPropagation on click, keydown AND touchstart: the row is a\n role=\"button\" with Enter/Space navigation and a touch long-press, so\n without these guards toggling the checkbox (tap/keyboard) would also\n navigate, and a hold over it would arm the row's long-press. */}\n {selectable && (\n <div\n // `pt-0.5` optically centres the box on the first line of text beside it; the\n // HORIZONTAL half comes from the shared constant, which the header rail also reads.\n className={cn(CARD_SELECTION_SLOT_CLASS, 'pt-0.5')}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => e.stopPropagation()}\n onTouchStart={(e) => e.stopPropagation()}\n >\n <CheckboxRoot\n checked={isSelected}\n onCheckedChange={() => onToggleSelect?.(item)}\n aria-label={selectAriaLabel ?? String(primaryLabel)}\n />\n </div>\n )}\n <div className={cn(placement.containerClass, 'min-w-0 flex-1')}>\n <div className={cn('space-y-item-xs', placement.contentClass)}>\n {authoredSummaryTemplate && resourceConfig?.mainSchema ? (\n // Authored template owns title + body. The title is fed via\n // SummaryContext (primaryLabel) and rendered by `<SummaryTitle />`\n // inside the template, so we do NOT render our own title here. The\n // region stays click-through so the whole card navigates (same as the\n // legacy body); an author who embeds a genuinely interactive control\n // stops propagation within their own template.\n <ResourceSummaryDisplayer\n resourceType={resourceType}\n schema={resourceConfig.mainSchema}\n data={item}\n primaryLabel={primaryLabel}\n />\n ) : (\n <>\n <Text as=\"p\" className=\"font-medium text-foreground\" truncate>{primaryLabel}</Text>\n {secondaryFields.map((fieldName) => {\n const value = item[fieldName];\n if (value === null \|\| value === undefined) return null;\n return (\n <div key={fieldName}>\n <FieldValueRenderer\n fieldName={fieldName}\n value={value}\n fieldSchema={schemaShape?.[fieldName] as z.ZodTypeAny \| undefined}\n fieldLabel={fieldLabelsMap[fieldName]}\n resourceType={resourceType}\n record={item as Record<string, unknown>}\n tResourceFieldEnumValue={tResourceFieldEnumValue}\n />\n </div>\n );\n })}\n </>\n )}\n </div>\n {operationsSlot && (\n // stopPropagation on click, keydown AND touchstart: an action tap or\n // keyboard activation must not also navigate the row, and a hold over\n // an action must not arm the row's long-press selection. (Mirrors the\n // checkbox rail — all three axes.)\n <div\n className={placement.actionsClass}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => e.stopPropagation()}\n onTouchStart={(e) => e.stopPropagation()}\n >\n {operationsSlot}\n </div>\n )}\n </div>\n </div>\n </div>\n );\n}\n"]}

package/dist/esm/components/resources/ResourceOperationActionPopover.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceOperationActionPopover.d.ts","sourceRoot":"","sources":["~~../../../../~~src/components/resources/ResourceOperationActionPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+DAA+D,CAAC;AACtH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;~~AAM7F~~,MAAM,WAAW,uCAAuC;IACtD,eAAe,EAAE,gCAAgC,CAAC;IAClD,cAAc,EAAE,cAAc,CAAC;IAC/B,mEAAmE;IACnE,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,eAAe,EACf,cAAc,EACd,SAAS,GACV,EAAE,uCAAuC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,~~CAwB7D~~"}
1	+ {"version":3,"file":"ResourceOperationActionPopover.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceOperationActionPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+DAA+D,CAAC;AACtH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AAG7F,MAAM,WAAW,uCAAuC;IACtD,eAAe,EAAE,gCAAgC,CAAC;IAClD,cAAc,EAAE,cAAc,CAAC;IAC/B,mEAAmE;IACnE,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,eAAe,EACf,cAAc,EACd,SAAS,GACV,EAAE,uCAAuC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuB7D"}

package/dist/esm/components/resources/ResourceOperationActionPopover.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { useCallback } from 'react';
 import { FrontendComponentType } from '@wildo-ai/presets-components-models';
 import { useI18n } from '../../core/i18n/useI18n.js';
 import { resolveComponentLabel } from '../../core/i18n/component-label-resolution.utils.js';
-import { ResourceLayout_SemanticOperationFallback, ResourceOperationHostChrome, } from './ResourceLayout_SemanticOperationFallback.js';
+import { ResourceOperationDetachedHost } from './ResourceOperationDetachedHost.js';
 /**
  * The contents of an action's ANCHORED panel (`ResourceOperationActionPresentation.POPOVER`).
  *
@@ -24,7 +24,7 @@ export function ResourceOperationActionPopoverBody({ resourceContext, navigation
     const handleSuccess = useCallback(() => {
         onDismiss();
     }, [onDismiss]);
-    return (_jsx(ResourceLayout_SemanticOperationFallback, { resourceContext: resourceContext, navigationZone: navigationZone, chrome: ResourceOperationHostChrome.COMPACT, onSuccess: handleSuccess, onCancel: onDismiss, errorMessage: resolveComponentLabel({
+    return (_jsx(ResourceOperationDetachedHost, { resourceContext: resourceContext, navigationZone: navigationZone, onSuccess: handleSuccess, onCancel: onDismiss, errorMessage: resolveComponentLabel({
             tComponent,
             componentType: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,
             key: 'executionFailed',

package/dist/esm/components/resources/ResourceOperationActionPopover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceOperationActionPopover.js","sourceRoot":"","sources":["~~../../../../~~src/components/resources/ResourceOperationActionPopover.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gEAAgE,CAAC;AAGvG,OAAO,~~EACL~~,~~wCAAwC~~,~~EACxC~~,~~2BAA2B,GAC5B,~~MAAM,~~4CAA4C~~,CAAC;~~AASpD~~;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kCAAkC,CAAC,EACjD,eAAe,EACf,cAAc,EACd,SAAS,GAC+B;IACxC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;QAC7B,SAAS,EAAE,qBAAqB,CAAC,wBAAwB;KAC1D,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,SAAS,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,KAAC,~~wCAAwC~~,~~IACvC~~,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,~~MAAM,EAAE,2BAA2B,CAAC,OAAO,EAC3C,~~SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,SAAS,EACnB,YAAY,EAAE,qBAAqB,CAAC;YAClC,UAAU;YACV,aAAa,EAAE,qBAAqB,CAAC,wBAAwB;YAC7D,GAAG,EAAE,iBAAiB;SACvB,CAAC,EACF,cAAc,EAAC,oCAAoC,GACnD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { resolveComponentLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport type { FrontendResourceOperationContext } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport type { NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport {~~\n ResourceLayout_SemanticOperationFallback,\n ResourceOperationHostChrome,\n~~} from './~~ResourceLayout_SemanticOperationFallback~~';\n\nexport interface ResourceOperationActionPopoverBodyProps {\n resourceContext: FrontendResourceOperationContext;\n navigationZone: NavigationZone;\n /** Closes the anchored panel — called on success and on cancel. /\n onDismiss: () => void;\n}\n\n/\n The contents of an action's ANCHORED panel (`ResourceOperationActionPresentation.POPOVER`).\n \n It is a thin frame around `ResourceLayout_SemanticOperationFallback` in `COMPACT` chrome, and that\n * is the whole design: an anchored host and a page host must execute an operation identically — same\n * RMM contract, same CRITICAL double-validation, same success and error events. Re-implementing the\n * execution flow here to save a header would create a second source of the operation contract, and\n * this repository has already paid for one of those (the bulk selector, spelled two different ways\n * in the same package for as long as the feature existed).\n \n Dismissal is the only behaviour it adds. A popover is transient by construction — no URL, no\n * history entry — so a successful action must close it, and there is nothing to navigate back to.\n */\nexport function ResourceOperationActionPopoverBody({\n resourceContext,\n navigationZone,\n onDismiss,\n}: ResourceOperationActionPopoverBodyProps): React.JSX.Element {\n const { tComponent } = useI18n({\n component: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,\n });\n\n const handleSuccess = useCallback(() => {\n onDismiss();\n }, [onDismiss]);\n\n return (\n <~~ResourceLayout_SemanticOperationFallback~~\n resourceContext={resourceContext}\n navigationZone={navigationZone}\n ~~chrome={ResourceOperationHostChrome.COMPACT}\n~~ onSuccess={handleSuccess}\n onCancel={onDismiss}\n errorMessage={resolveComponentLabel({\n tComponent,\n componentType: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,\n key: 'executionFailed',\n })}\n errorComponent=\"ResourceOperationActionPopoverBody\"\n />\n );\n}\n"]}
1	+ {"version":3,"file":"ResourceOperationActionPopover.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceOperationActionPopover.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gEAAgE,CAAC;AAGvG,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAShF;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kCAAkC,CAAC,EACjD,eAAe,EACf,cAAc,EACd,SAAS,GAC+B;IACxC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;QAC7B,SAAS,EAAE,qBAAqB,CAAC,wBAAwB;KAC1D,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,SAAS,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,KAAC,6BAA6B,IAC5B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,SAAS,EACnB,YAAY,EAAE,qBAAqB,CAAC;YAClC,UAAU;YACV,aAAa,EAAE,qBAAqB,CAAC,wBAAwB;YAC7D,GAAG,EAAE,iBAAiB;SACvB,CAAC,EACF,cAAc,EAAC,oCAAoC,GACnD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { resolveComponentLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport type { FrontendResourceOperationContext } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport type { NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport { ResourceOperationDetachedHost } from './ResourceOperationDetachedHost';\n\nexport interface ResourceOperationActionPopoverBodyProps {\n resourceContext: FrontendResourceOperationContext;\n navigationZone: NavigationZone;\n /** Closes the anchored panel — called on success and on cancel. /\n onDismiss: () => void;\n}\n\n/\n The contents of an action's ANCHORED panel (`ResourceOperationActionPresentation.POPOVER`).\n \n It is a thin frame around `ResourceLayout_SemanticOperationFallback` in `COMPACT` chrome, and that\n * is the whole design: an anchored host and a page host must execute an operation identically — same\n * RMM contract, same CRITICAL double-validation, same success and error events. Re-implementing the\n * execution flow here to save a header would create a second source of the operation contract, and\n * this repository has already paid for one of those (the bulk selector, spelled two different ways\n * in the same package for as long as the feature existed).\n \n Dismissal is the only behaviour it adds. A popover is transient by construction — no URL, no\n * history entry — so a successful action must close it, and there is nothing to navigate back to.\n */\nexport function ResourceOperationActionPopoverBody({\n resourceContext,\n navigationZone,\n onDismiss,\n}: ResourceOperationActionPopoverBodyProps): React.JSX.Element {\n const { tComponent } = useI18n({\n component: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,\n });\n\n const handleSuccess = useCallback(() => {\n onDismiss();\n }, [onDismiss]);\n\n return (\n <ResourceOperationDetachedHost\n resourceContext={resourceContext}\n navigationZone={navigationZone}\n onSuccess={handleSuccess}\n onCancel={onDismiss}\n errorMessage={resolveComponentLabel({\n tComponent,\n componentType: FrontendComponentType.RESOURCES_LAYOUTS_ACTION,\n key: 'executionFailed',\n })}\n errorComponent=\"ResourceOperationActionPopoverBody\"\n />\n );\n}\n"]}

package/dist/esm/components/resources/ResourceOperationDetachedHost.d.ts ADDED Viewed

@@ -0,0 +1,43 @@
+import React from 'react';
+import type { FrontendResourceOperationContext } from '../../core/resources/resources.frontend.schemas';
+import type { NavigationZone } from '../../core/navigation/navigation.schemas';
+export interface ResourceOperationDetachedHostProps {
+    /** The operation this host executes — NOT the one whose page it happens to be rendered on. */
+    resourceContext: FrontendResourceOperationContext;
+    navigationZone: NavigationZone;
+    onSuccess: () => void;
+    onCancel: () => void;
+    errorMessage: string;
+    errorComponent: string;
+}
+/**
+ * An operation host rendered OUTSIDE its operation's own view: the anchored panel beside an action
+ * button, and a collection row transformed in place.
+ *
+ * ## Why this exists — the defect it closes
+ *
+ * `ResourceLayout_SemanticOperationFallback` does not read the `resourceContext` it is handed. It
+ * reads the NEAREST operation view in the React tree (`useResourceOperationViewContext`), and so
+ * does everything under it: the automated form takes its schema from that view's operation, and
+ * the submit executes that view's operation.
+ *
+ * For the four NAVIGATION hosts that is right — the navigation layer mounts each one inside a view
+ * provider for its own operation, so "nearest" is "mine". The two detached hosts break it: they are
+ * drawn inside the page that opened them, so the nearest view is THAT page's. Measured on the
+ * Wonder Todos list, 2026-09-21: the bulk "Change status" panel received `change_status` with a
+ * request of `{ _ids, status }`, and the form one level down received `list` — the listing's own
+ * operation, whose request is empty. The panel rendered its `workflow` group heading with nothing
+ * inside it, and Submit would have executed the LISTING. The in-place row had the identical wiring.
+ *
+ * Nothing failed loudly: an empty schema is a legal form, and every field in the authored template
+ * returns `null` when its name is not in the schema — which is the documented behaviour that lets a
+ * template name fields unconditionally.
+ *
+ * ## Why one host component rather than a provider at each call site
+ *
+ * The obligation is a property of being DETACHED, not of being a popover or a row. Two call sites
+ * that each remember to wrap themselves is the shape in which the third forgets; one component
+ * whose whole job is to establish the view means a new detached host inherits the rule by using it.
+ */
+export declare function ResourceOperationDetachedHost({ resourceContext, navigationZone, onSuccess, onCancel, errorMessage, errorComponent, }: ResourceOperationDetachedHostProps): React.JSX.Element;
+//# sourceMappingURL=ResourceOperationDetachedHost.d.ts.map

package/dist/esm/components/resources/ResourceOperationDetachedHost.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ResourceOperationDetachedHost.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceOperationDetachedHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+DAA+D,CAAC;AACtH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AAO7F,MAAM,WAAW,kCAAkC;IACjD,8FAA8F;IAC9F,eAAe,EAAE,gCAAgC,CAAC;IAClD,cAAc,EAAE,cAAc,CAAC;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,eAAe,EACf,cAAc,EACd,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,cAAc,GACf,EAAE,kCAAkC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkBxD"}

package/dist/esm/components/resources/ResourceOperationDetachedHost.js ADDED Viewed

@@ -0,0 +1,94 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { ResourceOperationViewProvider } from '../../core/resources/ResourceOperationViewProvider.js';
+import { ResourceLayout_SemanticOperationFallback, ResourceOperationHostChrome, } from './ResourceLayout_SemanticOperationFallback.js';
+/**
+ * An operation host rendered OUTSIDE its operation's own view: the anchored panel beside an action
+ * button, and a collection row transformed in place.
+ *
+ * ## Why this exists — the defect it closes
+ *
+ * `ResourceLayout_SemanticOperationFallback` does not read the `resourceContext` it is handed. It
+ * reads the NEAREST operation view in the React tree (`useResourceOperationViewContext`), and so
+ * does everything under it: the automated form takes its schema from that view's operation, and
+ * the submit executes that view's operation.
+ *
+ * For the four NAVIGATION hosts that is right — the navigation layer mounts each one inside a view
+ * provider for its own operation, so "nearest" is "mine". The two detached hosts break it: they are
+ * drawn inside the page that opened them, so the nearest view is THAT page's. Measured on the
+ * Wonder Todos list, 2026-09-21: the bulk "Change status" panel received `change_status` with a
+ * request of `{ _ids, status }`, and the form one level down received `list` — the listing's own
+ * operation, whose request is empty. The panel rendered its `workflow` group heading with nothing
+ * inside it, and Submit would have executed the LISTING. The in-place row had the identical wiring.
+ *
+ * Nothing failed loudly: an empty schema is a legal form, and every field in the authored template
+ * returns `null` when its name is not in the schema — which is the documented behaviour that lets a
+ * template name fields unconditionally.
+ *
+ * ## Why one host component rather than a provider at each call site
+ *
+ * The obligation is a property of being DETACHED, not of being a popover or a row. Two call sites
+ * that each remember to wrap themselves is the shape in which the third forgets; one component
+ * whose whole job is to establish the view means a new detached host inherits the rule by using it.
+ */
+export function ResourceOperationDetachedHost({ resourceContext, navigationZone, onSuccess, onCancel, errorMessage, errorComponent, }) {
+    const containerRef = useRefocusIntoFirstField();
+    return (_jsx(ResourceOperationViewProvider, { resourceContext: resourceContext, navigationZone: navigationZone, children: _jsx("div", { ref: containerRef, className: "contents", "data-slot": "resource-operation-detached-host", children: _jsx(ResourceLayout_SemanticOperationFallback, { resourceContext: resourceContext, navigationZone: navigationZone, chrome: ResourceOperationHostChrome.COMPACT, onSuccess: onSuccess, onCancel: onCancel, errorMessage: errorMessage, errorComponent: errorComponent }) }) }));
+}
+/** What counts as "a field", in the order a person would want the cursor. Buttons last. */
+const FIRST_FIELD_SELECTOR = [
+    'input:not([type="hidden"]):not([disabled])',
+    'textarea:not([disabled])',
+    'select:not([disabled])',
+    '[role="combobox"]:not([aria-disabled="true"])',
+].join(', ');
+/**
+ * Move focus to the host's first FIELD once it exists — once per mount.
+ *
+ * A detached host opens where the user acted, but its fields do not exist at that instant: the form
+ * is behind its i18n loading gate for a frame or more. The anchored panel's popover moves focus on
+ * open to the first focusable element it can find, finds none, and leaves focus on the trigger —
+ * measured live on the bulk "Change status" panel. And because the panel is portalled to the end
+ * of the document, Tab from the trigger goes to the NEXT TOOLBAR BUTTON, not into the panel: a
+ * keyboard user could open the form and never reach its only field. The in-place row has the same
+ * shape, a row that became a form with the cursor still on the button that transformed it.
+ *
+ * So the host waits for the first field to appear and focuses it, which is what WAI-ARIA asks of a
+ * non-modal popup that contains interactive content. Three guards keep it from fighting the user:
+ * it fires ONCE, it never steals focus that is already inside the host, and it stops watching the
+ * moment it has acted.
+ */
+function useRefocusIntoFirstField() {
+    const containerRef = useRef(null);
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container || typeof MutationObserver === 'undefined')
+            return undefined;
+        let done = false;
+        const tryFocus = () => {
+            if (done)
+                return;
+            if (container.contains(document.activeElement)) {
+                done = true;
+                return;
+            }
+            const field = container.querySelector(FIRST_FIELD_SELECTOR);
+            if (!field)
+                return;
+            field.focus();
+            done = true;
+        };
+        tryFocus();
+        if (done)
+            return undefined;
+        const observer = new MutationObserver(() => {
+            tryFocus();
+            if (done)
+                observer.disconnect();
+        });
+        observer.observe(container, { childList: true, subtree: true });
+        return () => observer.disconnect();
+    }, []);
+    return containerRef;
+}
+//# sourceMappingURL=ResourceOperationDetachedHost.js.map

package/dist/esm/components/resources/ResourceOperationDetachedHost.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ResourceOperationDetachedHost.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceOperationDetachedHost.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AACjH,OAAO,EACL,wCAAwC,EACxC,2BAA2B,GAC5B,MAAM,4CAA4C,CAAC;AAYpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,UAAU,6BAA6B,CAAC,EAC5C,eAAe,EACf,cAAc,EACd,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,cAAc,GACqB;IACnC,MAAM,YAAY,GAAG,wBAAwB,EAAE,CAAC;IAEhD,OAAO,CACL,KAAC,6BAA6B,IAAC,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,YAC7F,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAC,UAAU,eAAW,kCAAkC,YACvF,KAAC,wCAAwC,IACvC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,2BAA2B,CAAC,OAAO,EAC3C,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,GAC9B,GACE,GACwB,CACjC,CAAC;AACJ,CAAC;AAED,2FAA2F;AAC3F,MAAM,oBAAoB,GAAG;IAC3B,4CAA4C;IAC5C,0BAA0B;IAC1B,wBAAwB;IACxB,+CAA+C;CAChD,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb;;;;;;;;;;;;;;;GAeG;AACH,SAAS,wBAAwB;IAC/B,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS,IAAI,OAAO,gBAAgB,KAAK,WAAW;YAAE,OAAO,SAAS,CAAC;QAE5E,IAAI,IAAI,GAAG,KAAK,CAAC;QACjB,MAAM,QAAQ,GAAG,GAAS,EAAE;YAC1B,IAAI,IAAI;gBAAE,OAAO;YACjB,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;gBAAC,IAAI,GAAG,IAAI,CAAC;gBAAC,OAAO;YAAC,CAAC;YACxE,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAc,oBAAoB,CAAC,CAAC;YACzE,IAAI,CAAC,KAAK;gBAAE,OAAO;YACnB,KAAK,CAAC,KAAK,EAAE,CAAC;YACd,IAAI,GAAG,IAAI,CAAC;QACd,CAAC,CAAC;QAEF,QAAQ,EAAE,CAAC;QACX,IAAI,IAAI;YAAE,OAAO,SAAS,CAAC;QAC3B,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACzC,QAAQ,EAAE,CAAC;YACX,IAAI,IAAI;gBAAE,QAAQ,CAAC,UAAU,EAAE,CAAC;QAClC,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,YAAY,CAAC;AACtB,CAAC","sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nimport type { FrontendResourceOperationContext } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport type { NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport { ResourceOperationViewProvider } from '~wildo-frontend-lib/core/resources/ResourceOperationViewProvider';\nimport {\n ResourceLayout_SemanticOperationFallback,\n ResourceOperationHostChrome,\n} from './ResourceLayout_SemanticOperationFallback';\n\nexport interface ResourceOperationDetachedHostProps {\n /** The operation this host executes — NOT the one whose page it happens to be rendered on. */\n resourceContext: FrontendResourceOperationContext;\n navigationZone: NavigationZone;\n onSuccess: () => void;\n onCancel: () => void;\n errorMessage: string;\n errorComponent: string;\n}\n\n/**\n * An operation host rendered OUTSIDE its operation's own view: the anchored panel beside an action\n * button, and a collection row transformed in place.\n *\n * ## Why this exists — the defect it closes\n *\n * `ResourceLayout_SemanticOperationFallback` does not read the `resourceContext` it is handed. It\n * reads the NEAREST operation view in the React tree (`useResourceOperationViewContext`), and so\n * does everything under it: the automated form takes its schema from that view's operation, and\n * the submit executes that view's operation.\n *\n * For the four NAVIGATION hosts that is right — the navigation layer mounts each one inside a view\n * provider for its own operation, so \"nearest\" is \"mine\". The two detached hosts break it: they are\n * drawn inside the page that opened them, so the nearest view is THAT page's. Measured on the\n * Wonder Todos list, 2026-09-21: the bulk \"Change status\" panel received `change_status` with a\n * request of `{ _ids, status }`, and the form one level down received `list` — the listing's own\n * operation, whose request is empty. The panel rendered its `workflow` group heading with nothing\n * inside it, and Submit would have executed the LISTING. The in-place row had the identical wiring.\n *\n * Nothing failed loudly: an empty schema is a legal form, and every field in the authored template\n * returns `null` when its name is not in the schema — which is the documented behaviour that lets a\n * template name fields unconditionally.\n *\n * ## Why one host component rather than a provider at each call site\n *\n * The obligation is a property of being DETACHED, not of being a popover or a row. Two call sites\n * that each remember to wrap themselves is the shape in which the third forgets; one component\n * whose whole job is to establish the view means a new detached host inherits the rule by using it.\n */\nexport function ResourceOperationDetachedHost({\n resourceContext,\n navigationZone,\n onSuccess,\n onCancel,\n errorMessage,\n errorComponent,\n}: ResourceOperationDetachedHostProps): React.JSX.Element {\n const containerRef = useRefocusIntoFirstField();\n\n return (\n <ResourceOperationViewProvider resourceContext={resourceContext} navigationZone={navigationZone}>\n <div ref={containerRef} className=\"contents\" data-slot=\"resource-operation-detached-host\">\n <ResourceLayout_SemanticOperationFallback\n resourceContext={resourceContext}\n navigationZone={navigationZone}\n chrome={ResourceOperationHostChrome.COMPACT}\n onSuccess={onSuccess}\n onCancel={onCancel}\n errorMessage={errorMessage}\n errorComponent={errorComponent}\n />\n </div>\n </ResourceOperationViewProvider>\n );\n}\n\n/** What counts as \"a field\", in the order a person would want the cursor. Buttons last. */\nconst FIRST_FIELD_SELECTOR = [\n 'input:not([type=\"hidden\"]):not([disabled])',\n 'textarea:not([disabled])',\n 'select:not([disabled])',\n '[role=\"combobox\"]:not([aria-disabled=\"true\"])',\n].join(', ');\n\n/**\n * Move focus to the host's first FIELD once it exists — once per mount.\n *\n * A detached host opens where the user acted, but its fields do not exist at that instant: the form\n * is behind its i18n loading gate for a frame or more. The anchored panel's popover moves focus on\n * open to the first focusable element it can find, finds none, and leaves focus on the trigger —\n * measured live on the bulk \"Change status\" panel. And because the panel is portalled to the end\n * of the document, Tab from the trigger goes to the NEXT TOOLBAR BUTTON, not into the panel: a\n * keyboard user could open the form and never reach its only field. The in-place row has the same\n * shape, a row that became a form with the cursor still on the button that transformed it.\n *\n * So the host waits for the first field to appear and focuses it, which is what WAI-ARIA asks of a\n * non-modal popup that contains interactive content. Three guards keep it from fighting the user:\n * it fires ONCE, it never steals focus that is already inside the host, and it stops watching the\n * moment it has acted.\n */\nfunction useRefocusIntoFirstField(): React.RefObject<HTMLDivElement | null> {\n const containerRef = useRef<HTMLDivElement | null>(null);\n\n useEffect(() => {\n const container = containerRef.current;\n if (!container || typeof MutationObserver === 'undefined') return undefined;\n\n let done = false;\n const tryFocus = (): void => {\n if (done) return;\n if (container.contains(document.activeElement)) { done = true; return; }\n const field = container.querySelector<HTMLElement>(FIRST_FIELD_SELECTOR);\n if (!field) return;\n field.focus();\n done = true;\n };\n\n tryFocus();\n if (done) return undefined;\n const observer = new MutationObserver(() => {\n tryFocus();\n if (done) observer.disconnect();\n });\n observer.observe(container, { childList: true, subtree: true });\n return () => observer.disconnect();\n }, []);\n\n return containerRef;\n}\n"]}

package/dist/esm/components/resources/ResourceOperationSurface.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceOperationSurface.d.ts","sourceRoot":"","sources":["~~../../../../~~src/components/resources/ResourceOperationSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AACzH,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+DAA+D,CAAC;AAWtH,MAAM,WAAW,6BAA6B;IAC5C,eAAe,EAAE,gCAAgC,CAAC;IAClD,cAAc,EAAE,cAAc,CAAC;IAC/B,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;CAClD;AAED,wBAAgB,wBAAwB,CAAC,EACvC,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoCnD"}
1	+ {"version":3,"file":"ResourceOperationSurface.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceOperationSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AACzH,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+DAA+D,CAAC;AAWtH,MAAM,WAAW,6BAA6B;IAC5C,eAAe,EAAE,gCAAgC,CAAC;IAClD,cAAc,EAAE,cAAc,CAAC;IAC/B,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;CAClD;AAED,wBAAgB,wBAAwB,CAAC,EACvC,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoCnD"}

package/dist/esm/components/resources/ResourceOperationSurface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceOperationSurface.js","sourceRoot":"","sources":["~~../../../../~~src/components/resources/ResourceOperationSurface.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kCAAkC,EAAE,MAAM,uEAAuE,CAAC;AAC3H,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAQhE,MAAM,UAAU,wBAAwB,CAAC,EACvC,eAAe,EACf,cAAc,EACd,mBAAmB,GACW;IAC9B,MAAM,WAAW,GAAG;QAClB,eAAe;QACf,cAAc;QACd,mBAAmB;KACpB,CAAC;IAEF,MAAM,UAAU,GAAG,kCAAkC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAEjF,IAAI,MAAyB,CAAC;IAC9B,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,QAAQ;YACX,MAAM,GAAG,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC;YACpD,MAAM;QACR,KAAK,MAAM;YACT,MAAM,GAAG,KAAC,mBAAmB,OAAK,WAAW,GAAI,CAAC;YAClD,MAAM;QACR,KAAK,MAAM;YACT,MAAM,GAAG,KAAC,mBAAmB,OAAK,WAAW,GAAI,CAAC;YAClD,MAAM;QACR,KAAK,QAAQ;YACX,MAAM,GAAG,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC;YACpD,MAAM;QACR,KAAK,QAAQ;YACX,MAAM,GAAG,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC;YACpD,MAAM;QACR;YACE,MAAM,GAAG,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC;YACpD,MAAM;IACV,CAAC;IAED,OAAO,CACL,KAAC,6BAA6B,OAAK,WAAW,YAC3C,MAAM,GACuB,CACjC,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport type { NavigationInitiatorContext, NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport type { FrontendResourceOperationContext } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { resolveResourceOperationLayoutKind } from '~wildo-frontend-lib/core/resources/operation-semantics.frontend.utils';\nimport { ResourceOperationViewProvider } from '~wildo-frontend-lib/core/resources/ResourceOperationViewProvider';\n\nimport { ResourceLayout_Action } from './ResourceLayout_Action';\nimport { ResourceLayout_Create } from './ResourceLayout_Create';\nimport { ResourceLayout_List } from './ResourceLayout_List';\nimport { ResourceLayout_Read } from './ResourceLayout_Read';\nimport { ResourceLayout_Search } from './ResourceLayout_Search';\nimport { ResourceLayout_Update } from './ResourceLayout_Update';\n\nexport interface ResourceOperationSurfaceProps {\n resourceContext: FrontendResourceOperationContext;\n navigationZone: NavigationZone;\n navigationInitiator?: NavigationInitiatorContext;\n}\n\nexport function ResourceOperationSurface({\n resourceContext,\n navigationZone,\n navigationInitiator,\n}: ResourceOperationSurfaceProps): React.JSX.Element {\n const commonProps = {\n resourceContext,\n navigationZone,\n navigationInitiator,\n };\n\n const layoutKind = resolveResourceOperationLayoutKind(resourceContext.operation);\n\n let layout: React.JSX.Element;\n switch (layoutKind) {\n case 'create':\n layout = <ResourceLayout_Create {...commonProps} />;\n break;\n case 'list':\n layout = <ResourceLayout_List {...commonProps} />;\n break;\n case 'read':\n layout = <ResourceLayout_Read {...commonProps} />;\n break;\n case 'update':\n layout = <ResourceLayout_Update {...commonProps} />;\n break;\n case 'search':\n layout = <ResourceLayout_Search {...commonProps} />;\n break;\n default:\n layout = <ResourceLayout_Action {...commonProps} />;\n break;\n }\n\n return (\n <ResourceOperationViewProvider {...commonProps}>\n {layout}\n </ResourceOperationViewProvider>\n );\n}\n"]}
1	+ {"version":3,"file":"ResourceOperationSurface.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceOperationSurface.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kCAAkC,EAAE,MAAM,uEAAuE,CAAC;AAC3H,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAQhE,MAAM,UAAU,wBAAwB,CAAC,EACvC,eAAe,EACf,cAAc,EACd,mBAAmB,GACW;IAC9B,MAAM,WAAW,GAAG;QAClB,eAAe;QACf,cAAc;QACd,mBAAmB;KACpB,CAAC;IAEF,MAAM,UAAU,GAAG,kCAAkC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAEjF,IAAI,MAAyB,CAAC;IAC9B,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,QAAQ;YACX,MAAM,GAAG,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC;YACpD,MAAM;QACR,KAAK,MAAM;YACT,MAAM,GAAG,KAAC,mBAAmB,OAAK,WAAW,GAAI,CAAC;YAClD,MAAM;QACR,KAAK,MAAM;YACT,MAAM,GAAG,KAAC,mBAAmB,OAAK,WAAW,GAAI,CAAC;YAClD,MAAM;QACR,KAAK,QAAQ;YACX,MAAM,GAAG,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC;YACpD,MAAM;QACR,KAAK,QAAQ;YACX,MAAM,GAAG,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC;YACpD,MAAM;QACR;YACE,MAAM,GAAG,KAAC,qBAAqB,OAAK,WAAW,GAAI,CAAC;YACpD,MAAM;IACV,CAAC;IAED,OAAO,CACL,KAAC,6BAA6B,OAAK,WAAW,YAC3C,MAAM,GACuB,CACjC,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport type { NavigationInitiatorContext, NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport type { FrontendResourceOperationContext } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport { resolveResourceOperationLayoutKind } from '~wildo-frontend-lib/core/resources/operation-semantics.frontend.utils';\nimport { ResourceOperationViewProvider } from '~wildo-frontend-lib/core/resources/ResourceOperationViewProvider';\n\nimport { ResourceLayout_Action } from './ResourceLayout_Action';\nimport { ResourceLayout_Create } from './ResourceLayout_Create';\nimport { ResourceLayout_List } from './ResourceLayout_List';\nimport { ResourceLayout_Read } from './ResourceLayout_Read';\nimport { ResourceLayout_Search } from './ResourceLayout_Search';\nimport { ResourceLayout_Update } from './ResourceLayout_Update';\n\nexport interface ResourceOperationSurfaceProps {\n resourceContext: FrontendResourceOperationContext;\n navigationZone: NavigationZone;\n navigationInitiator?: NavigationInitiatorContext;\n}\n\nexport function ResourceOperationSurface({\n resourceContext,\n navigationZone,\n navigationInitiator,\n}: ResourceOperationSurfaceProps): React.JSX.Element {\n const commonProps = {\n resourceContext,\n navigationZone,\n navigationInitiator,\n };\n\n const layoutKind = resolveResourceOperationLayoutKind(resourceContext.operation);\n\n let layout: React.JSX.Element;\n switch (layoutKind) {\n case 'create':\n layout = <ResourceLayout_Create {...commonProps} />;\n break;\n case 'list':\n layout = <ResourceLayout_List {...commonProps} />;\n break;\n case 'read':\n layout = <ResourceLayout_Read {...commonProps} />;\n break;\n case 'update':\n layout = <ResourceLayout_Update {...commonProps} />;\n break;\n case 'search':\n layout = <ResourceLayout_Search {...commonProps} />;\n break;\n default:\n layout = <ResourceLayout_Action {...commonProps} />;\n break;\n }\n\n return (\n <ResourceOperationViewProvider {...commonProps}>\n {layout}\n </ResourceOperationViewProvider>\n );\n}\n"]}

package/dist/esm/components/resources/ResourceOwnedViewEmbeds.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceOwnedViewEmbeds.d.ts","sourceRoot":"","sources":["~~../../../../~~src/components/resources/ResourceOwnedViewEmbeds.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EACV,0BAA0B,EAC1B,cAAc,EACf,MAAM,wDAAwD,CAAC;AAChE,OAAO,KAAK,EACV,gCAAgC,EACjC,MAAM,+DAA+D,CAAC;AAuBvE,MAAM,WAAW,oCAAoC;IACnD,eAAe,EAAE,gCAAgC,CAAC;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;CAClD;AAED;;;;;;GAMG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,eAAe,EACf,OAAO,EACP,cAAc,EACd,mBAAmB,GACpB,EAAE,oCAAoC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiB1D;AAED,MAAM,WAAW,gCAAgC;IAC/C,eAAe,EAAE,gCAAgC,CAAC;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,eAAe,EACf,OAAO,EACP,MAAM,EACN,cAAc,EACd,SAAS,GACV,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0CtD;AAED,MAAM,WAAW,oCAAoC;IACnD,eAAe,EAAE,gCAAgC,CAAC;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,eAAe,EACf,OAAO,EACP,cAAc,EACd,SAAS,GACV,EAAE,oCAAoC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiB1D"}
1	+ {"version":3,"file":"ResourceOwnedViewEmbeds.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceOwnedViewEmbeds.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EACV,0BAA0B,EAC1B,cAAc,EACf,MAAM,wDAAwD,CAAC;AAChE,OAAO,KAAK,EACV,gCAAgC,EACjC,MAAM,+DAA+D,CAAC;AAuBvE,MAAM,WAAW,oCAAoC;IACnD,eAAe,EAAE,gCAAgC,CAAC;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;CAClD;AAED;;;;;;GAMG;AACH,wBAAgB,+BAA+B,CAAC,EAC9C,eAAe,EACf,OAAO,EACP,cAAc,EACd,mBAAmB,GACpB,EAAE,oCAAoC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiB1D;AAED,MAAM,WAAW,gCAAgC;IAC/C,eAAe,EAAE,gCAAgC,CAAC;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,eAAe,EACf,OAAO,EACP,MAAM,EACN,cAAc,EACd,SAAS,GACV,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0CtD;AAED,MAAM,WAAW,oCAAoC;IACnD,eAAe,EAAE,gCAAgC,CAAC;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,eAAe,EACf,OAAO,EACP,cAAc,EACd,SAAS,GACV,EAAE,oCAAoC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiB1D"}

package/dist/esm/components/resources/ResourceOwnedViewEmbeds.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceOwnedViewEmbeds.js","sourceRoot":"","sources":["~~../../../../~~src/components/resources/ResourceOwnedViewEmbeds.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react';\n\nimport {\n ErrorCustomMessageReference,\n type ChartInputValues,\n} from '@wildo-ai/saas-models';\nimport type {\n NavigationInitiatorContext,\n NavigationZone,\n} from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport type {\n FrontendResourceOperationContext,\n} from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport {\n buildResolvedInsertedChartDescriptor,\n buildResourceInsertedChartIdentity,\n} from '~wildo-frontend-lib/core/config/chart-view.frontend.schemas';\nimport {\n buildResourceInsertedCompositeIdentity,\n} from '~wildo-frontend-lib/core/config/composite-view.schemas';\nimport {\n buildResourceInsertedExecutionIdentity,\n} from '~wildo-frontend-lib/core/config/execution-view.schemas';\nimport { FeatureRouteGuard } from '~wildo-frontend-lib/core/features/FeatureRouteGuard';\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport { FrontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport { CompositeView } from '~wildo-frontend-lib/components/views/composite-view/CompositeView';\n// ChartView MUST come from the `.lazy` wrapper — a static import of the real\n// module merges the whole ECharts payload into the entry chunk (Rollup merges\n// a module that is both statically and dynamically imported; no warning).\nimport { ChartView } from '~wildo-frontend-lib/components/views/chart-view/ChartView.lazy';\nimport { ExecutionView } from '~wildo-frontend-lib/components/views/execution-view/ExecutionView';\n\nimport { normalizeInsertedResourceViewContextResourceIdentifiers } from './inserted-resource-view.frontend.utils';\n\nexport interface EmbedResourceOwnedCompositeViewProps {\n resourceContext: FrontendResourceOperationContext;\n viewRef: string;\n navigationZone?: NavigationZone;\n navigationInitiator?: NavigationInitiatorContext;\n}\n\n/*\n Embed a resource-owned composite view from an operation/custom host.\n \n Custom operation hosts should not have to hand-author inserted-view identity\n * strings or re-normalize semantic operation context into plain view context\n * ids. This helper keeps that bridge explicit but ergonomic.\n */\nexport function EmbedResourceOwnedCompositeView({\n resourceContext,\n viewRef,\n navigationZone,\n navigationInitiator,\n}: EmbedResourceOwnedCompositeViewProps): React.JSX.Element {\n const insertedIdentity = useMemo(() => {\n return buildResourceInsertedCompositeIdentity(resourceContext.resourceType, { ref: viewRef });\n }, [resourceContext.resourceType, viewRef]);\n\n const contextResourceIdentifiers = useMemo(() => {\n return normalizeInsertedResourceViewContextResourceIdentifiers(resourceContext);\n }, [resourceContext]);\n\n return (\n <CompositeView\n viewRef={insertedIdentity.insertedViewRef}\n contextResourceIdentifiers={contextResourceIdentifiers}\n navigationZone={navigationZone}\n navigationInitiator={navigationInitiator}\n />\n );\n}\n\nexport interface EmbedResourceOwnedChartViewProps {\n resourceContext: FrontendResourceOperationContext;\n viewRef: string;\n inputs?: ChartInputValues;\n urlParamValues?: Record<string, string>;\n className?: string;\n}\n\nexport function EmbedResourceOwnedChartView({\n resourceContext,\n viewRef,\n inputs,\n urlParamValues,\n className,\n}: EmbedResourceOwnedChartViewProps): React.JSX.Element {\n const { registry } = useResourceRegistry();\n const identity = useMemo(() => {\n return buildResourceInsertedChartIdentity(resourceContext.resourceType, { ref: viewRef });\n }, [resourceContext.resourceType, viewRef]);\n const contextResourceIdentifiers = useMemo(() => {\n return normalizeInsertedResourceViewContextResourceIdentifiers(resourceContext);\n }, [resourceContext]);\n const chartView = registry.resourceConfigurations[resourceContext.resourceType]\n ?.frontendConfiguration\n ?.chartViews\n ?.find((candidate) => candidate.ref === viewRef);\n if (!chartView) {\n throw buildResourceOwnedViewEmbedConfigurationError(\n `Cannot resolve resource-owned chart view \"${viewRef}\" on resource \"${resourceContext.resourceType}\".`,\n {\n resourceType: resourceContext.resourceType,\n viewRef,\n },\n );\n }\n\n return (\n <div className={className}>\n <FeatureRouteGuard requiredFeatures={chartView.chartDefinition.requiredFeatures}>\n <ChartView\n viewRef={identity.insertedViewRef}\n viewDefinition={chartView}\n runtimeDescriptor={buildResolvedInsertedChartDescriptor({\n identity,\n chartView,\n contextResourceIdentifiers,\n })}\n contextResourceIdentifiers={contextResourceIdentifiers}\n inputs={inputs}\n urlParamValues={urlParamValues}\n // Resource-owned embedded chart → degrade locally, no page-level toast.\n localErrorOnly\n />\n </FeatureRouteGuard>\n </div>\n );\n}\n\nexport interface EmbedResourceOwnedExecutionViewProps {\n resourceContext: FrontendResourceOperationContext;\n viewRef: string;\n navigationZone: NavigationZone;\n className?: string;\n}\n\nexport function EmbedResourceOwnedExecutionView({\n resourceContext,\n viewRef,\n navigationZone,\n className,\n}: EmbedResourceOwnedExecutionViewProps): React.JSX.Element {\n const identity = useMemo(() => {\n return buildResourceInsertedExecutionIdentity(resourceContext.resourceType, { ref: viewRef });\n }, [resourceContext.resourceType, viewRef]);\n const contextResourceIdentifiers = useMemo(() => {\n return normalizeInsertedResourceViewContextResourceIdentifiers(resourceContext);\n }, [resourceContext]);\n\n return (\n <div className={className}>\n <ExecutionView\n viewRef={identity.insertedViewRef}\n navigationZone={navigationZone}\n contextResourceIdentifiers={contextResourceIdentifiers}\n />\n </div>\n );\n}\n\nfunction buildResourceOwnedViewEmbedConfigurationError(\n message: string,\n context?: Record<string, unknown>,\n): Error {\n return FrontendResourceUtils.buildConfigurationError(\n ErrorCustomMessageReference.CONFIGURATION,\n {\n component: 'ResourceOwnedViewEmbeds',\n message,\n ...context,\n },\n );\n}\n"]}
1	+ {"version":3,"file":"ResourceOwnedViewEmbeds.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceOwnedViewEmbeds.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,2BAA2B,GAE5B,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,EACL,oCAAoC,EACpC,kCAAkC,GACnC,MAAM,6DAA6D,CAAC;AACrE,OAAO,EACL,sCAAsC,GACvC,MAAM,wDAAwD,CAAC;AAChE,OAAO,EACL,sCAAsC,GACvC,MAAM,wDAAwD,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EAAE,qBAAqB,EAAE,MAAM,4DAA4D,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,MAAM,mEAAmE,CAAC;AAClG,6EAA6E;AAC7E,8EAA8E;AAC9E,0EAA0E;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,gEAAgE,CAAC;AAC3F,OAAO,EAAE,aAAa,EAAE,MAAM,mEAAmE,CAAC;AAElG,OAAO,EAAE,uDAAuD,EAAE,MAAM,yCAAyC,CAAC;AASlH;;;;;;GAMG;AACH,MAAM,UAAU,+BAA+B,CAAC,EAC9C,eAAe,EACf,OAAO,EACP,cAAc,EACd,mBAAmB,GACkB;IACrC,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,sCAAsC,CAAC,eAAe,CAAC,YAAY,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;IAChG,CAAC,EAAE,CAAC,eAAe,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5C,MAAM,0BAA0B,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9C,OAAO,uDAAuD,CAAC,eAAe,CAAC,CAAC;IAClF,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAE,gBAAgB,CAAC,eAAe,EACzC,0BAA0B,EAAE,0BAA0B,EACtD,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE,mBAAmB,GACxC,CACH,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,2BAA2B,CAAC,EAC1C,eAAe,EACf,OAAO,EACP,MAAM,EACN,cAAc,EACd,SAAS,GACwB;IACjC,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,kCAAkC,CAAC,eAAe,CAAC,YAAY,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;IAC5F,CAAC,EAAE,CAAC,eAAe,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAC5C,MAAM,0BAA0B,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9C,OAAO,uDAAuD,CAAC,eAAe,CAAC,CAAC;IAClF,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,MAAM,SAAS,GAAG,QAAQ,CAAC,sBAAsB,CAAC,eAAe,CAAC,YAAY,CAAC;QAC7E,EAAE,qBAAqB;QACvB,EAAE,UAAU;QACZ,EAAE,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC;IACnD,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,6CAA6C,CACjD,6CAA6C,OAAO,kBAAkB,eAAe,CAAC,YAAY,IAAI,EACtG;YACE,YAAY,EAAE,eAAe,CAAC,YAAY;YAC1C,OAAO;SACR,CACF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,iBAAiB,IAAC,gBAAgB,EAAE,SAAS,CAAC,eAAe,CAAC,gBAAgB,YAC7E,KAAC,SAAS,IACR,OAAO,EAAE,QAAQ,CAAC,eAAe,EACjC,cAAc,EAAE,SAAS,EACzB,iBAAiB,EAAE,oCAAoC,CAAC;oBACtD,QAAQ;oBACR,SAAS;oBACT,0BAA0B;iBAC3B,CAAC,EACF,0BAA0B,EAAE,0BAA0B,EACtD,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc;gBAC9B,wEAAwE;gBACxE,cAAc,SACd,GACgB,GAChB,CACP,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,+BAA+B,CAAC,EAC9C,eAAe,EACf,OAAO,EACP,cAAc,EACd,SAAS,GAC4B;IACrC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,sCAAsC,CAAC,eAAe,CAAC,YAAY,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;IAChG,CAAC,EAAE,CAAC,eAAe,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAC5C,MAAM,0BAA0B,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9C,OAAO,uDAAuD,CAAC,eAAe,CAAC,CAAC;IAClF,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,aAAa,IACZ,OAAO,EAAE,QAAQ,CAAC,eAAe,EACjC,cAAc,EAAE,cAAc,EAC9B,0BAA0B,EAAE,0BAA0B,GACtD,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,6CAA6C,CACpD,OAAe,EACf,OAAiC;IAEjC,OAAO,qBAAqB,CAAC,uBAAuB,CAClD,2BAA2B,CAAC,aAAa,EACzC;QACE,SAAS,EAAE,yBAAyB;QACpC,OAAO;QACP,GAAG,OAAO;KACX,CACF,CAAC;AACJ,CAAC","sourcesContent":["import React, { useMemo } from 'react';\n\nimport {\n ErrorCustomMessageReference,\n type ChartInputValues,\n} from '@wildo-ai/saas-models';\nimport type {\n NavigationInitiatorContext,\n NavigationZone,\n} from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport type {\n FrontendResourceOperationContext,\n} from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport {\n buildResolvedInsertedChartDescriptor,\n buildResourceInsertedChartIdentity,\n} from '~wildo-frontend-lib/core/config/chart-view.frontend.schemas';\nimport {\n buildResourceInsertedCompositeIdentity,\n} from '~wildo-frontend-lib/core/config/composite-view.schemas';\nimport {\n buildResourceInsertedExecutionIdentity,\n} from '~wildo-frontend-lib/core/config/execution-view.schemas';\nimport { FeatureRouteGuard } from '~wildo-frontend-lib/core/features/FeatureRouteGuard';\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport { FrontendResourceUtils } from '~wildo-frontend-lib/core/resources/frontend-resource.utils';\nimport { CompositeView } from '~wildo-frontend-lib/components/views/composite-view/CompositeView';\n// ChartView MUST come from the `.lazy` wrapper — a static import of the real\n// module merges the whole ECharts payload into the entry chunk (Rollup merges\n// a module that is both statically and dynamically imported; no warning).\nimport { ChartView } from '~wildo-frontend-lib/components/views/chart-view/ChartView.lazy';\nimport { ExecutionView } from '~wildo-frontend-lib/components/views/execution-view/ExecutionView';\n\nimport { normalizeInsertedResourceViewContextResourceIdentifiers } from './inserted-resource-view.frontend.utils';\n\nexport interface EmbedResourceOwnedCompositeViewProps {\n resourceContext: FrontendResourceOperationContext;\n viewRef: string;\n navigationZone?: NavigationZone;\n navigationInitiator?: NavigationInitiatorContext;\n}\n\n/*\n Embed a resource-owned composite view from an operation/custom host.\n \n Custom operation hosts should not have to hand-author inserted-view identity\n * strings or re-normalize semantic operation context into plain view context\n * ids. This helper keeps that bridge explicit but ergonomic.\n */\nexport function EmbedResourceOwnedCompositeView({\n resourceContext,\n viewRef,\n navigationZone,\n navigationInitiator,\n}: EmbedResourceOwnedCompositeViewProps): React.JSX.Element {\n const insertedIdentity = useMemo(() => {\n return buildResourceInsertedCompositeIdentity(resourceContext.resourceType, { ref: viewRef });\n }, [resourceContext.resourceType, viewRef]);\n\n const contextResourceIdentifiers = useMemo(() => {\n return normalizeInsertedResourceViewContextResourceIdentifiers(resourceContext);\n }, [resourceContext]);\n\n return (\n <CompositeView\n viewRef={insertedIdentity.insertedViewRef}\n contextResourceIdentifiers={contextResourceIdentifiers}\n navigationZone={navigationZone}\n navigationInitiator={navigationInitiator}\n />\n );\n}\n\nexport interface EmbedResourceOwnedChartViewProps {\n resourceContext: FrontendResourceOperationContext;\n viewRef: string;\n inputs?: ChartInputValues;\n urlParamValues?: Record<string, string>;\n className?: string;\n}\n\nexport function EmbedResourceOwnedChartView({\n resourceContext,\n viewRef,\n inputs,\n urlParamValues,\n className,\n}: EmbedResourceOwnedChartViewProps): React.JSX.Element {\n const { registry } = useResourceRegistry();\n const identity = useMemo(() => {\n return buildResourceInsertedChartIdentity(resourceContext.resourceType, { ref: viewRef });\n }, [resourceContext.resourceType, viewRef]);\n const contextResourceIdentifiers = useMemo(() => {\n return normalizeInsertedResourceViewContextResourceIdentifiers(resourceContext);\n }, [resourceContext]);\n const chartView = registry.resourceConfigurations[resourceContext.resourceType]\n ?.frontendConfiguration\n ?.chartViews\n ?.find((candidate) => candidate.ref === viewRef);\n if (!chartView) {\n throw buildResourceOwnedViewEmbedConfigurationError(\n `Cannot resolve resource-owned chart view \"${viewRef}\" on resource \"${resourceContext.resourceType}\".`,\n {\n resourceType: resourceContext.resourceType,\n viewRef,\n },\n );\n }\n\n return (\n <div className={className}>\n <FeatureRouteGuard requiredFeatures={chartView.chartDefinition.requiredFeatures}>\n <ChartView\n viewRef={identity.insertedViewRef}\n viewDefinition={chartView}\n runtimeDescriptor={buildResolvedInsertedChartDescriptor({\n identity,\n chartView,\n contextResourceIdentifiers,\n })}\n contextResourceIdentifiers={contextResourceIdentifiers}\n inputs={inputs}\n urlParamValues={urlParamValues}\n // Resource-owned embedded chart → degrade locally, no page-level toast.\n localErrorOnly\n />\n </FeatureRouteGuard>\n </div>\n );\n}\n\nexport interface EmbedResourceOwnedExecutionViewProps {\n resourceContext: FrontendResourceOperationContext;\n viewRef: string;\n navigationZone: NavigationZone;\n className?: string;\n}\n\nexport function EmbedResourceOwnedExecutionView({\n resourceContext,\n viewRef,\n navigationZone,\n className,\n}: EmbedResourceOwnedExecutionViewProps): React.JSX.Element {\n const identity = useMemo(() => {\n return buildResourceInsertedExecutionIdentity(resourceContext.resourceType, { ref: viewRef });\n }, [resourceContext.resourceType, viewRef]);\n const contextResourceIdentifiers = useMemo(() => {\n return normalizeInsertedResourceViewContextResourceIdentifiers(resourceContext);\n }, [resourceContext]);\n\n return (\n <div className={className}>\n <ExecutionView\n viewRef={identity.insertedViewRef}\n navigationZone={navigationZone}\n contextResourceIdentifiers={contextResourceIdentifiers}\n />\n </div>\n );\n}\n\nfunction buildResourceOwnedViewEmbedConfigurationError(\n message: string,\n context?: Record<string, unknown>,\n): Error {\n return FrontendResourceUtils.buildConfigurationError(\n ErrorCustomMessageReference.CONFIGURATION,\n {\n component: 'ResourceOwnedViewEmbeds',\n message,\n ...context,\n },\n );\n}\n"]}

package/dist/esm/components/resources/ResourceViewModeToggle.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceViewModeToggle.d.ts","sourceRoot":"","sources":["~~../../../../~~src/components/resources/ResourceViewModeToggle.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAEtG,MAAM,WAAW,2BAA2B;IAC1C,4BAA4B;IAC5B,QAAQ,EAAE,qBAAqB,CAAC;IAChC,kEAAkE;IAClE,gBAAgB,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,eAAO,MAAM,sBAAsB,GAAI,4CAIpC,2BAA2B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAuCpD,CAAC"}
1	+ {"version":3,"file":"ResourceViewModeToggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceViewModeToggle.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAEtG,MAAM,WAAW,2BAA2B;IAC1C,4BAA4B;IAC5B,QAAQ,EAAE,qBAAqB,CAAC;IAChC,kEAAkE;IAClE,gBAAgB,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAaD,eAAO,MAAM,sBAAsB,GAAI,4CAIpC,2BAA2B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAuCpD,CAAC"}

package/dist/esm/components/resources/ResourceViewModeToggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResourceViewModeToggle.js","sourceRoot":"","sources":["~~../../../../~~src/components/resources/ResourceViewModeToggle.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAiBtG,MAAM,iBAAiB,GAA8B;IACnD,EAAE,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,EAAE,qBAAqB,CAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;IACnG,EAAE,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,EAAE,qBAAqB,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE;CACrG,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACmB,EAA4B,EAAE;IAC1D,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IACrG,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,EAAE,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;IAElG,OAAO,CACL,cACE,IAAI,EAAC,OAAO,gBACA,EAAE,CAAC,eAAe,CAAC,EAC/B,SAAS,EAAE,EAAE,CAAC,sEAAsE,EAAE,SAAS,CAAC,YAE/F,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE;YACzD,MAAM,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAC;YACnC,MAAM,KAAK,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;YAC3B,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,kBACC,QAAQ,gBACV,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ;oBAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACzD,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,KAAK,GAAG,CAAC,IAAI,wBAAwB,EACrC,QAAQ;oBACN,CAAC,CAAC,0BAA0B;oBAC5B,CAAC,CAAC,+DAA+D,CACpE,YAED,8BAAkB,MAAM,YAAE,UAAU,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAAQ,IAdpE,IAAI,CAeF,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*\n ResourceViewModeToggle — a compact segmented control that switches a resource\n * collection between CARDS and TABLE display. Icon-only (labels via tooltip +\n * accessible name); the active segment is filled.\n \n Presentational: it owns no state. The collection host passes the current\n * `viewMode` and an `onViewModeChange` handler (which persists the choice).\n /\n\nimport React from 'react';\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 { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { CollectionDisplayMode } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\n\nexport interface ResourceViewModeToggleProps {\n /* The active view-mode. /\n viewMode: CollectionDisplayMode;\n /* Called with the newly selected mode (the host persists it). /\n onViewModeChange: (mode: CollectionDisplayMode) => void;\n /* Additional CSS classes for the segmented container. */\n className?: string;\n}\n\ninterface ViewModeOption {\n mode: CollectionDisplayMode;\n icon: StandardIconReference;\n labelKey: string;\n}\n\nconst VIEW_MODE_OPTIONS: readonly ViewModeOption[] = [\n { mode: CollectionDisplayMode.CARDS, icon: StandardIconReference.VIEW_LIST, labelKey: 'viewCards' },\n { mode: CollectionDisplayMode.TABLE, icon: StandardIconReference.VIEW_TABLE, labelKey: 'viewTable' },\n];\n\nexport const ResourceViewModeToggle = ({\n viewMode,\n onViewModeChange,\n className,\n}: ResourceViewModeToggleProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });\n const { renderIcon } = useIconRegistry();\n\n if (!isReady) return null;\n\n const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, key);\n\n return (\n <div\n role=\"group\"\n aria-label={tc('viewModeLabel')}\n className={cn('inline-flex shrink-0 rounded-md border border-border overflow-hidden', className)}\n >\n {VIEW_MODE_OPTIONS.map(({ mode, icon, labelKey }, index) => {\n const isActive = viewMode === mode;\n const label = tc(labelKey);\n return (\n <button\n key={mode}\n type=\"button\"\n aria-pressed={isActive}\n aria-label={label}\n title={label}\n onClick={() => { if (!isActive) onViewModeChange(mode); }}\n className={cn(\n 'inline-flex items-center justify-center px-element-sm py-element-sm transition-colors',\n index > 0 && 'border-s border-border',\n isActive\n ? 'bg-muted text-foreground'\n : 'text-muted-foreground hover:bg-muted/50 hover:text-foreground',\n )}\n >\n <span aria-hidden=\"true\">{renderIcon(icon, { size: IconSize.SM })}</span>\n </button>\n );\n })}\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"ResourceViewModeToggle.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceViewModeToggle.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAiBtG,MAAM,iBAAiB,GAA8B;IACnD,EAAE,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,EAAE,qBAAqB,CAAC,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;IACnG,EAAE,IAAI,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,EAAE,qBAAqB,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE;CACrG,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACmB,EAA4B,EAAE;IAC1D,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IACrG,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,EAAE,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;IAElG,OAAO,CACL,cACE,IAAI,EAAC,OAAO,gBACA,EAAE,CAAC,eAAe,CAAC,EAC/B,SAAS,EAAE,EAAE,CAAC,sEAAsE,EAAE,SAAS,CAAC,YAE/F,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE;YACzD,MAAM,QAAQ,GAAG,QAAQ,KAAK,IAAI,CAAC;YACnC,MAAM,KAAK,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;YAC3B,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,kBACC,QAAQ,gBACV,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ;oBAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACzD,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,KAAK,GAAG,CAAC,IAAI,wBAAwB,EACrC,QAAQ;oBACN,CAAC,CAAC,0BAA0B;oBAC5B,CAAC,CAAC,+DAA+D,CACpE,YAED,8BAAkB,MAAM,YAAE,UAAU,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAAQ,IAdpE,IAAI,CAeF,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/*\n ResourceViewModeToggle — a compact segmented control that switches a resource\n * collection between CARDS and TABLE display. Icon-only (labels via tooltip +\n * accessible name); the active segment is filled.\n \n Presentational: it owns no state. The collection host passes the current\n * `viewMode` and an `onViewModeChange` handler (which persists the choice).\n /\n\nimport React from 'react';\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 { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { CollectionDisplayMode } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\n\nexport interface ResourceViewModeToggleProps {\n /* The active view-mode. /\n viewMode: CollectionDisplayMode;\n /* Called with the newly selected mode (the host persists it). /\n onViewModeChange: (mode: CollectionDisplayMode) => void;\n /* Additional CSS classes for the segmented container. */\n className?: string;\n}\n\ninterface ViewModeOption {\n mode: CollectionDisplayMode;\n icon: StandardIconReference;\n labelKey: string;\n}\n\nconst VIEW_MODE_OPTIONS: readonly ViewModeOption[] = [\n { mode: CollectionDisplayMode.CARDS, icon: StandardIconReference.VIEW_LIST, labelKey: 'viewCards' },\n { mode: CollectionDisplayMode.TABLE, icon: StandardIconReference.VIEW_TABLE, labelKey: 'viewTable' },\n];\n\nexport const ResourceViewModeToggle = ({\n viewMode,\n onViewModeChange,\n className,\n}: ResourceViewModeToggleProps): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });\n const { renderIcon } = useIconRegistry();\n\n if (!isReady) return null;\n\n const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, key);\n\n return (\n <div\n role=\"group\"\n aria-label={tc('viewModeLabel')}\n className={cn('inline-flex shrink-0 rounded-md border border-border overflow-hidden', className)}\n >\n {VIEW_MODE_OPTIONS.map(({ mode, icon, labelKey }, index) => {\n const isActive = viewMode === mode;\n const label = tc(labelKey);\n return (\n <button\n key={mode}\n type=\"button\"\n aria-pressed={isActive}\n aria-label={label}\n title={label}\n onClick={() => { if (!isActive) onViewModeChange(mode); }}\n className={cn(\n 'inline-flex items-center justify-center px-element-sm py-element-sm transition-colors',\n index > 0 && 'border-s border-border',\n isActive\n ? 'bg-muted text-foreground'\n : 'text-muted-foreground hover:bg-muted/50 hover:text-foreground',\n )}\n >\n <span aria-hidden=\"true\">{renderIcon(icon, { size: IconSize.SM })}</span>\n </button>\n );\n })}\n </div>\n );\n};\n"]}

package/dist/esm/components/resources/card-action-placement.utils.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card-action-placement.utils.d.ts","sourceRoot":"","sources":["~~../../../../~~src/components/resources/card-action-placement.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAMH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+DAA+D,CAAC;AAEzG,yEAAyE;AACzE,MAAM,WAAW,0BAA0B;IACzC,iEAAiE;IACjE,cAAc,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,6BAA6B,EAAE,mBAI3C,CAAC;AAQF,wBAAgB,iCAAiC,CAC/C,SAAS,GAAE,mBAAmD,GAC7D,0BAA0B,CAsB5B"}
1	+ {"version":3,"file":"card-action-placement.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/card-action-placement.utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAMH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+DAA+D,CAAC;AAEzG,yEAAyE;AACzE,MAAM,WAAW,0BAA0B;IACzC,iEAAiE;IACjE,cAAc,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,6BAA6B,EAAE,mBAI3C,CAAC;AAQF,wBAAgB,iCAAiC,CAC/C,SAAS,GAAE,mBAAmD,GAC7D,0BAA0B,CAsB5B"}