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

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

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Button } from '../../components/actions/button.js';
+import { DangerZone } from '../../components/feedback/danger-zone.js';
+import { Text, Strong, TextVariant, TextSize } from '../../components/typography/text.js';
+import { OperationsConfirmCritical } from '../../components/feedback/operations-confirm-critical.js';
+import { useI18n } from '../../core/i18n/useI18n.js';
+import { cn } from '../../core/ui/cn.js';
+import { useResourceOperationActions } from '../../core/resources/useResourceOperationActions.js';
+import { ActionPlacement } from '../../core/resources/resources.frontend.schemas.js';
+import { ResourceOperationDisplayMode, ResourceOperationRiskLevel } from '@wildo-ai/saas-models';
+import { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
+import { Heading } from '../../components/typography/heading.js';
+/**
+ * GitHub-style "Danger Zone" — a fenced section at the bottom of a resource's
+ * read view holding the destructive (`DANGER_ZONE`-placement) operations, each
+ * as a row: title · caution description · action button. These ops are excluded
+ * from the top action bar (which requests `placementFilter: PRIMARY`); this
+ * section is their home.
+ *
+ * Reuses the single operation pipeline via `placementFilter: DANGER_ZONE`, so
+ * `enabledCondition`, role gating, the critical-confirm dialog, and `actionVariant`
+ * colour all behave exactly as in the bar — only the presentation differs.
+ */
+export const ResourceLayoutPreset_DangerZone_Default = ({ resourceContext, navigationZone, currentObject, onOperationExecuted, className, }) => {
+    const { resourceType, operation } = resourceContext;
+    const { tComponent, tResourceOperation } = useI18n({
+        component: FrontendComponentType.RESOURCES_LAYOUTS_DANGER_ZONE,
+        resource: resourceType,
+    });
+    const { items, isConfirmDialogOpen, confirmDialogLabel, confirmRequiresTypedConfirmation, confirmConfirmationPhrase, onConfirm, onCancel, } = useResourceOperationActions({
+        resourceType,
+        displayMode: ResourceOperationDisplayMode.DETAIL,
+        currentObject,
+        contextResourceIdentifiers: resourceContext.contextResourceIdentifiers,
+        parentResourcesRequirements: resourceContext.parentResourcesRequirements,
+        additionalContext: resourceContext.additionalContext,
+        navigationZone,
+        operationId: String(operation.operationIdentifier),
+        placementFilter: ActionPlacement.DANGER_ZONE,
+        onOperationExecuted,
+    });
+    // Flatten multi-variant ops (subgroups) into one row per concrete action.
+    const rows = useMemo(() => items.flatMap((item) => {
+        if (item.type === 'subgroup') {
+            return item.items.filter((sub) => sub.type !== 'separator' && sub.type !== 'subgroup');
+        }
+        if (item.type === 'separator')
+            return [];
+        return [item];
+    }), [items]);
+    if (rows.length === 0)
+        return null;
+    // Resolve a component label with an English default. A freshly-registered
+    // component has no generated i18n bundle yet, in which case `tComponent`
+    // echoes the raw `components.…` key path (a truthy string) rather than an
+    // empty value — so a plain `|| fallback` would never fire. Treat an echoed
+    // key as unresolved; once the bundle is generated the real label takes over.
+    const label = (key, fallback) => {
+        const value = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_DANGER_ZONE, key);
+        return !value || value.startsWith('components.') ? fallback : value;
+    };
+    const heading = label('title', 'Danger Zone');
+    // Risk-specific caution: CRITICAL emphasizes irreversibility, HIGH a significant
+    // disruptive impact, everything else a generic caution. Falls back to English
+    // until the component's i18n bundle is generated.
+    const describeRisk = (riskLevel) => {
+        switch (riskLevel) {
+            case ResourceOperationRiskLevel.CRITICAL:
+                return label('descriptionCritical', 'This action is permanent and cannot be undone.');
+            case ResourceOperationRiskLevel.HIGH:
+                return label('descriptionHigh', 'This action is disruptive and may be hard to reverse.');
+            default:
+                return label('descriptionDefault', 'This action may have significant consequences. Proceed with caution.');
+        }
+    };
+    // Prefer an authored/generated per-operation description
+    // (resources.{res}.operations.{op}.description) — accurate per action (e.g. Delete
+    // "permanent" vs Suspend "reversible"). Falls back to the risk-based copy.
+    // tResourceOperation returns '' for a missing key, so `||` chains cleanly.
+    const describe = (row) => {
+        const perOp = row.operationIdentifier
+            ? tResourceOperation(resourceType, row.operationIdentifier, 'description')
+            : '';
+        return perOp || describeRisk(row.riskLevel);
+    };
+    return (
+    // Mirrors the CARD "settings group" shape EXACTLY so it reads as a sibling
+    // of the cards above it, only tinted destructive:
+    //  - `flex flex-col gap-field-sm` — the SAME title↔card gap the ContentSection
+    //    CARD branch puts between its heading and its body (was `space-y-item-xs`,
+    //    a ~1px hairline that crammed the title onto the card).
+    //  - `<h3 text-base font-medium>` — the same group-heading type as the CARD title.
+    //  - `rounded-xl` on the card — matches the CARD surface recipe radius
+    //    (`SurfaceVariant.CARD` = `rounded-xl`); the DangerZone primitive's own
+    //    base is `rounded-lg`, one tier tighter, which read as a different corner.
+    //  - `p-0` card + `px-card` rows — identical inset to the settings rows so the
+    //    "Reset to defaults" copy lines up with the fields above; per-row dividers
+    //    run full-bleed.
+    _jsxs("section", { "data-slot": "danger-zone-section", className: cn('flex flex-col gap-field-sm', className), children: [_jsx(Heading, { level: 3, children: heading }), _jsx(DangerZone, { className: "rounded-xl p-0 overflow-hidden divide-y divide-destructive/20", children: rows.map((row, index) => (_jsxs("div", { className: "flex flex-col gap-field px-card py-card sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex flex-col gap-element-xs", children: [_jsx(Strong, { children: row.label }), _jsx(Text, { variant: TextVariant.MUTED, size: TextSize.SM, children: describe(row) })] }), _jsx(Button, { variant: row.variant, disabled: row.disabled, onClick: row.onClick, className: "shrink-0 self-start sm:self-auto", children: row.label })] }, index))) }), isConfirmDialogOpen && (_jsx(OperationsConfirmCritical, { open: isConfirmDialogOpen, onOpenChange: (open) => { if (!open)
+                    onCancel(); }, cancelCallback: onCancel, validationCallback: onConfirm, label: confirmDialogLabel, requireTypedConfirmation: confirmRequiresTypedConfirmation, confirmationPhrase: confirmConfirmationPhrase }))] }));
+};
+export function ResourceLayout_DangerZone({ preset = CorePresetNames.DEFAULT, ...props }) {
+    const Component = createComponentResolver(FrontendComponentType.RESOURCES_LAYOUTS_DANGER_ZONE, 'ResourceLayout_DangerZone')(preset);
+    return _jsx(Component, { ...props });
+}
+//# sourceMappingURL=ResourceLayout_DangerZone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceLayout_DangerZone.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_DangerZone.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react';\n\nimport { Button } from '~wildo-frontend-lib/components/actions/button';\nimport type { ActionBarButton } from '~wildo-frontend-lib/components/actions/action-bar';\nimport { DangerZone } from '~wildo-frontend-lib/components/feedback/danger-zone';\nimport { Text, Strong, TextVariant, TextSize } from '~wildo-frontend-lib/components/typography/text';\nimport { OperationsConfirmCritical } from '~wildo-frontend-lib/components/feedback/operations-confirm-critical';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useResourceOperationActions } from '~wildo-frontend-lib/core/resources/useResourceOperationActions';\nimport { ActionPlacement } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport type { FrontendResourceConfiguration_Operation } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\n\nimport { ResourceOperationDisplayMode, ResourceOperationRiskLevel } from '@wildo-ai/saas-models';\n\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas';\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper';\nimport { BaseResourcesLayoutProps } from './component-props.resources-layout.frontend.schemas';\nimport { Heading } from '~wildo-frontend-lib/components/typography/heading';\n\n// --- Contract ---\nexport interface ResourceLayoutPreset_DangerZone_DefaultProps extends BaseResourcesLayoutProps {\n  /** The loaded record — feeds `enabledCondition` evaluation + each op's target. */\n  currentObject?: Record<string, any>;\n  /** Called after a destructive op executes (e.g. navigate away after delete). */\n  onOperationExecuted?: (operation: FrontendResourceConfiguration_Operation) => void;\n  className?: string;\n}\n\n/**\n * GitHub-style \"Danger Zone\" — a fenced section at the bottom of a resource's\n * read view holding the destructive (`DANGER_ZONE`-placement) operations, each\n * as a row: title · caution description · action button. These ops are excluded\n * from the top action bar (which requests `placementFilter: PRIMARY`); this\n * section is their home.\n *\n * Reuses the single operation pipeline via `placementFilter: DANGER_ZONE`, so\n * `enabledCondition`, role gating, the critical-confirm dialog, and `actionVariant`\n * colour all behave exactly as in the bar — only the presentation differs.\n */\nexport const ResourceLayoutPreset_DangerZone_Default = ({\n  resourceContext,\n  navigationZone,\n  currentObject,\n  onOperationExecuted,\n  className,\n}: ResourceLayoutPreset_DangerZone_DefaultProps): React.JSX.Element | null => {\n  const { resourceType, operation } = resourceContext;\n  const { tComponent, tResourceOperation } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_DANGER_ZONE,\n    resource: resourceType,\n  });\n\n  const {\n    items,\n    isConfirmDialogOpen,\n    confirmDialogLabel,\n    confirmRequiresTypedConfirmation,\n    confirmConfirmationPhrase,\n    onConfirm,\n    onCancel,\n  } = useResourceOperationActions({\n    resourceType,\n    displayMode: ResourceOperationDisplayMode.DETAIL,\n    currentObject,\n    contextResourceIdentifiers: resourceContext.contextResourceIdentifiers,\n    parentResourcesRequirements: resourceContext.parentResourcesRequirements,\n    additionalContext: resourceContext.additionalContext,\n    navigationZone,\n    operationId: String(operation.operationIdentifier),\n    placementFilter: ActionPlacement.DANGER_ZONE,\n    onOperationExecuted,\n  });\n\n  // Flatten multi-variant ops (subgroups) into one row per concrete action.\n  const rows = useMemo<ActionBarButton[]>(\n    () =>\n      items.flatMap((item) => {\n        if (item.type === 'subgroup') {\n          return item.items.filter(\n            (sub): sub is ActionBarButton => sub.type !== 'separator' && sub.type !== 'subgroup',\n          );\n        }\n        if (item.type === 'separator') return [];\n        return [item];\n      }),\n    [items],\n  );\n\n  if (rows.length === 0) return null;\n\n  // Resolve a component label with an English default. A freshly-registered\n  // component has no generated i18n bundle yet, in which case `tComponent`\n  // echoes the raw `components.…` key path (a truthy string) rather than an\n  // empty value — so a plain `|| fallback` would never fire. Treat an echoed\n  // key as unresolved; once the bundle is generated the real label takes over.\n  const label = (key: string, fallback: string): string => {\n    const value = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_DANGER_ZONE, key);\n    return !value || value.startsWith('components.') ? fallback : value;\n  };\n  const heading = label('title', 'Danger Zone');\n  // Risk-specific caution: CRITICAL emphasizes irreversibility, HIGH a significant\n  // disruptive impact, everything else a generic caution. Falls back to English\n  // until the component's i18n bundle is generated.\n  const describeRisk = (riskLevel: ResourceOperationRiskLevel | undefined): string => {\n    switch (riskLevel) {\n      case ResourceOperationRiskLevel.CRITICAL:\n        return label('descriptionCritical', 'This action is permanent and cannot be undone.');\n      case ResourceOperationRiskLevel.HIGH:\n        return label('descriptionHigh', 'This action is disruptive and may be hard to reverse.');\n      default:\n        return label('descriptionDefault', 'This action may have significant consequences. Proceed with caution.');\n    }\n  };\n  // Prefer an authored/generated per-operation description\n  // (resources.{res}.operations.{op}.description) — accurate per action (e.g. Delete\n  // \"permanent\" vs Suspend \"reversible\"). Falls back to the risk-based copy.\n  // tResourceOperation returns '' for a missing key, so `||` chains cleanly.\n  const describe = (row: ActionBarButton): string => {\n    const perOp = row.operationIdentifier\n      ? tResourceOperation(resourceType, row.operationIdentifier, 'description')\n      : '';\n    return perOp || describeRisk(row.riskLevel);\n  };\n\n  return (\n    // Mirrors the CARD \"settings group\" shape EXACTLY so it reads as a sibling\n    // of the cards above it, only tinted destructive:\n    //  - `flex flex-col gap-field-sm` — the SAME title↔card gap the ContentSection\n    //    CARD branch puts between its heading and its body (was `space-y-item-xs`,\n    //    a ~1px hairline that crammed the title onto the card).\n    //  - `<h3 text-base font-medium>` — the same group-heading type as the CARD title.\n    //  - `rounded-xl` on the card — matches the CARD surface recipe radius\n    //    (`SurfaceVariant.CARD` = `rounded-xl`); the DangerZone primitive's own\n    //    base is `rounded-lg`, one tier tighter, which read as a different corner.\n    //  - `p-0` card + `px-card` rows — identical inset to the settings rows so the\n    //    \"Reset to defaults\" copy lines up with the fields above; per-row dividers\n    //    run full-bleed.\n    <section data-slot=\"danger-zone-section\" className={cn('flex flex-col gap-field-sm', className)}>\n      <Heading level={3}>{heading}</Heading>\n      <DangerZone className=\"rounded-xl p-0 overflow-hidden divide-y divide-destructive/20\">\n        {rows.map((row, index) => (\n          <div\n            key={index}\n            className=\"flex flex-col gap-field px-card py-card sm:flex-row sm:items-center sm:justify-between\"\n          >\n            <div className=\"flex flex-col gap-element-xs\">\n              <Strong>{row.label}</Strong>\n              <Text variant={TextVariant.MUTED} size={TextSize.SM}>{describe(row)}</Text>\n            </div>\n            <Button\n              variant={row.variant}\n              disabled={row.disabled}\n              onClick={row.onClick}\n              className=\"shrink-0 self-start sm:self-auto\"\n            >\n              {row.label}\n            </Button>\n          </div>\n        ))}\n      </DangerZone>\n      {isConfirmDialogOpen && (\n        <OperationsConfirmCritical\n          open={isConfirmDialogOpen}\n          onOpenChange={(open: boolean) => { if (!open) onCancel(); }}\n          cancelCallback={onCancel}\n          validationCallback={onConfirm}\n          label={confirmDialogLabel}\n          requireTypedConfirmation={confirmRequiresTypedConfirmation}\n          confirmationPhrase={confirmConfirmationPhrase}\n        />\n      )}\n    </section>\n  );\n};\n\nexport function ResourceLayout_DangerZone({ preset = CorePresetNames.DEFAULT, ...props }: ResourceLayoutPreset_DangerZone_DefaultProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<ResourceLayoutPreset_DangerZone_DefaultProps>(FrontendComponentType.RESOURCES_LAYOUTS_DANGER_ZONE, 'ResourceLayout_DangerZone')(preset);\n  return <Component {...props} />;\n}\n"]}

package/dist/esm/components/resources/ResourceLayout_DangerZone.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const ResourcesLayoutsDangerZoneLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=ResourceLayout_DangerZone.labels.d.ts.map

package/dist/esm/components/resources/ResourceLayout_DangerZone.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceLayout_DangerZone.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_DangerZone.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,gCAAgC,EAAE,mBAAmB,EAqBjE,CAAC"}

package/dist/esm/components/resources/ResourceLayout_DangerZone.labels.js

@@ -0,0 +1,28 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + purpose / kind.
+// Statically scanned by the dev companion; NOT imported at runtime, so it never
+// ships in the bundle.
+export const ResourcesLayoutsDangerZoneLabels = [
+    {
+        ref: 'title',
+        kind: LabelKind.LABEL,
+        purpose: 'Heading for the danger-zone section that groups a resource\'s destructive actions',
+    },
+    {
+        ref: 'descriptionCritical',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Caution shown beneath a CRITICAL, irreversible destructive action (e.g. delete) in the danger zone — must convey that the action is permanent and cannot be undone',
+    },
+    {
+        ref: 'descriptionHigh',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Caution shown beneath a HIGH-risk destructive action (e.g. suspend) in the danger zone — conveys significant, disruptive impact that may be hard to reverse',
+    },
+    {
+        ref: 'descriptionDefault',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Generic caution shown beneath a destructive action in the danger zone when no risk-specific copy applies',
+    },
+];
+registerComponentLabels(FrontendComponentType.RESOURCES_LAYOUTS_DANGER_ZONE, ResourcesLayoutsDangerZoneLabels);
+//# sourceMappingURL=ResourceLayout_DangerZone.labels.js.map

package/dist/esm/components/resources/ResourceLayout_DangerZone.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceLayout_DangerZone.labels.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_DangerZone.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,gFAAgF;AAChF,uBAAuB;AAEvB,MAAM,CAAC,MAAM,gCAAgC,GAA0B;IACrE;QACE,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,mFAAmF;KAC7F;IACD;QACE,GAAG,EAAE,qBAAqB;QAC1B,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,oKAAoK;KAC9K;IACD;QACE,GAAG,EAAE,iBAAiB;QACtB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,6JAA6J;KACvK;IACD;QACE,GAAG,EAAE,oBAAoB;QACzB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,0GAA0G;KACpH;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,gCAAgC,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + purpose / kind.\n// Statically scanned by the dev companion; NOT imported at runtime, so it never\n// ships in the bundle.\n\nexport const ResourcesLayoutsDangerZoneLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'title',\n    kind: LabelKind.LABEL,\n    purpose: 'Heading for the danger-zone section that groups a resource\\'s destructive actions',\n  },\n  {\n    ref: 'descriptionCritical',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Caution shown beneath a CRITICAL, irreversible destructive action (e.g. delete) in the danger zone — must convey that the action is permanent and cannot be undone',\n  },\n  {\n    ref: 'descriptionHigh',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Caution shown beneath a HIGH-risk destructive action (e.g. suspend) in the danger zone — conveys significant, disruptive impact that may be hard to reverse',\n  },\n  {\n    ref: 'descriptionDefault',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Generic caution shown beneath a destructive action in the danger zone when no risk-specific copy applies',\n  },\n];\nregisterComponentLabels(FrontendComponentType.RESOURCES_LAYOUTS_DANGER_ZONE, ResourcesLayoutsDangerZoneLabels);\n"]}

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

@@ -0,0 +1,28 @@
+/**
+ * ResourceLayout_FilterChips — the active-filter summary row for a collection.
+ *
+ * Renders one removable chip per active filter (with the resolved label/value —
+ * FK chips resolve the target resource's display label, never a raw id) plus a
+ * "Clear all" action. Hidden entirely when no filters are active.
+ *
+ * Split out of `ResourceLayout_FiltersControl` so the collection toolbar can host
+ * the compact Filters TRIGGER while the chips occupy their own row below the
+ * toolbar — keeping the toolbar itself uncluttered. `FiltersControl` re-uses this
+ * component for its legacy inline placement.
+ */
+import React from 'react';
+import type { FilterFieldDefinition, FilterValues } from './ResourceLayout_FiltersControl';
+export interface ResourceLayout_FilterChipsProps {
+    /** Resource type for i18n label resolution. */
+    resourceType: string;
+    /** Filter field definitions (drives per-field type → chip value formatting). */
+    filterFields: readonly FilterFieldDefinition[];
+    /** Current active filters. */
+    currentFilters: FilterValues;
+    /** Callback when filters change (used to remove one / clear all). */
+    onFiltersChange: (filters: FilterValues) => void;
+    /** Additional CSS classes. */
+    className?: string;
+}
+export declare const ResourceLayout_FilterChips: ({ resourceType, filterFields, currentFilters, onFiltersChange, className, }: ResourceLayout_FilterChipsProps) => React.JSX.Element | null;
+//# sourceMappingURL=ResourceLayout_FilterChips.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceLayout_FilterChips.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_FilterChips.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE3F,MAAM,WAAW,+BAA+B;IAC9C,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,8BAA8B;IAC9B,cAAc,EAAE,YAAY,CAAC;IAC7B,qEAAqE;IACrE,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,0BAA0B,GAAI,6EAMxC,+BAA+B,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA0GxD,CAAC"}

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

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * ResourceLayout_FilterChips — the active-filter summary row for a collection.
+ *
+ * Renders one removable chip per active filter (with the resolved label/value —
+ * FK chips resolve the target resource's display label, never a raw id) plus a
+ * "Clear all" action. Hidden entirely when no filters are active.
+ *
+ * Split out of `ResourceLayout_FiltersControl` so the collection toolbar can host
+ * the compact Filters TRIGGER while the chips occupy their own row below the
+ * toolbar — keeping the toolbar itself uncluttered. `FiltersControl` re-uses this
+ * component for its legacy inline placement.
+ */
+import { useCallback, useMemo } from 'react';
+import { useI18n } from '../../core/i18n/useI18n.js';
+import { cn } from '../../core/ui/cn.js';
+import { useIconRegistry } from '../../core/icons/useIconRegistry.js';
+import { StandardIconReference, IconSize } from '../../core/icons/icon-registry.frontend.schemas.js';
+import { Button, ButtonVariants_Variant } from '../../components/actions/button.js';
+import { useResourceSearch } from '../../components/resources-fields/resource-reference/useResourceSearch.js';
+import { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';
+export const ResourceLayout_FilterChips = ({ resourceType, filterFields, currentFilters, onFiltersChange, className, }) => {
+    const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, isReady } = useI18n({
+        component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS,
+        resource: resourceType,
+    });
+    const { renderIcon } = useIconRegistry();
+    const tc = (key) => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, key);
+    // Count/render ONLY the fields this row is responsible for — the panel's
+    // `filterFields`. A collection's `currentFilters` also carries the PROMOTED
+    // quick-filter field's value (shared filter state, deliberately excluded from
+    // `filterFields` so the tab strip owns that field's active-state display).
+    // Iterating `currentFilters` here surfaced that field as a redundant chip whose
+    // label/value could not be resolved (no field definition ⇒ raw "status:completed"),
+    // and disagreed with the (correctly scoped) Filters badge. Stay in lockstep with
+    // the panel and the badge: a chip renders iff the field is a panel field.
+    const activeFilterFields = useMemo(() => filterFields.filter(f => {
+        const v = currentFilters[f.fieldName];
+        return v !== undefined && v !== null && v !== '';
+    }), [filterFields, currentFilters]);
+    const fieldLabels = useMemo(() => {
+        const labels = {};
+        for (const field of filterFields) {
+            const label = tResourceFieldDisplay(resourceType, field.fieldName, 'label');
+            labels[field.fieldName] = typeof label === 'string' ? label : field.fieldName;
+        }
+        return labels;
+    }, [filterFields, resourceType, tResourceFieldDisplay]);
+    // Clear ONLY the panel's own fields; PRESERVE any filter value this row does not
+    // represent — the promoted quick-filter field, whose tab strip owns its reset via
+    // its own "All" segment. "Clear all" is a chips/panel affordance, so it must be
+    // symmetric with the panel, chips, and count, which all scope to `filterFields`;
+    // reaching into the promoted field would silently reset a separate, still-visible
+    // control the chips row never showed — the mutation-side mirror of the count/chips
+    // display leak. (Industry precedent: Shopify/Notion clear the filter bar without
+    // changing the selected view/status tab.) For the self-contained callers whose
+    // values already align 1:1 with `filterFields`, this still clears everything.
+    const handleClearAll = useCallback(() => {
+        const next = { ...currentFilters };
+        for (const field of filterFields)
+            delete next[field.fieldName];
+        onFiltersChange(next);
+    }, [currentFilters, filterFields, onFiltersChange]);
+    const handleRemoveFilter = useCallback((fieldName) => {
+        const next = { ...currentFilters };
+        delete next[fieldName];
+        onFiltersChange(next);
+    }, [currentFilters, onFiltersChange]);
+    if (!isReady || activeFilterFields.length === 0)
+        return null;
+    const removeIcon = renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS });
+    return (_jsxs("div", { className: cn('flex items-center gap-element-sm flex-wrap', className), children: [activeFilterFields.map((field) => {
+                const key = field.fieldName;
+                const value = currentFilters[key];
+                const label = fieldLabels[key] || key;
+                let displayValue = String(value);
+                if (field.fieldType === 'reference') {
+                    displayValue = _jsx(ReferenceFilterChipValue, { field: field, value: String(value) });
+                }
+                else if (field.fieldType === 'enum') {
+                    const enumLabel = tResourceFieldEnumValue(resourceType, key, String(value));
+                    if (typeof enumLabel === 'string')
+                        displayValue = enumLabel;
+                }
+                else if (field.fieldType === 'boolean') {
+                    displayValue = value ? tc('booleanYes') : tc('booleanNo');
+                }
+                return (_jsxs("span", { className: "inline-flex items-center gap-1 ps-element-sm pe-1 py-0.5 rounded-full text-xs font-medium bg-muted text-muted-foreground", children: [_jsxs("span", { className: "text-muted-foreground/70", children: [label, ":"] }), displayValue, _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: () => handleRemoveFilter(key), className: "ms-0.5 h-4 w-4 p-0", "aria-label": tc('removeFilter'), children: removeIcon })] }, key));
+            }), _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.SM, onClick: handleClearAll, className: "text-xs text-muted-foreground", children: tc('clearAll') })] }));
+};
+/**
+ * Chip text for an active reference filter. Reuses `useResourceSearch`'s
+ * current-value label resolution (READ on the target resource +
+ * `getFrontendResourceLabel`); the only network activity is the one label READ,
+ * cached for the chip's lifetime (a chip never opens the dropdown).
+ */
+const ReferenceFilterChipValue = ({ field, value }) => {
+    const { getDisplayLabel, isLoadingCurrentValue } = useResourceSearch({
+        schema: field.schema,
+        name: field.fieldName,
+        value,
+        targetResourceType: field.referenceTargetResourceType,
+    });
+    if (isLoadingCurrentValue)
+        return _jsx(_Fragment, { children: "\u2026" });
+    return _jsx(_Fragment, { children: getDisplayLabel(value) });
+};
+//# sourceMappingURL=ResourceLayout_FilterChips.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceLayout_FilterChips.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_FilterChips.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * ResourceLayout_FilterChips — the active-filter summary row for a collection.\n *\n * Renders one removable chip per active filter (with the resolved label/value —\n * FK chips resolve the target resource's display label, never a raw id) plus a\n * \"Clear all\" action. Hidden entirely when no filters are active.\n *\n * Split out of `ResourceLayout_FiltersControl` so the collection toolbar can host\n * the compact Filters TRIGGER while the chips occupy their own row below the\n * toolbar — keeping the toolbar itself uncluttered. `FiltersControl` re-uses this\n * component for its legacy inline placement.\n */\n\nimport React, { useCallback, useMemo } from 'react';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { StandardIconReference, IconSize } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { useResourceSearch } from '~wildo-frontend-lib/components/resources-fields/resource-reference/useResourceSearch';\nimport { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';\nimport type { FilterFieldDefinition, FilterValues } from './ResourceLayout_FiltersControl';\n\nexport interface ResourceLayout_FilterChipsProps {\n  /** Resource type for i18n label resolution. */\n  resourceType: string;\n  /** Filter field definitions (drives per-field type → chip value formatting). */\n  filterFields: readonly FilterFieldDefinition[];\n  /** Current active filters. */\n  currentFilters: FilterValues;\n  /** Callback when filters change (used to remove one / clear all). */\n  onFiltersChange: (filters: FilterValues) => void;\n  /** Additional CSS classes. */\n  className?: string;\n}\n\nexport const ResourceLayout_FilterChips = ({\n  resourceType,\n  filterFields,\n  currentFilters,\n  onFiltersChange,\n  className,\n}: ResourceLayout_FilterChipsProps): React.JSX.Element | null => {\n  const { tResourceFieldDisplay, tResourceFieldEnumValue, tComponent, isReady } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_FILTERS,\n    resource: resourceType,\n  });\n  const { renderIcon } = useIconRegistry();\n\n  const tc = (key: string): string => tComponent(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, key);\n\n  // Count/render ONLY the fields this row is responsible for — the panel's\n  // `filterFields`. A collection's `currentFilters` also carries the PROMOTED\n  // quick-filter field's value (shared filter state, deliberately excluded from\n  // `filterFields` so the tab strip owns that field's active-state display).\n  // Iterating `currentFilters` here surfaced that field as a redundant chip whose\n  // label/value could not be resolved (no field definition ⇒ raw \"status:completed\"),\n  // and disagreed with the (correctly scoped) Filters badge. Stay in lockstep with\n  // the panel and the badge: a chip renders iff the field is a panel field.\n  const activeFilterFields = useMemo(\n    () => filterFields.filter(f => {\n      const v = currentFilters[f.fieldName];\n      return v !== undefined && v !== null && v !== '';\n    }),\n    [filterFields, currentFilters],\n  );\n\n  const fieldLabels = useMemo(() => {\n    const labels: Record<string, string> = {};\n    for (const field of filterFields) {\n      const label = tResourceFieldDisplay(resourceType, field.fieldName, 'label');\n      labels[field.fieldName] = typeof label === 'string' ? label : field.fieldName;\n    }\n    return labels;\n  }, [filterFields, resourceType, tResourceFieldDisplay]);\n\n  // Clear ONLY the panel's own fields; PRESERVE any filter value this row does not\n  // represent — the promoted quick-filter field, whose tab strip owns its reset via\n  // its own \"All\" segment. \"Clear all\" is a chips/panel affordance, so it must be\n  // symmetric with the panel, chips, and count, which all scope to `filterFields`;\n  // reaching into the promoted field would silently reset a separate, still-visible\n  // control the chips row never showed — the mutation-side mirror of the count/chips\n  // display leak. (Industry precedent: Shopify/Notion clear the filter bar without\n  // changing the selected view/status tab.) For the self-contained callers whose\n  // values already align 1:1 with `filterFields`, this still clears everything.\n  const handleClearAll = useCallback(() => {\n    const next = { ...currentFilters };\n    for (const field of filterFields) delete next[field.fieldName];\n    onFiltersChange(next);\n  }, [currentFilters, filterFields, onFiltersChange]);\n  const handleRemoveFilter = useCallback((fieldName: string) => {\n    const next = { ...currentFilters };\n    delete next[fieldName];\n    onFiltersChange(next);\n  }, [currentFilters, onFiltersChange]);\n\n  if (!isReady || activeFilterFields.length === 0) return null;\n\n  const removeIcon = renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS });\n\n  return (\n    <div className={cn('flex items-center gap-element-sm flex-wrap', className)}>\n      {activeFilterFields.map((field) => {\n        const key = field.fieldName;\n        const value = currentFilters[key];\n        const label = fieldLabels[key] || key;\n\n        let displayValue: React.ReactNode = String(value);\n        if (field.fieldType === 'reference') {\n          displayValue = <ReferenceFilterChipValue field={field} value={String(value)} />;\n        } else if (field.fieldType === 'enum') {\n          const enumLabel = tResourceFieldEnumValue(resourceType, key, String(value));\n          if (typeof enumLabel === 'string') displayValue = enumLabel;\n        } else if (field.fieldType === 'boolean') {\n          displayValue = value ? tc('booleanYes') : tc('booleanNo');\n        }\n\n        return (\n          <span\n            key={key}\n            className=\"inline-flex items-center gap-1 ps-element-sm pe-1 py-0.5 rounded-full text-xs font-medium bg-muted text-muted-foreground\"\n          >\n            <span className=\"text-muted-foreground/70\">{label}:</span>\n            {displayValue}\n            <Button\n              type=\"button\"\n              variant={ButtonVariants_Variant.GHOST}\n              size={ButtonSize.ICON_SM}\n              onClick={() => handleRemoveFilter(key)}\n              className=\"ms-0.5 h-4 w-4 p-0\"\n              aria-label={tc('removeFilter')}\n            >\n              {removeIcon}\n            </Button>\n          </span>\n        );\n      })}\n      <Button\n        type=\"button\"\n        variant={ButtonVariants_Variant.GHOST}\n        size={ButtonSize.SM}\n        onClick={handleClearAll}\n        className=\"text-xs text-muted-foreground\"\n      >\n        {tc('clearAll')}\n      </Button>\n    </div>\n  );\n};\n\n// =============================================================================\n// REFERENCE FILTER CHIP VALUE — resolves an FK id to its display label\n// =============================================================================\n\ninterface ReferenceFilterChipValueProps {\n  field: FilterFieldDefinition;\n  value: string;\n}\n\n/**\n * Chip text for an active reference filter. Reuses `useResourceSearch`'s\n * current-value label resolution (READ on the target resource +\n * `getFrontendResourceLabel`); the only network activity is the one label READ,\n * cached for the chip's lifetime (a chip never opens the dropdown).\n */\nconst ReferenceFilterChipValue: React.FC<ReferenceFilterChipValueProps> = ({ field, value }) => {\n  const { getDisplayLabel, isLoadingCurrentValue } = useResourceSearch({\n    schema: field.schema,\n    name: field.fieldName,\n    value,\n    targetResourceType: field.referenceTargetResourceType,\n  });\n\n  if (isLoadingCurrentValue) return <>…</>;\n  return <>{getDisplayLabel(value)}</>;\n};\n"]}

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

@@ -9,9 +9,9 @@
  * (e.g., in a sidebar or dedicated filter panel).
  */
 import React from 'react';
-import { type FilterValues } from '../../components/resources/ResourceLayout_FiltersControl.js';
-import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas.js';
-import { BaseResourcesLayoutProps } from './component-props.resources-layout.frontend.schemas.js';
+import { type FilterValues } from '../../components/resources/ResourceLayout_FiltersControl';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas';
+import { BaseResourcesLayoutProps } from './component-props.resources-layout.frontend.schemas';
 export interface ResourceLayoutPreset_Filters_DefaultProps extends BaseResourcesLayoutProps {
     onFiltersChange?: (filters: FilterValues) => void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_Filters.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_Filters.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,wEAAwE,CAAC;AAGhF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAA;AAI9F,MAAM,WAAW,yCAA0C,SAAQ,wBAAwB;IACzF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,oCAAoC,GAAI,gEAGlD,yCAAyC,KAAG,KAAK,CAAC,GAAG,CAAC,OAuCxD,CAAC;AAGF,wBAAgB,sBAAsB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,yCAAyC,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG1K"}
+{"version":3,"file":"ResourceLayout_Filters.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Filters.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAEL,KAAK,YAAY,EAClB,MAAM,wEAAwE,CAAC;AAGhF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAA;AAG9F,MAAM,WAAW,yCAA0C,SAAQ,wBAAwB;IACzF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,oCAAoC,GAAI,gEAGlD,yCAAyC,KAAG,KAAK,CAAC,GAAG,CAAC,OAuCxD,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,yCAAyC,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG1K"}

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

@@ -14,7 +14,7 @@ import { useResourceRegistry } from '../../core/resources/useResourceRegistry.js
 import { ResourceLayout_FiltersControl, } from '../../components/resources/ResourceLayout_FiltersControl.js';
 import { ResourceLayoutUtils } from '../../components/resources/resourceLayout.utils.js';
 import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
-import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
+import { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
 export const ResourceLayoutPreset_Filters_Default = ({ resourceContext, onFiltersChange: externalOnFiltersChange, }) => {
     const { registry } = useResourceRegistry();
     const { resourceType } = resourceContext;
@@ -40,4 +40,4 @@ export function ResourceLayout_Filters({ preset = CorePresetNames.DEFAULT, ...pr
     const Component = createComponentResolver(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, 'ResourceLayout_Filters')(preset);
     return _jsx(Component, { ...props });
 }
-//# sourceMappingURL=ResourceLayout_Filters.js.map
+//# sourceMappingURL=ResourceLayout_Filters.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_Filters.js","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_Filters.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;AAEH,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EACL,6BAA6B,GAE9B,MAAM,wEAAwE,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+DAA+D,CAAC;AAGpG,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAS5F,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAAC,EACnD,eAAe,EACf,eAAe,EAAE,uBAAuB,GACE,EAAqB,EAAE;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;IAEzC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IAEnE,6BAA6B;IAC7B,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,QAAQ,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7B,mEAAmE;IACnE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,mBAAmB,CAAC,2BAA2B,CACnD,eAAe,CAAC,SAAwD,EAAE,YAAY,CACxF,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhC,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,UAAwB,EAAE,EAAE;QACnE,eAAe,CAAC,UAAU,CAAC,CAAC;QAC5B,uBAAuB,EAAE,CAAC,UAAU,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAE9B,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,CACL,cAAK,SAAS,EAAC,sCAAsC,wDAE/C,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,6BAA6B,IAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,YAAY,EAC5B,eAAe,EAAE,mBAAmB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC;AAGF,MAAM,UAAU,sBAAsB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAoE;IACrJ,MAAM,SAAS,GAAG,uBAAuB,CAA4C,qBAAqB,CAAC,yBAAyB,EAAE,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;IACxK,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}
+{"version":3,"file":"ResourceLayout_Filters.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Filters.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;AAEH,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EACL,6BAA6B,GAE9B,MAAM,wEAAwE,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+DAA+D,CAAC;AAGpG,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAQ5F,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAAC,EACnD,eAAe,EACf,eAAe,EAAE,uBAAuB,GACE,EAAqB,EAAE;IACjE,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC3C,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;IAEzC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IAEnE,6BAA6B;IAC7B,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,QAAQ,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAE7B,mEAAmE;IACnE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,mBAAmB,CAAC,2BAA2B,CACnD,eAAe,CAAC,SAAwD,EAAE,YAAY,CACxF,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhC,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,UAAwB,EAAE,EAAE;QACnE,eAAe,CAAC,UAAU,CAAC,CAAC;QAC5B,uBAAuB,EAAE,CAAC,UAAU,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAE9B,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,CACL,cAAK,SAAS,EAAC,sCAAsC,wDAE/C,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,6BAA6B,IAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,YAAY,EAC5B,eAAe,EAAE,mBAAmB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,sBAAsB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAoE;IACrJ,MAAM,SAAS,GAAG,uBAAuB,CAA4C,qBAAqB,CAAC,yBAAyB,EAAE,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;IACxK,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC","sourcesContent":["/**\n * Filters_Default — Standalone filter panel preset.\n *\n * This preset wraps `ResourceLayout_FiltersControl` as a standalone layout component.\n * It reads `filterFields` from the contextual operation (LIST or SEARCH) and renders filter UI controls.\n *\n * Note: Filters are also integrated directly into Search_Default and List_Default.\n * This standalone preset is for cases where filters need to be rendered separately\n * (e.g., in a sidebar or dedicated filter panel).\n */\n\nimport React, { useState, useCallback, useMemo } from 'react';\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport {\n  ResourceLayout_FiltersControl,\n  type FilterValues,\n} from '~wildo-frontend-lib/components/resources/ResourceLayout_FiltersControl';\nimport { ResourceLayoutUtils } from '~wildo-frontend-lib/components/resources/resourceLayout.utils';\n\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport { BaseResourcesLayoutProps } from './component-props.resources-layout.frontend.schemas'\n\n// --- Contract ---\nexport interface ResourceLayoutPreset_Filters_DefaultProps extends BaseResourcesLayoutProps {\n  onFiltersChange?: (filters: FilterValues) => void;\n}\n\nexport const ResourceLayoutPreset_Filters_Default = ({\n  resourceContext,\n  onFiltersChange: externalOnFiltersChange,\n}: ResourceLayoutPreset_Filters_DefaultProps): React.JSX.Element => {\n  const { registry } = useResourceRegistry();\n  const { resourceType } = resourceContext;\n\n  const [filterValues, setFilterValues] = useState<FilterValues>({});\n\n  // Get resource configuration\n  const resourceConfig = useMemo(() => {\n    return registry.resourceConfigurations[resourceType];\n  }, [registry, resourceType]);\n\n  // Read filterFields from the operation in context (LIST or SEARCH)\n  const filterFields = useMemo(() => {\n    return ResourceLayoutUtils.parseFilterFieldDefinitions(\n      (resourceContext.operation as { filterFields?: Record<string, unknown> })?.filterFields\n    );\n  }, [resourceContext.operation]);\n\n  const handleFiltersChange = useCallback((newFilters: FilterValues) => {\n    setFilterValues(newFilters);\n    externalOnFiltersChange?.(newFilters);\n  }, [externalOnFiltersChange]);\n\n  if (filterFields.length === 0) {\n    return (\n      <div className=\"text-sm text-muted-foreground p-card\">\n        No filters available for this resource.\n      </div>\n    );\n  }\n\n  return (\n    <ResourceLayout_FiltersControl\n      resourceType={resourceType}\n      filterFields={filterFields}\n      currentFilters={filterValues}\n      onFiltersChange={handleFiltersChange}\n    />\n  );\n};\n\nexport function ResourceLayout_Filters({ preset = CorePresetNames.DEFAULT, ...props }: ResourceLayoutPreset_Filters_DefaultProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<ResourceLayoutPreset_Filters_DefaultProps>(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, 'ResourceLayout_Filters')(preset);\n  return <Component {...props} />;\n}\n"]}

package/dist/esm/components/resources/ResourceLayout_Filters.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const ResourcesLayoutsFiltersLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=ResourceLayout_Filters.labels.d.ts.map

package/dist/esm/components/resources/ResourceLayout_Filters.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceLayout_Filters.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Filters.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,EAe9D,CAAC"}

package/dist/esm/components/resources/ResourceLayout_Filters.labels.js

@@ -0,0 +1,22 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const ResourcesLayoutsFiltersLabels = [
+    { ref: 'filters', kind: LabelKind.BUTTON, purpose: 'Opens the resource list filter panel' },
+    { ref: 'booleanYes', kind: LabelKind.LABEL, purpose: 'Display text for the true value of a boolean filter' },
+    { ref: 'booleanNo', kind: LabelKind.LABEL, purpose: 'Display text for the false value of a boolean filter' },
+    { ref: 'booleanAny', kind: LabelKind.LABEL, purpose: 'Unset option for a boolean filter (matches either value)' },
+    { ref: 'enumAll', kind: LabelKind.LABEL, purpose: 'Unset option for an enum filter (matches every value)' },
+    { ref: 'anyValue', kind: LabelKind.PLACEHOLDER, purpose: 'Placeholder shown inside an unset reference filter picker — communicates that no restriction is applied yet (matches every record), e.g. "Any"' },
+    { ref: 'removeFilter', kind: LabelKind.ARIA, purpose: 'Accessible label for the button that removes a single active filter chip' },
+    { ref: 'clearAll', kind: LabelKind.BUTTON, purpose: 'Clears every active filter on the resource list at once' },
+    {
+        ref: 'quickFilterLabel',
+        kind: LabelKind.ARIA,
+        purpose: 'Accessible label for the quick-filter tab strip that filters the collection by one enum field (e.g. delivery status)',
+        params: [{ key: 'field', meaning: 'The display label of the enum field the tabs filter by' }],
+    },
+];
+registerComponentLabels(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, ResourcesLayoutsFiltersLabels);
+//# sourceMappingURL=ResourceLayout_Filters.labels.js.map

package/dist/esm/components/resources/ResourceLayout_Filters.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceLayout_Filters.labels.js","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_Filters.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,6BAA6B,GAA0B;IAClE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,sCAAsC,EAAE;IAC3F,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,qDAAqD,EAAE;IAC5G,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,sDAAsD,EAAE;IAC5G,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,0DAA0D,EAAE;IACjH,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,uDAAuD,EAAE;IAC3G,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,gJAAgJ,EAAE;IAC3M,EAAE,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,0EAA0E,EAAE;IAClI,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,yDAAyD,EAAE;IAC/G;QACE,GAAG,EAAE,kBAAkB;QACvB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,sHAAsH;QAC/H,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,wDAAwD,EAAE,CAAC;KAC9F;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,6BAA6B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const ResourcesLayoutsFiltersLabels: LabellingUnitaryDef[] = [\n  { ref: 'filters', kind: LabelKind.BUTTON, purpose: 'Opens the resource list filter panel' },\n  { ref: 'booleanYes', kind: LabelKind.LABEL, purpose: 'Display text for the true value of a boolean filter' },\n  { ref: 'booleanNo', kind: LabelKind.LABEL, purpose: 'Display text for the false value of a boolean filter' },\n  { ref: 'booleanAny', kind: LabelKind.LABEL, purpose: 'Unset option for a boolean filter (matches either value)' },\n  { ref: 'enumAll', kind: LabelKind.LABEL, purpose: 'Unset option for an enum filter (matches every value)' },\n  { ref: 'anyValue', kind: LabelKind.PLACEHOLDER, purpose: 'Placeholder shown inside an unset reference filter picker — communicates that no restriction is applied yet (matches every record), e.g. \"Any\"' },\n  { ref: 'removeFilter', kind: LabelKind.ARIA, purpose: 'Accessible label for the button that removes a single active filter chip' },\n  { ref: 'clearAll', kind: LabelKind.BUTTON, purpose: 'Clears every active filter on the resource list at once' },\n  {\n    ref: 'quickFilterLabel',\n    kind: LabelKind.ARIA,\n    purpose: 'Accessible label for the quick-filter tab strip that filters the collection by one enum field (e.g. delivery status)',\n    params: [{ key: 'field', meaning: 'The display label of the enum field the tabs filter by' }],\n  },\n];\nregisterComponentLabels(FrontendComponentType.RESOURCES_LAYOUTS_FILTERS, ResourcesLayoutsFiltersLabels);\n"]}

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

@@ -2,12 +2,20 @@
  * ResourceLayout_FiltersControl — Reusable filter controls for resource list/search views.
  *
  * Renders filter UI controls from the provided filterFields definitions. Auto-generates controls
- * based on the Zod schema type of each field:
- *   - ZodString  → text input
- *   - ZodNumber  → number input
- *   - ZodBoolean → toggle checkbox
- *   - ZodEnum    → select dropdown (labels via i18n)
- *   - ZodDate    → date input
+ * based on the classified field type of each definition:
+ *   - 'string'    → text input
+ *   - 'number'    → number input
+ *   - 'boolean'   → tri-state select (any / yes / no)
+ *   - 'enum'      → select dropdown (labels via i18n)
+ *   - 'date'      → date input
+ *   - 'reference' → resource-reference selector (searchable combobox storing
+ *                   the target resource id; labels resolved from the target
+ *                   resource, never raw ids in the UI)
+ *
+ * Field classification (including FK → 'reference' resolution and the
+ * exclusion of transport-pinned fields such as the primary-scope FK) is owned
+ * by `ResourceLayoutUtils.parseFilterFieldDefinitions` — this component only
+ * renders what it is given.
  *
  * Active filters are displayed as removable chips. A "Clear all" button resets all filters.
  * Filters are passed as `Record<string, any>` to the parent via `onFiltersChange`.
@@ -20,8 +28,15 @@ export type FilterValues = Record<string, any>;
 export interface FilterFieldDefinition {
     fieldName: string;
     schema: z.ZodTypeAny;
-    fieldType: 'string' | 'number' | 'boolean' | 'enum' | 'date' | 'unknown';
+    fieldType: 'string' | 'number' | 'boolean' | 'enum' | 'date' | 'reference' | 'unknown';
     enumValues?: readonly string[];
+    /**
+     * Target resource type for 'reference' fields — resolved from the
+     * relationship-enriched registry FK map at definition-parse time. Drives
+     * the reference selector (which resource to search) and chip label
+     * resolution (id → display label).
+     */
+    referenceTargetResourceType?: string;
 }
 interface ResourceLayout_FiltersControlProps {
     /** Resource type for i18n label resolution */
@@ -35,6 +50,64 @@ interface ResourceLayout_FiltersControlProps {
     /** Additional CSS classes */
     className?: string;
 }
+/**
+ * Count of currently-active filters (non-empty values). Shared by the trigger
+ * badge and any caller that needs to know whether filters are applied.
+ *
+ * `panelFieldNames` scopes the count to a specific set of field names — pass it
+ * whenever `currentFilters` can hold keys that the panel/chips do NOT render, so
+ * the badge stays in agreement with what expanding the panel actually reveals.
+ * The canonical case is the collection toolbar's PROMOTED quick-filter field
+ * (`collectionDisplayConfig.quickFilterField`): it shares the same
+ * `filterValues` object as the panel but is deliberately excluded from the
+ * panel/chips (rendered as its own tab strip instead). Without scoping, a
+ * non-"All" quick-filter tab would inflate the badge to "Filters (1)" while the
+ * opened panel shows no active filter and no chip — a count/panel mismatch. When
+ * omitted, every non-empty value is counted (the self-contained callers whose
+ * `currentFilters` keys already align 1:1 with their panel fields).
+ */
+export declare function countActiveFilters(currentFilters: FilterValues, panelFieldNames?: readonly string[]): number;
+export interface ResourceLayout_FiltersTriggerProps {
+    /** Number of active filters — drives the count badge. */
+    activeCount: number;
+    /** Whether the panel is currently expanded (for `aria-expanded`). */
+    isExpanded: boolean;
+    /** Toggle the panel open/closed. */
+    onToggle: () => void;
+    /** Additional CSS classes. */
+    className?: string;
+}
+/**
+ * The compact "Filters" toggle button (+ active-count badge). Owns no panel
+ * state — the host/composite controls expansion so the panel can render wherever
+ * it belongs (below the toolbar, in a popover, …).
+ */
+export declare const ResourceLayout_FiltersTrigger: ({ activeCount, isExpanded, onToggle, className, }: ResourceLayout_FiltersTriggerProps) => React.JSX.Element | null;
+export interface ResourceLayout_FiltersPanelProps {
+    /** Resource type for i18n label resolution. */
+    resourceType: string;
+    /** Filter field definitions to render inputs for. */
+    filterFields: readonly FilterFieldDefinition[];
+    /** Current active filters. */
+    currentFilters: FilterValues;
+    /** Callback when filters change. */
+    onFiltersChange: (filters: FilterValues) => void;
+    /** Additional CSS classes. */
+    className?: string;
+}
+/**
+ * The expandable filter-input panel — one control per filter field. Rendered by
+ * the host below the toolbar (full-width) when the trigger is expanded.
+ */
+export declare const ResourceLayout_FiltersPanel: ({ resourceType, filterFields, currentFilters, onFiltersChange, className, }: ResourceLayout_FiltersPanelProps) => React.JSX.Element | null;
+/**
+ * Self-contained filters control — trigger + inline expandable panel + active
+ * chips, with its own expansion state. Retained for callers that want the
+ * batteries-included stack (e.g. the Search preset). The collection toolbar
+ * instead composes {@link ResourceLayout_FiltersTrigger} +
+ * {@link ResourceLayout_FiltersPanel} + {@link ResourceLayout_FilterChips}
+ * itself so it can place each piece in the right toolbar zone.
+ */
 export declare const ResourceLayout_FiltersControl: ({ resourceType, filterFields, currentFilters, onFiltersChange, className, }: ResourceLayout_FiltersControlProps) => React.JSX.Element | null;
 export {};
 //# sourceMappingURL=ResourceLayout_FiltersControl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceLayout_FiltersControl.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/ResourceLayout_FiltersControl.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAcxB,0DAA0D;AAC1D,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/C,oEAAoE;AACpE,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,SAAS,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACzE,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAChC;AAED,UAAU,kCAAkC;IAC1C,8CAA8C;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,6BAA6B;IAC7B,cAAc,EAAE,YAAY,CAAC;IAC7B,mCAAmC;IACnC,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,eAAO,MAAM,6BAA6B,GAAI,6EAM3C,kCAAkC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA6I3D,CAAC"}
+{"version":3,"file":"ResourceLayout_FiltersControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceLayout_FiltersControl.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAiBxB,0DAA0D;AAC1D,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE/C,oEAAoE;AACpE,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,SAAS,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;IACvF,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B;;;;;OAKG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAED,UAAU,kCAAkC;IAC1C,8CAA8C;IAC9C,YAAY,EAAE,MAAM,CAAC;IACrB,4FAA4F;IAC5F,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,6BAA6B;IAC7B,cAAc,EAAE,YAAY,CAAC;IAC7B,mCAAmC;IACnC,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,YAAY,EAC5B,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,GAClC,MAAM,CAKR;AAID,MAAM,WAAW,kCAAkC;IACjD,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,UAAU,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,GAAI,mDAK3C,kCAAkC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAoC3D,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC/C,8BAA8B;IAC9B,cAAc,EAAE,YAAY,CAAC;IAC7B,oCAAoC;IACpC,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACjD,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GAAI,6EAMzC,gCAAgC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA8DzD,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,6BAA6B,GAAI,6EAM3C,kCAAkC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAiC3D,CAAC"}