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

package/dist/esm/components/progression/ProgressionAchievementBadge.labels.d.ts

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

package/dist/esm/components/progression/ProgressionAchievementBadge.labels.d.ts.map

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

package/dist/esm/components/progression/ProgressionAchievementBadge.labels.js

@@ -0,0 +1,11 @@
+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 ProgressionAchievementBadgeLabels = [
+    { ref: 'achieved', kind: LabelKind.LABEL, purpose: 'Status text shown on a badge the user has earned' },
+    { ref: 'locked', kind: LabelKind.LABEL, purpose: 'Status text shown on a badge the user has not yet earned' },
+    { ref: 'description', kind: LabelKind.TOOLTIP, purpose: 'Hover tooltip describing the achievement the badge represents' },
+];
+registerComponentLabels(FrontendComponentType.PROGRESSION_ACHIEVEMENT_BADGE, ProgressionAchievementBadgeLabels);
+//# sourceMappingURL=ProgressionAchievementBadge.labels.js.map

package/dist/esm/components/progression/ProgressionAchievementBadge.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressionAchievementBadge.labels.js","sourceRoot":"","sources":["../../../../../src/components/progression/ProgressionAchievementBadge.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,iCAAiC,GAA0B;IACtE,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,kDAAkD,EAAE;IACvG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,0DAA0D,EAAE;IAC7G,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,+DAA+D,EAAE;CAC1H,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,iCAAiC,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 ProgressionAchievementBadgeLabels: LabellingUnitaryDef[] = [\n  { ref: 'achieved', kind: LabelKind.LABEL, purpose: 'Status text shown on a badge the user has earned' },\n  { ref: 'locked', kind: LabelKind.LABEL, purpose: 'Status text shown on a badge the user has not yet earned' },\n  { ref: 'description', kind: LabelKind.TOOLTIP, purpose: 'Hover tooltip describing the achievement the badge represents' },\n];\nregisterComponentLabels(FrontendComponentType.PROGRESSION_ACHIEVEMENT_BADGE, ProgressionAchievementBadgeLabels);\n"]}

package/dist/esm/components/progression/ProgressionMilestoneTracker.d.ts

@@ -6,5 +6,14 @@
  * Consumes useProgression() for state and useI18n() for labels.
  */
 import React from 'react';
-export declare function ProgressionMilestoneTracker(): React.JSX.Element | null;
+export interface ProgressionMilestoneTrackerProps {
+    /**
+     * Optional class forwarded to the root `Card` surface. Lets a host size or
+     * space the tracker within its layout (e.g. `w-full` inside a dashboard
+     * column) without wrapping it in an extra element that would break the
+     * `region` landmark ↔ title association.
+     */
+    className?: string;
+}
+export declare function ProgressionMilestoneTracker({ className, }?: ProgressionMilestoneTrackerProps): React.JSX.Element | null;
 //# sourceMappingURL=ProgressionMilestoneTracker.d.ts.map

package/dist/esm/components/progression/ProgressionMilestoneTracker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressionMilestoneTracker.d.ts","sourceRoot":"","sources":["../../../../src/components/progression/ProgressionMilestoneTracker.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AA8IvC,wBAAgB,2BAA2B,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAsEtE"}
+{"version":3,"file":"ProgressionMilestoneTracker.d.ts","sourceRoot":"","sources":["../../../../../src/components/progression/ProgressionMilestoneTracker.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AA8IvC,MAAM,WAAW,gCAAgC;IAC/C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,SAAS,GACV,GAAE,gCAAqC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAsElE"}

package/dist/esm/components/progression/ProgressionMilestoneTracker.js

@@ -70,8 +70,7 @@ function MilestoneItem({ item, tTracker, }) {
         : 0;
     return (_jsxs("div", { className: `flex flex-col gap-1.5 py-2.5 ${item.status === 'locked' ? 'opacity-50' : ''}`, role: "listitem", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "shrink-0", "aria-hidden": "true", children: statusIcon }), _jsx("span", { className: `text-sm flex-1 ${item.status === 'achieved' ? 'line-through text-muted-foreground' : 'text-foreground'}`, children: item.definition.identifier.replace(/_/g, ' ').toLowerCase().replace(/\b\w/g, l => l.toUpperCase()) }), (item.definition.points ?? 0) > 0 && (_jsx(Badge, { variant: "outline", className: "text-xs shrink-0", children: tTracker('pointsDisplay', { points: item.definition.points }) }))] }), showProgress && (_jsxs("div", { className: "flex items-center gap-2 ps-6", children: [_jsx(Progress, { value: progressPercent, className: "flex-1 h-1.5", "aria-valuenow": item.currentCount ?? 0, "aria-valuemin": 0, "aria-valuemax": item.definition.threshold }), _jsxs("span", { className: "text-xs text-muted-foreground shrink-0", children: [item.currentCount ?? 0, "/", item.definition.threshold] })] }))] }));
 }
-// ─── Main Component ──────────────────────────────────────────────
-export function ProgressionMilestoneTracker() {
+export function ProgressionMilestoneTracker({ className, } = {}) {
     const progression = useProgression();
     const { tComponent, isReady } = useI18n({ component: FrontendComponentType.PROGRESSION_MILESTONE_TRACKER });
     const tTracker = useMemo(() => (key, params) => tComponent(FrontendComponentType.PROGRESSION_MILESTONE_TRACKER, key, params), [tComponent]);
@@ -88,9 +87,9 @@ export function ProgressionMilestoneTracker() {
     }
     const title = tTracker('title');
     const description = tTracker('description');
-    return (_jsxs(Card, { role: "region", "aria-label": title, children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-base font-semibold", children: title }), description && _jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: description })] }), _jsx(Badge, { variant: "secondary", className: "text-sm", children: tTracker('pointsDisplay', { points: progression.totalPoints }) })] }) }), _jsx(CardContent, { className: "pt-0", children: categoryGroups.map(group => (_jsxs("div", { className: "mb-4 last:mb-0", children: [_jsxs("div", { className: "flex items-center justify-between mb-1", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: group.category.replace(/-/g, ' ') }), _jsx("span", { className: "text-xs text-muted-foreground", children: tTracker('progressDisplay', {
+    return (_jsxs(Card, { role: "region", "aria-label": title, className: className, children: [_jsx(CardHeader, { className: "pb-2", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-base font-semibold", children: title }), description && _jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: description })] }), _jsx(Badge, { variant: "secondary", className: "text-sm", children: tTracker('pointsDisplay', { points: progression.totalPoints }) })] }) }), _jsx(CardContent, { className: "pt-0", children: categoryGroups.map(group => (_jsxs("div", { className: "mb-4 last:mb-0", children: [_jsxs("div", { className: "flex items-center justify-between mb-1", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: group.category.replace(/-/g, ' ') }), _jsx("span", { className: "text-xs text-muted-foreground", children: tTracker('progressDisplay', {
                                         completed: group.completedCount,
                                         total: group.totalCount,
                                     }) })] }), _jsx(Progress, { value: group.totalCount > 0 ? (group.completedCount / group.totalCount) * 100 : 0, className: "h-1.5 mb-2" }), _jsx("div", { role: "list", className: "divide-y divide-border", children: group.milestones.map(item => (_jsx(MilestoneItem, { item: item, tTracker: tTracker }, item.definition.identifier))) })] }, group.category))) })] }));
 }
-//# sourceMappingURL=ProgressionMilestoneTracker.js.map
+//# sourceMappingURL=ProgressionMilestoneTracker.js.map

package/dist/esm/components/progression/ProgressionMilestoneTracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressionMilestoneTracker.js","sourceRoot":"","sources":["../../../../src/components/progression/ProgressionMilestoneTracker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProgressionMilestoneTracker.js","sourceRoot":"","sources":["../../../../../src/components/progression/ProgressionMilestoneTracker.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAA+D,MAAM,uBAAuB,CAAC;AACrI,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,8CAA8C,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,kDAAkD,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,mDAAmD,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAoB/E,oEAAoE;AAEpE,SAAS,qBAAqB,CAC5B,WAAkC,EAClC,WAAoC;IAEpC,OAAO,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QAC3B,MAAM,WAAW,GAAG,WAAW,CAAC,uBAAuB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACxE,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,UAAmB,EAAE,WAAW,EAAE,CAAC;QACvE,CAAC;QAED,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,YAAY,EAAE,MAAM;YAC1C,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC;QAEtE,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,QAAiB,EAAE,CAAC;QACxD,CAAC;QAED,MAAM,UAAU,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,IAAI,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;QAC1E,MAAM,cAAc,GAAG,GAAG,CAAC,KAAK,IAAI,gBAAgB,CAAC,IAAI,CAAC;QAC1D,MAAM,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;QAC5D,MAAM,YAAY,GAAG,UAAU,EAAE,eAAe,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAEpE,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,aAAsB,EAAE,YAAY,EAAE,CAAC;IAC3E,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,eAAe,CAAC,KAA6B;IACpD,MAAM,MAAM,GAAG,IAAI,GAAG,EAAkC,CAAC;IAEzD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;QACrC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC1C,MAAM,CAAC,GAAG,CAAC,GAAG,CAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC;QACnE,QAAQ;QACR,UAAU;QACV,cAAc,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,MAAM;QACtE,UAAU,EAAE,UAAU,CAAC,MAAM;QAC7B,WAAW,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CACxC,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;KACvE,CAAC,CAAC,CAAC;AACN,CAAC;AAED,oEAAoE;AAEpE,SAAS,aAAa,CAAC,EACrB,IAAI,EACJ,QAAQ,GAIT;IACC,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,KAAK,UAAU;QAC3C,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;QAC3F,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,QAAQ;YACxB,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;YACnG,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;IAEhG,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IAE3H,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,KAAK,aAAa;QAChD,IAAI,CAAC,UAAU,CAAC,IAAI,KAAK,aAAa,CAAC,eAAe;QACtD,IAAI,CAAC,UAAU,CAAC,SAAS,IAAI,IAAI,CAAC;IAEpC,MAAM,eAAe,GAAG,YAAY,IAAI,IAAI,CAAC,UAAU,CAAC,SAAS;QAC/D,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,CAAC;QACzF,CAAC,CAAC,CAAC,CAAC;IAEN,OAAO,CACL,eACE,SAAS,EAAE,gCAAgC,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EACzF,IAAI,EAAC,UAAU,aAEf,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,UAAU,iBAAa,MAAM,YAAE,UAAU,GAAQ,EACjE,eAAM,SAAS,EAAE,kBAAkB,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,iBAAiB,EAAE,YACvH,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,GAC9F,EACN,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CACpC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,kBAAkB,YAClD,QAAQ,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,GACxD,CACT,IACG,EAEL,YAAY,IAAI,CACf,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,QAAQ,IACP,KAAK,EAAE,eAAe,EACtB,SAAS,EAAC,cAAc,mBACT,IAAI,CAAC,YAAY,IAAI,CAAC,mBACtB,CAAC,mBACD,IAAI,CAAC,UAAU,CAAC,SAAU,GACzC,EACF,gBAAM,SAAS,EAAC,wCAAwC,aACrD,IAAI,CAAC,YAAY,IAAI,CAAC,OAAG,IAAI,CAAC,UAAU,CAAC,SAAS,IAC9C,IACH,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAcD,MAAM,UAAU,2BAA2B,CAAC,EAC1C,SAAS,MAC2B,EAAE;IACtC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,6BAA6B,EAAE,CAAC,CAAC;IAE5G,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC,GAAW,EAAE,MAAwC,EAAE,EAAE,CAC9D,UAAU,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,GAAG,EAAE,MAAM,CAAC,EAC9E,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,KAAK,GAAG,qBAAqB,CAAC,WAAW,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC;QACnF,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,IAAI,WAAW,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAEvC,IAAI,WAAW,CAAC,oBAAoB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAClD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAE5C,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,gBAAa,KAAK,EAAE,SAAS,EAAE,SAAS,aACzD,KAAC,UAAU,IAAC,SAAS,EAAC,MAAM,YAC1B,eAAK,SAAS,EAAC,mCAAmC,aAChD,0BACE,aAAI,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAM,EACnD,WAAW,IAAI,YAAG,SAAS,EAAC,sCAAsC,YAAE,WAAW,GAAK,IACjF,EACN,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS,YAC3C,QAAQ,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,GACzD,IACJ,GACK,EAEb,KAAC,WAAW,IAAC,SAAS,EAAC,MAAM,YAC1B,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC3B,eAA0B,SAAS,EAAC,gBAAgB,aAClD,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAM,SAAS,EAAC,oEAAoE,YACjF,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAC7B,EACP,eAAM,SAAS,EAAC,+BAA+B,YAC5C,QAAQ,CAAC,iBAAiB,EAAE;wCAC3B,SAAS,EAAE,KAAK,CAAC,cAAc;wCAC/B,KAAK,EAAE,KAAK,CAAC,UAAU;qCACxB,CAAC,GACG,IACH,EAEN,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,EACjF,SAAS,EAAC,YAAY,GACtB,EAEF,cAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,wBAAwB,YAChD,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAC5B,KAAC,aAAa,IAAkC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAA1D,IAAI,CAAC,UAAU,CAAC,UAAU,CAAoC,CACnF,CAAC,GACE,KAtBE,KAAK,CAAC,QAAQ,CAuBlB,CACP,CAAC,GACU,IACT,CACR,CAAC;AACJ,CAAC","sourcesContent":["/**\n * ProgressionMilestoneTracker\n *\n * Displays milestone progress grouped by category. Shows achieved, in-progress,\n * and locked milestones with progress bars for COUNT_THRESHOLD milestones.\n * Consumes useProgression() for state and useI18n() for labels.\n */\n\nimport React, { useMemo } from 'react';\nimport { MilestoneType, ProgressionScope, type MilestoneDefinition, type ProgressionMilestoneAchieved } from '@wildo-ai/saas-models';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { Card } from '~wildo-frontend-lib/components/sections/card';\nimport { CardHeader } from '~wildo-frontend-lib/components/sections/card';\nimport { CardContent } from '~wildo-frontend-lib/components/sections/card';\nimport { Progress } from '~wildo-frontend-lib/components/feedback/progress';\nimport { Badge } from '~wildo-frontend-lib/components/data-display/badge';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useProgression } from '~wildo-frontend-lib/core/guidance/useGuidance';\nimport type { ProgressionContextSlice } from '~wildo-frontend-lib/core/guidance/GuidanceContext';\n\n// ─── Types ───────────────────────────────────────────────────────\n\ninterface MilestoneDisplayItem {\n  definition: MilestoneDefinition;\n  status: 'achieved' | 'in-progress' | 'locked';\n  achievement?: ProgressionMilestoneAchieved;\n  currentCount?: number;\n}\n\ninterface CategoryGroup {\n  category: string;\n  milestones: MilestoneDisplayItem[];\n  completedCount: number;\n  totalCount: number;\n  totalPoints: number;\n}\n\n// ─── Helpers ─────────────────────────────────────────────────────\n\nfunction buildMilestoneDisplay(\n  definitions: MilestoneDefinition[],\n  progression: ProgressionContextSlice,\n): MilestoneDisplayItem[] {\n  return definitions.map(def => {\n    const achievement = progression.getMilestoneAchievement(def.identifier);\n    if (achievement) {\n      return { definition: def, status: 'achieved' as const, achievement };\n    }\n\n    const depsAreMet = !def.dependencies?.length ||\n      def.dependencies.every(dep => progression.isMilestoneAchieved(dep));\n\n    if (!depsAreMet) {\n      return { definition: def, status: 'locked' as const };\n    }\n\n    const triggerKey = `${def.trigger.resourceType}:${def.trigger.operation}`;\n    const milestoneScope = def.scope ?? ProgressionScope.USER;\n    const scopeState = progression.scopedStates[milestoneScope];\n    const currentCount = scopeState?.operationCounts?.[triggerKey] ?? 0;\n\n    return { definition: def, status: 'in-progress' as const, currentCount };\n  });\n}\n\nfunction groupByCategory(items: MilestoneDisplayItem[]): CategoryGroup[] {\n  const groups = new Map<string, MilestoneDisplayItem[]>();\n\n  for (const item of items) {\n    const cat = item.definition.category;\n    if (!groups.has(cat)) groups.set(cat, []);\n    groups.get(cat)!.push(item);\n  }\n\n  return Array.from(groups.entries()).map(([category, milestones]) => ({\n    category,\n    milestones,\n    completedCount: milestones.filter(m => m.status === 'achieved').length,\n    totalCount: milestones.length,\n    totalPoints: milestones.reduce((sum, m) =>\n      m.status === 'achieved' ? sum + (m.definition.points ?? 0) : sum, 0),\n  }));\n}\n\n// ─── Sub-components ──────────────────────────────────────────────\n\nfunction MilestoneItem({\n  item,\n  tTracker,\n}: {\n  item: MilestoneDisplayItem;\n  tTracker: (key: string, params?: Record<string, unknown>) => string;\n}): React.JSX.Element {\n  const { renderIcon } = useIconRegistry();\n\n  const statusIcon = item.status === 'achieved'\n    ? renderIcon(StandardIconReference.CHECK, { size: IconSize.SM, className: 'text-success' })\n    : item.status === 'locked'\n      ? renderIcon(StandardIconReference.LOCK, { size: IconSize.SM, className: 'text-muted-foreground' })\n      : renderIcon(StandardIconReference.CLOCK, { size: IconSize.SM, className: 'text-primary' });\n\n  const statusLabel = tTracker(item.status === 'achieved' ? 'achieved' : item.status === 'locked' ? 'locked' : 'inProgress');\n\n  const showProgress = item.status === 'in-progress' &&\n    item.definition.type === MilestoneType.COUNT_THRESHOLD &&\n    item.definition.threshold != null;\n\n  const progressPercent = showProgress && item.definition.threshold\n    ? Math.min(100, Math.round(((item.currentCount ?? 0) / item.definition.threshold) * 100))\n    : 0;\n\n  return (\n    <div\n      className={`flex flex-col gap-1.5 py-2.5 ${item.status === 'locked' ? 'opacity-50' : ''}`}\n      role=\"listitem\"\n    >\n      <div className=\"flex items-center gap-2\">\n        <span className=\"shrink-0\" aria-hidden=\"true\">{statusIcon}</span>\n        <span className={`text-sm flex-1 ${item.status === 'achieved' ? 'line-through text-muted-foreground' : 'text-foreground'}`}>\n          {item.definition.identifier.replace(/_/g, ' ').toLowerCase().replace(/\\b\\w/g, l => l.toUpperCase())}\n        </span>\n        {(item.definition.points ?? 0) > 0 && (\n          <Badge variant=\"outline\" className=\"text-xs shrink-0\">\n            {tTracker('pointsDisplay', { points: item.definition.points })}\n          </Badge>\n        )}\n      </div>\n\n      {showProgress && (\n        <div className=\"flex items-center gap-2 ps-6\">\n          <Progress\n            value={progressPercent}\n            className=\"flex-1 h-1.5\"\n            aria-valuenow={item.currentCount ?? 0}\n            aria-valuemin={0}\n            aria-valuemax={item.definition.threshold!}\n          />\n          <span className=\"text-xs text-muted-foreground shrink-0\">\n            {item.currentCount ?? 0}/{item.definition.threshold}\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── Main Component ──────────────────────────────────────────────\n\nexport interface ProgressionMilestoneTrackerProps {\n  /**\n   * Optional class forwarded to the root `Card` surface. Lets a host size or\n   * space the tracker within its layout (e.g. `w-full` inside a dashboard\n   * column) without wrapping it in an extra element that would break the\n   * `region` landmark ↔ title association.\n   */\n  className?: string;\n}\n\nexport function ProgressionMilestoneTracker({\n  className,\n}: ProgressionMilestoneTrackerProps = {}): React.JSX.Element | null {\n  const progression = useProgression();\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.PROGRESSION_MILESTONE_TRACKER });\n\n  const tTracker = useMemo(\n    () => (key: string, params?: Record<string, string | number>) =>\n      tComponent(FrontendComponentType.PROGRESSION_MILESTONE_TRACKER, key, params),\n    [tComponent],\n  );\n\n  const categoryGroups = useMemo(() => {\n    const items = buildMilestoneDisplay(progression.milestoneDefinitions, progression);\n    return groupByCategory(items);\n  }, [progression]);\n\n  if (!isReady) return null;\n\n  if (progression.isLoading) return null;\n\n  if (progression.milestoneDefinitions.length === 0) {\n    return null;\n  }\n\n  const title = tTracker('title');\n  const description = tTracker('description');\n\n  return (\n    <Card role=\"region\" aria-label={title} className={className}>\n      <CardHeader className=\"pb-2\">\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <h3 className=\"text-base font-semibold\">{title}</h3>\n            {description && <p className=\"text-sm text-muted-foreground mt-0.5\">{description}</p>}\n          </div>\n          <Badge variant=\"secondary\" className=\"text-sm\">\n            {tTracker('pointsDisplay', { points: progression.totalPoints })}\n          </Badge>\n        </div>\n      </CardHeader>\n\n      <CardContent className=\"pt-0\">\n        {categoryGroups.map(group => (\n          <div key={group.category} className=\"mb-4 last:mb-0\">\n            <div className=\"flex items-center justify-between mb-1\">\n              <span className=\"text-xs font-medium text-muted-foreground uppercase tracking-wider\">\n                {group.category.replace(/-/g, ' ')}\n              </span>\n              <span className=\"text-xs text-muted-foreground\">\n                {tTracker('progressDisplay', {\n                  completed: group.completedCount,\n                  total: group.totalCount,\n                })}\n              </span>\n            </div>\n\n            <Progress\n              value={group.totalCount > 0 ? (group.completedCount / group.totalCount) * 100 : 0}\n              className=\"h-1.5 mb-2\"\n            />\n\n            <div role=\"list\" className=\"divide-y divide-border\">\n              {group.milestones.map(item => (\n                <MilestoneItem key={item.definition.identifier} item={item} tTracker={tTracker} />\n              ))}\n            </div>\n          </div>\n        ))}\n      </CardContent>\n    </Card>\n  );\n}\n"]}

package/dist/esm/components/progression/ProgressionMilestoneTracker.labels.d.ts

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

package/dist/esm/components/progression/ProgressionMilestoneTracker.labels.d.ts.map

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

package/dist/esm/components/progression/ProgressionMilestoneTracker.labels.js

@@ -0,0 +1,29 @@
+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 ProgressionMilestoneTrackerLabels = [
+    { ref: 'title', kind: LabelKind.HEADING, purpose: 'Heading for the milestone-tracker panel' },
+    { ref: 'description', kind: LabelKind.DESCRIPTION, purpose: 'Supporting text explaining the milestone progression' },
+    { ref: 'emptyState', kind: LabelKind.EMPTY_STATE, purpose: 'Shown when no milestones are defined to track' },
+    { ref: 'achieved', kind: LabelKind.LABEL, purpose: 'Status label for a milestone the user has completed' },
+    { ref: 'locked', kind: LabelKind.LABEL, purpose: 'Status label for a milestone not yet reachable' },
+    { ref: 'inProgress', kind: LabelKind.LABEL, purpose: 'Status label for a milestone currently underway' },
+    {
+        ref: 'pointsDisplay',
+        kind: LabelKind.LABEL,
+        purpose: 'Points awarded by a milestone, or the total points earned',
+        params: [{ key: 'points', meaning: 'number of reward points for the milestone or running total' }],
+    },
+    {
+        ref: 'progressDisplay',
+        kind: LabelKind.LABEL,
+        purpose: 'How many milestones are completed out of the total',
+        params: [
+            { key: 'completed', meaning: 'count of milestones already achieved' },
+            { key: 'total', meaning: 'total number of milestones being tracked' },
+        ],
+    },
+];
+registerComponentLabels(FrontendComponentType.PROGRESSION_MILESTONE_TRACKER, ProgressionMilestoneTrackerLabels);
+//# sourceMappingURL=ProgressionMilestoneTracker.labels.js.map

package/dist/esm/components/progression/ProgressionMilestoneTracker.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressionMilestoneTracker.labels.js","sourceRoot":"","sources":["../../../../../src/components/progression/ProgressionMilestoneTracker.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,iCAAiC,GAA0B;IACtE,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,yCAAyC,EAAE;IAC7F,EAAE,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,sDAAsD,EAAE;IACpH,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,+CAA+C,EAAE;IAC5G,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,qDAAqD,EAAE;IAC1G,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gDAAgD,EAAE;IACnG,EAAE,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,iDAAiD,EAAE;IACxG;QACE,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,2DAA2D;QACpE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,4DAA4D,EAAE,CAAC;KACnG;IACD;QACE,GAAG,EAAE,iBAAiB;QACtB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,oDAAoD;QAC7D,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,sCAAsC,EAAE;YACrE,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,0CAA0C,EAAE;SACtE;KACF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,iCAAiC,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 ProgressionMilestoneTrackerLabels: LabellingUnitaryDef[] = [\n  { ref: 'title', kind: LabelKind.HEADING, purpose: 'Heading for the milestone-tracker panel' },\n  { ref: 'description', kind: LabelKind.DESCRIPTION, purpose: 'Supporting text explaining the milestone progression' },\n  { ref: 'emptyState', kind: LabelKind.EMPTY_STATE, purpose: 'Shown when no milestones are defined to track' },\n  { ref: 'achieved', kind: LabelKind.LABEL, purpose: 'Status label for a milestone the user has completed' },\n  { ref: 'locked', kind: LabelKind.LABEL, purpose: 'Status label for a milestone not yet reachable' },\n  { ref: 'inProgress', kind: LabelKind.LABEL, purpose: 'Status label for a milestone currently underway' },\n  {\n    ref: 'pointsDisplay',\n    kind: LabelKind.LABEL,\n    purpose: 'Points awarded by a milestone, or the total points earned',\n    params: [{ key: 'points', meaning: 'number of reward points for the milestone or running total' }],\n  },\n  {\n    ref: 'progressDisplay',\n    kind: LabelKind.LABEL,\n    purpose: 'How many milestones are completed out of the total',\n    params: [\n      { key: 'completed', meaning: 'count of milestones already achieved' },\n      { key: 'total', meaning: 'total number of milestones being tracked' },\n    ],\n  },\n];\nregisterComponentLabels(FrontendComponentType.PROGRESSION_MILESTONE_TRACKER, ProgressionMilestoneTrackerLabels);\n"]}

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

@@ -0,0 +1,28 @@
+/**
+ * CollectionSelectionControls — the LOCAL, in-header selection indicator for a
+ * resource collection: a select-all-page checkbox, a live "N selected" count,
+ * and a clear button.
+ *
+ * Sits in the collection's own header/controls zone (beside search/filter/sort),
+ * NOT as a global floating overlay — selection is a property of one list, so its
+ * chrome lives inside that list. Bulk ACTIONS render separately in the trailing
+ * zone (near/contextually-replacing the Create action); this component owns only
+ * the selection STATE display.
+ *
+ * Shared by `ResourceCollectionToolbar` (LIST) and `ResourceLayout_Search` so the
+ * two collection surfaces render selection identically.
+ */
+import React from 'react';
+export interface CollectionSelectionControlsProps {
+    /** Number of currently-selected items. */
+    count: number;
+    /** Whether every item on the current page is selected (checkbox state). */
+    allSelected: boolean;
+    /** Toggle selection of every current-page item. */
+    onToggleAll: () => void;
+    /** Clear the whole selection. */
+    onClear: () => void;
+    className?: string;
+}
+export declare function CollectionSelectionControls({ count, allSelected, onToggleAll, onClear, className, }: CollectionSelectionControlsProps): React.JSX.Element;
+//# sourceMappingURL=CollectionSelectionControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionSelectionControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/CollectionSelectionControls.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,gCAAgC;IAC/C,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,WAAW,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,iCAAiC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,WAAW,EACX,WAAW,EACX,OAAO,EACP,SAAS,GACV,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsCtD"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../core/ui/cn.js';
+import { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';
+import { useI18n } from '../../core/i18n/useI18n.js';
+import { useIconRegistry } from '../../core/icons/useIconRegistry.js';
+import { StandardIconReference, IconSize } from '../../core/icons/icon-registry.frontend.schemas.js';
+import { Button, ButtonVariants_Variant } from '../../components/actions/button.js';
+import { CheckboxRoot } from '../../components/form/controls/boolean/checkbox.js';
+export function CollectionSelectionControls({ count, allSelected, onToggleAll, onClear, className, }) {
+    const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });
+    const { renderIcon } = useIconRegistry();
+    return (_jsxs("div", { className: cn('flex items-center gap-element-sm', className), "data-slot": "collection-selection", children: [_jsx(CheckboxRoot, { checked: allSelected, onCheckedChange: () => onToggleAll(), "aria-label": tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectAll') }), _jsx("span", { role: "status", "aria-live": "polite", className: cn('text-sm font-medium text-muted-foreground whitespace-nowrap', count === 0 && 'sr-only'), children: count > 0 ? tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectedCount', { count }) : '' }), count > 0 && (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: onClear, "aria-label": tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'clearSelection'), children: renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS }) }))] }));
+}
+//# sourceMappingURL=CollectionSelectionControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionSelectionControls.js","sourceRoot":"","sources":["../../../../../src/components/resources/CollectionSelectionControls.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACxF,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,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,YAAY,EAAE,MAAM,+DAA+D,CAAC;AAc7F,MAAM,UAAU,2BAA2B,CAAC,EAC1C,KAAK,EACL,WAAW,EACX,WAAW,EACX,OAAO,EACP,SAAS,GACwB;IACjC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC5F,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,eAAY,sBAAsB,aACjG,KAAC,YAAY,IACX,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,gBACxB,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,WAAW,CAAC,GACjF,EAKF,eACE,IAAI,EAAC,QAAQ,eACH,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,6DAA6D,EAC7D,KAAK,KAAK,CAAC,IAAI,SAAS,CACzB,YAEA,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,eAAe,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,GACjG,EACN,KAAK,GAAG,CAAC,IAAI,CACZ,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,gBACJ,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,YAErF,UAAU,CAAC,qBAAqB,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GACzD,CACV,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["/**\n * CollectionSelectionControls — the LOCAL, in-header selection indicator for a\n * resource collection: a select-all-page checkbox, a live \"N selected\" count,\n * and a clear button.\n *\n * Sits in the collection's own header/controls zone (beside search/filter/sort),\n * NOT as a global floating overlay — selection is a property of one list, so its\n * chrome lives inside that list. Bulk ACTIONS render separately in the trailing\n * zone (near/contextually-replacing the Create action); this component owns only\n * the selection STATE display.\n *\n * Shared by `ResourceCollectionToolbar` (LIST) and `ResourceLayout_Search` so the\n * two collection surfaces render selection identically.\n */\n\nimport React from 'react';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { FrontendComponentType, ButtonSize } from '@wildo-ai/presets-components-models';\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 { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { CheckboxRoot } from '~wildo-frontend-lib/components/form/controls/boolean/checkbox';\n\nexport interface CollectionSelectionControlsProps {\n  /** Number of currently-selected items. */\n  count: number;\n  /** Whether every item on the current page is selected (checkbox state). */\n  allSelected: boolean;\n  /** Toggle selection of every current-page item. */\n  onToggleAll: () => void;\n  /** Clear the whole selection. */\n  onClear: () => void;\n  className?: string;\n}\n\nexport function CollectionSelectionControls({\n  count,\n  allSelected,\n  onToggleAll,\n  onClear,\n  className,\n}: CollectionSelectionControlsProps): React.JSX.Element {\n  const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_LIST });\n  const { renderIcon } = useIconRegistry();\n\n  return (\n    <div className={cn('flex items-center gap-element-sm', className)} data-slot=\"collection-selection\">\n      <CheckboxRoot\n        checked={allSelected}\n        onCheckedChange={() => onToggleAll()}\n        aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectAll')}\n      />\n      {/* ALWAYS-mounted live region (empty + sr-only at count 0) so the FIRST\n          selection (0→1) is announced — a region inserted together with its text\n          in one commit is not announced by most screen readers. Only the text +\n          class change as the count changes. */}\n      <span\n        role=\"status\"\n        aria-live=\"polite\"\n        className={cn(\n          'text-sm font-medium text-muted-foreground whitespace-nowrap',\n          count === 0 && 'sr-only',\n        )}\n      >\n        {count > 0 ? tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'selectedCount', { count }) : ''}\n      </span>\n      {count > 0 && (\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          onClick={onClear}\n          aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'clearSelection')}\n        >\n          {renderIcon(StandardIconReference.X_MARK, { size: IconSize.XS })}\n        </Button>\n      )}\n    </div>\n  );\n}\n"]}

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

@@ -1,11 +1,11 @@
 import React from 'react';
-import type { EphemeralFieldInfo } from '../../core/resources/ephemeral-fields.utils.js';
+import type { EphemeralFieldInfo } from '../../core/resources/ephemeral-fields.utils';
 interface EphemeralFieldsRevealDialogProps {
     open: boolean;
     onAcknowledge: () => void;
     fields: EphemeralFieldInfo[];
     resourceType: string;
 }
-export declare function EphemeralFieldsRevealDialog({ open, onAcknowledge, fields, resourceType: _resourceType, }: EphemeralFieldsRevealDialogProps): React.JSX.Element | null;
+export declare function EphemeralFieldsRevealDialog({ open, onAcknowledge, fields, resourceType, }: EphemeralFieldsRevealDialogProps): React.JSX.Element | null;
 export {};
 //# sourceMappingURL=EphemeralFieldsRevealDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EphemeralFieldsRevealDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/EphemeralFieldsRevealDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAazC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAEpG,UAAU,gCAAgC;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,IAAI,EACJ,aAAa,EACb,MAAM,EACN,YAAY,EAAE,aAAa,GAC5B,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAoD7D"}
+{"version":3,"file":"EphemeralFieldsRevealDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/EphemeralFieldsRevealDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAczC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAEpG,UAAU,gCAAgC;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,IAAI,EACJ,aAAa,EACb,MAAM,EACN,YAAY,GACb,EAAE,gCAAgC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAmF7D"}

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

@@ -4,9 +4,13 @@ import { Dialog, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogD
 import { Button } from '../../components/actions/button.js';
 import { DisplayFieldString } from '../../components/data-display/formatters/display-field-string.js';
 import { useI18n } from '../../core/i18n/useI18n.js';
+import { resolveComponentLabel } from '../../core/i18n/component-label-resolution.utils.js';
 import { FrontendComponentType } from '@wildo-ai/presets-components-models';
-export function EphemeralFieldsRevealDialog({ open, onAcknowledge, fields, resourceType: _resourceType, }) {
-    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_CREATE });
+export function EphemeralFieldsRevealDialog({ open, onAcknowledge, fields, resourceType, }) {
+    const { tComponent, tResourceFieldDisplay, isReady } = useI18n({
+        component: FrontendComponentType.RESOURCES_LAYOUTS_CREATE,
+        resource: resourceType,
+    });
     // Clear ephemeral data from closure on unmount (security)
     const fieldsRef = React.useRef(fields);
     fieldsRef.current = fields;
@@ -15,16 +19,27 @@ export function EphemeralFieldsRevealDialog({ open, onAcknowledge, fields, resou
     }, []);
     if (!isReady)
         return null;
-    const title = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'ephemeral.title') ?? 'Save This Information';
-    const warning = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'ephemeral.warning') ?? 'The following values will not be shown again. Copy them now before continuing.';
-    const acknowledgeLabel = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'ephemeral.acknowledge') ?? "I've saved this information";
-    return (_jsx(Dialog, { open: open, onOpenChange: () => { }, children: _jsxs(DialogContent, { onPointerDownOutside: (e) => e.preventDefault(), onEscapeKeyDown: (e) => e.preventDefault(), showCloseButton: false, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { className: "text-warning-foreground", children: title }), _jsx(DialogDescription, { className: "text-sm text-muted-foreground", children: warning })] }), _jsx("div", { className: "space-y-field py-field", children: fields.map((field) => (_jsxs("div", { className: "space-y-item-xs", children: [_jsx("label", { className: "text-sm font-medium text-foreground", children: humanizeFieldName(field.fieldName) }), _jsx(DisplayFieldString, { schema: field.schema, value: String(field.value) })] }, field.fieldName))) }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: onAcknowledge, children: acknowledgeLabel }) })] }) }));
+    const title = resolveComponentLabel({
+        tComponent,
+        componentType: FrontendComponentType.RESOURCES_LAYOUTS_CREATE,
+        key: 'ephemeral.title',
+    });
+    const warning = resolveComponentLabel({
+        tComponent,
+        componentType: FrontendComponentType.RESOURCES_LAYOUTS_CREATE,
+        key: 'ephemeral.warning',
+    });
+    const acknowledgeLabel = resolveComponentLabel({
+        tComponent,
+        componentType: FrontendComponentType.RESOURCES_LAYOUTS_CREATE,
+        key: 'ephemeral.acknowledge',
+    });
+    return (_jsx(Dialog, { open: open, onOpenChange: () => { }, children: _jsxs(DialogContent, { className: "sm:max-w-lg", onPointerDownOutside: (e) => e.preventDefault(), onEscapeKeyDown: (e) => e.preventDefault(), showCloseButton: false, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { className: "text-warning-foreground", children: title }), _jsx(DialogDescription, { className: "text-sm text-muted-foreground", children: warning })] }), _jsx("div", { className: "space-y-field py-field", children: fields.map((field) => {
+                        // Per-field "copy it now, shown once" caption, generated for every
+                        // ephemeral field from its `.isEphemeral()` marker. Empty-string
+                        // fallback when missing (e.g. before the first label regen) → omitted.
+                        const description = tResourceFieldDisplay(resourceType, field.fieldName, 'description');
+                        return (_jsxs("div", { className: "space-y-item-xs", children: [_jsx("label", { className: "text-sm font-medium text-foreground", children: tResourceFieldDisplay(resourceType, field.fieldName, 'label') }), _jsx("div", { className: "flex items-center rounded-md border border-border bg-muted/40 px-element py-item", children: _jsx(DisplayFieldString, { schema: field.schema, value: String(field.value), className: "w-full overflow-x-auto" }) }), description ? (_jsx("p", { className: "text-xs text-muted-foreground", children: description })) : null] }, field.fieldName));
+                    }) }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: onAcknowledge, children: acknowledgeLabel }) })] }) }));
 }
-function humanizeFieldName(name) {
-    return name
-        .replace(/([A-Z])/g, ' $1')
-        .replace(/[_-]/g, ' ')
-        .replace(/^\w/, (c) => c.toUpperCase())
-        .trim();
-}
-//# sourceMappingURL=EphemeralFieldsRevealDialog.js.map
+//# sourceMappingURL=EphemeralFieldsRevealDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EphemeralFieldsRevealDialog.js","sourceRoot":"","sources":["../../../../src/components/resources/EphemeralFieldsRevealDialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EphemeralFieldsRevealDialog.js","sourceRoot":"","sources":["../../../../../src/components/resources/EphemeralFieldsRevealDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription\n} from '~wildo-frontend-lib/components/overlays/containers/dialog';\nimport { Button } from '~wildo-frontend-lib/components/actions/button';\nimport { DisplayFieldString } from '~wildo-frontend-lib/components/data-display/formatters/display-field-string';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { resolveComponentLabel } from '~wildo-frontend-lib/core/i18n/component-label-resolution.utils';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport type { EphemeralFieldInfo } from '~wildo-frontend-lib/core/resources/ephemeral-fields.utils';\n\ninterface EphemeralFieldsRevealDialogProps {\n  open: boolean;\n  onAcknowledge: () => void;\n  fields: EphemeralFieldInfo[];\n  resourceType: string;\n}\n\nexport function EphemeralFieldsRevealDialog({\n  open,\n  onAcknowledge,\n  fields,\n  resourceType,\n}: EphemeralFieldsRevealDialogProps): React.JSX.Element | null {\n  const { tComponent, tResourceFieldDisplay, isReady } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_CREATE,\n    resource: resourceType,\n  });\n\n  // Clear ephemeral data from closure on unmount (security)\n  const fieldsRef = React.useRef(fields);\n  fieldsRef.current = fields;\n  useEffect(() => {\n    return () => { fieldsRef.current = []; };\n  }, []);\n\n  if (!isReady) return null;\n\n  const title = resolveComponentLabel({\n    tComponent,\n    componentType: FrontendComponentType.RESOURCES_LAYOUTS_CREATE,\n    key: 'ephemeral.title',\n  });\n  const warning = resolveComponentLabel({\n    tComponent,\n    componentType: FrontendComponentType.RESOURCES_LAYOUTS_CREATE,\n    key: 'ephemeral.warning',\n  });\n  const acknowledgeLabel = resolveComponentLabel({\n    tComponent,\n    componentType: FrontendComponentType.RESOURCES_LAYOUTS_CREATE,\n    key: 'ephemeral.acknowledge',\n  });\n\n  return (\n    <Dialog open={open} onOpenChange={() => { /* block close — must acknowledge */ }}>\n      <DialogContent\n        className=\"sm:max-w-lg\"\n        onPointerDownOutside={(e) => e.preventDefault()}\n        onEscapeKeyDown={(e) => e.preventDefault()}\n        showCloseButton={false}\n      >\n        <DialogHeader>\n          <DialogTitle className=\"text-warning-foreground\">{title}</DialogTitle>\n          <DialogDescription className=\"text-sm text-muted-foreground\">\n            {warning}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"space-y-field py-field\">\n          {fields.map((field) => {\n            // Per-field \"copy it now, shown once\" caption, generated for every\n            // ephemeral field from its `.isEphemeral()` marker. Empty-string\n            // fallback when missing (e.g. before the first label regen) → omitted.\n            const description = tResourceFieldDisplay(resourceType, field.fieldName, 'description');\n            return (\n              <div key={field.fieldName} className=\"space-y-item-xs\">\n                <label className=\"text-sm font-medium text-foreground\">\n                  {tResourceFieldDisplay(resourceType, field.fieldName, 'label')}\n                </label>\n                {/* Themed surface so the secret reads as a copyable code block\n                    rather than bare inline text. The value is revealed by default\n                    for ephemeral fields (see `.isEphemeral()` → `initiallyRevealed`). */}\n                <div className=\"flex items-center rounded-md border border-border bg-muted/40 px-element py-item\">\n                  <DisplayFieldString\n                    schema={field.schema}\n                    value={String(field.value)}\n                    className=\"w-full overflow-x-auto\"\n                  />\n                </div>\n                {description ? (\n                  <p className=\"text-xs text-muted-foreground\">{description}</p>\n                ) : null}\n              </div>\n            );\n          })}\n        </div>\n\n        <DialogFooter>\n          <Button onClick={onAcknowledge}>\n            {acknowledgeLabel}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}

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

@@ -14,6 +14,14 @@ export interface InlineSearchInputProps {
     onClear: () => void;
     /** Resource type name (used for placeholder fallback) */
     resourceType: string;
+    /** Focus the input on mount (used when expanded from the toolbar search icon). */
+    autoFocus?: boolean;
+    /** Focus handler — the toolbar expands the animated field on focus. */
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /** Blur handler — the toolbar collapses the field when it blurs while empty. */
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /** Key handler — the toolbar collapses on Escape. */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
 }
-export declare const InlineSearchInput: ({ query, onChange, onClear, resourceType, }: InlineSearchInputProps) => React.JSX.Element;
+export declare const InlineSearchInput: ({ query, onChange, onClear, resourceType, autoFocus, onFocus, onBlur, onKeyDown, }: InlineSearchInputProps) => React.JSX.Element | null;
 //# sourceMappingURL=InlineSearchInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineSearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/resources/InlineSearchInput.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,sBAAsB;IACrC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,2BAA2B;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAAI,6CAK/B,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAwCrC,CAAC"}
+{"version":3,"file":"InlineSearchInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/InlineSearchInput.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,sBAAsB;IACrC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC3D,2BAA2B;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC;IACrB,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uEAAuE;IACvE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,gFAAgF;IAChF,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,qDAAqD;IACrD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,iBAAiB,GAAI,oFAS/B,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAkD/C,CAAC"}

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

@@ -6,14 +6,16 @@ import { StandardIconReference, IconSize } from '../../core/icons/icon-registry.
 import { InputRoot } from '../../components/form/controls/input.js';
 import { Button, ButtonVariants_Variant } from '../../components/actions/button.js';
 import { ButtonSize } from '@wildo-ai/presets-components-models';
-export const InlineSearchInput = ({ query, onChange, onClear, resourceType, }) => {
+export const InlineSearchInput = ({ query, onChange, onClear, resourceType, autoFocus, onFocus, onBlur, onKeyDown, }) => {
     const { tComponent, isReady } = useI18n({
         component: FrontendComponentType.RESOURCES_LAYOUTS_LIST,
     });
     const { renderIcon } = useIconRegistry();
     const searchIcon = renderIcon(StandardIconReference.SEARCH, { size: IconSize.SM });
     const clearIcon = renderIcon(StandardIconReference.X_MARK, { size: IconSize.SM });
+    if (!isReady)
+        return null;
     const placeholder = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'searchPlaceholder');
-    return (_jsx(InputRoot, { type: "text", value: query, onChange: onChange, placeholder: placeholder, "aria-label": placeholder, prefix: searchIcon, suffix: query ? (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: onClear, "aria-label": tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'clearSearch'), className: "me-1", children: clearIcon })) : undefined }));
+    return (_jsx(InputRoot, { type: "text", value: query, onChange: onChange, placeholder: placeholder, "aria-label": placeholder, "data-slot": "collection-toolbar-search-input", autoFocus: autoFocus, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, prefix: searchIcon, suffix: query ? (_jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, onClick: onClear, "aria-label": tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'clearSearch'), className: "me-1", children: clearIcon })) : undefined }));
 };
-//# sourceMappingURL=InlineSearchInput.js.map
+//# sourceMappingURL=InlineSearchInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InlineSearchInput.js","sourceRoot":"","sources":["../../../../src/components/resources/InlineSearchInput.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,SAAS,EAAE,MAAM,oDAAoD,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAajE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,YAAY,GACW,EAAqB,EAAE;IAC9C,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACtC,SAAS,EAAE,qBAAqB,CAAC,sBAAsB;KACxD,CAAC,CAAC;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,MAAM,UAAU,GAAG,UAAU,CAC3B,qBAAqB,CAAC,MAAM,EAC5B,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,UAAU,CAC1B,qBAAqB,CAAC,MAAM,EAC5B,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CACtB,CAAC;IAEF,MAAM,WAAW,GAAG,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,mBAAmB,CAAC,CAAC;IAElG,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,gBACZ,WAAW,EACvB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CACd,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,gBACJ,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,aAAa,CAAC,EACnF,SAAS,EAAC,MAAM,YAEf,SAAS,GACH,CACV,CAAC,CAAC,CAAC,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"InlineSearchInput.js","sourceRoot":"","sources":["../../../../../src/components/resources/InlineSearchInput.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,+DAA+D,CAAC;AAChH,OAAO,EAAE,SAAS,EAAE,MAAM,oDAAoD,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAqBjE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,GACc,EAA4B,EAAE;IACrD,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACtC,SAAS,EAAE,qBAAqB,CAAC,sBAAsB;KACxD,CAAC,CAAC;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,MAAM,UAAU,GAAG,UAAU,CAC3B,qBAAqB,CAAC,MAAM,EAC5B,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CACtB,CAAC;IAEF,MAAM,SAAS,GAAG,UAAU,CAC1B,qBAAqB,CAAC,MAAM,EAC5B,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CACtB,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,WAAW,GAAG,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,mBAAmB,CAAC,CAAC;IAElG,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,gBACZ,WAAW,eAIb,iCAAiC,EAC3C,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CACd,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,gBACJ,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,aAAa,CAAC,EACnF,SAAS,EAAC,MAAM,YAEf,SAAS,GACH,CACV,CAAC,CAAC,CAAC,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * InlineSearchInput — shared search input UI for list/table presets.\n *\n * Renders the search icon, text input with design-system styling,\n * and a clear button. Uses InputRoot for consistent theming and RTL support.\n */\n\nimport React from 'react';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { StandardIconReference, IconSize } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { InputRoot } from '~wildo-frontend-lib/components/form/controls/input';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\n\nexport interface InlineSearchInputProps {\n  /** Current query value */\n  query: string;\n  /** Input change handler */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Clear button handler */\n  onClear: () => void;\n  /** Resource type name (used for placeholder fallback) */\n  resourceType: string;\n  /** Focus the input on mount (used when expanded from the toolbar search icon). */\n  autoFocus?: boolean;\n  /** Focus handler — the toolbar expands the animated field on focus. */\n  onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  /** Blur handler — the toolbar collapses the field when it blurs while empty. */\n  onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;\n  /** Key handler — the toolbar collapses on Escape. */\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nexport const InlineSearchInput = ({\n  query,\n  onChange,\n  onClear,\n  resourceType,\n  autoFocus,\n  onFocus,\n  onBlur,\n  onKeyDown,\n}: InlineSearchInputProps): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.RESOURCES_LAYOUTS_LIST,\n  });\n  const { renderIcon } = useIconRegistry();\n\n  const searchIcon = renderIcon(\n    StandardIconReference.SEARCH,\n    { size: IconSize.SM }\n  );\n\n  const clearIcon = renderIcon(\n    StandardIconReference.X_MARK,\n    { size: IconSize.SM }\n  );\n\n  if (!isReady) return null;\n\n  const placeholder = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'searchPlaceholder');\n\n  return (\n    <InputRoot\n      type=\"text\"\n      value={query}\n      onChange={onChange}\n      placeholder={placeholder}\n      aria-label={placeholder}\n      // Both the placeholder and the accessible name are TRANSLATED, so neither addresses this input\n      // in a locale-independent way. Its siblings in the toolbar already carry a slot; this one did\n      // not, which left the collection's own search box unaddressable to anything but English.\n      data-slot=\"collection-toolbar-search-input\"\n      autoFocus={autoFocus}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n      prefix={searchIcon}\n      suffix={query ? (\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          onClick={onClear}\n          aria-label={tComponent(FrontendComponentType.RESOURCES_LAYOUTS_LIST, 'clearSearch')}\n          className=\"me-1\"\n        >\n          {clearIcon}\n        </Button>\n      ) : undefined}\n    />\n  );\n};\n"]}

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

@@ -0,0 +1,66 @@
+/**
+ * ResourceCollectionBody_Table — the TABLE rendering of a resource collection.
+ *
+ * Presentational: it receives the already-fetched `items` plus the collection's
+ * sort/selection state + handlers from the host, derives columns from the
+ * resource's summary fields (schema-aware cells via {@link FieldValueRenderer}),
+ * and renders a TanStack table with sortable headers (server-side), a selection
+ * checkbox column, and a floating selected-count summary.
+ *
+ * Extracted from the former standalone `List_Table` preset so a single host can
+ * swap between this body and the cards body at runtime (the cards↔table toggle)
+ * without duplicating the data/fetch layer.
+ */
+import React from 'react';
+import type { AnyFrontendResourceConfiguration } from '../../core/resources/resources.frontend.schemas';
+import type { SortState } from '../../components/resources/ResourceLayout_SortControl';
+import type { NavigationZone } from '../../core/navigation/navigation.schemas';
+type TableItem = Record<string, any>;
+export interface ResourceCollectionBody_TableProps {
+    /** The fetched items to render as rows. */
+    items: TableItem[];
+    /** Resource type for i18n + cell formatting. */
+    resourceType: string;
+    /** Resource configuration — provides the main schema for column type detection. */
+    resourceConfig: AnyFrontendResourceConfiguration;
+    /**
+     * The zone this table is rendered in — forwarded to the in-place operation body so a transformed
+     * row hosts its operation in the same zone as every other host on this surface.
+     */
+    navigationZone: NavigationZone;
+    /** Ordered summary fields → one column each. */
+    summaryFields: string[];
+    /** Pre-resolved i18n field labels (column headers). */
+    fieldLabelsMap: Record<string, string>;
+    /** Sortable field names (sortable column headers). */
+    sortFields: readonly string[];
+    /** Active sort rules, highest priority first (drives the header indicators). */
+    sortStates: readonly SortState[];
+    /** Sort change handler (owned by the host; also resets pagination). */
+    onSortChange: (sorts: SortState[]) => void;
+    /**
+     * Item-based selection, driven by the host's shared selection model (the SAME
+     * model the CARDS checkboxes use, so a selection survives the cards↔table
+     * toggle and feeds the bulk bar). When `selectable` is false the select column
+     * is omitted entirely.
+     */
+    selectable?: boolean;
+    /** Whether a given row's item is currently selected. */
+    isRowSelected?: (item: TableItem) => boolean;
+    /** Toggle a single row's item selection. */
+    onToggleRow?: (item: TableItem) => void;
+    /** Whether EVERY current-page item is selected (header checkbox state). */
+    allSelected?: boolean;
+    /** Toggle selection of every current-page item (header checkbox). */
+    onToggleAll?: () => void;
+    /**
+     * Per-row actions rendered in a trailing column at the END of each row (parity
+     * with the cards' per-item operations). Omit to render no actions column.
+     */
+    renderRowActions?: (item: TableItem) => React.ReactNode;
+    /** Row click handler — navigates to the item's READ view. */
+    onRowClick: (item: TableItem) => void;
+}
+export declare const ResourceCollectionBody_Table: ({ items, resourceType, resourceConfig, navigationZone, summaryFields, fieldLabelsMap, sortFields, sortStates, onSortChange, selectable, isRowSelected, onToggleRow, allSelected, onToggleAll, renderRowActions, onRowClick, }: ResourceCollectionBody_TableProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=ResourceCollectionBody_Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceCollectionBody_Table.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/ResourceCollectionBody_Table.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAmBpD,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+DAA+D,CAAC;AACtH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qEAAqE,CAAC;AAIrG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AAE7F,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAErC,MAAM,WAAW,iCAAiC;IAChD,2CAA2C;IAC3C,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,cAAc,EAAE,gCAAgC,CAAC;IACjD;;;OAGG;IACH,cAAc,EAAE,cAAc,CAAC;IAC/B,gDAAgD;IAChD,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,sDAAsD;IACtD,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,gFAAgF;IAChF,UAAU,EAAE,SAAS,SAAS,EAAE,CAAC;IACjC,uEAAuE;IACvE,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC3C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;IAC7C,4CAA4C;IAC5C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,6DAA6D;IAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,4BAA4B,GAAI,+NAiB1C,iCAAiC,KAAG,KAAK,CAAC,GAAG,CAAC,OAoOhD,CAAC"}