design-zystem 1.0.428 → 1.0.430

package/dist/ui/index.mjs

@@ -1697,19 +1697,19 @@ var checkboxVariants = cva9(
   {
     variants: {
       color: {
-        "blue-700": "data-[state=checked]:border-blue-700 data-[state=checked]:bg-blue-700",
-        "blue-900": "data-[state=checked]:border-blue-900 data-[state=checked]:bg-blue-900",
-        "blue-950": "data-[state=checked]:border-blue-950 data-[state=checked]:bg-blue-950",
-        "red-900": "data-[state=checked]:border-red-900 data-[state=checked]:bg-red-900",
-        "red-500": "data-[state=checked]:border-red-500 data-[state=checked]:bg-red-500",
-        "green-700": "data-[state=checked]:border-green-700 data-[state=checked]:bg-green-700",
-        "green-100": "data-[state=checked]:border-green-100 data-[state=checked]:bg-green-100",
-        "grey-600": "data-[state=checked]:border-grey-600 data-[state=checked]:bg-grey-600",
-        "yellow-500": "data-[state=checked]:border-yellow-500 data-[state=checked]:bg-yellow-500",
-        "yellow-300": "data-[state=checked]:border-yellow-200 data-[state=checked]:bg-yellow-300",
-        "yellow-200": "data-[state=checked]:border-yellow-200 data-[state=checked]:bg-yellow-200",
-        "orange-600": "data-[state=checked]:border-orange-600 data-[state=checked]:bg-orange-600",
-        "purple-700": "data-[state=checked]:border-purple-700 data-[state=checked]:bg-purple-700"
+        "blue-700": "data-[state=checked]:border-blue-700 data-[state=checked]:bg-blue-700 data-[state=indeterminate]:border-blue-700 data-[state=indeterminate]:bg-blue-700",
+        "blue-900": "data-[state=checked]:border-blue-900 data-[state=checked]:bg-blue-900 data-[state=indeterminate]:border-blue-900 data-[state=indeterminate]:bg-blue-900",
+        "blue-950": "data-[state=checked]:border-blue-950 data-[state=checked]:bg-blue-950 data-[state=indeterminate]:border-blue-950 data-[state=indeterminate]:bg-blue-950",
+        "red-900": "data-[state=checked]:border-red-900 data-[state=checked]:bg-red-900 data-[state=indeterminate]:border-red-900 data-[state=indeterminate]:bg-red-900",
+        "red-500": "data-[state=checked]:border-red-500 data-[state=checked]:bg-red-500 data-[state=indeterminate]:border-red-500 data-[state=indeterminate]:bg-red-500",
+        "green-700": "data-[state=checked]:border-green-700 data-[state=checked]:bg-green-700 data-[state=indeterminate]:border-green-700 data-[state=indeterminate]:bg-green-700",
+        "green-100": "data-[state=checked]:border-green-100 data-[state=checked]:bg-green-100 data-[state=indeterminate]:border-green-100 data-[state=indeterminate]:bg-green-100",
+        "grey-600": "data-[state=checked]:border-grey-600 data-[state=checked]:bg-grey-600 data-[state=indeterminate]:border-grey-600 data-[state=indeterminate]:bg-grey-600",
+        "yellow-500": "data-[state=checked]:border-yellow-500 data-[state=checked]:bg-yellow-500 data-[state=indeterminate]:border-yellow-500 data-[state=indeterminate]:bg-yellow-500",
+        "yellow-300": "data-[state=checked]:border-yellow-200 data-[state=checked]:bg-yellow-300 data-[state=indeterminate]:border-yellow-200 data-[state=indeterminate]:bg-yellow-300",
+        "yellow-200": "data-[state=checked]:border-yellow-200 data-[state=checked]:bg-yellow-200 data-[state=indeterminate]:border-yellow-200 data-[state=indeterminate]:bg-yellow-200",
+        "orange-600": "data-[state=checked]:border-orange-600 data-[state=checked]:bg-orange-600 data-[state=indeterminate]:border-orange-600 data-[state=indeterminate]:bg-orange-600",
+        "purple-700": "data-[state=checked]:border-purple-700 data-[state=checked]:bg-purple-700 data-[state=indeterminate]:border-purple-700 data-[state=indeterminate]:bg-purple-700"
       },
       size: {
         s: "h-3.5 w-3.5",
@@ -1749,7 +1749,7 @@ var Checkbox = (_a) => {
         children: /* @__PURE__ */ jsx24(RadixCheckbox.Indicator, { children: /* @__PURE__ */ jsx24(
           FaIcon,
           {
-            name: "check",
+            name: props.checked === "indeterminate" ? "minus" : "check",
             family: "solid",
             size: CHECK_ICON_SIZE[size != null ? size : "m"]
           }
@@ -3279,13 +3279,113 @@ var EmptyState = ({
   }
 );
 
+// src/ui/components/ui/Bulk.tsx
+import { jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
+var BG_CLASS = {
+  "blue-700": "bg-blue-700",
+  "blue-900": "bg-blue-900",
+  "blue-950": "bg-blue-950",
+  "red-900": "bg-red-900",
+  "red-500": "bg-red-500",
+  "green-700": "bg-green-700",
+  "green-100": "bg-green-100",
+  "grey-600": "bg-grey-600",
+  "yellow-500": "bg-yellow-500",
+  "yellow-300": "bg-yellow-300",
+  "yellow-200": "bg-yellow-200",
+  "orange-600": "bg-orange-600",
+  "purple-700": "bg-purple-700"
+};
+var BulkActionSections = ({ sections }) => /* @__PURE__ */ jsx35(
+  Layout,
+  {
+    role: "group",
+    fullHeight: true,
+    align: "stretch",
+    className: "[&>button:not(:last-child)]:rounded-r-none",
+    children: sections.map((section, index) => /* @__PURE__ */ jsxs19(
+      "button",
+      {
+        type: "button",
+        disabled: section.disabled,
+        onClick: section.disabled ? void 0 : section.action,
+        className: cn(
+          "flex h-full items-center justify-center gap-1.5 whitespace-nowrap rounded-r-xl px-4 text-sm font-bold text-white transition-[filter]",
+          section.disabled ? "cursor-not-allowed bg-grey-500" : "hover:brightness-90"
+        ),
+        children: [
+          section.icon,
+          section.title
+        ]
+      },
+      index
+    ))
+  }
+);
+var BulkDisplaySections = ({ sections }) => /* @__PURE__ */ jsx35(Layout, { align: "center", gap: 3, className: "px-4", children: sections.map((section, index) => /* @__PURE__ */ jsxs19(Layout, { align: "center", gap: 3, children: [
+  index > 0 && (section.divider ? /* @__PURE__ */ jsx35("span", { className: "h-11 w-px shrink-0 bg-white/40" }) : /* @__PURE__ */ jsx35("span", { className: "h-0.5 w-4 shrink-0 rounded-full bg-white/50" })),
+  section.action ? /* @__PURE__ */ jsxs19(
+    "button",
+    {
+      type: "button",
+      disabled: section.disabled,
+      onClick: section.disabled ? void 0 : section.action,
+      className: "flex items-center gap-1.5 whitespace-nowrap text-sm font-bold text-white hover:opacity-80",
+      children: [
+        section.icon,
+        section.title
+      ]
+    }
+  ) : section.caption ? /* @__PURE__ */ jsxs19(Layout, { column: true, fullWidth: false, className: "leading-tight text-white", children: [
+    /* @__PURE__ */ jsx35("span", { className: "whitespace-nowrap text-[10px] font-bold uppercase tracking-wide opacity-70", children: section.caption }),
+    /* @__PURE__ */ jsx35("span", { className: "whitespace-nowrap text-sm font-bold", children: section.title })
+  ] }) : section.badge ? /* @__PURE__ */ jsx35("span", { className: "whitespace-nowrap rounded-full bg-white/15 px-2.5 py-1 text-xs font-bold text-white", children: section.title }) : /* @__PURE__ */ jsxs19("span", { className: "flex items-center gap-1.5 whitespace-nowrap text-sm font-bold text-white", children: [
+    section.icon,
+    section.title
+  ] })
+] }, index)) });
+var Bulk = ({
+  onClose,
+  leftTitle,
+  sections,
+  color = "blue-700",
+  className,
+  variant = "actions"
+}) => /* @__PURE__ */ jsxs19(
+  "div",
+  {
+    className: cn(
+      "fixed bottom-[50px] left-1/2 z-[500] inline-flex h-[52px] -translate-x-1/2 items-center rounded-xl pl-4 text-white",
+      BG_CLASS[color],
+      className
+    ),
+    children: [
+      leftTitle && /* @__PURE__ */ jsxs19(Layout, { align: "center", gap: 6, className: "pr-6", children: [
+        /* @__PURE__ */ jsx35(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Fermer",
+            onClick: onClose,
+            className: "text-white hover:opacity-80",
+            children: /* @__PURE__ */ jsx35(FaIcon, { name: "xmark", size: 20 })
+          }
+        ),
+        /* @__PURE__ */ jsx35("span", { className: "whitespace-nowrap text-sm font-bold", children: leftTitle }),
+        /* @__PURE__ */ jsx35("span", { className: "h-11 w-px bg-white/40" })
+      ] }),
+      variant === "display" ? /* @__PURE__ */ jsx35(BulkDisplaySections, { sections }) : /* @__PURE__ */ jsx35(BulkActionSections, { sections })
+    ]
+  }
+);
+
 // src/ui/components/ui/table/TableBody.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var TableBody = ({
   children,
   useEvenBackground,
   className
-}) => /* @__PURE__ */ jsx35(
+}) => /* @__PURE__ */ jsx36(
   "tbody",
   {
     className: cn(
@@ -3297,98 +3397,410 @@ var TableBody = ({
   }
 );
 
-// src/ui/components/ui/table/Table.tsx
-import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
-var Table = ({
-  width,
-  header,
-  rows,
-  footer,
-  loading = false,
-  emptyState,
-  maxHeight,
-  minHeight,
-  minWidth,
-  className,
-  pagination,
-  zebra = false,
-  borderLeft = false
-}) => {
-  const isEmpty = !loading && rows.length === 0;
-  return /* @__PURE__ */ jsxs19(
+// src/ui/components/ui/Skeleton.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+var toCss = (value) => typeof value === "number" ? `${value}px` : value;
+var Skeleton = (_a) => {
+  var _b = _a, {
+    width,
+    height,
+    isRound = false,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "width",
+    "height",
+    "isRound",
+    "className",
+    "style"
+  ]);
+  return /* @__PURE__ */ jsx37(
     "div",
-    {
+    __spreadValues({
       className: cn(
-        "flex flex-col overflow-auto rounded-lg border border-grey-300",
+        "animate-pulse bg-grey-200",
+        isRound ? "rounded-full" : "rounded-md",
+        className
+      ),
+      style: __spreadValues({ width: toCss(width), height: toCss(height) }, style)
+    }, props)
+  );
+};
+
+// src/ui/components/ui/table/TableLoadingRows.tsx
+import { jsx as jsx38 } from "react/jsx-runtime";
+var TableLoadingRows = ({ count }) => /* @__PURE__ */ jsx38("div", { className: "flex flex-col", children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx38(
+  "div",
+  {
+    className: "flex h-10 items-center border-t border-grey-200 px-2",
+    children: /* @__PURE__ */ jsx38(Skeleton, { height: 14, "data-testid": "table-skeleton" })
+  },
+  index
+)) });
+
+// src/ui/components/ui/TagBubble.tsx
+import * as RadixToggle from "@radix-ui/react-toggle";
+import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
+var DOT_CLASS = {
+  "blue-700": "bg-blue-700",
+  "blue-900": "bg-blue-900",
+  "blue-950": "bg-blue-950",
+  "red-900": "bg-red-900",
+  "red-500": "bg-red-500",
+  "green-700": "bg-green-700",
+  "green-100": "bg-green-100",
+  "grey-600": "bg-grey-400",
+  "yellow-500": "bg-yellow-500",
+  "yellow-300": "bg-yellow-300",
+  "yellow-200": "bg-yellow-200",
+  "orange-600": "bg-orange-600",
+  "purple-700": "bg-purple-700"
+};
+var LIGHT_BG_CLASS = {
+  "blue-700": "bg-blue-50",
+  "blue-900": "bg-blue-50",
+  "blue-950": "bg-blue-50",
+  "red-900": "bg-red-50",
+  "red-500": "bg-red-50",
+  "green-700": "bg-green-50",
+  "green-100": "bg-green-50",
+  "grey-600": "bg-grey-100",
+  "yellow-500": "bg-yellow-50",
+  "yellow-300": "bg-yellow-50",
+  "yellow-200": "bg-yellow-50",
+  "orange-600": "bg-orange-50",
+  "purple-700": "bg-purple-50"
+};
+var TEXT_CLASS = {
+  "blue-700": "text-blue-700",
+  "blue-900": "text-blue-900",
+  "blue-950": "text-blue-950",
+  "red-900": "text-red-900",
+  "red-500": "text-red-500",
+  "green-700": "text-green-700",
+  "green-100": "text-green-100",
+  "grey-600": "text-grey-600",
+  "yellow-500": "text-yellow-500",
+  "yellow-300": "text-yellow-300",
+  "yellow-200": "text-yellow-200",
+  "orange-600": "text-orange-600",
+  "purple-700": "text-purple-700"
+};
+var BORDER_CLASS = {
+  "blue-700": "border-blue-700",
+  "blue-900": "border-blue-900",
+  "blue-950": "border-blue-950",
+  "red-900": "border-red-900",
+  "red-500": "border-red-500",
+  "green-700": "border-green-700",
+  "green-100": "border-green-100",
+  "grey-600": "border-grey-600",
+  "yellow-500": "border-yellow-500",
+  "yellow-300": "border-yellow-300",
+  "yellow-200": "border-yellow-200",
+  "orange-600": "border-orange-600",
+  "purple-700": "border-purple-700"
+};
+var isHexColor = (color) => color.startsWith("#");
+var TagBubble = (_a) => {
+  var _b = _a, {
+    label,
+    hideDot = false,
+    active = false,
+    activeColor = "blue-700",
+    inactiveColor = "grey-600",
+    activeFill = false,
+    pill = false,
+    size = "s",
+    count,
+    countColor = "green-700",
+    onClick,
+    className
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "hideDot",
+    "active",
+    "activeColor",
+    "inactiveColor",
+    "activeFill",
+    "pill",
+    "size",
+    "count",
+    "countColor",
+    "onClick",
+    "className"
+  ]);
+  const showCount = count !== void 0 && count !== null;
+  const filled = activeFill && active;
+  const dotColor = active ? activeColor : inactiveColor;
+  const filledHexColor = filled && isHexColor(activeColor) ? activeColor : void 0;
+  return /* @__PURE__ */ jsxs20(
+    RadixToggle.Root,
+    __spreadProps(__spreadValues({}, rest), {
+      type: "button",
+      pressed: active,
+      onClick,
+      style: __spreadValues({ borderColor: filledHexColor }, rest.style),
+      className: cn(
+        "inline-flex items-center justify-center gap-2 border px-2.5 py-1.5 outline-none",
+        pill ? "rounded-full" : "rounded-[6px]",
+        size === "m" && "h-9",
+        filled ? cn(
+          isHexColor(activeColor) ? "bg-white" : [LIGHT_BG_CLASS[activeColor], BORDER_CLASS[activeColor]],
+          "border-2"
+        ) : "border-grey-200 bg-white",
+        "focus-visible:ring-2 focus-visible:ring-blue-200",
         className
       ),
-      style: {
-        maxHeight: maxHeight || "none",
-        minHeight: minHeight || void 0,
-        width: width || "100%"
-      },
       children: [
-        /* @__PURE__ */ jsxs19(
-          "table",
+        !hideDot && /* @__PURE__ */ jsx39(
+          "span",
           {
             className: cn(
-              // `border-separate` : les bordures posées sur une cellule (ex. un
-              // liseré de statut sur une colonne sticky) sont peintes avec la
-              // boîte de la cellule et suivent son repositionnement sticky. Avec
-              // le `border-collapse` par défaut du preflight Tailwind, ces
-              // bordures sont peintes par le modèle de fusion du tableau et
-              // restent à la position d'origine dans la grille au scroll.
-              "w-full table-fixed border-separate border-spacing-0 caption-bottom text-[13px]",
-              borderLeft && "[&_th:not(:first-child)]:border-l [&_td:not(:first-child)]:border-l [&_th:not(:first-child)]:border-grey-200 [&_td:not(:first-child)]:border-grey-200"
+              "h-2 w-2 shrink-0 rounded-full",
+              !isHexColor(dotColor) && DOT_CLASS[dotColor]
             ),
-            style: { minWidth: minWidth || void 0 },
-            children: [
-              header,
-              /* @__PURE__ */ jsx36(TableBody, { useEvenBackground: zebra, children: rows }),
-              footer
-            ]
+            style: isHexColor(dotColor) ? { backgroundColor: dotColor } : void 0
           }
         ),
-        emptyState && isEmpty && /* @__PURE__ */ jsx36(
-          EmptyState,
+        /* @__PURE__ */ jsx39(
+          "span",
           {
-            icon: emptyState.icon,
-            title: emptyState.label,
-            description: emptyState.description,
-            actionLabel: emptyState.buttonLabel,
-            onAction: emptyState.action
+            className: cn(
+              "whitespace-nowrap text-xs font-semibold",
+              filled ? !isHexColor(activeColor) && TEXT_CLASS[activeColor] : "text-neutral-800"
+            ),
+            style: { color: filledHexColor },
+            children: label
           }
         ),
-        pagination && !loading && pagination.totalItems > 0 && /* @__PURE__ */ jsx36("div", { className: "border-t border-grey-300 p-3", children: /* @__PURE__ */ jsx36(
-          Pagination,
-          {
-            currentPage: pagination.currentPage,
-            totalItems: pagination.totalItems,
-            itemsPerPage: pagination.itemsPerPage,
-            onPageChange: pagination.onPageChange
-          }
-        ) })
+        showCount && /* @__PURE__ */ jsx39(Badge, { theme: countColor, size: "s", children: count })
+      ]
+    })
+  );
+};
+
+// src/ui/components/ui/table/TableToolbar.tsx
+import { jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
+var TableToolbar = ({
+  search,
+  statusFilters,
+  onStatusFilterToggle,
+  onFiltersClick,
+  onExport
+}) => {
+  var _a;
+  return /* @__PURE__ */ jsxs21(
+    Layout,
+    {
+      row: true,
+      gap: 3,
+      align: "center",
+      justify: "between",
+      className: "border-b border-grey-200 bg-white p-3",
+      children: [
+        /* @__PURE__ */ jsxs21(Layout, { row: true, gap: 3, align: "center", className: "min-w-0", children: [
+          search && /* @__PURE__ */ jsx40("div", { className: "w-64 shrink-0", children: /* @__PURE__ */ jsx40(
+            SearchInput,
+            {
+              "aria-label": "Rechercher",
+              value: search.value,
+              placeholder: (_a = search.placeholder) != null ? _a : "Rechercher",
+              onChange: (event) => search.onChange(event.target.value),
+              onClear: () => search.onChange("")
+            }
+          ) }),
+          statusFilters == null ? void 0 : statusFilters.map((filter) => /* @__PURE__ */ jsx40(
+            TagBubble,
+            {
+              size: "m",
+              pill: true,
+              label: filter.label,
+              count: filter.count,
+              active: filter.isActive,
+              activeColor: filter.color,
+              activeFill: true,
+              onClick: () => onStatusFilterToggle == null ? void 0 : onStatusFilterToggle(filter.id)
+            },
+            filter.id
+          ))
+        ] }),
+        /* @__PURE__ */ jsxs21(Layout, { row: true, gap: 2, align: "center", fullWidth: false, children: [
+          onFiltersClick && /* @__PURE__ */ jsx40(
+            Button,
+            {
+              variant: "outline",
+              label: "Filtres",
+              iconLeft: /* @__PURE__ */ jsx40(FaIcon, { name: "filter", size: 14 }),
+              onClick: onFiltersClick
+            }
+          ),
+          onExport && /* @__PURE__ */ jsx40(
+            Button,
+            {
+              variant: "outline",
+              label: "Exporter",
+              iconLeft: /* @__PURE__ */ jsx40(FaIcon, { name: "download", size: 14 }),
+              onClick: onExport
+            }
+          )
+        ] })
       ]
     }
   );
 };
 
+// src/ui/components/ui/table/TableSelectAllResultsBar.tsx
+import { jsx as jsx41, jsxs as jsxs22 } from "react/jsx-runtime";
+var TableSelectAllResultsBar = ({
+  selection
+}) => {
+  if (selection.isAllResultsSelected)
+    return /* @__PURE__ */ jsxs22("div", { className: "border-b border-grey-200 bg-blue-50 px-3 py-2 text-center text-xs font-semibold text-blue-900", children: [
+      `Les ${selection.totalCount} r\xE9sultats sont s\xE9lectionn\xE9s.`,
+      " ",
+      /* @__PURE__ */ jsx41(
+        "button",
+        {
+          type: "button",
+          onClick: selection.clear,
+          className: "font-bold underline",
+          children: "Annuler la s\xE9lection"
+        }
+      )
+    ] });
+  if (selection.canSelectAllResults)
+    return /* @__PURE__ */ jsxs22("div", { className: "border-b border-grey-200 bg-blue-50 px-3 py-2 text-center text-xs font-semibold text-blue-900", children: [
+      "Toutes les lignes de la page sont s\xE9lectionn\xE9es. ",
+      /* @__PURE__ */ jsx41(
+        "button",
+        {
+          type: "button",
+          onClick: selection.selectAllResults,
+          className: "font-bold underline",
+          children: `S\xE9lectionner les ${selection.totalCount} r\xE9sultats`
+        }
+      )
+    ] });
+  return null;
+};
+
+// src/ui/components/ui/table/Table.tsx
+import { Fragment as Fragment3, jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
+var DEFAULT_LOADING_ROW_COUNT = 5;
+var formatSelectedCount = (count) => `${count} s\xE9lectionn\xE9${count > 1 ? "s" : ""}`;
+var Table = ({
+  width,
+  header,
+  rows,
+  footer,
+  loading = false,
+  emptyState,
+  maxHeight,
+  minHeight,
+  minWidth,
+  className,
+  pagination,
+  variant,
+  toolbar,
+  selection,
+  zebra,
+  borderLeft = false
+}) => {
+  var _a;
+  const isZebra = (variant != null ? variant : zebra === false ? "lined" : "zebra") === "zebra";
+  const loadingRowCount = (_a = pagination == null ? void 0 : pagination.itemsPerPage) != null ? _a : DEFAULT_LOADING_ROW_COUNT;
+  const hasRows = rows.length > 0;
+  const isEmpty = !loading && !hasRows;
+  return /* @__PURE__ */ jsxs23(Fragment3, { children: [
+    /* @__PURE__ */ jsxs23(
+      "div",
+      {
+        className: cn(
+          "flex flex-col overflow-auto rounded-lg border border-grey-300",
+          className
+        ),
+        style: {
+          maxHeight: maxHeight || "none",
+          minHeight: minHeight || void 0,
+          width: width || "100%"
+        },
+        children: [
+          toolbar && /* @__PURE__ */ jsx42(TableToolbar, __spreadValues({}, toolbar)),
+          selection && /* @__PURE__ */ jsx42(TableSelectAllResultsBar, { selection: selection.state }),
+          /* @__PURE__ */ jsxs23(
+            "table",
+            {
+              "aria-busy": loading || void 0,
+              className: cn(
+                // `border-separate` : les bordures posées sur une cellule (ex. un
+                // liseré de statut sur une colonne sticky) sont peintes avec la
+                // boîte de la cellule et suivent son repositionnement sticky. Avec
+                // le `border-collapse` par défaut du preflight Tailwind, ces
+                // bordures sont peintes par le modèle de fusion du tableau et
+                // restent à la position d'origine dans la grille au scroll.
+                "w-full table-fixed border-separate border-spacing-0 caption-bottom text-xs",
+                "[&_tr>*:first-child:not(.table-select-cell)]:text-left [&_tr>.table-select-cell:first-child+*]:text-left [&_tr>*:not(:first-child)]:text-center",
+                borderLeft && "[&_th:not(:first-child)]:border-l [&_td:not(:first-child)]:border-l [&_th:not(:first-child)]:border-grey-200 [&_td:not(:first-child)]:border-grey-200"
+              ),
+              style: { minWidth: minWidth || void 0 },
+              children: [
+                header,
+                /* @__PURE__ */ jsx42(TableBody, { useEvenBackground: isZebra, children: rows }),
+                footer
+              ]
+            }
+          ),
+          loading && !hasRows && /* @__PURE__ */ jsx42(TableLoadingRows, { count: loadingRowCount }),
+          emptyState && isEmpty && /* @__PURE__ */ jsx42(
+            EmptyState,
+            {
+              icon: emptyState.icon,
+              title: emptyState.label,
+              description: emptyState.description,
+              actionLabel: emptyState.buttonLabel,
+              onAction: emptyState.action
+            }
+          ),
+          pagination && !loading && pagination.totalItems > 0 && /* @__PURE__ */ jsx42("div", { className: "border-t border-grey-300 p-3", children: /* @__PURE__ */ jsx42(
+            Pagination,
+            {
+              currentPage: pagination.currentPage,
+              totalItems: pagination.totalItems,
+              itemsPerPage: pagination.itemsPerPage,
+              onPageChange: pagination.onPageChange
+            }
+          ) })
+        ]
+      }
+    ),
+    selection && selection.state.selectedCount > 0 && /* @__PURE__ */ jsx42(
+      Bulk,
+      {
+        leftTitle: formatSelectedCount(selection.state.selectedCount),
+        onClose: selection.state.clear,
+        sections: selection.bulkSections
+      }
+    )
+  ] });
+};
+
 // src/ui/components/ui/table/TableHeader.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var TableHeader = ({ children }) => (
   // z-[3] : au-dessus des cellules figées (`sticky left/right`, z-[2]) d'un
   // corps de tableau, sinon leur contenu défile visuellement par-dessus
   // l'en-tête au lieu de passer dessous.
-  /* @__PURE__ */ jsx37("thead", { className: "sticky top-0 z-[3] bg-grey-100 text-neutral-800", children })
+  /* @__PURE__ */ jsx43("thead", { className: "sticky top-0 z-[3] bg-grey-100 text-neutral-800", children })
 );
 
 // src/ui/components/ui/table/TableHeaderRow.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
-var TableHeaderRow = ({ children }) => /* @__PURE__ */ jsx38("tr", { children });
+import { jsx as jsx44 } from "react/jsx-runtime";
+var TableHeaderRow = ({ children }) => /* @__PURE__ */ jsx44("tr", { children });
 
 // src/ui/components/ui/table/TableHeaderCell.tsx
 import { useState as useState7 } from "react";
-import { jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
 var SURFACE_CLASS = {
   white: "bg-white",
   "grey-100": "bg-grey-100"
@@ -3410,14 +3822,14 @@ var TableHeaderCell = ({
   const [hovered, setHovered] = useState7(false);
   const showArrow = useSort && (isSort || hovered);
   const arrowChar = isSort && sortOrder === "asc" ? "\u2191" : "\u2193";
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx45(
     "th",
     {
       scope: "col",
       onMouseEnter: () => useSort && setHovered(true),
       onMouseLeave: () => useSort && setHovered(false),
       className: cn(
-        "overflow-hidden px-2 py-2 text-center text-[13px] font-bold",
+        "h-10 overflow-hidden px-2 py-2 text-center text-xs font-bold",
         wrap ? "whitespace-normal break-words" : "text-ellipsis whitespace-nowrap",
         borderLeft && "border-l border-grey-200",
         sticky && cn("z-[2]", SURFACE_CLASS[surface]),
@@ -3436,7 +3848,7 @@ var TableHeaderCell = ({
         left: sticky === "left" ? stickyOffset : void 0,
         right: sticky === "right" ? stickyOffset : void 0
       },
-      children: useSort ? /* @__PURE__ */ jsxs20(
+      children: useSort ? /* @__PURE__ */ jsxs24(
         "button",
         {
           type: "button",
@@ -3444,7 +3856,7 @@ var TableHeaderCell = ({
           className: "inline-flex items-center gap-1",
           children: [
             children,
-            showArrow && /* @__PURE__ */ jsx39(
+            showArrow && /* @__PURE__ */ jsx45(
               "span",
               {
                 "aria-hidden": "true",
@@ -3464,7 +3876,7 @@ var TableHeaderCell = ({
 
 // src/ui/components/ui/table/TableRow.tsx
 import { forwardRef as forwardRef18 } from "react";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var TableRow = forwardRef18(
   ({
     children,
@@ -3474,7 +3886,7 @@ var TableRow = forwardRef18(
     backgroundColor,
     accentColor,
     "data-index": dataIndex
-  }, ref) => /* @__PURE__ */ jsx40(
+  }, ref) => /* @__PURE__ */ jsx46(
     "tr",
     {
       ref,
@@ -3482,7 +3894,7 @@ var TableRow = forwardRef18(
       onClick,
       onDoubleClick,
       className: cn(
-        "border-t border-grey-200 transition-colors hover:bg-black/[0.025]",
+        "[&>td]:border-t [&>td]:border-grey-200 [&>th]:border-t [&>th]:border-grey-200 transition-colors hover:bg-black/[0.025]",
         (onClick || onDoubleClick) && "cursor-pointer",
         accentColor && "border-l-4",
         className
@@ -3498,7 +3910,7 @@ var TableRow = forwardRef18(
 TableRow.displayName = "TableRow";
 
 // src/ui/components/ui/table/TableCell.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var SURFACE_CLASS2 = {
   white: "bg-white",
   "grey-100": "bg-grey-100"
@@ -3519,12 +3931,12 @@ var TableCell = ({
   colSpan,
   cursor,
   className
-}) => /* @__PURE__ */ jsx41(
+}) => /* @__PURE__ */ jsx47(
   "td",
   {
     colSpan,
     className: cn(
-      "text-ellipsis whitespace-nowrap px-2 py-2 text-center text-[13px]",
+      "text-ellipsis whitespace-nowrap h-10 px-2 py-2 text-center text-xs font-semibold",
       // Une cellule fusionnée (section/groupe) ne tronque pas son contenu, et
       // ne doit pas clipper : elle porte souvent un enfant `sticky` (label de
       // groupe figé au scroll horizontal), qu'un ancêtre `overflow` cassé.
@@ -3546,13 +3958,13 @@ var TableCell = ({
       backgroundColor,
       borderLeftColor: accentColor
     },
-    children: centerContent ? /* @__PURE__ */ jsx41(Layout, { justify: "center", children }) : children
+    children: centerContent ? /* @__PURE__ */ jsx47(Layout, { justify: "center", children }) : children
   }
 );
 
 // src/ui/components/ui/table/TableFooter.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
-var TableFooter = ({ children, className }) => /* @__PURE__ */ jsx42(
+import { jsx as jsx48 } from "react/jsx-runtime";
+var TableFooter = ({ children, className }) => /* @__PURE__ */ jsx48(
   "tfoot",
   {
     className: cn(
@@ -3564,21 +3976,21 @@ var TableFooter = ({ children, className }) => /* @__PURE__ */ jsx42(
 );
 
 // src/ui/components/ui/table/TableFooterRow.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
-var TableFooterRow = ({ children }) => /* @__PURE__ */ jsx43("tr", { className: "border-t border-grey-300", children });
+import { jsx as jsx49 } from "react/jsx-runtime";
+var TableFooterRow = ({ children }) => /* @__PURE__ */ jsx49("tr", { className: "[&>td]:border-t [&>td]:border-grey-300 [&>th]:border-t [&>th]:border-grey-300", children });
 
 // src/ui/components/ui/table/TableFooterCell.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var TableFooterCell = ({
   children,
   width,
   borderLeft = false,
   className
-}) => /* @__PURE__ */ jsx44(
+}) => /* @__PURE__ */ jsx50(
   "td",
   {
     className: cn(
-      "overflow-hidden text-ellipsis whitespace-nowrap px-2 py-2 text-center text-[13px] font-bold",
+      "overflow-hidden text-ellipsis whitespace-nowrap h-10 px-2 py-2 text-center text-xs font-bold",
       borderLeft && "border-l border-grey-200",
       className
     ),
@@ -3587,16 +3999,56 @@ var TableFooterCell = ({
   }
 );
 
-// src/ui/components/ui/Avatar.tsx
-import {
-  createContext as createContext2,
-  useContext as useContext2,
-  forwardRef as forwardRef19,
-  Children,
-  cloneElement,
-  isValidElement
-} from "react";
-import * as RadixAvatar from "@radix-ui/react-avatar";
+// src/ui/components/ui/table/TableSectionRow.tsx
+import { jsx as jsx51 } from "react/jsx-runtime";
+var TableSectionRow = ({
+  children,
+  colSpan
+}) => /* @__PURE__ */ jsx51(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx51(
+  "td",
+  {
+    colSpan,
+    className: "h-10 bg-grey-200 px-2 text-left text-xs font-bold uppercase tracking-wide text-neutral-800",
+    children
+  }
+) });
+
+// src/ui/components/ui/table/TableSubgroupRow.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+var TableSubgroupRow = ({
+  children,
+  colSpan
+}) => /* @__PURE__ */ jsx52(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx52(
+  "td",
+  {
+    colSpan,
+    className: "h-10 bg-grey-100 px-2 pl-6 text-left text-xs font-semibold text-neutral-800",
+    children
+  }
+) });
+
+// src/ui/components/ui/table/TableAlertRow.tsx
+import { jsx as jsx53 } from "react/jsx-runtime";
+var ALERT_THEME = "orange-600";
+var TableAlertRow = ({ children, colSpan }) => /* @__PURE__ */ jsx53(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx53(
+  "td",
+  {
+    colSpan,
+    role: "alert",
+    className: cn(
+      "h-10 px-2 text-left text-xs font-semibold",
+      THEME_VARIANT_CLASSES.pale[ALERT_THEME]
+    ),
+    children
+  }
+) });
+
+// src/ui/components/ui/table/TableExpandedRow.tsx
+import { jsx as jsx54 } from "react/jsx-runtime";
+var TableExpandedRow = ({
+  children,
+  colSpan
+}) => /* @__PURE__ */ jsx54(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx54("td", { colSpan, className: "bg-white p-3 text-left text-xs", children }) });
 
 // src/utils/string/capitalizeFirstLetter.ts
 var capitalizeFirstLetter = (str) => {
@@ -3718,7 +4170,16 @@ var formatNameWithInitial = (firstname, lastname) => {
 };
 
 // src/ui/components/ui/Avatar.tsx
-import { Fragment as Fragment3, jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
+import {
+  createContext as createContext2,
+  useContext as useContext2,
+  forwardRef as forwardRef19,
+  Children,
+  cloneElement,
+  isValidElement
+} from "react";
+import * as RadixAvatar from "@radix-ui/react-avatar";
+import { Fragment as Fragment4, jsx as jsx55, jsxs as jsxs25 } from "react/jsx-runtime";
 var AvatarSizeContext = createContext2(40);
 var useAvatarSize = () => useContext2(AvatarSizeContext);
 var BADGE_BG_CLASS = {
@@ -3779,7 +4240,7 @@ var Avatar = forwardRef19(
       "children"
     ]);
     var _a2;
-    return /* @__PURE__ */ jsx45(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx45(
+    return /* @__PURE__ */ jsx55(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx55(
       RadixAvatar.Root,
       __spreadProps(__spreadValues({
         ref,
@@ -3790,9 +4251,9 @@ var Avatar = forwardRef19(
         ),
         style: __spreadValues({ width: size, height: size, backgroundColor }, style)
       }, props), {
-        children: children != null ? children : /* @__PURE__ */ jsxs21(Fragment3, { children: [
-          src && /* @__PURE__ */ jsx45(AvatarImage, { src, alt: name }),
-          /* @__PURE__ */ jsx45(
+        children: children != null ? children : /* @__PURE__ */ jsxs25(Fragment4, { children: [
+          src && /* @__PURE__ */ jsx55(AvatarImage, { src, alt: name }),
+          /* @__PURE__ */ jsx55(
             AvatarFallback,
             {
               color,
@@ -3801,7 +4262,7 @@ var Avatar = forwardRef19(
               children: getInitials({ name })
             }
           ),
-          badge && /* @__PURE__ */ jsx45(AvatarBadge, { className: BADGE_BG_CLASS[badge.backgroundColor], children: /* @__PURE__ */ jsx45(
+          badge && /* @__PURE__ */ jsx55(AvatarBadge, { className: BADGE_BG_CLASS[badge.backgroundColor], children: /* @__PURE__ */ jsx55(
             FaIcon,
             {
               name: badge.icon,
@@ -3818,7 +4279,7 @@ var Avatar = forwardRef19(
 Avatar.displayName = "Avatar";
 var AvatarImage = forwardRef19((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx55(
     RadixAvatar.Image,
     __spreadValues({
       ref,
@@ -3858,7 +4319,7 @@ var AvatarFallback = forwardRef19(
       "style"
     ]);
     const size = useAvatarSize();
-    return /* @__PURE__ */ jsx45(
+    return /* @__PURE__ */ jsx55(
       RadixAvatar.Fallback,
       __spreadValues({
         ref,
@@ -3882,7 +4343,7 @@ var AvatarBadge = forwardRef19(
     var _b = _a, { size, className, style } = _b, props = __objRest(_b, ["size", "className", "style"]);
     const avatarSize = useAvatarSize();
     const badgeSize = size != null ? size : Math.round(avatarSize * 0.35);
-    return /* @__PURE__ */ jsx45(
+    return /* @__PURE__ */ jsx55(
       "div",
       __spreadValues({
         ref,
@@ -3913,7 +4374,7 @@ var AvatarGroup = (_a) => {
   );
   const visible = max ? items.slice(0, max) : items;
   const overflow = max ? items.length - max : 0;
-  return /* @__PURE__ */ jsxs21(Layout, __spreadProps(__spreadValues({ className: cn("-space-x-2", className) }, props), { children: [
+  return /* @__PURE__ */ jsxs25(Layout, __spreadProps(__spreadValues({ className: cn("-space-x-2", className) }, props), { children: [
     visible.map(
       (child, index) => cloneElement(child, {
         key: index,
@@ -3921,7 +4382,7 @@ var AvatarGroup = (_a) => {
         className: cn("ring-2 ring-white", child.props.className)
       })
     ),
-    overflow > 0 && /* @__PURE__ */ jsxs21(
+    overflow > 0 && /* @__PURE__ */ jsxs25(
       Layout,
       {
         align: "center",
@@ -3941,10 +4402,242 @@ var AvatarGroup = (_a) => {
   ] }));
 };
 
+// src/ui/components/ui/table/TablePersonCell.tsx
+import { jsx as jsx56, jsxs as jsxs26 } from "react/jsx-runtime";
+var AVATAR_SIZE = 24;
+var TablePersonCell = ({
+  firstName,
+  lastName,
+  src,
+  width
+}) => /* @__PURE__ */ jsx56(TableCell, { width, children: /* @__PURE__ */ jsxs26("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
+  /* @__PURE__ */ jsx56(
+    Avatar,
+    {
+      size: AVATAR_SIZE,
+      name: `${firstName} ${lastName != null ? lastName : ""}`.trim(),
+      src
+    }
+  ),
+  /* @__PURE__ */ jsx56("span", { className: "truncate", children: formatNameWithInitial(firstName, lastName != null ? lastName : null) })
+] }) });
+
+// src/ui/components/ui/table/TableClientCell.tsx
+import { jsx as jsx57, jsxs as jsxs27 } from "react/jsx-runtime";
+var TableClientCell = ({
+  name,
+  color,
+  width
+}) => /* @__PURE__ */ jsx57(TableCell, { width, children: /* @__PURE__ */ jsxs27("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
+  /* @__PURE__ */ jsx57(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-testid": "client-dot",
+      className: "h-2.5 w-2.5 shrink-0 rounded-full",
+      style: { backgroundColor: color }
+    }
+  ),
+  /* @__PURE__ */ jsx57("span", { className: "truncate", children: name })
+] }) });
+
+// src/ui/components/ui/table/TableStatusCell.tsx
+import { jsx as jsx58 } from "react/jsx-runtime";
+var TableStatusCell = ({
+  children,
+  theme,
+  width
+}) => /* @__PURE__ */ jsx58(TableCell, { width, centerContent: true, children: /* @__PURE__ */ jsx58(Badge, { size: "l", theme, children }) });
+
+// src/ui/components/ui/Popover.tsx
+import * as RadixPopover4 from "@radix-ui/react-popover";
+import { jsx as jsx59, jsxs as jsxs28 } from "react/jsx-runtime";
+var Popover = ({
+  trigger,
+  items,
+  children,
+  align = "end",
+  side = "bottom",
+  sideOffset = 6,
+  open,
+  onOpenChange,
+  width,
+  className
+}) => /* @__PURE__ */ jsxs28(RadixPopover4.Root, { open, onOpenChange, children: [
+  /* @__PURE__ */ jsx59(RadixPopover4.Trigger, { asChild: true, children: trigger }),
+  /* @__PURE__ */ jsx59(RadixPopover4.Portal, { children: /* @__PURE__ */ jsx59(
+    RadixPopover4.Content,
+    {
+      align,
+      side,
+      sideOffset,
+      style: width ? { width } : void 0,
+      onClick: (event) => event.stopPropagation(),
+      className: cn(
+        "z-[9999] min-w-[140px] rounded-[6px] border border-grey-200 bg-white p-1 shadow-[0_2px_8px_rgba(0,0,0,0.08)]",
+        "data-[state=open]:animate-[fade-in_150ms_ease-out]",
+        className
+      ),
+      children: items ? /* @__PURE__ */ jsx59(Layout, { column: true, children: items.map((item, idx) => /* @__PURE__ */ jsx59(
+        RadixPopover4.Close,
+        {
+          onClick: item.action,
+          className: "cursor-pointer rounded-[4px] px-3 py-2 text-left text-sm font-medium text-neutral-800 outline-none hover:bg-grey-100",
+          children: item.label
+        },
+        idx
+      )) }) : children
+    }
+  ) })
+] });
+
+// src/ui/components/ui/table/TableActionsCell.tsx
+import { jsx as jsx60 } from "react/jsx-runtime";
+var MAX_INLINE_TABLE_ACTIONS = 3;
+var TableActionsCell = ({ actions, width }) => {
+  const hasMenu = actions.length > MAX_INLINE_TABLE_ACTIONS;
+  return /* @__PURE__ */ jsx60(TableCell, { width, centerContent: true, children: /* @__PURE__ */ jsx60(
+    Layout,
+    {
+      row: true,
+      gap: 1,
+      align: "center",
+      justify: "center",
+      onClick: (event) => event.stopPropagation(),
+      children: hasMenu ? /* @__PURE__ */ jsx60(
+        Popover,
+        {
+          trigger: /* @__PURE__ */ jsx60(
+            Icon,
+            {
+              name: "ellipsis-vertical",
+              "aria-label": "Plus d'actions",
+              onClick: () => void 0
+            }
+          ),
+          items: actions.map(({ label, onClick }) => ({
+            label,
+            action: onClick
+          }))
+        }
+      ) : actions.map(({ label, icon, onClick }) => /* @__PURE__ */ jsx60(
+        Icon,
+        {
+          name: icon,
+          "aria-label": label,
+          title: label,
+          onClick
+        },
+        label
+      ))
+    }
+  ) });
+};
+
+// src/ui/components/ui/table/TableSelectCell.tsx
+import { useRef as useRef7 } from "react";
+import { jsx as jsx61 } from "react/jsx-runtime";
+var TableSelectCell = ({
+  isSelected,
+  onToggle,
+  label,
+  width = "40px"
+}) => {
+  const isRange = useRef7(false);
+  return /* @__PURE__ */ jsx61(TableCell, { width, centerContent: true, className: "table-select-cell", children: /* @__PURE__ */ jsx61("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx61(
+    Checkbox,
+    {
+      "aria-label": label,
+      checked: isSelected,
+      onClick: (event) => {
+        isRange.current = event.shiftKey;
+      },
+      onChange: () => onToggle({ isRange: isRange.current })
+    }
+  ) }) });
+};
+
+// src/ui/components/ui/table/TableSelectHeaderCell.tsx
+import { jsx as jsx62 } from "react/jsx-runtime";
+var TableSelectHeaderCell = ({
+  state,
+  onToggle,
+  width = "40px"
+}) => /* @__PURE__ */ jsx62(TableHeaderCell, { width, className: "table-select-cell", children: /* @__PURE__ */ jsx62(Layout, { justify: "center", children: /* @__PURE__ */ jsx62("span", { children: /* @__PURE__ */ jsx62(
+  Checkbox,
+  {
+    "aria-label": "S\xE9lectionner toutes les lignes de la page",
+    checked: state,
+    onChange: onToggle
+  }
+) }) }) });
+
+// src/ui/hooks/useRowSelection.ts
+import { useCallback as useCallback2, useRef as useRef8, useState as useState8 } from "react";
+var useRowSelection = ({
+  rowIds,
+  totalCount
+}) => {
+  const [selectedIds, setSelectedIds] = useState8(/* @__PURE__ */ new Set());
+  const [isAllResultsSelected, setIsAllResultsSelected] = useState8(false);
+  const anchorId = useRef8(null);
+  const resolvedTotal = totalCount != null ? totalCount : rowIds.length;
+  const selectedOnPage = rowIds.filter((id) => selectedIds.has(id)).length;
+  const isPageFullySelected = rowIds.length > 0 && selectedOnPage === rowIds.length;
+  const canSelectAllResults = isPageFullySelected && !isAllResultsSelected && resolvedTotal > rowIds.length;
+  const headerState = isAllResultsSelected || isPageFullySelected ? true : selectedOnPage > 0 ? "indeterminate" : false;
+  const clear = useCallback2(() => {
+    setSelectedIds(/* @__PURE__ */ new Set());
+    setIsAllResultsSelected(false);
+    anchorId.current = null;
+  }, []);
+  const toggleRow = (id, { isRange = false } = {}) => {
+    const baseIds = isAllResultsSelected ? new Set(rowIds) : selectedIds;
+    const next = new Set(baseIds);
+    const willSelect = !baseIds.has(id);
+    const anchorIndex = anchorId.current === null ? -1 : rowIds.indexOf(anchorId.current);
+    const targetIndex = rowIds.indexOf(id);
+    const idsToApply = isRange && anchorIndex >= 0 ? rowIds.slice(
+      Math.min(anchorIndex, targetIndex),
+      Math.max(anchorIndex, targetIndex) + 1
+    ) : [id];
+    idsToApply.forEach(
+      (rowId) => willSelect ? next.add(rowId) : next.delete(rowId)
+    );
+    anchorId.current = id;
+    setIsAllResultsSelected(false);
+    setSelectedIds(next);
+  };
+  const toggleAllOnPage = () => {
+    if (headerState === true) {
+      clear();
+      return;
+    }
+    setSelectedIds(/* @__PURE__ */ new Set([...selectedIds, ...rowIds]));
+  };
+  const selectAllResults = () => {
+    setSelectedIds(new Set(rowIds));
+    setIsAllResultsSelected(true);
+  };
+  return {
+    selectedIds,
+    selectedCount: isAllResultsSelected ? resolvedTotal : selectedIds.size,
+    isRowSelected: (id) => isAllResultsSelected || selectedIds.has(id),
+    headerState,
+    isAllResultsSelected,
+    canSelectAllResults,
+    totalCount: resolvedTotal,
+    toggleRow,
+    toggleAllOnPage,
+    selectAllResults,
+    clear
+  };
+};
+
 // src/ui/components/ui/Radio.tsx
 import * as RadixRadioGroup from "@radix-ui/react-radio-group";
 import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs29 } from "react/jsx-runtime";
 var radioVariants = cva12(
   "relative h-[22px] w-[22px] shrink-0 rounded-full border-2 border-grey-300 outline-none transition-colors",
   {
@@ -3999,23 +4692,23 @@ var Radio = ({
   color,
   width,
   className
-}) => /* @__PURE__ */ jsx46(
+}) => /* @__PURE__ */ jsx63(
   RadixRadioGroup.Root,
   {
     value,
     onValueChange: onChange,
     disabled,
     asChild: true,
-    children: /* @__PURE__ */ jsx46(Layout, { column: true, gap: 2, className, width, children: items.map((item) => {
+    children: /* @__PURE__ */ jsx63(Layout, { column: true, gap: 2, className, width, children: items.map((item) => {
       const itemId = `radio-${item.value}`;
-      return /* @__PURE__ */ jsxs22(Layout, { row: true, gap: 2, align: "center", children: [
-        /* @__PURE__ */ jsx46(
+      return /* @__PURE__ */ jsxs29(Layout, { row: true, gap: 2, align: "center", children: [
+        /* @__PURE__ */ jsx63(
           RadixRadioGroup.Item,
           {
             id: itemId,
             value: item.value,
             className: radioVariants({ color }),
-            children: /* @__PURE__ */ jsx46(
+            children: /* @__PURE__ */ jsx63(
               RadixRadioGroup.Indicator,
               {
                 className: indicatorVariants({ color })
@@ -4023,7 +4716,7 @@ var Radio = ({
             )
           }
         ),
-        item.label && /* @__PURE__ */ jsx46(
+        item.label && /* @__PURE__ */ jsx63(
           Text,
           {
             as: "label",
@@ -4042,7 +4735,7 @@ var Radio = ({
 import * as RadixProgress from "@radix-ui/react-progress";
 import * as RadixSlider from "@radix-ui/react-slider";
 import { cva as cva13 } from "class-variance-authority";
-import { jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs30 } from "react/jsx-runtime";
 var trackVariants2 = cva13(
   "relative w-full overflow-hidden rounded-full bg-grey-200",
   {
@@ -4111,15 +4804,15 @@ var ProgressBar = ({
   const editable = Boolean(onChange);
   if (segments) {
     const visible = segments.filter((segment) => segment.value > 0);
-    return /* @__PURE__ */ jsxs23(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
-      label && /* @__PURE__ */ jsx47("span", { className: "text-xs text-grey-600", children: label }),
-      /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsxs30(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
+      label && /* @__PURE__ */ jsx64("span", { className: "text-xs text-grey-600", children: label }),
+      /* @__PURE__ */ jsx64(
         "div",
         {
           role: "img",
           "aria-label": ariaLabel != null ? ariaLabel : label,
           className: cn(trackVariants2({ height }), "flex gap-0.5"),
-          children: visible.map((segment, index) => /* @__PURE__ */ jsx47(
+          children: visible.map((segment, index) => /* @__PURE__ */ jsx64(
             "span",
             {
               className: "h-full",
@@ -4137,16 +4830,16 @@ var ProgressBar = ({
   }
   if (!editable) {
     const readOnlyPercent = Math.max(0, Math.min(100, percent));
-    return /* @__PURE__ */ jsxs23(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
-      label && /* @__PURE__ */ jsx47("span", { className: "text-xs text-grey-600", children: label }),
-      /* @__PURE__ */ jsxs23(Layout, { fullWidth: true, align: "center", gap: 2, children: [
-        /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsxs30(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
+      label && /* @__PURE__ */ jsx64("span", { className: "text-xs text-grey-600", children: label }),
+      /* @__PURE__ */ jsxs30(Layout, { fullWidth: true, align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx64(
           RadixProgress.Root,
           {
             value: readOnlyPercent,
             "aria-label": ariaLabel != null ? ariaLabel : label,
             className: trackVariants2({ height }),
-            children: /* @__PURE__ */ jsx47(
+            children: /* @__PURE__ */ jsx64(
               RadixProgress.Indicator,
               {
                 className: cn(
@@ -4161,11 +4854,11 @@ var ProgressBar = ({
             )
           }
         ),
-        showLabel && /* @__PURE__ */ jsx47("span", { className: "shrink-0 text-xs font-semibold text-neutral-800", children: display(Math.round(readOnlyPercent)) })
+        showLabel && /* @__PURE__ */ jsx64("span", { className: "shrink-0 text-xs font-semibold text-neutral-800", children: display(Math.round(readOnlyPercent)) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs30(
     Layout,
     {
       column: true,
@@ -4173,9 +4866,9 @@ var ProgressBar = ({
       gap: 1,
       className: cn(disabled && "cursor-not-allowed opacity-60", className),
       children: [
-        label && /* @__PURE__ */ jsx47("span", { className: "text-xs text-grey-600", children: label }),
-        /* @__PURE__ */ jsxs23("div", { className: "relative w-full pt-6", children: [
-          showLabel && /* @__PURE__ */ jsx47(
+        label && /* @__PURE__ */ jsx64("span", { className: "text-xs text-grey-600", children: label }),
+        /* @__PURE__ */ jsxs30("div", { className: "relative w-full pt-6", children: [
+          showLabel && /* @__PURE__ */ jsx64(
             "span",
             {
               className: "absolute top-0 -translate-x-1/2 text-xs font-semibold text-neutral-800",
@@ -4183,7 +4876,7 @@ var ProgressBar = ({
               children: display(current)
             }
           ),
-          /* @__PURE__ */ jsxs23(
+          /* @__PURE__ */ jsxs30(
             RadixSlider.Root,
             {
               value: [current],
@@ -4194,7 +4887,7 @@ var ProgressBar = ({
               disabled,
               className: "relative flex h-5 w-full touch-none select-none items-center",
               children: [
-                /* @__PURE__ */ jsx47(RadixSlider.Track, { className: cn(trackVariants2({ height }), "grow"), children: /* @__PURE__ */ jsx47(
+                /* @__PURE__ */ jsx64(RadixSlider.Track, { className: cn(trackVariants2({ height }), "grow"), children: /* @__PURE__ */ jsx64(
                   RadixSlider.Range,
                   {
                     className: cn(
@@ -4204,7 +4897,7 @@ var ProgressBar = ({
                     style: { backgroundColor: hexColor }
                   }
                 ) }),
-                /* @__PURE__ */ jsx47(
+                /* @__PURE__ */ jsx64(
                   RadixSlider.Thumb,
                   {
                     className: cn(
@@ -4219,9 +4912,9 @@ var ProgressBar = ({
             }
           )
         ] }),
-        showLabel && /* @__PURE__ */ jsxs23(Layout, { align: "center", justify: "between", children: [
-          /* @__PURE__ */ jsx47("span", { className: "text-xs text-grey-600", children: display(min) }),
-          /* @__PURE__ */ jsx47("span", { className: "text-xs text-grey-600", children: display(max) })
+        showLabel && /* @__PURE__ */ jsxs30(Layout, { align: "center", justify: "between", children: [
+          /* @__PURE__ */ jsx64("span", { className: "text-xs text-grey-600", children: display(min) }),
+          /* @__PURE__ */ jsx64("span", { className: "text-xs text-grey-600", children: display(max) })
         ] })
       ]
     }
@@ -4230,7 +4923,7 @@ var ProgressBar = ({
 
 // src/ui/components/ui/Collapsible.tsx
 import * as RadixCollapsible from "@radix-ui/react-collapsible";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 var Collapsible = RadixCollapsible.Root;
 var CollapsibleTrigger = RadixCollapsible.Trigger;
 var CollapsibleContent = (_a) => {
@@ -4239,7 +4932,7 @@ var CollapsibleContent = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx65(
     RadixCollapsible.Content,
     __spreadValues({
       className: "overflow-hidden data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] " + (className != null ? className : "")
@@ -4248,7 +4941,7 @@ var CollapsibleContent = (_a) => {
 };
 
 // src/ui/components/ui/Drawer.tsx
-import { useEffect as useEffect6, useRef as useRef7, useState as useState8 } from "react";
+import { useEffect as useEffect6, useRef as useRef9, useState as useState9 } from "react";
 import { Drawer as VaulDrawer } from "vaul";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
@@ -4319,7 +5012,7 @@ var swallowRestOfClick = () => {
 };
 
 // src/ui/components/ui/Drawer.tsx
-import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs31 } from "react/jsx-runtime";
 var KEEP_OPEN_SELECTOR = '[role="dialog"], [role="listbox"], [data-drawer-keep-open]';
 var CONTENT_POSITION = {
   top: "inset-x-4 top-4 rounded-2xl",
@@ -4338,9 +5031,9 @@ var Drawer = ({
   overlayClassName
 }) => {
   const isVertical = direction === "left" || direction === "right";
-  const contentRef = useRef7(null);
-  const [panel, setPanel] = useState8(null);
-  const overlayRef = useRef7(null);
+  const contentRef = useRef9(null);
+  const [panel, setPanel] = useState9(null);
+  const overlayRef = useRef9(null);
   useAllowPortalScroll(modal && open, contentRef, overlayRef);
   useEffect6(() => {
     if (!open || !panel) return;
@@ -4384,8 +5077,8 @@ var Drawer = ({
     return () => cancelAnimationFrame(frame);
   }, [modal, open]);
   const closeOnDismiss = (next) => !next && closeDrawer();
-  const drawerPortal = /* @__PURE__ */ jsxs24(VaulDrawer.Portal, { children: [
-    /* @__PURE__ */ jsx49(
+  const drawerPortal = /* @__PURE__ */ jsxs31(VaulDrawer.Portal, { children: [
+    /* @__PURE__ */ jsx66(
       VaulDrawer.Overlay,
       {
         ref: overlayRef,
@@ -4397,7 +5090,7 @@ var Drawer = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx66(
       VaulDrawer.Content,
       __spreadProps(__spreadValues({
         ref: (node) => {
@@ -4429,14 +5122,14 @@ var Drawer = ({
       })
     )
   ] });
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx66(
     VaulDrawer.Root,
     {
       direction,
       modal,
       open,
       onOpenChange: closeOnDismiss,
-      children: modal ? drawerPortal : /* @__PURE__ */ jsx49(
+      children: modal ? drawerPortal : /* @__PURE__ */ jsx66(
         DialogPrimitive.Root,
         {
           modal: false,
@@ -4454,7 +5147,7 @@ var DrawerHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx66(
     "div",
     __spreadValues({
       className: cn("flex w-full items-center justify-between", className)
@@ -4467,7 +5160,7 @@ var DrawerTitle = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx66(
     VaulDrawer.Title,
     __spreadValues({
       className: cn("text-base font-bold text-neutral-800", className)
@@ -4480,7 +5173,7 @@ var DrawerDescription = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx66(
     VaulDrawer.Description,
     __spreadValues({
       className: cn("text-sm text-grey-500", className)
@@ -4493,7 +5186,7 @@ var DrawerBody = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49("div", __spreadValues({ className: cn("min-h-0 flex-1 overflow-y-auto", className) }, props));
+  return /* @__PURE__ */ jsx66("div", __spreadValues({ className: cn("min-h-0 flex-1 overflow-y-auto", className) }, props));
 };
 var DrawerFooter = (_a) => {
   var _b = _a, {
@@ -4501,52 +5194,10 @@ var DrawerFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx49("div", __spreadValues({ className: cn("flex w-full flex-col gap-3", className) }, props));
+  return /* @__PURE__ */ jsx66("div", __spreadValues({ className: cn("flex w-full flex-col gap-3", className) }, props));
 };
 var DrawerClose = VaulDrawer.Close;
 
-// src/ui/components/ui/Popover.tsx
-import * as RadixPopover4 from "@radix-ui/react-popover";
-import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
-var Popover = ({
-  trigger,
-  items,
-  children,
-  align = "end",
-  side = "bottom",
-  sideOffset = 6,
-  open,
-  onOpenChange,
-  width,
-  className
-}) => /* @__PURE__ */ jsxs25(RadixPopover4.Root, { open, onOpenChange, children: [
-  /* @__PURE__ */ jsx50(RadixPopover4.Trigger, { asChild: true, children: trigger }),
-  /* @__PURE__ */ jsx50(RadixPopover4.Portal, { children: /* @__PURE__ */ jsx50(
-    RadixPopover4.Content,
-    {
-      align,
-      side,
-      sideOffset,
-      style: width ? { width } : void 0,
-      onClick: (event) => event.stopPropagation(),
-      className: cn(
-        "z-[9999] min-w-[140px] rounded-[6px] border border-grey-200 bg-white p-1 shadow-[0_2px_8px_rgba(0,0,0,0.08)]",
-        "data-[state=open]:animate-[fade-in_150ms_ease-out]",
-        className
-      ),
-      children: items ? /* @__PURE__ */ jsx50(Layout, { column: true, children: items.map((item, idx) => /* @__PURE__ */ jsx50(
-        RadixPopover4.Close,
-        {
-          onClick: item.action,
-          className: "cursor-pointer rounded-[4px] px-3 py-2 text-left text-sm font-medium text-neutral-800 outline-none hover:bg-grey-100",
-          children: item.label
-        },
-        idx
-      )) }) : children
-    }
-  ) })
-] });
-
 // src/ui/components/ui/sidebar/Sidebar.tsx
 import { forwardRef as forwardRef20 } from "react";
 
@@ -4557,11 +5208,11 @@ var SidebarCollapsedProvider = SidebarCollapsedContext.Provider;
 var useSidebarCollapsed = () => useContext3(SidebarCollapsedContext);
 
 // src/ui/components/ui/sidebar/Sidebar.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 var Sidebar = forwardRef20(
   (_a, ref) => {
     var _b = _a, { collapsed = false, className, children } = _b, props = __objRest(_b, ["collapsed", "className", "children"]);
-    return /* @__PURE__ */ jsx51(SidebarCollapsedProvider, { value: collapsed, children: /* @__PURE__ */ jsx51(
+    return /* @__PURE__ */ jsx67(SidebarCollapsedProvider, { value: collapsed, children: /* @__PURE__ */ jsx67(
       "aside",
       __spreadProps(__spreadValues({
         ref,
@@ -4580,10 +5231,10 @@ Sidebar.displayName = "Sidebar";
 
 // src/ui/components/ui/sidebar/SidebarTrigger.tsx
 import { forwardRef as forwardRef21 } from "react";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 var SidebarTrigger = forwardRef21((_a, ref) => {
   var _b = _a, { collapsed, className } = _b, props = __objRest(_b, ["collapsed", "className"]);
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx68(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -4594,7 +5245,7 @@ var SidebarTrigger = forwardRef21((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx52(
+      children: /* @__PURE__ */ jsx68(
         FaIcon,
         {
           name: collapsed ? "chevrons-right" : "chevrons-left",
@@ -4609,11 +5260,11 @@ SidebarTrigger.displayName = "SidebarTrigger";
 
 // src/ui/components/ui/sidebar/SidebarHeader.tsx
 import { forwardRef as forwardRef22 } from "react";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var SidebarHeader = forwardRef22(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx69(
       "div",
       __spreadValues({
         ref,
@@ -4626,11 +5277,11 @@ SidebarHeader.displayName = "SidebarHeader";
 
 // src/ui/components/ui/sidebar/SidebarContent.tsx
 import { forwardRef as forwardRef23 } from "react";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var SidebarContent = forwardRef23(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsx54(
+    return /* @__PURE__ */ jsx70(
       "div",
       __spreadValues({
         ref,
@@ -4647,20 +5298,20 @@ SidebarContent.displayName = "SidebarContent";
 
 // src/ui/components/ui/sidebar/SidebarGroup.tsx
 import { forwardRef as forwardRef24 } from "react";
-import { jsx as jsx55, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs32 } from "react/jsx-runtime";
 var SidebarGroup = forwardRef24(
   (_a, ref) => {
     var _b = _a, { label, className, children } = _b, props = __objRest(_b, ["label", "className", "children"]);
     const collapsed = useSidebarCollapsed();
-    return /* @__PURE__ */ jsxs26(
+    return /* @__PURE__ */ jsxs32(
       "div",
       __spreadProps(__spreadValues({
         ref,
         className: cn("flex w-full flex-col p-2", className)
       }, props), {
         children: [
-          label && !collapsed && /* @__PURE__ */ jsx55("span", { className: "flex h-8 shrink-0 items-center px-2 text-xs font-medium text-white/50", children: label }),
-          /* @__PURE__ */ jsx55("div", { className: "flex flex-col gap-1", children })
+          label && !collapsed && /* @__PURE__ */ jsx71("span", { className: "flex h-8 shrink-0 items-center px-2 text-xs font-medium text-white/50", children: label }),
+          /* @__PURE__ */ jsx71("div", { className: "flex flex-col gap-1", children })
         ]
       })
     );
@@ -4670,7 +5321,7 @@ SidebarGroup.displayName = "SidebarGroup";
 
 // src/ui/components/ui/sidebar/SidebarMenuButton.tsx
 import { forwardRef as forwardRef25 } from "react";
-import { jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs33 } from "react/jsx-runtime";
 var SidebarMenuButton = forwardRef25(
   (_a, ref) => {
     var _b = _a, {
@@ -4693,7 +5344,7 @@ var SidebarMenuButton = forwardRef25(
       "className"
     ]);
     const collapsed = useSidebarCollapsed();
-    const button = /* @__PURE__ */ jsxs27(
+    const button = /* @__PURE__ */ jsxs33(
       "button",
       __spreadProps(__spreadValues({
         ref,
@@ -4709,7 +5360,7 @@ var SidebarMenuButton = forwardRef25(
         )
       }, props), {
         children: [
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx72(
             FaIcon,
             {
               name: icon,
@@ -4718,7 +5369,7 @@ var SidebarMenuButton = forwardRef25(
               className: "shrink-0"
             }
           ),
-          !collapsed && /* @__PURE__ */ jsx56(
+          !collapsed && /* @__PURE__ */ jsx72(
             Text,
             {
               as: "span",
@@ -4729,8 +5380,8 @@ var SidebarMenuButton = forwardRef25(
               children: label
             }
           ),
-          !collapsed && shortcut && /* @__PURE__ */ jsx56("kbd", { className: "shrink-0 rounded border border-white/15 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-white/50", children: shortcut }),
-          !!badge && /* @__PURE__ */ jsx56(
+          !collapsed && shortcut && /* @__PURE__ */ jsx72("kbd", { className: "shrink-0 rounded border border-white/15 bg-white/5 px-1.5 py-0.5 text-[10px] font-medium text-white/50", children: shortcut }),
+          !!badge && /* @__PURE__ */ jsx72(
             "span",
             {
               className: cn(
@@ -4745,14 +5396,14 @@ var SidebarMenuButton = forwardRef25(
       })
     );
     if (!collapsed) return button;
-    return /* @__PURE__ */ jsx56(Tooltip, { content: label, side: "right", children: button });
+    return /* @__PURE__ */ jsx72(Tooltip, { content: label, side: "right", children: button });
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
 
 // src/ui/components/ui/sidebar/SidebarActionCard.tsx
 import { forwardRef as forwardRef26 } from "react";
-import { Fragment as Fragment4, jsx as jsx57, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx73, jsxs as jsxs34 } from "react/jsx-runtime";
 var SidebarActionCard = forwardRef26(
   (_a, ref) => {
     var _b = _a, {
@@ -4773,11 +5424,11 @@ var SidebarActionCard = forwardRef26(
     const collapsed = useSidebarCollapsed();
     const tooltip = subtitle ? `${title} ${subtitle}` : title;
     const counter = badge ? badge > 99 ? "99+" : badge : null;
-    const iconBadge = /* @__PURE__ */ jsxs28("span", { className: "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-yellow-200 text-neutral-800", children: [
-      /* @__PURE__ */ jsx57(FaIcon, { name: icon, family: iconFamily, size: 16 }),
-      collapsed && counter && /* @__PURE__ */ jsx57("span", { className: "absolute -right-1.5 -top-1.5 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-red-500 px-1.5 text-xs font-bold text-white", children: counter })
+    const iconBadge = /* @__PURE__ */ jsxs34("span", { className: "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-yellow-200 text-neutral-800", children: [
+      /* @__PURE__ */ jsx73(FaIcon, { name: icon, family: iconFamily, size: 16 }),
+      collapsed && counter && /* @__PURE__ */ jsx73("span", { className: "absolute -right-1.5 -top-1.5 inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-red-500 px-1.5 text-xs font-bold text-white", children: counter })
     ] });
-    const button = /* @__PURE__ */ jsxs28(
+    const button = /* @__PURE__ */ jsxs34(
       "button",
       __spreadProps(__spreadValues({
         ref,
@@ -4792,12 +5443,12 @@ var SidebarActionCard = forwardRef26(
       }, props), {
         children: [
           iconBadge,
-          !collapsed && /* @__PURE__ */ jsxs28(Fragment4, { children: [
-            /* @__PURE__ */ jsxs28("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-              /* @__PURE__ */ jsx57("span", { className: "truncate text-sm font-bold text-white", children: title }),
-              subtitle && /* @__PURE__ */ jsx57("span", { className: "truncate text-xs text-white/60", children: subtitle })
+          !collapsed && /* @__PURE__ */ jsxs34(Fragment5, { children: [
+            /* @__PURE__ */ jsxs34("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+              /* @__PURE__ */ jsx73("span", { className: "truncate text-sm font-bold text-white", children: title }),
+              subtitle && /* @__PURE__ */ jsx73("span", { className: "truncate text-xs text-white/60", children: subtitle })
             ] }),
-            counter ? /* @__PURE__ */ jsx57("span", { className: "inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-full bg-red-500 px-1.5 text-xs font-bold text-white", children: counter }) : /* @__PURE__ */ jsx57(
+            counter ? /* @__PURE__ */ jsx73("span", { className: "inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-full bg-red-500 px-1.5 text-xs font-bold text-white", children: counter }) : /* @__PURE__ */ jsx73(
               FaIcon,
               {
                 name: "chevron-right",
@@ -4811,18 +5462,18 @@ var SidebarActionCard = forwardRef26(
       })
     );
     if (!collapsed) return button;
-    return /* @__PURE__ */ jsx57(Tooltip, { content: tooltip, side: "right", children: button });
+    return /* @__PURE__ */ jsx73(Tooltip, { content: tooltip, side: "right", children: button });
   }
 );
 SidebarActionCard.displayName = "SidebarActionCard";
 
 // src/ui/components/ui/sidebar/SidebarMenuSub.tsx
 import { forwardRef as forwardRef27 } from "react";
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var SidebarMenuSub = forwardRef27(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx74(
       "ul",
       __spreadValues({
         ref,
@@ -4838,23 +5489,23 @@ SidebarMenuSub.displayName = "SidebarMenuSub";
 
 // src/ui/components/ui/sidebar/SidebarMenuSubItem.tsx
 import { forwardRef as forwardRef28 } from "react";
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 var SidebarMenuSubItem = forwardRef28((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx59("li", __spreadValues({ ref, className: cn("relative", className) }, props));
+  return /* @__PURE__ */ jsx75("li", __spreadValues({ ref, className: cn("relative", className) }, props));
 });
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 
 // src/ui/components/ui/sidebar/SidebarMenuSubButton.tsx
 import { forwardRef as forwardRef29 } from "react";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var SIZE_CLASS = {
   default: "h-10",
   lg: "h-14"
 };
 var SidebarMenuSubButton = forwardRef29((_a, ref) => {
   var _b = _a, { active, size = "default", className } = _b, props = __objRest(_b, ["active", "size", "className"]);
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx76(
     "button",
     __spreadValues({
       ref,
@@ -4874,11 +5525,11 @@ SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/ui/components/ui/sidebar/SidebarFooter.tsx
 import { forwardRef as forwardRef30 } from "react";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var SidebarFooter = forwardRef30(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsx61(
+    return /* @__PURE__ */ jsx77(
       "div",
       __spreadValues({
         ref,
@@ -4890,7 +5541,7 @@ var SidebarFooter = forwardRef30(
 SidebarFooter.displayName = "SidebarFooter";
 
 // src/ui/components/ui/sidebar/SidebarSupportInfo.tsx
-import { jsx as jsx62, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs35 } from "react/jsx-runtime";
 var SidebarSupportInfo = ({
   phone,
   hours,
@@ -4899,27 +5550,27 @@ var SidebarSupportInfo = ({
   className
 }) => {
   const collapsed = useSidebarCollapsed();
-  const badge = /* @__PURE__ */ jsx62("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-white/10 text-white", children: /* @__PURE__ */ jsx62(FaIcon, { name: icon, family: iconFamily, size: 16 }) });
+  const badge = /* @__PURE__ */ jsx78("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-white/10 text-white", children: /* @__PURE__ */ jsx78(FaIcon, { name: icon, family: iconFamily, size: 16 }) });
   if (collapsed) {
-    return /* @__PURE__ */ jsx62("div", { className: cn("flex justify-center px-2 py-1.5", className), children: /* @__PURE__ */ jsx62(Tooltip, { content: `${phone} \u2014 ${hours}`, side: "right", children: badge }) });
+    return /* @__PURE__ */ jsx78("div", { className: cn("flex justify-center px-2 py-1.5", className), children: /* @__PURE__ */ jsx78(Tooltip, { content: `${phone} \u2014 ${hours}`, side: "right", children: badge }) });
   }
-  return /* @__PURE__ */ jsxs29("div", { className: cn("flex items-center gap-2 px-2 py-1.5", className), children: [
+  return /* @__PURE__ */ jsxs35("div", { className: cn("flex items-center gap-2 px-2 py-1.5", className), children: [
     badge,
-    /* @__PURE__ */ jsxs29("div", { className: "flex min-w-0 flex-col leading-tight", children: [
-      /* @__PURE__ */ jsx62("span", { className: "truncate text-sm font-bold text-white", children: phone }),
-      /* @__PURE__ */ jsx62("span", { className: "truncate text-xs text-white/50", children: hours })
+    /* @__PURE__ */ jsxs35("div", { className: "flex min-w-0 flex-col leading-tight", children: [
+      /* @__PURE__ */ jsx78("span", { className: "truncate text-sm font-bold text-white", children: phone }),
+      /* @__PURE__ */ jsx78("span", { className: "truncate text-xs text-white/50", children: hours })
     ] })
   ] });
 };
 
 // src/ui/components/ui/sidebar/SidebarMenuSearchInput.tsx
 import { forwardRef as forwardRef31 } from "react";
-import { jsx as jsx63, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs36 } from "react/jsx-runtime";
 var SidebarMenuSearchInput = forwardRef31((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxs30(InputGroup, { children: [
-    /* @__PURE__ */ jsx63(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx63(FaIcon, { name: "magnifying-glass", size: 14, className: "text-white/50" }) }),
-    /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsxs36(InputGroup, { children: [
+    /* @__PURE__ */ jsx79(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx79(FaIcon, { name: "magnifying-glass", size: 14, className: "text-white/50" }) }),
+    /* @__PURE__ */ jsx79(
       Input,
       __spreadValues({
         ref,
@@ -4934,9 +5585,9 @@ var SidebarMenuSearchInput = forwardRef31((_a, ref) => {
 SidebarMenuSearchInput.displayName = "SidebarMenuSearchInput";
 
 // src/ui/components/ui/sidebar/SidebarUserMenu.tsx
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 import * as RadixPopover5 from "@radix-ui/react-popover";
-import { Fragment as Fragment5, jsx as jsx64, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx80, jsxs as jsxs37 } from "react/jsx-runtime";
 var panelClassName = cn(
   "z-[9999] min-w-[220px] rounded-lg border border-white/10 bg-blue-800 p-1 shadow-[0_4px_16px_rgba(0,0,0,0.4)]",
   "data-[state=open]:animate-[fade-in_150ms_ease-out]"
@@ -4953,13 +5604,13 @@ var SidebarUserMenu = ({
   className
 }) => {
   const collapsed = useSidebarCollapsed();
-  const [open, setOpen] = useState9(false);
+  const [open, setOpen] = useState10(false);
   const runAndClose = (action) => {
     action();
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxs31(RadixPopover5.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx64(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs37(RadixPopover5.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx80(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs37(
       "button",
       {
         type: "button",
@@ -4969,10 +5620,10 @@ var SidebarUserMenu = ({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx64(Avatar, { name, src: avatarSrc, size: collapsed ? 28 : 32 }),
-          !collapsed && /* @__PURE__ */ jsxs31(Fragment5, { children: [
-            /* @__PURE__ */ jsxs31("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-              /* @__PURE__ */ jsx64(
+          /* @__PURE__ */ jsx80(Avatar, { name, src: avatarSrc, size: collapsed ? 28 : 32 }),
+          !collapsed && /* @__PURE__ */ jsxs37(Fragment6, { children: [
+            /* @__PURE__ */ jsxs37("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+              /* @__PURE__ */ jsx80(
                 Text,
                 {
                   as: "span",
@@ -4983,10 +5634,10 @@ var SidebarUserMenu = ({
                   children: name
                 }
               ),
-              email && /* @__PURE__ */ jsx64("span", { className: "truncate text-xs text-white/50", children: email }),
-              subtitle && !hideSubtitleInTrigger && /* @__PURE__ */ jsx64("span", { className: "truncate text-xs text-white/50", children: subtitle })
+              email && /* @__PURE__ */ jsx80("span", { className: "truncate text-xs text-white/50", children: email }),
+              subtitle && !hideSubtitleInTrigger && /* @__PURE__ */ jsx80("span", { className: "truncate text-xs text-white/50", children: subtitle })
             ] }),
-            /* @__PURE__ */ jsx64(
+            /* @__PURE__ */ jsx80(
               FaIcon,
               {
                 name: "sort",
@@ -4999,7 +5650,7 @@ var SidebarUserMenu = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx64(RadixPopover5.Portal, { children: /* @__PURE__ */ jsxs31(
+    /* @__PURE__ */ jsx80(RadixPopover5.Portal, { children: /* @__PURE__ */ jsxs37(
       RadixPopover5.Content,
       {
         align: "end",
@@ -5007,10 +5658,10 @@ var SidebarUserMenu = ({
         sideOffset: 6,
         className: panelClassName,
         children: [
-          /* @__PURE__ */ jsxs31("div", { className: "flex items-center gap-2 px-2 py-1.5", children: [
-            /* @__PURE__ */ jsx64(Avatar, { name, src: avatarSrc, size: 32 }),
-            /* @__PURE__ */ jsxs31("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-              /* @__PURE__ */ jsx64(
+          /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2 px-2 py-1.5", children: [
+            /* @__PURE__ */ jsx80(Avatar, { name, src: avatarSrc, size: 32 }),
+            /* @__PURE__ */ jsxs37("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+              /* @__PURE__ */ jsx80(
                 Text,
                 {
                   as: "span",
@@ -5021,20 +5672,20 @@ var SidebarUserMenu = ({
                   children: name
                 }
               ),
-              email && /* @__PURE__ */ jsx64("span", { className: "truncate text-xs text-white/50", children: email }),
-              subtitle && !hideSubtitleInPanel && /* @__PURE__ */ jsx64("span", { className: "truncate text-xs text-white/50", children: subtitle })
+              email && /* @__PURE__ */ jsx80("span", { className: "truncate text-xs text-white/50", children: email }),
+              subtitle && !hideSubtitleInPanel && /* @__PURE__ */ jsx80("span", { className: "truncate text-xs text-white/50", children: subtitle })
             ] })
           ] }),
-          actionGroups.map((group, groupIndex) => /* @__PURE__ */ jsx64(
+          actionGroups.map((group, groupIndex) => /* @__PURE__ */ jsx80(
             "div",
             {
               className: "border-t border-white/10 py-1 first:border-t-0",
               children: group.map(
                 (item) => {
                   var _a;
-                  return item.renderPanel || item.subActions ? /* @__PURE__ */ jsxs31(RadixPopover5.Root, { children: [
-                    /* @__PURE__ */ jsx64(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs31("button", { type: "button", className: rowClassName, children: [
-                      /* @__PURE__ */ jsx64(
+                  return item.renderPanel || item.subActions ? /* @__PURE__ */ jsxs37(RadixPopover5.Root, { children: [
+                    /* @__PURE__ */ jsx80(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs37("button", { type: "button", className: rowClassName, children: [
+                      /* @__PURE__ */ jsx80(
                         FaIcon,
                         {
                           name: item.icon,
@@ -5043,8 +5694,8 @@ var SidebarUserMenu = ({
                           className: "shrink-0 text-white/70"
                         }
                       ),
-                      /* @__PURE__ */ jsx64("span", { className: "flex-1", children: item.label }),
-                      /* @__PURE__ */ jsx64(
+                      /* @__PURE__ */ jsx80("span", { className: "flex-1", children: item.label }),
+                      /* @__PURE__ */ jsx80(
                         FaIcon,
                         {
                           name: "chevron-right",
@@ -5053,21 +5704,21 @@ var SidebarUserMenu = ({
                         }
                       )
                     ] }) }),
-                    /* @__PURE__ */ jsx64(RadixPopover5.Portal, { children: /* @__PURE__ */ jsx64(
+                    /* @__PURE__ */ jsx80(RadixPopover5.Portal, { children: /* @__PURE__ */ jsx80(
                       RadixPopover5.Content,
                       {
                         align: "end",
                         side: "right",
                         sideOffset: 6,
                         className: panelClassName,
-                        children: item.renderPanel ? item.renderPanel(() => setOpen(false)) : (_a = item.subActions) == null ? void 0 : _a.map((sub) => /* @__PURE__ */ jsxs31(
+                        children: item.renderPanel ? item.renderPanel(() => setOpen(false)) : (_a = item.subActions) == null ? void 0 : _a.map((sub) => /* @__PURE__ */ jsxs37(
                           "button",
                           {
                             type: "button",
                             onClick: () => runAndClose(sub.action),
                             className: rowClassName,
                             children: [
-                              /* @__PURE__ */ jsx64(
+                              /* @__PURE__ */ jsx80(
                                 FaIcon,
                                 {
                                   name: sub.icon,
@@ -5083,14 +5734,14 @@ var SidebarUserMenu = ({
                         ))
                       }
                     ) })
-                  ] }, item.label) : /* @__PURE__ */ jsxs31(
+                  ] }, item.label) : /* @__PURE__ */ jsxs37(
                     "button",
                     {
                       type: "button",
                       onClick: () => runAndClose(item.action),
                       className: rowClassName,
                       children: [
-                        /* @__PURE__ */ jsx64(
+                        /* @__PURE__ */ jsx80(
                           FaIcon,
                           {
                             name: item.icon,
@@ -5117,15 +5768,15 @@ var SidebarUserMenu = ({
 
 // src/ui/components/ui/Toaster.tsx
 import { Toaster as SonnerToaster } from "sonner";
-import { jsx as jsx65 } from "react/jsx-runtime";
-var Toaster = () => /* @__PURE__ */ jsx65(SonnerToaster, { position: "bottom-right", gap: 8 });
+import { jsx as jsx81 } from "react/jsx-runtime";
+var Toaster = () => /* @__PURE__ */ jsx81(SonnerToaster, { position: "bottom-right", gap: 8 });
 
 // src/ui/lib/toast.tsx
 import { toast as sonnerToast2 } from "sonner";
 
 // src/ui/components/ui/ToastCard.tsx
 import { toast as sonnerToast } from "sonner";
-import { jsx as jsx66, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs38 } from "react/jsx-runtime";
 var ICON = {
   success: "circle-check",
   error: "circle-xmark",
@@ -5167,7 +5818,7 @@ var ToastCard = ({
   title,
   message,
   timeOut
-}) => /* @__PURE__ */ jsxs32(
+}) => /* @__PURE__ */ jsxs38(
   Layout,
   {
     role: "status",
@@ -5179,14 +5830,14 @@ var ToastCard = ({
       ACCENT_BORDER[type]
     ),
     children: [
-      /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx82(
         "span",
         {
           className: cn(
             "flex h-7 w-7 shrink-0 items-center justify-center rounded-full",
             ACCENT_BG[type]
           ),
-          children: /* @__PURE__ */ jsx66(
+          children: /* @__PURE__ */ jsx82(
             FaIcon,
             {
               name: ICON[type],
@@ -5199,21 +5850,21 @@ var ToastCard = ({
           )
         }
       ),
-      /* @__PURE__ */ jsxs32(Layout, { column: true, flex: 1, gap: 0.5, className: "min-w-0", children: [
-        title && /* @__PURE__ */ jsx66("p", { className: "text-sm font-bold text-neutral-800", children: title }),
-        /* @__PURE__ */ jsx66("p", { className: "text-sm text-neutral-800", children: message })
+      /* @__PURE__ */ jsxs38(Layout, { column: true, flex: 1, gap: 0.5, className: "min-w-0", children: [
+        title && /* @__PURE__ */ jsx82("p", { className: "text-sm font-bold text-neutral-800", children: title }),
+        /* @__PURE__ */ jsx82("p", { className: "text-sm text-neutral-800", children: message })
       ] }),
-      /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx82(
         "button",
         {
           type: "button",
           "aria-label": "Fermer",
           onClick: () => sonnerToast.dismiss(id),
           className: "absolute right-2.5 top-2.5 text-grey-500 hover:text-neutral-800",
-          children: /* @__PURE__ */ jsx66(FaIcon, { name: "xmark", size: 14 })
+          children: /* @__PURE__ */ jsx82(FaIcon, { name: "xmark", size: 14 })
         }
       ),
-      type !== "loading" && /* @__PURE__ */ jsx66(
+      type !== "loading" && /* @__PURE__ */ jsx82(
         "div",
         {
           className: cn(
@@ -5228,13 +5879,13 @@ var ToastCard = ({
 );
 
 // src/ui/lib/toast.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx83 } from "react/jsx-runtime";
 var DEFAULT_TIMEOUT = 4e3;
 var show = (type, message, options) => {
   var _a;
   const timeOut = type === "loading" ? Infinity : (_a = options == null ? void 0 : options.timeOut) != null ? _a : DEFAULT_TIMEOUT;
   return sonnerToast2.custom(
-    (id) => /* @__PURE__ */ jsx67(
+    (id) => /* @__PURE__ */ jsx83(
       ToastCard,
       {
         id,
@@ -5274,7 +5925,7 @@ var toast = {
 // src/ui/components/ui/PageContainer.tsx
 import { forwardRef as forwardRef32 } from "react";
 import { cva as cva14 } from "class-variance-authority";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var pageContainerVariants = cva14(
   "flex h-full w-full flex-col overflow-auto rounded-[10px] bg-grey-200 shadow-[0_1px_4px_rgba(0,0,0,0.16)]",
   {
@@ -5292,7 +5943,7 @@ var pageContainerVariants = cva14(
 var PageContainer = forwardRef32(
   (_a, ref) => {
     var _b = _a, { padding, className } = _b, props = __objRest(_b, ["padding", "className"]);
-    return /* @__PURE__ */ jsx68(
+    return /* @__PURE__ */ jsx84(
       "div",
       __spreadValues({
         ref,
@@ -5304,8 +5955,8 @@ var PageContainer = forwardRef32(
 PageContainer.displayName = "PageContainer";
 
 // src/ui/components/ui/IconTabs.tsx
-import { useCallback as useCallback2, useEffect as useEffect7, useRef as useRef8, useState as useState10 } from "react";
-import { jsx as jsx69, jsxs as jsxs33 } from "react/jsx-runtime";
+import { useCallback as useCallback3, useEffect as useEffect7, useRef as useRef10, useState as useState11 } from "react";
+import { jsx as jsx85, jsxs as jsxs39 } from "react/jsx-runtime";
 var IconTabs = ({
   items,
   value,
@@ -5314,10 +5965,10 @@ var IconTabs = ({
   className
 }) => {
   var _a;
-  const listRef = useRef8(null);
-  const tabRefs = useRef8([]);
-  const [bar, setBar] = useState10({ left: 0, top: 0, width: 0, height: 0 });
-  const updateBar = useCallback2(() => {
+  const listRef = useRef10(null);
+  const tabRefs = useRef10([]);
+  const [bar, setBar] = useState11({ left: 0, top: 0, width: 0, height: 0 });
+  const updateBar = useCallback3(() => {
     const root = listRef.current;
     const activeEl = tabRefs.current[value];
     if (!root || !activeEl) return;
@@ -5336,8 +5987,8 @@ var IconTabs = ({
     if (listRef.current) ro.observe(listRef.current);
     return () => ro.disconnect();
   }, [updateBar]);
-  return /* @__PURE__ */ jsxs33(Layout, { column: true, className, children: [
-    /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs39(Layout, { column: true, className, children: [
+    /* @__PURE__ */ jsxs39(
       Layout,
       {
         ref: listRef,
@@ -5346,7 +5997,7 @@ var IconTabs = ({
         gap: 1,
         className: "relative rounded-[5px] bg-grey-100 p-1",
         children: [
-          /* @__PURE__ */ jsx69(
+          /* @__PURE__ */ jsx85(
             "div",
             {
               className: "absolute rounded-[5px] bg-blue-50 transition-all duration-300",
@@ -5362,7 +6013,7 @@ var IconTabs = ({
             var _a2;
             const disabled = disabledIndexes.includes(index);
             const active = value === index;
-            return /* @__PURE__ */ jsxs33(
+            return /* @__PURE__ */ jsxs39(
               "button",
               {
                 type: "button",
@@ -5379,14 +6030,14 @@ var IconTabs = ({
                   disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx69(
+                  /* @__PURE__ */ jsx85(
                     "i",
                     {
                       className: `fa-${(_a2 = item.iconFamily) != null ? _a2 : "regular"} fa-${item.icon}`,
                       style: { fontSize: 16 }
                     }
                   ),
-                  item.caption && /* @__PURE__ */ jsx69(
+                  item.caption && /* @__PURE__ */ jsx85(
                     "span",
                     {
                       className: cn(
@@ -5404,13 +6055,13 @@ var IconTabs = ({
         ]
       }
     ),
-    ((_a = items[value]) == null ? void 0 : _a.label) && /* @__PURE__ */ jsx69("span", { className: "mt-2 text-center text-xs text-neutral-800", children: items[value].label })
+    ((_a = items[value]) == null ? void 0 : _a.label) && /* @__PURE__ */ jsx85("span", { className: "mt-2 text-center text-xs text-neutral-800", children: items[value].label })
   ] });
 };
 
 // src/ui/components/ui/Banner.tsx
 import { cva as cva15 } from "class-variance-authority";
-import { jsx as jsx70, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs40 } from "react/jsx-runtime";
 var bannerVariants = cva15("rounded-[6px] px-4 py-2", {
   variants: {
     theme: {
@@ -5431,7 +6082,7 @@ var bannerVariants = cva15("rounded-[6px] px-4 py-2", {
   },
   defaultVariants: { theme: "blue-700" }
 });
-var TEXT_CLASS = {
+var TEXT_CLASS2 = {
   "blue-700": "text-blue-900",
   "blue-900": "text-blue-900",
   "blue-950": "text-blue-900",
@@ -5466,15 +6117,15 @@ var Banner = ({
   className
 }) => {
   const align = textAlignByJustify[justify];
-  const textClass = TEXT_CLASS[theme != null ? theme : "blue-700"];
-  const content = children ? children : message ? /* @__PURE__ */ jsx70(Text, { size: "s", align, className: textClass, children: message }) : /* @__PURE__ */ jsxs34(Layout, { column: true, align: justify, gap: 1, children: [
-    /* @__PURE__ */ jsxs34(Layout, { align: "center", gap: 2, children: [
-      badge && /* @__PURE__ */ jsx70(Badge, { theme: theme != null ? theme : "blue-700", size: "m", children: badge }),
-      title && /* @__PURE__ */ jsx70(Text, { size: "s", weight: "bold", align, className: textClass, children: title })
+  const textClass = TEXT_CLASS2[theme != null ? theme : "blue-700"];
+  const content = children ? children : message ? /* @__PURE__ */ jsx86(Text, { size: "s", align, className: textClass, children: message }) : /* @__PURE__ */ jsxs40(Layout, { column: true, align: justify, gap: 1, children: [
+    /* @__PURE__ */ jsxs40(Layout, { align: "center", gap: 2, children: [
+      badge && /* @__PURE__ */ jsx86(Badge, { theme: theme != null ? theme : "blue-700", size: "m", children: badge }),
+      title && /* @__PURE__ */ jsx86(Text, { size: "s", weight: "bold", align, className: textClass, children: title })
     ] }),
-    subtitle && /* @__PURE__ */ jsx70(Text, { size: "xs", align, className: textClass, children: subtitle })
+    subtitle && /* @__PURE__ */ jsx86(Text, { size: "xs", align, className: textClass, children: subtitle })
   ] });
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs40(
     Layout,
     {
       role: "alert",
@@ -5485,15 +6136,15 @@ var Banner = ({
       width,
       className: cn(bannerVariants({ theme }), className),
       children: [
-        justify === "start" ? content : /* @__PURE__ */ jsx70(Layout, { flex: 1, justify, align: "center", gap: 2, wrap: true, children: content }),
-        toggle ? /* @__PURE__ */ jsx70(
+        justify === "start" ? content : /* @__PURE__ */ jsx86(Layout, { flex: 1, justify, align: "center", gap: 2, wrap: true, children: content }),
+        toggle ? /* @__PURE__ */ jsx86(
           Switch,
           {
             checked: toggle.checked,
             onChange: toggle.onChange,
             disabled: toggle.disabled
           }
-        ) : action && /* @__PURE__ */ jsxs34(
+        ) : action && /* @__PURE__ */ jsxs40(
           Button,
           {
             variant: "outline",
@@ -5513,11 +6164,11 @@ var Banner = ({
 
 // src/ui/components/ui/FloatingButton.tsx
 import {
-  useCallback as useCallback3,
+  useCallback as useCallback4,
   useEffect as useEffect8,
   useLayoutEffect,
-  useRef as useRef9,
-  useState as useState11
+  useRef as useRef11,
+  useState as useState12
 } from "react";
 
 // src/ui/lib/floatingArc.ts
@@ -5610,7 +6261,7 @@ var resolveArcPlacement = (request) => {
 };
 
 // src/ui/components/ui/FloatingButton.tsx
-import { jsx as jsx71, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs41 } from "react/jsx-runtime";
 var readStoredOffset = (key) => {
   if (!key || typeof window === "undefined") return { x: 0, y: 0 };
   try {
@@ -5672,20 +6323,20 @@ var FloatingButton = ({
   safeArea,
   onOffsetChange
 }) => {
-  const containerRef = useRef9(null);
-  const [placement, setPlacement] = useState11(() => ({
+  const containerRef = useRef11(null);
+  const [placement, setPlacement] = useState12(() => ({
     geometry: __spreadValues({ base: 90 }, arcLayout(actions.length, ARC_RADIUS, SUB_SIZE)),
     shift: { x: 0, y: 0 }
   }));
-  const [isDragging, setIsDragging] = useState11(false);
-  const [offset, setOffset] = useState11(() => readStoredOffset(persistKey));
-  const offsetRef = useRef9(offset);
-  const lastPointRef = useRef9({ x: 0, y: 0 });
-  const dragDistanceRef = useRef9(0);
+  const [isDragging, setIsDragging] = useState12(false);
+  const [offset, setOffset] = useState12(() => readStoredOffset(persistKey));
+  const offsetRef = useRef11(offset);
+  const lastPointRef = useRef11({ x: 0, y: 0 });
+  const dragDistanceRef = useRef11(0);
   useEffect8(() => {
     onOffsetChange == null ? void 0 : onOffsetChange(offset);
   }, [offset, onOffsetChange]);
-  const clampOffset = useCallback3(
+  const clampOffset = useCallback4(
     (next) => {
       var _a, _b, _c, _d;
       const el = containerRef.current;
@@ -5748,7 +6399,7 @@ var FloatingButton = ({
       window.removeEventListener("pointercancel", endDrag);
     };
   }, [draggable, isDragging, persistKey, clampOffset]);
-  const resolvePlacement = useCallback3(() => {
+  const resolvePlacement = useCallback4(() => {
     var _a, _b, _c, _d;
     const el = containerRef.current;
     if (!el || typeof window === "undefined") return;
@@ -5808,7 +6459,7 @@ var FloatingButton = ({
   const { itemSize } = placement.geometry;
   const translateX = offset.x + (isOpen ? placement.shift.x : 0);
   const translateY = offset.y + (isOpen ? placement.shift.y : 0);
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs41(
     "div",
     {
       ref: containerRef,
@@ -5826,7 +6477,7 @@ var FloatingButton = ({
         actions.map((action, index) => {
           var _a;
           const itemOffset = arcOffset(index, actions.length, placement.geometry);
-          return /* @__PURE__ */ jsxs35(
+          return /* @__PURE__ */ jsxs41(
             "button",
             {
               type: "button",
@@ -5844,14 +6495,14 @@ var FloatingButton = ({
                 transform: isOpen ? `translate(${itemOffset.x}px, ${itemOffset.y}px)` : "scale(0.4)"
               },
               children: [
-                /* @__PURE__ */ jsx71("span", { className: SUB_ICON[color], children: action.icon }),
-                ((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ jsx71("span", { className: "absolute -right-1 -top-1 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-red-500 px-1 text-[11px] font-bold text-white", children: action.badge })
+                /* @__PURE__ */ jsx87("span", { className: SUB_ICON[color], children: action.icon }),
+                ((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ jsx87("span", { className: "absolute -right-1 -top-1 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-red-500 px-1 text-[11px] font-bold text-white", children: action.badge })
               ]
             },
             action.id
           );
         }),
-        /* @__PURE__ */ jsxs35(
+        /* @__PURE__ */ jsxs41(
           "button",
           {
             type: "button",
@@ -5868,8 +6519,8 @@ var FloatingButton = ({
               touchAction: draggable ? "none" : void 0
             },
             children: [
-              isOpen ? /* @__PURE__ */ jsx71(FaIcon, { name: "xmark", size: 20 }) : icon,
-              !isOpen && mainBadge > 0 && /* @__PURE__ */ jsx71("span", { className: "absolute -right-1 -top-1 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-red-500 px-1 text-[11px] font-bold text-white", children: mainBadge })
+              isOpen ? /* @__PURE__ */ jsx87(FaIcon, { name: "xmark", size: 20 }) : icon,
+              !isOpen && mainBadge > 0 && /* @__PURE__ */ jsx87("span", { className: "absolute -right-1 -top-1 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-red-500 px-1 text-[11px] font-bold text-white", children: mainBadge })
             ]
           }
         )
@@ -5879,8 +6530,8 @@ var FloatingButton = ({
 };
 
 // src/ui/components/ui/ActivityFeedPanel.tsx
-import { useEffect as useEffect9, useRef as useRef10, useState as useState12 } from "react";
-import { jsx as jsx72, jsxs as jsxs36 } from "react/jsx-runtime";
+import { useEffect as useEffect9, useRef as useRef12, useState as useState13 } from "react";
+import { jsx as jsx88, jsxs as jsxs42 } from "react/jsx-runtime";
 var PANEL_WIDTH = 500;
 var PANEL_MAX_HEIGHT = 750;
 var GAP = 8;
@@ -5914,8 +6565,8 @@ var ActivityFeedPanel = ({
   emptyMessage = "Rien de neuf pour l\u2019instant.",
   items
 }) => {
-  const panelRef = useRef10(null);
-  const [placement, setPlacement] = useState12(
+  const panelRef = useRef12(null);
+  const [placement, setPlacement] = useState13(
     () => typeof window === "undefined" ? {} : resolveFloatingPanelPlacement(
       offset,
       window.innerWidth,
@@ -5947,7 +6598,7 @@ var ActivityFeedPanel = ({
     return () => window.removeEventListener("resize", recompute);
   }, [open, offset]);
   if (!open) return null;
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs42(
     Layout,
     {
       ref: panelRef,
@@ -5955,7 +6606,7 @@ var ActivityFeedPanel = ({
       className: "fixed z-30 w-[500px] max-w-[calc(100vw-32px)] overflow-hidden rounded-[10px] border border-grey-200 bg-white shadow-[0_20px_50px_-18px_rgba(15,36,48,0.35)]",
       style: __spreadProps(__spreadValues({}, placement), { maxHeight: PANEL_MAX_HEIGHT }),
       children: [
-        /* @__PURE__ */ jsxs36(
+        /* @__PURE__ */ jsxs42(
           Layout,
           {
             align: "center",
@@ -5963,12 +6614,12 @@ var ActivityFeedPanel = ({
             padding: 4,
             className: "border-b border-grey-200",
             children: [
-              /* @__PURE__ */ jsx72(IconBadge, __spreadValues({ name: "bell", size: "m" }, PULSE_ICON_BADGE)),
-              /* @__PURE__ */ jsx72(Text, { size: "s", weight: "bold", children: title })
+              /* @__PURE__ */ jsx88(IconBadge, __spreadValues({ name: "bell", size: "m" }, PULSE_ICON_BADGE)),
+              /* @__PURE__ */ jsx88(Text, { size: "s", weight: "bold", children: title })
             ]
           }
         ),
-        /* @__PURE__ */ jsx72(Layout, { column: true, fullWidth: true, style: { flex: "1 1 0%", minHeight: 0 }, children: /* @__PURE__ */ jsx72(
+        /* @__PURE__ */ jsx88(Layout, { column: true, fullWidth: true, style: { flex: "1 1 0%", minHeight: 0 }, children: /* @__PURE__ */ jsx88(
           "div",
           {
             style: {
@@ -5979,10 +6630,10 @@ var ActivityFeedPanel = ({
               scrollbarWidth: "none"
             },
             className: "[&::-webkit-scrollbar]:hidden",
-            children: /* @__PURE__ */ jsxs36(Layout, { column: true, padding: 2, gap: 1, fullWidth: true, children: [
-              isLoading && /* @__PURE__ */ jsx72(Layout, { fullWidth: true, justify: "center", padding: 6, children: /* @__PURE__ */ jsx72(Spinner, {}) }),
-              !isLoading && items.length === 0 && /* @__PURE__ */ jsx72(Text, { size: "s", color: "grey-500", align: "center", className: "p-4", children: emptyMessage }),
-              items.map((item) => /* @__PURE__ */ jsxs36(
+            children: /* @__PURE__ */ jsxs42(Layout, { column: true, padding: 2, gap: 1, fullWidth: true, children: [
+              isLoading && /* @__PURE__ */ jsx88(Layout, { fullWidth: true, justify: "center", padding: 6, children: /* @__PURE__ */ jsx88(Spinner, {}) }),
+              !isLoading && items.length === 0 && /* @__PURE__ */ jsx88(Text, { size: "s", color: "grey-500", align: "center", className: "p-4", children: emptyMessage }),
+              items.map((item) => /* @__PURE__ */ jsxs42(
                 Layout,
                 {
                   gap: 3,
@@ -5990,7 +6641,7 @@ var ActivityFeedPanel = ({
                   className: "cursor-pointer items-start rounded-[8px] p-2 hover:bg-grey-100",
                   onClick: item.onClick,
                   children: [
-                    /* @__PURE__ */ jsx72(
+                    /* @__PURE__ */ jsx88(
                       IconBadge,
                       {
                         name: item.icon,
@@ -5999,297 +6650,125 @@ var ActivityFeedPanel = ({
                         iconColor: item.iconColor
                       }
                     ),
-                    /* @__PURE__ */ jsxs36(Layout, { column: true, gap: 0.5, className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ jsx72(Text, { size: "xs", children: item.text }),
-                      /* @__PURE__ */ jsx72(Text, { size: "xxs", color: "grey-500", children: item.timeLabel })
+                    /* @__PURE__ */ jsxs42(Layout, { column: true, gap: 0.5, className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsx88(Text, { size: "xs", children: item.text }),
+                      /* @__PURE__ */ jsx88(Text, { size: "xxs", color: "grey-500", children: item.timeLabel })
                     ] })
                   ]
                 },
-                item.id
-              ))
-            ] })
-          }
-        ) })
-      ]
-    }
-  );
-};
-
-// src/ui/components/ui/MetricCard.tsx
-import { jsx as jsx73, jsxs as jsxs37 } from "react/jsx-runtime";
-var ICON_WRAP_CLASS = {
-  "blue-700": "bg-blue-50 text-blue-700",
-  "blue-900": "bg-blue-50 text-blue-900",
-  "blue-950": "bg-blue-50 text-blue-950",
-  "red-900": "bg-red-50 text-red-900",
-  "red-500": "bg-red-50 text-red-500",
-  "green-700": "bg-green-50 text-green-700",
-  "green-100": "bg-green-50 text-green-100",
-  "grey-600": "bg-grey-100 text-grey-600",
-  "yellow-500": "bg-yellow-50 text-yellow-500",
-  "yellow-300": "bg-yellow-50 text-yellow-300",
-  "yellow-200": "bg-yellow-50 text-yellow-200",
-  "orange-600": "bg-orange-50 text-orange-600",
-  "purple-700": "bg-purple-50 text-purple-700"
-};
-var MetricCard = ({
-  icon,
-  iconFamily = "regular",
-  title,
-  value,
-  valueColor = "grey-600",
-  subtitle,
-  accent = "blue-950",
-  layout = "column",
-  onClick,
-  selected = false,
-  children,
-  className
-}) => /* @__PURE__ */ jsx73(
-  "div",
-  {
-    onClick,
-    className: cn(
-      "flex-1 rounded-[6px] border border-grey-300 bg-white p-3",
-      onClick && "cursor-pointer",
-      selected && "border-blue-700",
-      className
-    ),
-    children: /* @__PURE__ */ jsxs37(Layout, { align: "center", gap: 3, fullWidth: true, children: [
-      /* @__PURE__ */ jsx73(
-        "span",
-        {
-          className: cn(
-            "flex h-9 w-9 shrink-0 items-center justify-center rounded-full",
-            ICON_WRAP_CLASS[accent]
-          ),
-          children: /* @__PURE__ */ jsx73("i", { className: `fa-${iconFamily} fa-${icon}`, style: { fontSize: 18 } })
-        }
-      ),
-      children ? children : layout === "row" ? /* @__PURE__ */ jsxs37(Layout, { align: "center", gap: 1, children: [
-        /* @__PURE__ */ jsx73(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
-        /* @__PURE__ */ jsx73(Text, { size: "s", color: "grey-600", children: title })
-      ] }) : /* @__PURE__ */ jsxs37(Layout, { column: true, gap: 1, children: [
-        /* @__PURE__ */ jsx73(Text, { size: "s", color: "grey-600", children: title }),
-        /* @__PURE__ */ jsxs37(Layout, { align: "baseline", gap: 1, children: [
-          /* @__PURE__ */ jsx73(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
-          subtitle && /* @__PURE__ */ jsx73(Text, { size: "xs", color: "grey-600", children: subtitle })
-        ] })
-      ] })
-    ] })
-  }
-);
-
-// src/ui/components/ui/Tile.tsx
-import { jsx as jsx74, jsxs as jsxs38 } from "react/jsx-runtime";
-var Tile = ({
-  children,
-  onClick,
-  selected = false,
-  variant = "outline",
-  expandedContent,
-  className
-}) => {
-  const isOutline = variant === "outline";
-  return /* @__PURE__ */ jsxs38(
-    "div",
-    {
-      className: cn(
-        "w-full overflow-hidden rounded-[6px]",
-        isOutline && "border bg-white",
-        isOutline && (selected ? "border-blue-700 ring-1 ring-blue-700" : "border-grey-200"),
-        !isOutline && selected && "bg-blue-50",
-        className
-      ),
-      children: [
-        onClick ? /* @__PURE__ */ jsx74(
-          "button",
-          {
-            type: "button",
-            "aria-pressed": selected,
-            onClick,
-            className: cn(
-              "block w-full cursor-pointer border-0 bg-transparent p-0 text-left outline-none transition-colors",
-              "hover:bg-black/[0.025] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-blue-200"
-            ),
-            children
-          }
-        ) : children,
-        expandedContent && /* @__PURE__ */ jsx74("div", { className: cn(isOutline && "border-t border-grey-300"), children: expandedContent })
-      ]
-    }
-  );
-};
-
-// src/ui/components/ui/Skeleton.tsx
-import { jsx as jsx75 } from "react/jsx-runtime";
-var toCss = (value) => typeof value === "number" ? `${value}px` : value;
-var Skeleton = (_a) => {
-  var _b = _a, {
-    width,
-    height,
-    isRound = false,
-    className,
-    style
-  } = _b, props = __objRest(_b, [
-    "width",
-    "height",
-    "isRound",
-    "className",
-    "style"
-  ]);
-  return /* @__PURE__ */ jsx75(
-    "div",
-    __spreadValues({
-      className: cn(
-        "animate-pulse bg-grey-200",
-        isRound ? "rounded-full" : "rounded-md",
-        className
-      ),
-      style: __spreadValues({ width: toCss(width), height: toCss(height) }, style)
-    }, props)
-  );
-};
-
-// src/ui/components/ui/TagBubble.tsx
-import * as RadixToggle from "@radix-ui/react-toggle";
-import { jsx as jsx76, jsxs as jsxs39 } from "react/jsx-runtime";
-var DOT_CLASS = {
-  "blue-700": "bg-blue-700",
-  "blue-900": "bg-blue-900",
-  "blue-950": "bg-blue-950",
-  "red-900": "bg-red-900",
-  "red-500": "bg-red-500",
-  "green-700": "bg-green-700",
-  "green-100": "bg-green-100",
-  "grey-600": "bg-grey-400",
-  "yellow-500": "bg-yellow-500",
-  "yellow-300": "bg-yellow-300",
-  "yellow-200": "bg-yellow-200",
-  "orange-600": "bg-orange-600",
-  "purple-700": "bg-purple-700"
-};
-var LIGHT_BG_CLASS = {
-  "blue-700": "bg-blue-50",
-  "blue-900": "bg-blue-50",
-  "blue-950": "bg-blue-50",
-  "red-900": "bg-red-50",
-  "red-500": "bg-red-50",
-  "green-700": "bg-green-50",
-  "green-100": "bg-green-50",
-  "grey-600": "bg-grey-100",
-  "yellow-500": "bg-yellow-50",
-  "yellow-300": "bg-yellow-50",
-  "yellow-200": "bg-yellow-50",
-  "orange-600": "bg-orange-50",
-  "purple-700": "bg-purple-50"
-};
-var TEXT_CLASS2 = {
-  "blue-700": "text-blue-700",
-  "blue-900": "text-blue-900",
-  "blue-950": "text-blue-950",
-  "red-900": "text-red-900",
-  "red-500": "text-red-500",
-  "green-700": "text-green-700",
-  "green-100": "text-green-100",
-  "grey-600": "text-grey-600",
-  "yellow-500": "text-yellow-500",
-  "yellow-300": "text-yellow-300",
-  "yellow-200": "text-yellow-200",
-  "orange-600": "text-orange-600",
-  "purple-700": "text-purple-700"
+                item.id
+              ))
+            ] })
+          }
+        ) })
+      ]
+    }
+  );
 };
-var BORDER_CLASS = {
-  "blue-700": "border-blue-700",
-  "blue-900": "border-blue-900",
-  "blue-950": "border-blue-950",
-  "red-900": "border-red-900",
-  "red-500": "border-red-500",
-  "green-700": "border-green-700",
-  "green-100": "border-green-100",
-  "grey-600": "border-grey-600",
-  "yellow-500": "border-yellow-500",
-  "yellow-300": "border-yellow-300",
-  "yellow-200": "border-yellow-200",
-  "orange-600": "border-orange-600",
-  "purple-700": "border-purple-700"
+
+// src/ui/components/ui/MetricCard.tsx
+import { jsx as jsx89, jsxs as jsxs43 } from "react/jsx-runtime";
+var ICON_WRAP_CLASS = {
+  "blue-700": "bg-blue-50 text-blue-700",
+  "blue-900": "bg-blue-50 text-blue-900",
+  "blue-950": "bg-blue-50 text-blue-950",
+  "red-900": "bg-red-50 text-red-900",
+  "red-500": "bg-red-50 text-red-500",
+  "green-700": "bg-green-50 text-green-700",
+  "green-100": "bg-green-50 text-green-100",
+  "grey-600": "bg-grey-100 text-grey-600",
+  "yellow-500": "bg-yellow-50 text-yellow-500",
+  "yellow-300": "bg-yellow-50 text-yellow-300",
+  "yellow-200": "bg-yellow-50 text-yellow-200",
+  "orange-600": "bg-orange-50 text-orange-600",
+  "purple-700": "bg-purple-50 text-purple-700"
 };
-var isHexColor = (color) => color.startsWith("#");
-var TagBubble = (_a) => {
-  var _b = _a, {
-    label,
-    hideDot = false,
-    active = false,
-    activeColor = "blue-700",
-    inactiveColor = "grey-600",
-    activeFill = false,
-    pill = false,
-    size = "s",
-    count,
-    countColor = "green-700",
+var MetricCard = ({
+  icon,
+  iconFamily = "regular",
+  title,
+  value,
+  valueColor = "grey-600",
+  subtitle,
+  accent = "blue-950",
+  layout = "column",
+  onClick,
+  selected = false,
+  children,
+  className
+}) => /* @__PURE__ */ jsx89(
+  "div",
+  {
     onClick,
-    className
-  } = _b, rest = __objRest(_b, [
-    "label",
-    "hideDot",
-    "active",
-    "activeColor",
-    "inactiveColor",
-    "activeFill",
-    "pill",
-    "size",
-    "count",
-    "countColor",
-    "onClick",
-    "className"
-  ]);
-  const showCount = count !== void 0 && count !== null;
-  const filled = activeFill && active;
-  const dotColor = active ? activeColor : inactiveColor;
-  const filledHexColor = filled && isHexColor(activeColor) ? activeColor : void 0;
-  return /* @__PURE__ */ jsxs39(
-    RadixToggle.Root,
-    __spreadProps(__spreadValues({}, rest), {
-      type: "button",
-      pressed: active,
-      onClick,
-      style: __spreadValues({ borderColor: filledHexColor }, rest.style),
+    className: cn(
+      "flex-1 rounded-[6px] border border-grey-300 bg-white p-3",
+      onClick && "cursor-pointer",
+      selected && "border-blue-700",
+      className
+    ),
+    children: /* @__PURE__ */ jsxs43(Layout, { align: "center", gap: 3, fullWidth: true, children: [
+      /* @__PURE__ */ jsx89(
+        "span",
+        {
+          className: cn(
+            "flex h-9 w-9 shrink-0 items-center justify-center rounded-full",
+            ICON_WRAP_CLASS[accent]
+          ),
+          children: /* @__PURE__ */ jsx89("i", { className: `fa-${iconFamily} fa-${icon}`, style: { fontSize: 18 } })
+        }
+      ),
+      children ? children : layout === "row" ? /* @__PURE__ */ jsxs43(Layout, { align: "center", gap: 1, children: [
+        /* @__PURE__ */ jsx89(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
+        /* @__PURE__ */ jsx89(Text, { size: "s", color: "grey-600", children: title })
+      ] }) : /* @__PURE__ */ jsxs43(Layout, { column: true, gap: 1, children: [
+        /* @__PURE__ */ jsx89(Text, { size: "s", color: "grey-600", children: title }),
+        /* @__PURE__ */ jsxs43(Layout, { align: "baseline", gap: 1, children: [
+          /* @__PURE__ */ jsx89(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
+          subtitle && /* @__PURE__ */ jsx89(Text, { size: "xs", color: "grey-600", children: subtitle })
+        ] })
+      ] })
+    ] })
+  }
+);
+
+// src/ui/components/ui/Tile.tsx
+import { jsx as jsx90, jsxs as jsxs44 } from "react/jsx-runtime";
+var Tile = ({
+  children,
+  onClick,
+  selected = false,
+  variant = "outline",
+  expandedContent,
+  className
+}) => {
+  const isOutline = variant === "outline";
+  return /* @__PURE__ */ jsxs44(
+    "div",
+    {
       className: cn(
-        "inline-flex items-center justify-center gap-2 border px-2.5 py-1.5 outline-none",
-        pill ? "rounded-full" : "rounded-[6px]",
-        size === "m" && "h-9",
-        filled ? cn(
-          isHexColor(activeColor) ? "bg-white" : [LIGHT_BG_CLASS[activeColor], BORDER_CLASS[activeColor]],
-          "border-2"
-        ) : "border-grey-200 bg-white",
-        "focus-visible:ring-2 focus-visible:ring-blue-200",
+        "w-full overflow-hidden rounded-[6px]",
+        isOutline && "border bg-white",
+        isOutline && (selected ? "border-blue-700 ring-1 ring-blue-700" : "border-grey-200"),
+        !isOutline && selected && "bg-blue-50",
         className
       ),
       children: [
-        !hideDot && /* @__PURE__ */ jsx76(
-          "span",
-          {
-            className: cn(
-              "h-2 w-2 shrink-0 rounded-full",
-              !isHexColor(dotColor) && DOT_CLASS[dotColor]
-            ),
-            style: isHexColor(dotColor) ? { backgroundColor: dotColor } : void 0
-          }
-        ),
-        /* @__PURE__ */ jsx76(
-          "span",
+        onClick ? /* @__PURE__ */ jsx90(
+          "button",
           {
+            type: "button",
+            "aria-pressed": selected,
+            onClick,
             className: cn(
-              "whitespace-nowrap text-xs font-semibold",
-              filled ? !isHexColor(activeColor) && TEXT_CLASS2[activeColor] : "text-neutral-800"
+              "block w-full cursor-pointer border-0 bg-transparent p-0 text-left outline-none transition-colors",
+              "hover:bg-black/[0.025] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-blue-200"
             ),
-            style: { color: filledHexColor },
-            children: label
+            children
           }
-        ),
-        showCount && /* @__PURE__ */ jsx76(Badge, { theme: countColor, size: "s", children: count })
+        ) : children,
+        expandedContent && /* @__PURE__ */ jsx90("div", { className: cn(isOutline && "border-t border-grey-300"), children: expandedContent })
       ]
-    })
+    }
   );
 };
 
@@ -6442,16 +6921,16 @@ var formatName = (person, fallback = "") => {
 };
 
 // src/ui/components/ui/history/HistoryChangeRow.tsx
-import { jsx as jsx77, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs45 } from "react/jsx-runtime";
 var HistoryChangeRow = ({ change }) => {
   const { label, previousValue, nextValue, href, onClick } = change;
   const hasValues = Boolean(previousValue || nextValue);
-  return /* @__PURE__ */ jsxs40(Layout, { align: "center", gap: 1.5, wrap: true, children: [
-    /* @__PURE__ */ jsx77(Text, { size: "xs", weight: "semibold", color: "grey-600", children: hasValues ? `${label} :` : label }),
-    previousValue && /* @__PURE__ */ jsx77(Text, { size: "xs", color: "grey-600", children: previousValue }),
-    previousValue && nextValue && /* @__PURE__ */ jsx77(Icon, { name: "arrow-right", size: "xs", color: "grey-500" }),
-    nextValue && href && /* @__PURE__ */ jsx77(Link, { href, newTab: true, size: "xs", children: nextValue }),
-    nextValue && onClick && /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsxs45(Layout, { align: "center", gap: 1.5, wrap: true, children: [
+    /* @__PURE__ */ jsx91(Text, { size: "xs", weight: "semibold", color: "grey-600", children: hasValues ? `${label} :` : label }),
+    previousValue && /* @__PURE__ */ jsx91(Text, { size: "xs", color: "grey-600", children: previousValue }),
+    previousValue && nextValue && /* @__PURE__ */ jsx91(Icon, { name: "arrow-right", size: "xs", color: "grey-500" }),
+    nextValue && href && /* @__PURE__ */ jsx91(Link, { href, newTab: true, size: "xs", children: nextValue }),
+    nextValue && onClick && /* @__PURE__ */ jsx91(
       "button",
       {
         type: "button",
@@ -6463,27 +6942,27 @@ var HistoryChangeRow = ({ change }) => {
         children: nextValue
       }
     ),
-    nextValue && !href && !onClick && /* @__PURE__ */ jsx77(Text, { size: "xs", weight: "semibold", children: nextValue })
+    nextValue && !href && !onClick && /* @__PURE__ */ jsx91(Text, { size: "xs", weight: "semibold", children: nextValue })
   ] });
 };
 
 // src/ui/components/ui/history/HistoryEntryCard.tsx
-import { Fragment as Fragment6, jsx as jsx78, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx92, jsxs as jsxs46 } from "react/jsx-runtime";
 var CARD_CLASS = "group rounded-lg border border-grey-300 bg-white";
 var HistoryEntryCard = ({ entry }) => {
   const { title, date, author, badge, changes = [] } = entry;
   const hasChanges = changes.length > 0;
-  const summary = /* @__PURE__ */ jsxs41(Layout, { column: true, gap: 1, fullWidth: true, children: [
-    /* @__PURE__ */ jsxs41(Layout, { align: "center", justify: "between", gap: 2, fullWidth: true, children: [
-      /* @__PURE__ */ jsxs41(Layout, { align: "center", gap: 3, fullWidth: false, className: "min-w-0", children: [
-        author && /* @__PURE__ */ jsxs41(Fragment6, { children: [
-          /* @__PURE__ */ jsx78(Avatar, { name: author.name, src: author.avatarSrc, size: 40 }),
-          /* @__PURE__ */ jsx78(Text, { size: "xs", weight: "bold", className: "whitespace-nowrap", children: author.name })
+  const summary = /* @__PURE__ */ jsxs46(Layout, { column: true, gap: 1, fullWidth: true, children: [
+    /* @__PURE__ */ jsxs46(Layout, { align: "center", justify: "between", gap: 2, fullWidth: true, children: [
+      /* @__PURE__ */ jsxs46(Layout, { align: "center", gap: 3, fullWidth: false, className: "min-w-0", children: [
+        author && /* @__PURE__ */ jsxs46(Fragment7, { children: [
+          /* @__PURE__ */ jsx92(Avatar, { name: author.name, src: author.avatarSrc, size: 40 }),
+          /* @__PURE__ */ jsx92(Text, { size: "xs", weight: "bold", className: "whitespace-nowrap", children: author.name })
         ] }),
-        badge && /* @__PURE__ */ jsx78(Badge, { theme: badge.theme, size: "s", children: badge.label })
+        badge && /* @__PURE__ */ jsx92(Badge, { theme: badge.theme, size: "s", children: badge.label })
       ] }),
-      /* @__PURE__ */ jsxs41(Layout, { align: "center", gap: 2, fullWidth: false, className: "shrink-0", children: [
-        date && /* @__PURE__ */ jsx78(
+      /* @__PURE__ */ jsxs46(Layout, { align: "center", gap: 2, fullWidth: false, className: "shrink-0", children: [
+        date && /* @__PURE__ */ jsx92(
           Text,
           {
             size: "xxs",
@@ -6493,7 +6972,7 @@ var HistoryEntryCard = ({ entry }) => {
             children: formatDate(date, "dateTime", "fr")
           }
         ),
-        hasChanges && /* @__PURE__ */ jsx78(
+        hasChanges && /* @__PURE__ */ jsx92(
           Icon,
           {
             name: "chevron-down",
@@ -6504,14 +6983,14 @@ var HistoryEntryCard = ({ entry }) => {
         )
       ] })
     ] }),
-    title && /* @__PURE__ */ jsx78(Text, { size: "xs", className: author ? "pl-[52px]" : void 0, children: title })
+    title && /* @__PURE__ */ jsx92(Text, { size: "xs", className: author ? "pl-[52px]" : void 0, children: title })
   ] });
   if (!hasChanges) {
-    return /* @__PURE__ */ jsx78("div", { className: `${CARD_CLASS} p-3`, children: summary });
+    return /* @__PURE__ */ jsx92("div", { className: `${CARD_CLASS} p-3`, children: summary });
   }
-  return /* @__PURE__ */ jsxs41(Collapsible, { className: CARD_CLASS, children: [
-    /* @__PURE__ */ jsx78(CollapsibleTrigger, { className: "w-full cursor-pointer p-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-blue-200", children: summary }),
-    /* @__PURE__ */ jsx78(CollapsibleContent, { children: /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsxs46(Collapsible, { className: CARD_CLASS, children: [
+    /* @__PURE__ */ jsx92(CollapsibleTrigger, { className: "w-full cursor-pointer p-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-blue-200", children: summary }),
+    /* @__PURE__ */ jsx92(CollapsibleContent, { children: /* @__PURE__ */ jsx92(
       Layout,
       {
         column: true,
@@ -6519,7 +6998,7 @@ var HistoryEntryCard = ({ entry }) => {
         paddingX: 3,
         paddingBottom: 3,
         className: author ? "pl-[64px]" : void 0,
-        children: changes.map((change, index) => /* @__PURE__ */ jsx78(
+        children: changes.map((change, index) => /* @__PURE__ */ jsx92(
           HistoryChangeRow,
           {
             change
@@ -6532,7 +7011,7 @@ var HistoryEntryCard = ({ entry }) => {
 };
 
 // src/ui/components/ui/history/HistoryList.tsx
-import { jsx as jsx79, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs47 } from "react/jsx-runtime";
 var SKELETON_COUNT = 4;
 var HistoryList = ({
   entries,
@@ -6544,8 +7023,8 @@ var HistoryList = ({
   emptyLabel = "Aucun historique",
   emptyDescription = "Aucune action enregistr\xE9e pour le moment.",
   notice
-}) => /* @__PURE__ */ jsxs42(Layout, { column: true, gap: 2, fullWidth: true, className: "flex-1", children: [
-  filters.length > 0 && /* @__PURE__ */ jsx79(Layout, { gap: 2, wrap: true, fullWidth: true, justify: "center", children: filters.map((filter) => /* @__PURE__ */ jsx79(
+}) => /* @__PURE__ */ jsxs47(Layout, { column: true, gap: 2, fullWidth: true, className: "flex-1", children: [
+  filters.length > 0 && /* @__PURE__ */ jsx93(Layout, { gap: 2, wrap: true, fullWidth: true, justify: "center", children: filters.map((filter) => /* @__PURE__ */ jsx93(
     TagBubble,
     {
       label: filter.label,
@@ -6556,22 +7035,22 @@ var HistoryList = ({
     },
     filter.value
   )) }),
-  isLoading && Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ jsx79(Skeleton, { height: "72px" }, index)),
-  !isLoading && isError && /* @__PURE__ */ jsx79(Text, { size: "s", color: "red-900", align: "center", children: errorLabel }),
-  !isLoading && !isError && entries.length === 0 && /* @__PURE__ */ jsx79(
+  isLoading && Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ jsx93(Skeleton, { height: "72px" }, index)),
+  !isLoading && isError && /* @__PURE__ */ jsx93(Text, { size: "s", color: "red-900", align: "center", children: errorLabel }),
+  !isLoading && !isError && entries.length === 0 && /* @__PURE__ */ jsx93(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx79(FaIcon, { name: "clock-rotate-left", size: 20 }),
+      icon: /* @__PURE__ */ jsx93(FaIcon, { name: "clock-rotate-left", size: 20 }),
       title: emptyLabel,
       description: emptyDescription
     }
   ),
-  !isLoading && !isError && entries.map((entry) => /* @__PURE__ */ jsx79(HistoryEntryCard, { entry }, entry.id)),
-  !isLoading && !isError && notice && /* @__PURE__ */ jsx79(Text, { size: "xs", color: "grey-600", align: "center", children: notice })
+  !isLoading && !isError && entries.map((entry) => /* @__PURE__ */ jsx93(HistoryEntryCard, { entry }, entry.id)),
+  !isLoading && !isError && notice && /* @__PURE__ */ jsx93(Text, { size: "xs", color: "grey-600", align: "center", children: notice })
 ] });
 
 // src/ui/components/ui/history/HistoryDrawer.tsx
-import { jsx as jsx80, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs48 } from "react/jsx-runtime";
 var HistoryDrawer = (_a) => {
   var _b = _a, {
     open,
@@ -6582,7 +7061,7 @@ var HistoryDrawer = (_a) => {
     "onClose",
     "title"
   ]);
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs48(
     Drawer,
     {
       open,
@@ -6590,9 +7069,9 @@ var HistoryDrawer = (_a) => {
       className: "z-[1060]",
       overlayClassName: "z-[1050]",
       children: [
-        /* @__PURE__ */ jsxs43(DrawerHeader, { children: [
-          /* @__PURE__ */ jsx80(DrawerTitle, { className: "uppercase", children: title }),
-          /* @__PURE__ */ jsx80(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx80(
+        /* @__PURE__ */ jsxs48(DrawerHeader, { children: [
+          /* @__PURE__ */ jsx94(DrawerTitle, { className: "uppercase", children: title }),
+          /* @__PURE__ */ jsx94(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx94(
             Icon,
             {
               name: "xmark",
@@ -6602,15 +7081,15 @@ var HistoryDrawer = (_a) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx80(DrawerBody, { className: "flex flex-col", children: /* @__PURE__ */ jsx80(HistoryList, __spreadValues({}, listProps)) })
+        /* @__PURE__ */ jsx94(DrawerBody, { className: "flex flex-col", children: /* @__PURE__ */ jsx94(HistoryList, __spreadValues({}, listProps)) })
       ]
     }
   );
 };
 
 // src/ui/components/ui/history/HistoryButton.tsx
-import { useState as useState13 } from "react";
-import { Fragment as Fragment7, jsx as jsx81, jsxs as jsxs44 } from "react/jsx-runtime";
+import { useState as useState14 } from "react";
+import { Fragment as Fragment8, jsx as jsx95, jsxs as jsxs49 } from "react/jsx-runtime";
 var LABEL = "Historique";
 var SHORT_TOOLTIP = "Voir l\u2019historique des actions";
 var HistoryButton = (_a) => {
@@ -6625,16 +7104,16 @@ var HistoryButton = (_a) => {
     "tooltip",
     "onOpenChange"
   ]);
-  const [isOpen, setIsOpen] = useState13(false);
+  const [isOpen, setIsOpen] = useState14(false);
   const changeOpen = (nextIsOpen) => {
     setIsOpen(nextIsOpen);
     onOpenChange == null ? void 0 : onOpenChange(nextIsOpen);
   };
   const open = () => changeOpen(true);
-  const icon = /* @__PURE__ */ jsx81(FaIcon, { name: "clock-rotate-left", size: 14 });
-  return /* @__PURE__ */ jsxs44(Fragment7, { children: [
-    variant === "icon" ? /* @__PURE__ */ jsx81(Tooltip, { content: tooltip, className: "z-[1100]", children: /* @__PURE__ */ jsx81(Button, { iconLeft: icon, "aria-label": LABEL, onClick: open }) }) : /* @__PURE__ */ jsx81(Button, { label: LABEL, iconLeft: icon, onClick: open }),
-    /* @__PURE__ */ jsx81(
+  const icon = /* @__PURE__ */ jsx95(FaIcon, { name: "clock-rotate-left", size: 14 });
+  return /* @__PURE__ */ jsxs49(Fragment8, { children: [
+    variant === "icon" ? /* @__PURE__ */ jsx95(Tooltip, { content: tooltip, className: "z-[1100]", children: /* @__PURE__ */ jsx95(Button, { iconLeft: icon, "aria-label": LABEL, onClick: open }) }) : /* @__PURE__ */ jsx95(Button, { label: LABEL, iconLeft: icon, onClick: open }),
+    /* @__PURE__ */ jsx95(
       HistoryDrawer,
       __spreadValues({
         open: isOpen,
@@ -6646,7 +7125,7 @@ var HistoryButton = (_a) => {
 };
 
 // src/ui/components/ui/Gantt.tsx
-import { jsx as jsx82, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs50 } from "react/jsx-runtime";
 var Gantt = ({
   days,
   rows,
@@ -6662,7 +7141,7 @@ var Gantt = ({
   const bodyHeight = rows.length * rowHeight;
   const clickable = Boolean(onRowClick);
   const gridCols = { gridTemplateColumns: `${labelWidth}px minmax(0, 1fr)` };
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs50(
     "div",
     {
       className: cn(
@@ -6670,13 +7149,13 @@ var Gantt = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs45(
+        /* @__PURE__ */ jsxs50(
           "div",
           {
             className: "grid border-b border-grey-300 bg-grey-100",
             style: gridCols,
             children: [
-              /* @__PURE__ */ jsx82(
+              /* @__PURE__ */ jsx96(
                 Layout,
                 {
                   align: "center",
@@ -6684,7 +7163,7 @@ var Gantt = ({
                   children: labelHeader
                 }
               ),
-              /* @__PURE__ */ jsx82("div", { className: "relative h-[30px]", children: days.map((day) => /* @__PURE__ */ jsx82(
+              /* @__PURE__ */ jsx96("div", { className: "relative h-[30px]", children: days.map((day) => /* @__PURE__ */ jsx96(
                 Layout,
                 {
                   fullHeight: true,
@@ -6698,13 +7177,13 @@ var Gantt = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs45(
+        /* @__PURE__ */ jsxs50(
           "div",
           {
             className: "grid overflow-y-auto overflow-x-hidden",
             style: __spreadProps(__spreadValues({}, gridCols), { maxHeight }),
             children: [
-              /* @__PURE__ */ jsx82("div", { className: "min-w-0 border-r border-grey-300", children: rows.map((row, i) => /* @__PURE__ */ jsx82(
+              /* @__PURE__ */ jsx96("div", { className: "min-w-0 border-r border-grey-300", children: rows.map((row, i) => /* @__PURE__ */ jsx96(
                 Layout,
                 {
                   column: true,
@@ -6721,8 +7200,8 @@ var Gantt = ({
                 },
                 row.key
               )) }),
-              /* @__PURE__ */ jsx82("div", { className: "min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs45("div", { className: "relative w-full", style: { height: bodyHeight }, children: [
-                days.map((day, i) => /* @__PURE__ */ jsx82(
+              /* @__PURE__ */ jsx96("div", { className: "min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs50("div", { className: "relative w-full", style: { height: bodyHeight }, children: [
+                days.map((day, i) => /* @__PURE__ */ jsx96(
                   "div",
                   {
                     className: cn(
@@ -6733,7 +7212,7 @@ var Gantt = ({
                   },
                   day.key
                 )),
-                bands.map((band) => /* @__PURE__ */ jsx82(
+                bands.map((band) => /* @__PURE__ */ jsx96(
                   "div",
                   {
                     title: band.title,
@@ -6744,7 +7223,7 @@ var Gantt = ({
                 )),
                 rows.map((row, i) => {
                   var _a, _b, _c;
-                  return /* @__PURE__ */ jsx82(
+                  return /* @__PURE__ */ jsx96(
                     "div",
                     {
                       className: cn(
@@ -6752,7 +7231,7 @@ var Gantt = ({
                         i === 0 ? "border-t-0" : "border-t border-grey-200"
                       ),
                       style: { top: i * rowHeight, height: rowHeight },
-                      children: row.bar && /* @__PURE__ */ jsx82(
+                      children: row.bar && /* @__PURE__ */ jsx96(
                         Layout,
                         {
                           align: "center",
@@ -6767,7 +7246,7 @@ var Gantt = ({
                             background: row.bar.color,
                             borderColor: row.bar.color
                           },
-                          children: row.bar.label && /* @__PURE__ */ jsx82(
+                          children: row.bar.label && /* @__PURE__ */ jsx96(
                             "span",
                             {
                               className: "overflow-hidden text-ellipsis whitespace-nowrap text-[10px] font-semibold",
@@ -6789,7 +7268,7 @@ var Gantt = ({
     }
   );
 };
-var GanttDot = ({ color }) => /* @__PURE__ */ jsx82(
+var GanttDot = ({ color }) => /* @__PURE__ */ jsx96(
   "span",
   {
     className: "inline-block h-[9px] w-[9px] shrink-0 rounded-[3px]",
@@ -6799,7 +7278,7 @@ var GanttDot = ({ color }) => /* @__PURE__ */ jsx82(
 var GanttSwatch = ({
   color,
   filled = true
-}) => /* @__PURE__ */ jsx82(
+}) => /* @__PURE__ */ jsx96(
   "span",
   {
     className: "box-border inline-block h-3 w-[18px] shrink-0 rounded-[3px] border-[1.5px]",
@@ -6807,108 +7286,8 @@ var GanttSwatch = ({
   }
 );
 
-// src/ui/components/ui/Bulk.tsx
-import { jsx as jsx83, jsxs as jsxs46 } from "react/jsx-runtime";
-var BG_CLASS = {
-  "blue-700": "bg-blue-700",
-  "blue-900": "bg-blue-900",
-  "blue-950": "bg-blue-950",
-  "red-900": "bg-red-900",
-  "red-500": "bg-red-500",
-  "green-700": "bg-green-700",
-  "green-100": "bg-green-100",
-  "grey-600": "bg-grey-600",
-  "yellow-500": "bg-yellow-500",
-  "yellow-300": "bg-yellow-300",
-  "yellow-200": "bg-yellow-200",
-  "orange-600": "bg-orange-600",
-  "purple-700": "bg-purple-700"
-};
-var BulkActionSections = ({ sections }) => /* @__PURE__ */ jsx83(
-  Layout,
-  {
-    role: "group",
-    fullHeight: true,
-    align: "stretch",
-    className: "[&>button:not(:last-child)]:rounded-r-none",
-    children: sections.map((section, index) => /* @__PURE__ */ jsxs46(
-      "button",
-      {
-        type: "button",
-        disabled: section.disabled,
-        onClick: section.disabled ? void 0 : section.action,
-        className: cn(
-          "flex h-full items-center justify-center gap-1.5 whitespace-nowrap rounded-r-xl px-4 text-sm font-bold text-white transition-[filter]",
-          section.disabled ? "cursor-not-allowed bg-grey-500" : "hover:brightness-90"
-        ),
-        children: [
-          section.icon,
-          section.title
-        ]
-      },
-      index
-    ))
-  }
-);
-var BulkDisplaySections = ({ sections }) => /* @__PURE__ */ jsx83(Layout, { align: "center", gap: 3, className: "px-4", children: sections.map((section, index) => /* @__PURE__ */ jsxs46(Layout, { align: "center", gap: 3, children: [
-  index > 0 && (section.divider ? /* @__PURE__ */ jsx83("span", { className: "h-11 w-px shrink-0 bg-white/40" }) : /* @__PURE__ */ jsx83("span", { className: "h-0.5 w-4 shrink-0 rounded-full bg-white/50" })),
-  section.action ? /* @__PURE__ */ jsxs46(
-    "button",
-    {
-      type: "button",
-      disabled: section.disabled,
-      onClick: section.disabled ? void 0 : section.action,
-      className: "flex items-center gap-1.5 whitespace-nowrap text-sm font-bold text-white hover:opacity-80",
-      children: [
-        section.icon,
-        section.title
-      ]
-    }
-  ) : section.caption ? /* @__PURE__ */ jsxs46(Layout, { column: true, fullWidth: false, className: "leading-tight text-white", children: [
-    /* @__PURE__ */ jsx83("span", { className: "whitespace-nowrap text-[10px] font-bold uppercase tracking-wide opacity-70", children: section.caption }),
-    /* @__PURE__ */ jsx83("span", { className: "whitespace-nowrap text-sm font-bold", children: section.title })
-  ] }) : section.badge ? /* @__PURE__ */ jsx83("span", { className: "whitespace-nowrap rounded-full bg-white/15 px-2.5 py-1 text-xs font-bold text-white", children: section.title }) : /* @__PURE__ */ jsxs46("span", { className: "flex items-center gap-1.5 whitespace-nowrap text-sm font-bold text-white", children: [
-    section.icon,
-    section.title
-  ] })
-] }, index)) });
-var Bulk = ({
-  onClose,
-  leftTitle,
-  sections,
-  color = "blue-700",
-  className,
-  variant = "actions"
-}) => /* @__PURE__ */ jsxs46(
-  "div",
-  {
-    className: cn(
-      "fixed bottom-[50px] left-1/2 z-[500] inline-flex h-[52px] -translate-x-1/2 items-center rounded-xl pl-4 text-white",
-      BG_CLASS[color],
-      className
-    ),
-    children: [
-      leftTitle && /* @__PURE__ */ jsxs46(Layout, { align: "center", gap: 6, className: "pr-6", children: [
-        /* @__PURE__ */ jsx83(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Fermer",
-            onClick: onClose,
-            className: "text-white hover:opacity-80",
-            children: /* @__PURE__ */ jsx83(FaIcon, { name: "xmark", size: 20 })
-          }
-        ),
-        /* @__PURE__ */ jsx83("span", { className: "whitespace-nowrap text-sm font-bold", children: leftTitle }),
-        /* @__PURE__ */ jsx83("span", { className: "h-11 w-px bg-white/40" })
-      ] }),
-      variant === "display" ? /* @__PURE__ */ jsx83(BulkDisplaySections, { sections }) : /* @__PURE__ */ jsx83(BulkActionSections, { sections })
-    ]
-  }
-);
-
 // src/ui/components/ui/Timeline.tsx
-import { jsx as jsx84, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs51 } from "react/jsx-runtime";
 var Timeline = ({
   items,
   lineColor = "#F1F5F9",
@@ -6916,22 +7295,22 @@ var Timeline = ({
   className
 }) => {
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx84(Text, { size: "s", color: "grey-600", children: emptyLabel });
+    return /* @__PURE__ */ jsx97(Text, { size: "s", color: "grey-600", children: emptyLabel });
   }
-  return /* @__PURE__ */ jsx84(Layout, { column: true, className, children: items.map((item, index) => {
+  return /* @__PURE__ */ jsx97(Layout, { column: true, className, children: items.map((item, index) => {
     var _a;
     const isLast = index === items.length - 1;
     const dotColor = (_a = item.color) != null ? _a : "#377EA1";
-    return /* @__PURE__ */ jsxs47(Layout, { gap: 3, children: [
-      /* @__PURE__ */ jsxs47(Layout, { column: true, align: "center", className: "w-4", children: [
-        /* @__PURE__ */ jsx84(
+    return /* @__PURE__ */ jsxs51(Layout, { gap: 3, children: [
+      /* @__PURE__ */ jsxs51(Layout, { column: true, align: "center", className: "w-4", children: [
+        /* @__PURE__ */ jsx97(
           "span",
           {
             className: "mt-1 h-2.5 w-2.5 shrink-0 rounded-full",
             style: { background: dotColor }
           }
         ),
-        !isLast && /* @__PURE__ */ jsx84(
+        !isLast && /* @__PURE__ */ jsx97(
           "span",
           {
             className: "w-0.5 flex-1 min-h-[16px]",
@@ -6939,19 +7318,19 @@ var Timeline = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs47(Layout, { column: true, gap: 0.5, className: isLast ? void 0 : "pb-4", children: [
-        /* @__PURE__ */ jsx84(Text, { size: "s", weight: item.highlighted ? "bold" : "semibold", children: item.title }),
-        item.subtitle && /* @__PURE__ */ jsx84(Text, { size: "xs", color: "grey-600", children: item.subtitle }),
-        item.description && /* @__PURE__ */ jsx84("span", { className: "text-xs italic text-neutral-800", children: item.description })
+      /* @__PURE__ */ jsxs51(Layout, { column: true, gap: 0.5, className: isLast ? void 0 : "pb-4", children: [
+        /* @__PURE__ */ jsx97(Text, { size: "s", weight: item.highlighted ? "bold" : "semibold", children: item.title }),
+        item.subtitle && /* @__PURE__ */ jsx97(Text, { size: "xs", color: "grey-600", children: item.subtitle }),
+        item.description && /* @__PURE__ */ jsx97("span", { className: "text-xs italic text-neutral-800", children: item.description })
       ] })
     ] }, item.id);
   }) });
 };
 
 // src/ui/components/ui/ColorPicker.tsx
-import { forwardRef as forwardRef33, useState as useState14 } from "react";
+import { forwardRef as forwardRef33, useState as useState15 } from "react";
 import { cva as cva16 } from "class-variance-authority";
-import { jsx as jsx85, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs52 } from "react/jsx-runtime";
 var swatchVariants = cva16(
   "inline-flex shrink-0 overflow-hidden rounded-[6px] border border-grey-300",
   {
@@ -6988,14 +7367,14 @@ var ColorPicker = forwardRef33(
     size,
     className
   }, ref) => {
-    const [internalColor, setInternalColor] = useState14(defaultValue);
+    const [internalColor, setInternalColor] = useState15(defaultValue);
     const currentColor = value !== void 0 ? value : internalColor;
     const handleChange = (e) => {
       const next = e.target.value;
       if (value === void 0) setInternalColor(next);
       onChange == null ? void 0 : onChange(next);
     };
-    return /* @__PURE__ */ jsxs48(
+    return /* @__PURE__ */ jsxs52(
       Layout,
       {
         column: true,
@@ -7003,21 +7382,21 @@ var ColorPicker = forwardRef33(
         gap: 1.5,
         className: cn(disabled && "opacity-60", className),
         children: [
-          label && /* @__PURE__ */ jsx85("span", { className: "text-xs font-semibold text-neutral-800", children: label }),
-          /* @__PURE__ */ jsxs48(Layout, { gap: 2, children: [
-            /* @__PURE__ */ jsx85(
+          label && /* @__PURE__ */ jsx98("span", { className: "text-xs font-semibold text-neutral-800", children: label }),
+          /* @__PURE__ */ jsxs52(Layout, { gap: 2, children: [
+            /* @__PURE__ */ jsx98(
               "label",
               {
                 className: cn(
                   swatchVariants({ size }),
                   disabled ? "cursor-not-allowed" : "cursor-pointer"
                 ),
-                children: /* @__PURE__ */ jsx85(
+                children: /* @__PURE__ */ jsx98(
                   "span",
                   {
                     className: "relative block h-full w-full",
                     style: { backgroundColor: currentColor },
-                    children: /* @__PURE__ */ jsx85(
+                    children: /* @__PURE__ */ jsx98(
                       "input",
                       {
                         ref,
@@ -7032,7 +7411,7 @@ var ColorPicker = forwardRef33(
                 )
               }
             ),
-            /* @__PURE__ */ jsx85(
+            /* @__PURE__ */ jsx98(
               "input",
               __spreadProps(__spreadValues({
                 type: "text",
@@ -7052,7 +7431,7 @@ var ColorPicker = forwardRef33(
 ColorPicker.displayName = "ColorPicker";
 
 // src/ui/components/ui/ColorTokenPicker.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 
 // src/ui/lib/tokens.ts
 var COLOR_TOKENS = [
@@ -7072,7 +7451,7 @@ var COLOR_TOKENS = [
 ];
 
 // src/ui/components/ui/ColorTokenPicker.tsx
-import { jsx as jsx86 } from "react/jsx-runtime";
+import { jsx as jsx99 } from "react/jsx-runtime";
 var SWATCH_CLASS = {
   "blue-700": "bg-blue-700",
   "blue-900": "bg-blue-900",
@@ -7093,14 +7472,14 @@ var ColorTokenPicker = ({
   onChange,
   disabled = false
 }) => {
-  const [open, setOpen] = useState15(false);
-  return /* @__PURE__ */ jsx86(
+  const [open, setOpen] = useState16(false);
+  return /* @__PURE__ */ jsx99(
     Popover,
     {
       open,
       onOpenChange: disabled ? void 0 : setOpen,
       align: "start",
-      trigger: /* @__PURE__ */ jsx86(
+      trigger: /* @__PURE__ */ jsx99(
         "button",
         {
           type: "button",
@@ -7111,7 +7490,7 @@ var ColorTokenPicker = ({
             "focus-visible:ring-2 focus-visible:ring-blue-200",
             disabled && "cursor-not-allowed opacity-50"
           ),
-          children: /* @__PURE__ */ jsx86(
+          children: /* @__PURE__ */ jsx99(
             "span",
             {
               className: cn(
@@ -7122,7 +7501,7 @@ var ColorTokenPicker = ({
           )
         }
       ),
-      children: /* @__PURE__ */ jsx86(Layout, { wrap: true, gap: 2, className: "w-[168px] p-1", children: COLOR_TOKENS.map((token) => /* @__PURE__ */ jsx86(
+      children: /* @__PURE__ */ jsx99(Layout, { wrap: true, gap: 2, className: "w-[168px] p-1", children: COLOR_TOKENS.map((token) => /* @__PURE__ */ jsx99(
         "button",
         {
           type: "button",
@@ -7145,8 +7524,8 @@ var ColorTokenPicker = ({
 };
 
 // src/ui/components/ui/FileUploadZone.tsx
-import { useCallback as useCallback4, useRef as useRef11, useState as useState16 } from "react";
-import { Fragment as Fragment8, jsx as jsx87, jsxs as jsxs49 } from "react/jsx-runtime";
+import { useCallback as useCallback5, useRef as useRef13, useState as useState17 } from "react";
+import { Fragment as Fragment9, jsx as jsx100, jsxs as jsxs53 } from "react/jsx-runtime";
 var ACCEPT_MAP = {
   png: "image/png",
   jpg: "image/jpeg",
@@ -7178,23 +7557,23 @@ var FileUploadZone = ({
   showFileName = false,
   className
 }) => {
-  const [isDragging, setIsDragging] = useState16(false);
-  const [internalPreviewUrl, setInternalPreviewUrl] = useState16(
+  const [isDragging, setIsDragging] = useState17(false);
+  const [internalPreviewUrl, setInternalPreviewUrl] = useState17(
     null
   );
-  const [fileType, setFileType] = useState16(null);
-  const [fileName, setFileName] = useState16(null);
-  const [inlineError, setInlineError] = useState16(null);
-  const inputRef = useRef11(null);
+  const [fileType, setFileType] = useState17(null);
+  const [fileName, setFileName] = useState17(null);
+  const [inlineError, setInlineError] = useState17(null);
+  const inputRef = useRef13(null);
   const resolvedAccept = acceptOnlyPdf ? PDF_ONLY : accept;
   const mimeTypes = getMimeTypes(resolvedAccept);
   const acceptString = mimeTypes.join(",");
   const previewUrl = multiple ? null : controlledPreviewUrl || (showPreview ? internalPreviewUrl : null);
-  const emitError = useCallback4(
+  const emitError = useCallback5(
     (message) => onError ? onError(message) : setInlineError(message),
     [onError]
   );
-  const validateFile = useCallback4(
+  const validateFile = useCallback5(
     (file) => {
       if (!mimeTypes.includes(file.type))
         return { ok: false, error: "Format de fichier non accept\xE9." };
@@ -7208,7 +7587,7 @@ var FileUploadZone = ({
     },
     [mimeTypes, maxSizeMB]
   );
-  const processFile = useCallback4(
+  const processFile = useCallback5(
     (file) => {
       setInlineError(null);
       const result = validateFile(file);
@@ -7223,7 +7602,7 @@ var FileUploadZone = ({
     },
     [validateFile, onSave, showPreview, emitError]
   );
-  const processFiles = useCallback4(
+  const processFiles = useCallback5(
     (files) => {
       setInlineError(null);
       for (const file of files) {
@@ -7274,7 +7653,7 @@ var FileUploadZone = ({
     onRemove == null ? void 0 : onRemove();
   };
   if (previewUrl) {
-    return /* @__PURE__ */ jsxs49(
+    return /* @__PURE__ */ jsxs53(
       Layout,
       {
         column: true,
@@ -7286,14 +7665,14 @@ var FileUploadZone = ({
           className
         ),
         children: [
-          fileType && isPdf(fileType) ? /* @__PURE__ */ jsx87(
+          fileType && isPdf(fileType) ? /* @__PURE__ */ jsx100(
             "embed",
             {
               src: previewUrl,
               type: "application/pdf",
               className: "h-[500px] w-full rounded"
             }
-          ) : /* @__PURE__ */ jsx87(
+          ) : /* @__PURE__ */ jsx100(
             "img",
             {
               src: previewUrl,
@@ -7301,13 +7680,13 @@ var FileUploadZone = ({
               className: "max-h-[400px] max-w-full rounded object-contain"
             }
           ),
-          /* @__PURE__ */ jsx87(
+          /* @__PURE__ */ jsx100(
             Button,
             {
               label: "Supprimer",
               theme: "red-900",
               size: "s",
-              iconLeft: /* @__PURE__ */ jsx87(FaIcon, { name: "trash", size: 14 }),
+              iconLeft: /* @__PURE__ */ jsx100(FaIcon, { name: "trash", size: 14 }),
               onClick: handleRemove
             }
           )
@@ -7316,14 +7695,14 @@ var FileUploadZone = ({
     );
   }
   const showBrowse = !compact && browseLabel !== false;
-  return /* @__PURE__ */ jsxs49(
+  return /* @__PURE__ */ jsxs53(
     Layout,
     {
       column: true,
       gap: 1,
       className: cn(fullWidth ? "w-full" : "w-fit", className),
       children: [
-        /* @__PURE__ */ jsxs49(
+        /* @__PURE__ */ jsxs53(
           "label",
           {
             onDragOver: handleDragOver,
@@ -7337,7 +7716,7 @@ var FileUploadZone = ({
               isDragging ? "border-solid border-blue-100 bg-blue-50" : cn(compact ? "border-grey-300" : "border-blue-50", "bg-grey-100")
             ),
             children: [
-              /* @__PURE__ */ jsx87(
+              /* @__PURE__ */ jsx100(
                 "input",
                 {
                   ref: inputRef,
@@ -7349,11 +7728,11 @@ var FileUploadZone = ({
                   className: "hidden"
                 }
               ),
-              showIcon && /* @__PURE__ */ jsx87(FaIcon, { name: "cloud-arrow-up", size: 28, className: "text-blue-700" }),
-              /* @__PURE__ */ jsx87("span", { className: "text-center text-sm text-grey-600", children: label }),
-              showBrowse && /* @__PURE__ */ jsxs49(Fragment8, { children: [
-                /* @__PURE__ */ jsx87("span", { className: "text-center text-xs text-grey-600", children: "ou" }),
-                /* @__PURE__ */ jsx87(
+              showIcon && /* @__PURE__ */ jsx100(FaIcon, { name: "cloud-arrow-up", size: 28, className: "text-blue-700" }),
+              /* @__PURE__ */ jsx100("span", { className: "text-center text-sm text-grey-600", children: label }),
+              showBrowse && /* @__PURE__ */ jsxs53(Fragment9, { children: [
+                /* @__PURE__ */ jsx100("span", { className: "text-center text-xs text-grey-600", children: "ou" }),
+                /* @__PURE__ */ jsx100(
                   Button,
                   {
                     label: browseLabel,
@@ -7367,23 +7746,23 @@ var FileUploadZone = ({
                   }
                 )
               ] }),
-              sublabel && /* @__PURE__ */ jsx87("span", { className: "text-center text-xs text-grey-500", children: sublabel })
+              sublabel && /* @__PURE__ */ jsx100("span", { className: "text-center text-xs text-grey-500", children: sublabel })
             ]
           }
         ),
-        showFileName && fileName && /* @__PURE__ */ jsxs49(Layout, { align: "center", justify: "center", gap: 2, children: [
-          /* @__PURE__ */ jsx87(FaIcon, { name: "file", size: 16, className: "text-green-700" }),
-          /* @__PURE__ */ jsx87("span", { className: "text-sm text-green-700", children: fileName })
+        showFileName && fileName && /* @__PURE__ */ jsxs53(Layout, { align: "center", justify: "center", gap: 2, children: [
+          /* @__PURE__ */ jsx100(FaIcon, { name: "file", size: 16, className: "text-green-700" }),
+          /* @__PURE__ */ jsx100("span", { className: "text-sm text-green-700", children: fileName })
         ] }),
-        inlineError && /* @__PURE__ */ jsx87("span", { className: "text-center text-sm text-red-900", children: inlineError })
+        inlineError && /* @__PURE__ */ jsx100("span", { className: "text-center text-sm text-red-900", children: inlineError })
       ]
     }
   );
 };
 
 // src/ui/components/ui/FilePicker.tsx
-import { useRef as useRef12 } from "react";
-import { Fragment as Fragment9, jsx as jsx88, jsxs as jsxs50 } from "react/jsx-runtime";
+import { useRef as useRef14 } from "react";
+import { Fragment as Fragment10, jsx as jsx101, jsxs as jsxs54 } from "react/jsx-runtime";
 var FilePicker = ({
   label,
   onSelect,
@@ -7397,9 +7776,9 @@ var FilePicker = ({
   variant = "icon",
   className
 }) => {
-  const inputRef = useRef12(null);
-  return /* @__PURE__ */ jsxs50(Fragment9, { children: [
-    /* @__PURE__ */ jsx88(
+  const inputRef = useRef14(null);
+  return /* @__PURE__ */ jsxs54(Fragment10, { children: [
+    /* @__PURE__ */ jsx101(
       "input",
       {
         ref: inputRef,
@@ -7415,20 +7794,20 @@ var FilePicker = ({
         }
       }
     ),
-    variant === "button" ? /* @__PURE__ */ jsx88(
+    variant === "button" ? /* @__PURE__ */ jsx101(
       Button,
       {
         variant: "outline",
         label,
         disabled,
         className,
-        iconLeft: /* @__PURE__ */ jsx88(Icon, { name: icon, family: iconFamily, size: "s", color: "inherit" }),
+        iconLeft: /* @__PURE__ */ jsx101(Icon, { name: icon, family: iconFamily, size: "s", color: "inherit" }),
         onClick: () => {
           var _a;
           return (_a = inputRef.current) == null ? void 0 : _a.click();
         }
       }
-    ) : /* @__PURE__ */ jsx88(Tooltip, { content: label, children: /* @__PURE__ */ jsx88(
+    ) : /* @__PURE__ */ jsx101(Tooltip, { content: label, children: /* @__PURE__ */ jsx101(
       Icon,
       {
         name: icon,
@@ -7450,7 +7829,7 @@ var FilePicker = ({
 // src/ui/components/ui/Item.tsx
 import { forwardRef as forwardRef34 } from "react";
 import { cva as cva17 } from "class-variance-authority";
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 var itemVariants = cva17(
   "group/item flex items-center rounded-[6px] border border-transparent transition-colors",
   {
@@ -7471,7 +7850,7 @@ var itemVariants = cva17(
 var Item4 = forwardRef34(
   (_a, ref) => {
     var _b = _a, { variant, size, className } = _b, props = __objRest(_b, ["variant", "size", "className"]);
-    return /* @__PURE__ */ jsx89(
+    return /* @__PURE__ */ jsx102(
       "div",
       __spreadValues({
         ref,
@@ -7496,7 +7875,7 @@ var itemMediaVariants = cva17(
 );
 var ItemMedia = (_a) => {
   var _b = _a, { variant, className } = _b, props = __objRest(_b, ["variant", "className"]);
-  return /* @__PURE__ */ jsx89("div", __spreadValues({ className: cn(itemMediaVariants({ variant }), className) }, props));
+  return /* @__PURE__ */ jsx102("div", __spreadValues({ className: cn(itemMediaVariants({ variant }), className) }, props));
 };
 var ItemContent = (_a) => {
   var _b = _a, {
@@ -7504,7 +7883,7 @@ var ItemContent = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx102(
     "div",
     __spreadValues({
       className: cn("flex min-w-0 flex-1 flex-col gap-1", className)
@@ -7517,7 +7896,7 @@ var ItemTitle = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx102(
     "div",
     __spreadValues({
       className: cn(
@@ -7533,7 +7912,7 @@ var ItemDescription = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx89("div", __spreadValues({ className: cn("text-sm text-grey-500", className) }, props));
+  return /* @__PURE__ */ jsx102("div", __spreadValues({ className: cn("text-sm text-grey-500", className) }, props));
 };
 var ItemActions = (_a) => {
   var _b = _a, {
@@ -7541,7 +7920,7 @@ var ItemActions = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx102(
     "div",
     __spreadValues({
       className: cn("flex shrink-0 items-center gap-2", className)
@@ -7550,7 +7929,7 @@ var ItemActions = (_a) => {
 };
 
 // src/ui/components/ui/Attachment.tsx
-import { jsx as jsx90, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs55 } from "react/jsx-runtime";
 var Attachment = ({
   name,
   size,
@@ -7564,7 +7943,7 @@ var Attachment = ({
 }) => {
   const isUploading = status === "uploading";
   const isError = status === "error";
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs55(
     Item4,
     {
       variant: "outline",
@@ -7576,12 +7955,12 @@ var Attachment = ({
       ),
       style: { width },
       children: [
-        /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx103(
           ItemMedia,
           {
             variant: "icon",
             className: cn(isError && "border-red-900 bg-red-50"),
-            children: isUploading ? /* @__PURE__ */ jsx90(Spinner, { size: "s", color: "blue-700" }) : /* @__PURE__ */ jsx90(
+            children: isUploading ? /* @__PURE__ */ jsx103(Spinner, { size: "s", color: "blue-700" }) : /* @__PURE__ */ jsx103(
               FaIcon,
               {
                 name: isError ? "triangle-exclamation" : "file",
@@ -7591,33 +7970,33 @@ var Attachment = ({
             )
           }
         ),
-        /* @__PURE__ */ jsxs51(ItemContent, { children: [
-          /* @__PURE__ */ jsx90(ItemTitle, { children: name }),
-          isUploading ? /* @__PURE__ */ jsxs51(ItemDescription, { className: "text-xs", children: [
+        /* @__PURE__ */ jsxs55(ItemContent, { children: [
+          /* @__PURE__ */ jsx103(ItemTitle, { children: name }),
+          isUploading ? /* @__PURE__ */ jsxs55(ItemDescription, { className: "text-xs", children: [
             "Uploading - ",
             progress,
             "%"
-          ] }) : isError ? /* @__PURE__ */ jsx90(ItemDescription, { className: "text-xs text-red-900", children: errorMessage }) : size && /* @__PURE__ */ jsx90(ItemDescription, { className: "text-xs", children: size })
+          ] }) : isError ? /* @__PURE__ */ jsx103(ItemDescription, { className: "text-xs text-red-900", children: errorMessage }) : size && /* @__PURE__ */ jsx103(ItemDescription, { className: "text-xs", children: size })
         ] }),
-        (onRetry || onRemove) && /* @__PURE__ */ jsxs51(ItemActions, { children: [
-          isError && onRetry && /* @__PURE__ */ jsx90(
+        (onRetry || onRemove) && /* @__PURE__ */ jsxs55(ItemActions, { children: [
+          isError && onRetry && /* @__PURE__ */ jsx103(
             "button",
             {
               type: "button",
               onClick: onRetry,
               "aria-label": `R\xE9essayer l'envoi de ${name}`,
               className: "text-grey-400 hover:text-grey-600",
-              children: /* @__PURE__ */ jsx90(FaIcon, { name: "rotate-right", size: 12 })
+              children: /* @__PURE__ */ jsx103(FaIcon, { name: "rotate-right", size: 12 })
             }
           ),
-          onRemove && /* @__PURE__ */ jsx90(
+          onRemove && /* @__PURE__ */ jsx103(
             "button",
             {
               type: "button",
               onClick: onRemove,
               "aria-label": `Retirer ${name}`,
               className: "text-grey-400 hover:text-grey-600",
-              children: /* @__PURE__ */ jsx90(FaIcon, { name: "xmark", size: 12 })
+              children: /* @__PURE__ */ jsx103(FaIcon, { name: "xmark", size: 12 })
             }
           )
         ] })
@@ -7627,9 +8006,9 @@ var Attachment = ({
 };
 
 // src/ui/components/ui/PdfPreview.tsx
-import { useState as useState17 } from "react";
+import { useState as useState18 } from "react";
 import { Document, Page, pdfjs } from "react-pdf";
-import { jsx as jsx91, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs56 } from "react/jsx-runtime";
 pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
 var PdfPreview = ({
   file,
@@ -7637,12 +8016,12 @@ var PdfPreview = ({
   maxHeight = "600px",
   className
 }) => {
-  const [hasError, setHasError] = useState17(false);
-  const [numPages, setNumPages] = useState17(0);
+  const [hasError, setHasError] = useState18(false);
+  const [numPages, setNumPages] = useState18(0);
   const height = Math.round(width * 1.3);
-  const thumbnailSkeleton = /* @__PURE__ */ jsx91(Skeleton, { width, height });
+  const thumbnailSkeleton = /* @__PURE__ */ jsx104(Skeleton, { width, height });
   if (hasError) {
-    return /* @__PURE__ */ jsxs52(
+    return /* @__PURE__ */ jsxs56(
       Layout,
       {
         column: true,
@@ -7655,13 +8034,13 @@ var PdfPreview = ({
         ),
         style: { width, height },
         children: [
-          /* @__PURE__ */ jsx91(FaIcon, { name: "file-pdf", size: 24 }),
-          /* @__PURE__ */ jsx91("span", { className: "text-xs", children: "Aper\xE7u indisponible" })
+          /* @__PURE__ */ jsx104(FaIcon, { name: "file-pdf", size: 24 }),
+          /* @__PURE__ */ jsx104("span", { className: "text-xs", children: "Aper\xE7u indisponible" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx104(
     "div",
     {
       className: cn(
@@ -7669,7 +8048,7 @@ var PdfPreview = ({
         className
       ),
       style: { width, maxHeight },
-      children: /* @__PURE__ */ jsx91(
+      children: /* @__PURE__ */ jsx104(
         Document,
         {
           file,
@@ -7677,7 +8056,7 @@ var PdfPreview = ({
           onLoadError: () => setHasError(true),
           loading: thumbnailSkeleton,
           error: thumbnailSkeleton,
-          children: /* @__PURE__ */ jsx91(Layout, { column: true, gap: 2, className: "p-2", children: Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ jsx91(
+          children: /* @__PURE__ */ jsx104(Layout, { column: true, gap: 2, className: "p-2", children: Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ jsx104(
             Page,
             {
               pageNumber: i + 1,
@@ -7694,16 +8073,16 @@ var PdfPreview = ({
 };
 
 // src/ui/components/ui/AudioPlayer.tsx
-import { useCallback as useCallback6, useRef as useRef14, useState as useState19 } from "react";
+import { useCallback as useCallback7, useRef as useRef16, useState as useState20 } from "react";
 
 // src/ui/components/ui/VideoPlayer.tsx
 import {
-  useCallback as useCallback5,
+  useCallback as useCallback6,
   useEffect as useEffect10,
-  useRef as useRef13,
-  useState as useState18
+  useRef as useRef15,
+  useState as useState19
 } from "react";
-import { Fragment as Fragment10, jsx as jsx92, jsxs as jsxs53 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx105, jsxs as jsxs57 } from "react/jsx-runtime";
 var formatVideoDuration = (seconds) => {
   if (seconds === void 0 || !Number.isFinite(seconds) || seconds < 0)
     return "";
@@ -7742,12 +8121,12 @@ var VideoPlayer = ({
   defaultVolume = DEFAULT_VOLUME,
   className
 }) => {
-  const [isInlinePlaying, setIsInlinePlaying] = useState18(false);
-  const [isExpanded, setIsExpanded] = useState18(false);
-  const [hasPosterError, setHasPosterError] = useState18(false);
-  const [hasFramePreviewError, setHasFramePreviewError] = useState18(false);
-  const inlineVideoRef = useRef13(null);
-  const expandedVideoRef = useRef13(null);
+  const [isInlinePlaying, setIsInlinePlaying] = useState19(false);
+  const [isExpanded, setIsExpanded] = useState19(false);
+  const [hasPosterError, setHasPosterError] = useState19(false);
+  const [hasFramePreviewError, setHasFramePreviewError] = useState19(false);
+  const inlineVideoRef = useRef15(null);
+  const expandedVideoRef = useRef15(null);
   useEffect10(() => {
     setHasPosterError(false);
   }, [poster]);
@@ -7755,7 +8134,7 @@ var VideoPlayer = ({
     setHasFramePreviewError(false);
   }, [src]);
   const visiblePoster = hasPosterError ? void 0 : poster;
-  const attachExpandedVideo = useCallback5(
+  const attachExpandedVideo = useCallback6(
     (video) => {
       expandedVideoRef.current = video;
       if (video) video.volume = clampVolume(defaultVolume);
@@ -7767,7 +8146,7 @@ var VideoPlayer = ({
     e.preventDefault();
     (_a = expandedVideoRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
   };
-  const attachInlineVideo = useCallback5(
+  const attachInlineVideo = useCallback6(
     (video) => {
       inlineVideoRef.current = video;
       if (video) video.volume = clampVolume(defaultVolume);
@@ -7802,8 +8181,8 @@ var VideoPlayer = ({
   const stopBubbling = (e) => {
     e.stopPropagation();
   };
-  return /* @__PURE__ */ jsxs53(Fragment10, { children: [
-    /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs57(Fragment11, { children: [
+    /* @__PURE__ */ jsxs57(
       Layout,
       {
         className: cn(
@@ -7814,7 +8193,7 @@ var VideoPlayer = ({
         onClick: stopBubbling,
         "data-testid": "video-player",
         children: [
-          isInlinePlaying ? /* @__PURE__ */ jsx92(
+          isInlinePlaying ? /* @__PURE__ */ jsx105(
             "video",
             {
               ref: attachInlineVideo,
@@ -7826,7 +8205,7 @@ var VideoPlayer = ({
               className: "h-full w-full bg-black object-contain",
               "aria-label": title
             }
-          ) : /* @__PURE__ */ jsxs53(
+          ) : /* @__PURE__ */ jsxs57(
             "button",
             {
               type: "button",
@@ -7834,7 +8213,7 @@ var VideoPlayer = ({
               "aria-label": `Lire la vid\xE9o ${title}`,
               className: "group relative flex h-full w-full items-center justify-center",
               children: [
-                visiblePoster ? /* @__PURE__ */ jsx92(
+                visiblePoster ? /* @__PURE__ */ jsx105(
                   "img",
                   {
                     src: visiblePoster,
@@ -7845,7 +8224,7 @@ var VideoPlayer = ({
                 ) : (
                   // Sans vignette : première image de la vidéo (métadonnées seulement,
                   // `#t=0.1` force l'affichage d'une frame), tuile sombre si ça échoue.
-                  !hasFramePreviewError && /* @__PURE__ */ jsx92(
+                  !hasFramePreviewError && /* @__PURE__ */ jsx105(
                     "video",
                     {
                       src: `${src}#t=0.1`,
@@ -7860,12 +8239,12 @@ var VideoPlayer = ({
                     }
                   )
                 ),
-                /* @__PURE__ */ jsx92("span", { className: "relative flex h-12 w-12 items-center justify-center rounded-full bg-blue-900 text-white transition-colors group-hover:bg-blue-950", children: /* @__PURE__ */ jsx92(FaIcon, { name: "play", family: "solid", size: 18 }) }),
-                formattedDuration && /* @__PURE__ */ jsx92("span", { className: "absolute bottom-2 left-2 rounded bg-black/60 px-1.5 py-0.5 text-xs font-medium text-white", children: formattedDuration })
+                /* @__PURE__ */ jsx105("span", { className: "relative flex h-12 w-12 items-center justify-center rounded-full bg-blue-900 text-white transition-colors group-hover:bg-blue-950", children: /* @__PURE__ */ jsx105(FaIcon, { name: "play", family: "solid", size: 18 }) }),
+                formattedDuration && /* @__PURE__ */ jsx105("span", { className: "absolute bottom-2 left-2 rounded bg-black/60 px-1.5 py-0.5 text-xs font-medium text-white", children: formattedDuration })
               ]
             }
           ),
-          label && /* @__PURE__ */ jsx92(
+          label && /* @__PURE__ */ jsx105(
             Layout,
             {
               width: "auto",
@@ -7873,14 +8252,14 @@ var VideoPlayer = ({
               children: label
             }
           ),
-          /* @__PURE__ */ jsxs53(
+          /* @__PURE__ */ jsxs57(
             Layout,
             {
               width: "auto",
               gap: 1,
               className: "absolute right-1 top-1 rounded-full bg-white/90",
               children: [
-                /* @__PURE__ */ jsx92(Tooltip, { content: "Agrandir la vid\xE9o", children: /* @__PURE__ */ jsx92(
+                /* @__PURE__ */ jsx105(Tooltip, { content: "Agrandir la vid\xE9o", children: /* @__PURE__ */ jsx105(
                   Icon,
                   {
                     name: "up-right-and-down-left-from-center",
@@ -7889,7 +8268,7 @@ var VideoPlayer = ({
                     "aria-label": "Agrandir la vid\xE9o"
                   }
                 ) }),
-                /* @__PURE__ */ jsx92(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ jsx92(
+                /* @__PURE__ */ jsx105(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ jsx105(
                   Icon,
                   {
                     name: "download",
@@ -7901,7 +8280,7 @@ var VideoPlayer = ({
               ]
             }
           ),
-          meta && !isInlinePlaying && /* @__PURE__ */ jsx92(
+          meta && !isInlinePlaying && /* @__PURE__ */ jsx105(
             Layout,
             {
               width: "auto",
@@ -7912,7 +8291,7 @@ var VideoPlayer = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs53(
+    /* @__PURE__ */ jsxs57(
       Modal,
       {
         open: isExpanded,
@@ -7920,9 +8299,9 @@ var VideoPlayer = ({
         onOpenAutoFocus: focusExpandedVideo,
         width: "70vw",
         children: [
-          /* @__PURE__ */ jsx92(ModalHeader, { className: "items-start text-left", children: /* @__PURE__ */ jsxs53(Layout, { align: "center", justify: "between", fullWidth: true, gap: 2, children: [
-            /* @__PURE__ */ jsxs53(Layout, { align: "center", gap: 2, className: "min-w-0", children: [
-              /* @__PURE__ */ jsx92(
+          /* @__PURE__ */ jsx105(ModalHeader, { className: "items-start text-left", children: /* @__PURE__ */ jsxs57(Layout, { align: "center", justify: "between", fullWidth: true, gap: 2, children: [
+            /* @__PURE__ */ jsxs57(Layout, { align: "center", gap: 2, className: "min-w-0", children: [
+              /* @__PURE__ */ jsx105(
                 IconBadge,
                 {
                   name: "video",
@@ -7931,10 +8310,10 @@ var VideoPlayer = ({
                   iconColor: "blue_900"
                 }
               ),
-              /* @__PURE__ */ jsx92(ModalTitle, { className: "truncate", children: title })
+              /* @__PURE__ */ jsx105(ModalTitle, { className: "truncate", children: title })
             ] }),
-            /* @__PURE__ */ jsxs53(Layout, { width: "auto", align: "center", gap: 1, children: [
-              /* @__PURE__ */ jsx92(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ jsx92(
+            /* @__PURE__ */ jsxs57(Layout, { width: "auto", align: "center", gap: 1, children: [
+              /* @__PURE__ */ jsx105(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ jsx105(
                 Icon,
                 {
                   name: "download",
@@ -7943,7 +8322,7 @@ var VideoPlayer = ({
                   "aria-label": "T\xE9l\xE9charger la vid\xE9o"
                 }
               ) }),
-              /* @__PURE__ */ jsx92(ModalClose, { asChild: true, children: /* @__PURE__ */ jsx92(
+              /* @__PURE__ */ jsx105(ModalClose, { asChild: true, children: /* @__PURE__ */ jsx105(
                 Icon,
                 {
                   name: "xmark",
@@ -7955,7 +8334,7 @@ var VideoPlayer = ({
               ) })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx92(ModalBody, { children: /* @__PURE__ */ jsx92(
+          /* @__PURE__ */ jsx105(ModalBody, { children: /* @__PURE__ */ jsx105(
             "video",
             {
               ref: attachExpandedVideo,
@@ -7976,7 +8355,7 @@ var VideoPlayer = ({
 };
 
 // src/ui/components/ui/AudioPlayer.tsx
-import { jsx as jsx93, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs58 } from "react/jsx-runtime";
 var DEFAULT_VOLUME2 = 0.5;
 var clampVolume2 = (volume) => Number.isFinite(volume) ? Math.min(1, Math.max(0, volume)) : DEFAULT_VOLUME2;
 var AudioPlayer = ({
@@ -7986,11 +8365,11 @@ var AudioPlayer = ({
   title = "Audio",
   className
 }) => {
-  const audioRef = useRef14(null);
-  const [isPlaying, setIsPlaying] = useState19(false);
-  const [currentTime, setCurrentTime] = useState19(0);
-  const [duration, setDuration] = useState19(0);
-  const attachAudio = useCallback6(
+  const audioRef = useRef16(null);
+  const [isPlaying, setIsPlaying] = useState20(false);
+  const [currentTime, setCurrentTime] = useState20(0);
+  const [duration, setDuration] = useState20(0);
+  const attachAudio = useCallback7(
     (audio) => {
       audioRef.current = audio;
       if (audio) audio.volume = clampVolume2(defaultVolume);
@@ -8019,7 +8398,7 @@ var AudioPlayer = ({
     const value = (_b = (_a = audioRef.current) == null ? void 0 : _a.duration) != null ? _b : 0;
     setDuration(Number.isFinite(value) ? value : 0);
   };
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs58(
     Layout,
     {
       gap: 3,
@@ -8028,7 +8407,7 @@ var AudioPlayer = ({
       className: cn("rounded-lg border border-grey-300 p-2", className),
       "data-testid": "audio-player",
       children: [
-        /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx106(
           "audio",
           {
             ref: attachAudio,
@@ -8046,19 +8425,19 @@ var AudioPlayer = ({
             "aria-label": title
           }
         ),
-        /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx106(
           Button,
           {
             variant: "outline",
             size: "s",
             iconOnly: true,
             "aria-label": isPlaying ? `Mettre en pause ${title}` : `Lire ${title}`,
-            iconLeft: /* @__PURE__ */ jsx93(Icon, { name: isPlaying ? "pause" : "play", size: "s", color: "inherit" }),
+            iconLeft: /* @__PURE__ */ jsx106(Icon, { name: isPlaying ? "pause" : "play", size: "s", color: "inherit" }),
             onClick: togglePlayback
           }
         ),
-        /* @__PURE__ */ jsx93(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(currentTime) }),
-        /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx106(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(currentTime) }),
+        /* @__PURE__ */ jsx106(
           "input",
           {
             type: "range",
@@ -8072,7 +8451,7 @@ var AudioPlayer = ({
             className: "h-1 min-w-0 flex-1 cursor-pointer accent-blue-700 disabled:cursor-default"
           }
         ),
-        /* @__PURE__ */ jsx93(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(duration) })
+        /* @__PURE__ */ jsx106(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(duration) })
       ]
     }
   );
@@ -8080,7 +8459,7 @@ var AudioPlayer = ({
 
 // src/ui/components/ui/ScrollArea.tsx
 import * as RadixScrollArea from "@radix-ui/react-scroll-area";
-import { jsx as jsx94, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs59 } from "react/jsx-runtime";
 var HIDDEN_SCROLLBAR_CLASSNAME = "w-0 h-0 opacity-0";
 var ScrollArea = (_a) => {
   var _b = _a, {
@@ -8096,13 +8475,13 @@ var ScrollArea = (_a) => {
     "viewportRef",
     "maxHeight"
   ]);
-  return /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs59(
     RadixScrollArea.Root,
     __spreadProps(__spreadValues({
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx94(
+        /* @__PURE__ */ jsx107(
           RadixScrollArea.Viewport,
           {
             ref: viewportRef,
@@ -8115,23 +8494,23 @@ var ScrollArea = (_a) => {
             children
           }
         ),
-        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx94(
+        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx107(
           RadixScrollArea.Scrollbar,
           {
             orientation: "vertical",
             className: HIDDEN_SCROLLBAR_CLASSNAME,
-            children: /* @__PURE__ */ jsx94(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
+            children: /* @__PURE__ */ jsx107(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
           }
         ),
-        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx94(
+        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx107(
           RadixScrollArea.Scrollbar,
           {
             orientation: "horizontal",
             className: HIDDEN_SCROLLBAR_CLASSNAME,
-            children: /* @__PURE__ */ jsx94(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
+            children: /* @__PURE__ */ jsx107(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
           }
         ),
-        /* @__PURE__ */ jsx94(RadixScrollArea.Corner, {})
+        /* @__PURE__ */ jsx107(RadixScrollArea.Corner, {})
       ]
     })
   );
@@ -8139,7 +8518,7 @@ var ScrollArea = (_a) => {
 
 // src/ui/components/ui/Message.tsx
 import { forwardRef as forwardRef35 } from "react";
-import { jsx as jsx95, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs60 } from "react/jsx-runtime";
 var BUBBLE_BACKGROUND = {
   own: { solid: "bg-blue-700", pale: "bg-blue-50" },
   teammate: { solid: "bg-blue-100", pale: "bg-blue-100" },
@@ -8198,7 +8577,7 @@ var Message = forwardRef35(
     const isInverted = isOwn && variant === "solid";
     const contentColor = isInverted ? "white" : "neutral-800";
     const metaColor = isInverted ? "white" : "grey-500";
-    const avatar = showAuthor ? /* @__PURE__ */ jsx95(Avatar, { name: authorName, src: authorSrc, size: avatarSize }) : /* @__PURE__ */ jsx95(
+    const avatar = showAuthor ? /* @__PURE__ */ jsx108(Avatar, { name: authorName, src: authorSrc, size: avatarSize }) : /* @__PURE__ */ jsx108(
       Layout,
       {
         width: `${avatarSize}px`,
@@ -8206,8 +8585,8 @@ var Message = forwardRef35(
         "aria-hidden": "true"
       }
     );
-    const actionsSlot = actions && !actionsOnHover ? /* @__PURE__ */ jsx95(Layout, { width: "auto", align: "center", className: "shrink-0", children: actions }) : null;
-    const cornerActions = actions && actionsOnHover ? /* @__PURE__ */ jsx95(
+    const actionsSlot = actions && !actionsOnHover ? /* @__PURE__ */ jsx108(Layout, { width: "auto", align: "center", className: "shrink-0", children: actions }) : null;
+    const cornerActions = actions && actionsOnHover ? /* @__PURE__ */ jsx108(
       Layout,
       {
         width: "auto",
@@ -8220,7 +8599,7 @@ var Message = forwardRef35(
         children: actions
       }
     ) : null;
-    return /* @__PURE__ */ jsxs56(
+    return /* @__PURE__ */ jsxs60(
       Layout,
       __spreadProps(__spreadValues({
         ref,
@@ -8231,7 +8610,7 @@ var Message = forwardRef35(
         className
       }, props), {
         children: [
-          /* @__PURE__ */ jsxs56(
+          /* @__PURE__ */ jsxs60(
             Layout,
             {
               fullWidth: true,
@@ -8242,7 +8621,7 @@ var Message = forwardRef35(
               children: [
                 !isRightAligned && avatar,
                 isRightAligned && actionsSlot,
-                /* @__PURE__ */ jsxs56(
+                /* @__PURE__ */ jsxs60(
                   Layout,
                   {
                     column: true,
@@ -8251,7 +8630,7 @@ var Message = forwardRef35(
                     align: isRightAligned ? "end" : "start",
                     style: { maxWidth },
                     children: [
-                      bubble ? /* @__PURE__ */ jsxs56(
+                      bubble ? /* @__PURE__ */ jsxs60(
                         Layout,
                         {
                           column: true,
@@ -8265,16 +8644,16 @@ var Message = forwardRef35(
                             cornerActions && "pr-8"
                           ),
                           children: [
-                            deleted ? /* @__PURE__ */ jsx95(Text, { size: "s", italic: true, color: metaColor, children: deletedLabel }) : /* @__PURE__ */ jsx95(Text, { size: "s", color: contentColor, children }),
-                            time && /* @__PURE__ */ jsx95(Layout, { fullWidth: true, justify: "end", children: /* @__PURE__ */ jsx95(Text, { size: "xxs", color: metaColor, children: time }) }),
+                            deleted ? /* @__PURE__ */ jsx108(Text, { size: "s", italic: true, color: metaColor, children: deletedLabel }) : /* @__PURE__ */ jsx108(Text, { size: "s", color: contentColor, children }),
+                            time && /* @__PURE__ */ jsx108(Layout, { fullWidth: true, justify: "end", children: /* @__PURE__ */ jsx108(Text, { size: "xxs", color: metaColor, children: time }) }),
                             cornerActions
                           ]
                         }
-                      ) : cornerActions ? /* @__PURE__ */ jsxs56(Layout, { width: "auto", className: "relative", children: [
+                      ) : cornerActions ? /* @__PURE__ */ jsxs60(Layout, { width: "auto", className: "relative", children: [
                         children,
                         cornerActions
                       ] }) : children,
-                      status && /* @__PURE__ */ jsx95(Layout, { fullWidth: true, justify: isRightAligned ? "end" : "start", children: status })
+                      status && /* @__PURE__ */ jsx108(Layout, { fullWidth: true, justify: isRightAligned ? "end" : "start", children: status })
                     ]
                   }
                 ),
@@ -8283,7 +8662,7 @@ var Message = forwardRef35(
               ]
             }
           ),
-          showAuthor && showAuthorName && authorName && /* @__PURE__ */ jsx95(Text, { size: "xs", color: "grey-600", children: authorName })
+          showAuthor && showAuthorName && authorName && /* @__PURE__ */ jsx108(Text, { size: "xs", color: "grey-600", children: authorName })
         ]
       })
     );
@@ -8292,8 +8671,8 @@ var Message = forwardRef35(
 Message.displayName = "Message";
 
 // src/ui/components/ui/MessageScroller.tsx
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef15 } from "react";
-import { jsx as jsx96, jsxs as jsxs57 } from "react/jsx-runtime";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef17 } from "react";
+import { jsx as jsx109, jsxs as jsxs61 } from "react/jsx-runtime";
 var SEPARATOR_LINE = {
   neutral: "",
   alert: "bg-red-500"
@@ -8306,9 +8685,9 @@ var MessageDateSeparator = ({
   label,
   tone = "neutral",
   className
-}) => /* @__PURE__ */ jsxs57(Layout, { fullWidth: true, gap: 2, align: "center", className, children: [
-  /* @__PURE__ */ jsx96(Layout, { flex: 1, children: /* @__PURE__ */ jsx96(Divider, { className: SEPARATOR_LINE[tone] }) }),
-  /* @__PURE__ */ jsx96(Layout, { width: "auto", className: "shrink-0", children: /* @__PURE__ */ jsx96(
+}) => /* @__PURE__ */ jsxs61(Layout, { fullWidth: true, gap: 2, align: "center", className, children: [
+  /* @__PURE__ */ jsx109(Layout, { flex: 1, children: /* @__PURE__ */ jsx109(Divider, { className: SEPARATOR_LINE[tone] }) }),
+  /* @__PURE__ */ jsx109(Layout, { width: "auto", className: "shrink-0", children: /* @__PURE__ */ jsx109(
     Text,
     {
       size: "xs",
@@ -8317,7 +8696,7 @@ var MessageDateSeparator = ({
       children: label
     }
   ) }),
-  /* @__PURE__ */ jsx96(Layout, { flex: 1, children: /* @__PURE__ */ jsx96(Divider, { className: SEPARATOR_LINE[tone] }) })
+  /* @__PURE__ */ jsx109(Layout, { flex: 1, children: /* @__PURE__ */ jsx109(Divider, { className: SEPARATOR_LINE[tone] }) })
 ] });
 var MessageScroller = ({
   children,
@@ -8344,7 +8723,7 @@ var MessageScroller = ({
   viewportRef,
   className
 }) => {
-  const fallbackRef = useRef15(null);
+  const fallbackRef = useRef17(null);
   const scrollerRef = viewportRef != null ? viewportRef : fallbackRef;
   useLayoutEffect2(() => {
     if (!autoScroll) return;
@@ -8357,13 +8736,13 @@ var MessageScroller = ({
     if (isEmpty && emptyState) return emptyState;
     return children;
   };
-  const scroller = /* @__PURE__ */ jsx96(
+  const scroller = /* @__PURE__ */ jsx109(
     ScrollArea,
     {
       viewportRef: scrollerRef,
       className: cn("w-full", floatingFooter ? "min-h-0 flex-1" : className),
       style: typeof height === "number" ? { height: `${height}px` } : { height },
-      children: /* @__PURE__ */ jsxs57(
+      children: /* @__PURE__ */ jsxs61(
         Layout,
         {
           column: true,
@@ -8386,9 +8765,9 @@ var MessageScroller = ({
     }
   );
   if (!floatingFooter) return scroller;
-  return /* @__PURE__ */ jsxs57(Layout, { column: true, fullWidth: true, className: cn("relative min-h-0", className), children: [
+  return /* @__PURE__ */ jsxs61(Layout, { column: true, fullWidth: true, className: cn("relative min-h-0", className), children: [
     scroller,
-    /* @__PURE__ */ jsx96(
+    /* @__PURE__ */ jsx109(
       Layout,
       {
         width: "auto",
@@ -8400,14 +8779,14 @@ var MessageScroller = ({
 };
 
 // src/ui/components/ui/Stepper.tsx
-import { Fragment as Fragment11 } from "react";
-import { jsx as jsx97, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment12 } from "react";
+import { jsx as jsx110, jsxs as jsxs62 } from "react/jsx-runtime";
 var Stepper = ({
   numberOfSteps,
   current = 0,
   size = 28,
   className
-}) => /* @__PURE__ */ jsx97(
+}) => /* @__PURE__ */ jsx110(
   "nav",
   {
     "aria-label": "progression",
@@ -8418,8 +8797,8 @@ var Stepper = ({
     children: Array.from({ length: numberOfSteps }, (_, i) => {
       const isActive = i === current;
       const isCompleted = i < current;
-      return /* @__PURE__ */ jsxs58(Fragment11, { children: [
-        /* @__PURE__ */ jsx97(
+      return /* @__PURE__ */ jsxs62(Fragment12, { children: [
+        /* @__PURE__ */ jsx110(
           "div",
           {
             "aria-hidden": true,
@@ -8428,17 +8807,17 @@ var Stepper = ({
               isCompleted ? "border-blue-800 bg-blue-800 text-white" : isActive ? "border-blue-800 bg-white text-blue-800" : "border-grey-500 bg-white text-grey-500"
             ),
             style: { width: size, height: size },
-            children: isCompleted ? /* @__PURE__ */ jsx97(FaIcon, { name: "check", family: "solid", size: 12 }) : i + 1
+            children: isCompleted ? /* @__PURE__ */ jsx110(FaIcon, { name: "check", family: "solid", size: 12 }) : i + 1
           }
         ),
-        i < numberOfSteps - 1 && /* @__PURE__ */ jsx97("div", { className: "h-px min-w-[8px] flex-1 bg-grey-300" })
+        i < numberOfSteps - 1 && /* @__PURE__ */ jsx110("div", { className: "h-px min-w-[8px] flex-1 bg-grey-300" })
       ] }, i);
     })
   }
 );
 
 // src/ui/components/ui/DatePicker.tsx
-import { useState as useState20, useMemo as useMemo3 } from "react";
+import { useState as useState21, useMemo as useMemo3 } from "react";
 import { DayPicker } from "react-day-picker";
 import { fr } from "react-day-picker/locale";
 import "react-day-picker/style.css";
@@ -8457,7 +8836,7 @@ import {
 } from "date-fns";
 import { fr as dateFnsFr } from "date-fns/locale";
 import * as RadixPopover6 from "@radix-ui/react-popover";
-import { jsx as jsx98, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs63 } from "react/jsx-runtime";
 var formatMonthCaption = (month) => format(month, "MMM yyyy", { locale: dateFnsFr });
 var isSameCalendarDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 var parseTypedDate = (text, minDate, maxDate) => {
@@ -8475,10 +8854,19 @@ var parseTypedRange = (text, minDate, maxDate) => {
   if (!start || !end || start > end) return null;
   return [start, end];
 };
+var formatDigitsAsDate = (digits) => [digits.slice(0, 2), digits.slice(2, 4), digits.slice(4, 8)].filter(Boolean).join("/");
+var autoFormatTypedInput = (raw, isRange) => {
+  const digits = raw.replace(/\D/g, "").slice(0, isRange ? 16 : 8);
+  if (!isRange) return formatDigitsAsDate(digits);
+  const first = digits.slice(0, 8);
+  const second = digits.slice(8, 16);
+  if (!second) return formatDigitsAsDate(first);
+  return `${formatDigitsAsDate(first)} - ${formatDigitsAsDate(second)}`;
+};
 var RANGE_PRESETS = [
   {
     label: "Mois pr\xE9c\xE9dent",
-    icon: /* @__PURE__ */ jsx98(FaIcon, { name: "calendar-arrow-up", size: 15 }),
+    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-arrow-up", size: 15 }),
     getValue: () => [
       startOfMonth(subMonths(/* @__PURE__ */ new Date(), 1)),
       endOfMonth(subMonths(/* @__PURE__ */ new Date(), 1))
@@ -8486,34 +8874,34 @@ var RANGE_PRESETS = [
   },
   {
     label: "Ce mois",
-    icon: /* @__PURE__ */ jsx98(FaIcon, { name: "calendar-days", size: 15 }),
+    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-days", size: 15 }),
     getValue: () => [startOfMonth(/* @__PURE__ */ new Date()), endOfMonth(/* @__PURE__ */ new Date())]
   },
   {
     label: "Ce trimestre",
-    icon: /* @__PURE__ */ jsx98(FaIcon, { name: "calendar-range", size: 15 }),
+    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-range", size: 15 }),
     getValue: () => [startOfQuarter(/* @__PURE__ */ new Date()), endOfQuarter(/* @__PURE__ */ new Date())]
   },
   {
     label: "Cette ann\xE9e",
-    icon: /* @__PURE__ */ jsx98(FaIcon, { name: "calendar-clock", size: 15 }),
+    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-clock", size: 15 }),
     getValue: () => [startOfYear(/* @__PURE__ */ new Date()), endOfYear(/* @__PURE__ */ new Date())]
   }
 ];
 var SINGLE_PRESETS = [
   {
     label: "Aujourd'hui",
-    icon: /* @__PURE__ */ jsx98(FaIcon, { name: "calendar-days", size: 15 }),
+    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-days", size: 15 }),
     getValue: () => /* @__PURE__ */ new Date()
   },
   {
     label: "Demain",
-    icon: /* @__PURE__ */ jsx98(FaIcon, { name: "calendar-plus", size: 15 }),
+    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-plus", size: 15 }),
     getValue: () => addDays(/* @__PURE__ */ new Date(), 1)
   },
   {
     label: "Dans 7 jours",
-    icon: /* @__PURE__ */ jsx98(FaIcon, { name: "calendar-clock", size: 15 }),
+    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-clock", size: 15 }),
     getValue: () => addDays(/* @__PURE__ */ new Date(), 7)
   }
 ];
@@ -8535,10 +8923,10 @@ var DatePicker = ({
   className
 }) => {
   const isRange = mode === "range";
-  const [open, setOpen] = useState20(false);
-  const [isEditing, setIsEditing] = useState20(false);
-  const [draftValue, setDraftValue] = useState20("");
-  const [isDirty, setIsDirty] = useState20(false);
+  const [open, setOpen] = useState21(false);
+  const [isEditing, setIsEditing] = useState21(false);
+  const [draftValue, setDraftValue] = useState21("");
+  const [isDirty, setIsDirty] = useState21(false);
   const resolvedPresets = presets != null ? presets : isRange ? RANGE_PRESETS : SINGLE_PRESETS;
   const activePreset = useMemo3(() => {
     var _a;
@@ -8601,7 +8989,7 @@ var DatePicker = ({
       setIsEditing(false);
     }
   };
-  const calendar = /* @__PURE__ */ jsx98(RadixPopover6.Portal, { children: /* @__PURE__ */ jsx98(
+  const calendar = /* @__PURE__ */ jsx111(RadixPopover6.Portal, { children: /* @__PURE__ */ jsx111(
     RadixPopover6.Content,
     {
       align,
@@ -8613,7 +9001,7 @@ var DatePicker = ({
         // mois (range) passait à la ligne et se faisait couper par max-h.
         isRange && "max-h-[320px] max-w-[460px] overflow-y-auto [&_.rdp-months]:flex-nowrap"
       ),
-      children: isRange ? /* @__PURE__ */ jsx98(
+      children: isRange ? /* @__PURE__ */ jsx111(
         DayPicker,
         {
           mode: "range",
@@ -8631,7 +9019,7 @@ var DatePicker = ({
           showOutsideDays: true,
           formatters: { formatCaption: formatMonthCaption }
         }
-      ) : /* @__PURE__ */ jsx98(
+      ) : /* @__PURE__ */ jsx111(
         DayPicker,
         {
           mode: "single",
@@ -8649,8 +9037,8 @@ var DatePicker = ({
     }
   ) });
   if (!showPresets) {
-    return /* @__PURE__ */ jsxs59(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx98(RadixPopover6.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs59(
+    return /* @__PURE__ */ jsxs63(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx111(RadixPopover6.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs63(
         Layout,
         {
           align: "center",
@@ -8664,7 +9052,7 @@ var DatePicker = ({
             className
           ),
           children: [
-            /* @__PURE__ */ jsx98(
+            /* @__PURE__ */ jsx111(
               "input",
               {
                 type: "text",
@@ -8673,7 +9061,7 @@ var DatePicker = ({
                 placeholder: isRange ? "jj/mm/aaaa - jj/mm/aaaa" : "jj/mm/aaaa",
                 onFocus: startEditing,
                 onChange: (event) => {
-                  setDraftValue(event.target.value);
+                  setDraftValue(autoFormatTypedInput(event.target.value, isRange));
                   setIsDirty(true);
                 },
                 onBlur: commitDraft,
@@ -8685,14 +9073,14 @@ var DatePicker = ({
                 )
               }
             ),
-            /* @__PURE__ */ jsx98(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ jsx98(
+            /* @__PURE__ */ jsx111(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ jsx111(
               "button",
               {
                 type: "button",
                 "aria-label": "Ouvrir le calendrier",
                 disabled,
                 className: "flex h-full w-8 shrink-0 items-center justify-center text-grey-500 hover:text-blue-700 disabled:cursor-not-allowed",
-                children: /* @__PURE__ */ jsx98(FaIcon, { name: "calendar", size: 14 })
+                children: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar", size: 14 })
               }
             ) })
           ]
@@ -8701,10 +9089,10 @@ var DatePicker = ({
       calendar
     ] });
   }
-  return /* @__PURE__ */ jsxs59(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs59(Layout, { column: true, gap: 1.5, align, className, children: [
-      /* @__PURE__ */ jsxs59(Layout, { align: "center", gap: 1.5, width: "auto", children: [
-        /* @__PURE__ */ jsx98(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsxs63(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs63(Layout, { column: true, gap: 1.5, align, className, children: [
+      /* @__PURE__ */ jsxs63(Layout, { align: "center", gap: 1.5, width: "auto", children: [
+        /* @__PURE__ */ jsx111(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ jsx111(
           "button",
           {
             type: "button",
@@ -8716,12 +9104,12 @@ var DatePicker = ({
               hasValue && !activePreset ? "border-blue-700 bg-blue-50 text-blue-700" : "border-grey-300 bg-white text-neutral-800 hover:border-blue-700",
               "disabled:cursor-not-allowed disabled:opacity-60"
             ),
-            children: /* @__PURE__ */ jsx98(FaIcon, { name: "calendar", size: 16 })
+            children: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar", size: 16 })
           }
         ) }),
         resolvedPresets.map((preset) => {
           const active = activePreset === preset.label;
-          return /* @__PURE__ */ jsx98(Tooltip, { content: preset.label, children: /* @__PURE__ */ jsx98(
+          return /* @__PURE__ */ jsx111(Tooltip, { content: preset.label, children: /* @__PURE__ */ jsx111(
             "button",
             {
               type: "button",
@@ -8739,7 +9127,7 @@ var DatePicker = ({
           ) }, preset.label);
         })
       ] }),
-      hasValue && /* @__PURE__ */ jsx98(
+      hasValue && /* @__PURE__ */ jsx111(
         "button",
         {
           type: "button",
@@ -9208,9 +9596,9 @@ var optimizeImage = async (file, desiredBaseName, opts = {}) => {
 };
 
 // src/ui/components/ui/Tour.tsx
-import { useEffect as useEffect11, useRef as useRef16 } from "react";
+import { useEffect as useEffect11, useRef as useRef18 } from "react";
 import { driver } from "driver.js";
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx112 } from "react/jsx-runtime";
 var TOUR_TARGET_ATTRIBUTE = "data-tour-target";
 var DEFAULT_LABELS = {
   previous: "Pr\xE9c\xE9dent",
@@ -9222,7 +9610,7 @@ var DEFAULT_LABELS = {
 var STAGE_PADDING = 6;
 var GHOST_TRANSITION_MS = 200;
 var HIGHLIGHT_DURATION_MS = 400;
-var TourTarget = ({ id, children }) => /* @__PURE__ */ jsx99("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
+var TourTarget = ({ id, children }) => /* @__PURE__ */ jsx112("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
 var isContents = (element) => getComputedStyle(element).display === "contents";
 var measure = (element) => {
   if (!isContents(element)) {
@@ -9263,9 +9651,9 @@ var Tour = ({
   const current = steps[step];
   const total = steps.length;
   const isLast = step === total - 1;
-  const driverRef = useRef16(null);
-  const ghostRef = useRef16(null);
-  const actions = useRef16({
+  const driverRef = useRef18(null);
+  const ghostRef = useRef18(null);
+  const actions = useRef18({
     next: () => {
     },
     previous: () => {
@@ -9318,7 +9706,7 @@ var Tour = ({
     window.addEventListener("keydown", onKeyDown, true);
     return () => window.removeEventListener("keydown", onKeyDown, true);
   }, [open]);
-  const view = useRef16({ current, text, step, total, isLast });
+  const view = useRef18({ current, text, step, total, isLast });
   view.current = { current, text, step, total, isLast };
   const targetKey = [(_a = current == null ? void 0 : current.target) != null ? _a : []].flat().join("|");
   const popoverKey = [
@@ -9529,14 +9917,24 @@ export {
   Switch,
   TOUR_TARGET_ATTRIBUTE,
   Table,
+  TableActionsCell,
+  TableAlertRow,
   TableCell,
+  TableClientCell,
+  TableExpandedRow,
   TableFooter,
   TableFooterCell,
   TableFooterRow,
   TableHeader,
   TableHeaderCell,
   TableHeaderRow,
+  TablePersonCell,
   TableRow,
+  TableSectionRow,
+  TableSelectCell,
+  TableSelectHeaderCell,
+  TableStatusCell,
+  TableSubgroupRow,
   Tabs,
   TagBubble,
   TagLevelPicker,
@@ -9601,5 +9999,6 @@ export {
   toast,
   truncateFileName,
   truncateText,
-  useAvatarSize
+  useAvatarSize,
+  useRowSelection
 };