design-zystem 1.0.430 → 1.0.432

package/dist/ui/index.mjs

@@ -1983,8 +1983,9 @@ var Tabs = ({
     updateBar();
     const ro = new ResizeObserver(updateBar);
     if (listRef.current) ro.observe(listRef.current);
+    triggerRefs.current.forEach((trigger) => ro.observe(trigger));
     return () => ro.disconnect();
-  }, [updateBar]);
+  }, [updateBar, items]);
   const isPills = variant === "pills";
   return /* @__PURE__ */ jsxs11(
     RadixTabs.Root,
@@ -3162,6 +3163,17 @@ var TagLevelPicker = ({
   );
 };
 
+// src/ui/lib/warnDeprecatedTableProp.ts
+var warnedProps = /* @__PURE__ */ new Set();
+var warnDeprecatedTableProp = (component, prop, replacement) => {
+  const key = `${component}.${prop}`;
+  if (process.env.NODE_ENV === "production" || warnedProps.has(key)) return;
+  warnedProps.add(key);
+  console.warn(
+    `[design-zystem] <${component} ${prop}> est d\xE9pr\xE9ci\xE9 et sera retir\xE9 : ${replacement}.`
+  );
+};
+
 // src/ui/components/ui/Pagination.tsx
 import { useMemo as useMemo2 } from "react";
 import { jsx as jsx33, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -3384,6 +3396,7 @@ import { jsx as jsx36 } from "react/jsx-runtime";
 var TableBody = ({
   children,
   useEvenBackground,
+  isLined,
   className
 }) => /* @__PURE__ */ jsx36(
   "tbody",
@@ -3391,6 +3404,7 @@ var TableBody = ({
     className: cn(
       "text-neutral-800",
       useEvenBackground && "[&>tr:nth-child(even)]:bg-grey-100",
+      isLined && "[&>tr>td]:border-t [&>tr>td]:border-grey-200 [&>tr>th]:border-t [&>tr>th]:border-grey-200",
       className
     ),
     children
@@ -3702,12 +3716,25 @@ var Table = ({
   className,
   pagination,
   variant,
+  columnsAlign = "center",
   toolbar,
   selection,
   zebra,
   borderLeft = false
 }) => {
   var _a;
+  if (zebra !== void 0)
+    warnDeprecatedTableProp(
+      "Table",
+      "zebra",
+      'utilise variant="zebra" ou variant="lined"'
+    );
+  if (borderLeft)
+    warnDeprecatedTableProp(
+      "Table",
+      "borderLeft",
+      "le style du tableau ne se r\xE8gle plus page par page"
+    );
   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;
@@ -3740,13 +3767,14 @@ var Table = ({
                 // 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",
+                "[&_tr>*:first-child:not(.table-select-cell)]:text-left [&_tr>.table-select-cell:first-child+*]:text-left",
+                columnsAlign === "center" && "[&_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 }),
+                /* @__PURE__ */ jsx42(TableBody, { useEvenBackground: isZebra, isLined: !isZebra, children: rows }),
                 footer
               ]
             }
@@ -3886,26 +3914,34 @@ var TableRow = forwardRef18(
     backgroundColor,
     accentColor,
     "data-index": dataIndex
-  }, ref) => /* @__PURE__ */ jsx46(
-    "tr",
-    {
-      ref,
-      "data-index": dataIndex,
-      onClick,
-      onDoubleClick,
-      className: cn(
-        "[&>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
-      ),
-      style: {
-        backgroundColor,
-        borderLeftColor: accentColor
-      },
-      children
-    }
-  )
+  }, ref) => {
+    if (backgroundColor)
+      warnDeprecatedTableProp(
+        "TableRow",
+        "backgroundColor",
+        "le statut passe par TableStatusCell"
+      );
+    return /* @__PURE__ */ jsx46(
+      "tr",
+      {
+        ref,
+        "data-index": dataIndex,
+        onClick,
+        onDoubleClick,
+        className: cn(
+          "transition-colors hover:bg-black/[0.025]",
+          (onClick || onDoubleClick) && "cursor-pointer",
+          accentColor && "border-l-4",
+          className
+        ),
+        style: {
+          backgroundColor,
+          borderLeftColor: accentColor
+        },
+        children
+      }
+    );
+  }
 );
 TableRow.displayName = "TableRow";
 
@@ -3931,36 +3967,50 @@ var TableCell = ({
   colSpan,
   cursor,
   className
-}) => /* @__PURE__ */ jsx47(
-  "td",
-  {
-    colSpan,
-    className: cn(
-      "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é.
-      colSpan ? "overflow-visible" : "overflow-hidden",
-      borderLeft && "border-l border-grey-200",
-      sticky && !backgroundColor && cn("z-[2]", SURFACE_CLASS2[surface]),
-      sticky && backgroundColor && "z-[2]",
-      accentColor && "border-l-4",
-      cursor && CURSOR_CLASS[cursor],
-      className
-    ),
-    style: {
-      width: colSpan ? void 0 : width || "auto",
-      maxWidth: colSpan ? void 0 : width || "auto",
-      minWidth: colSpan ? void 0 : width || "auto",
-      position: sticky ? "sticky" : "static",
-      left: sticky === "left" ? stickyOffset : void 0,
-      right: sticky === "right" ? stickyOffset : void 0,
-      backgroundColor,
-      borderLeftColor: accentColor
-    },
-    children: centerContent ? /* @__PURE__ */ jsx47(Layout, { justify: "center", children }) : children
-  }
-);
+}) => {
+  if (backgroundColor)
+    warnDeprecatedTableProp(
+      "TableCell",
+      "backgroundColor",
+      "le statut passe par TableStatusCell"
+    );
+  if (borderLeft)
+    warnDeprecatedTableProp(
+      "TableCell",
+      "borderLeft",
+      "le style du tableau ne se r\xE8gle plus page par page"
+    );
+  return /* @__PURE__ */ jsx47(
+    "td",
+    {
+      colSpan,
+      className: cn(
+        "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é.
+        colSpan ? "overflow-visible" : "overflow-hidden",
+        borderLeft && "border-l border-grey-200",
+        sticky && !backgroundColor && cn("z-[2]", SURFACE_CLASS2[surface]),
+        sticky && backgroundColor && "z-[2]",
+        accentColor && "border-l-4",
+        cursor && CURSOR_CLASS[cursor],
+        className
+      ),
+      style: {
+        width: colSpan ? void 0 : width || "auto",
+        maxWidth: colSpan ? void 0 : width || "auto",
+        minWidth: colSpan ? void 0 : width || "auto",
+        position: sticky ? "sticky" : "static",
+        left: sticky === "left" ? stickyOffset : void 0,
+        right: sticky === "right" ? stickyOffset : void 0,
+        backgroundColor,
+        borderLeftColor: accentColor
+      },
+      children: centerContent ? /* @__PURE__ */ jsx47(Layout, { justify: "center", children }) : children
+    }
+  );
+};
 
 // src/ui/components/ui/table/TableFooter.tsx
 import { jsx as jsx48 } from "react/jsx-runtime";
@@ -3999,56 +4049,120 @@ var TableFooterCell = ({
   }
 );
 
+// src/ui/components/ui/table/TableGroupLabel.tsx
+import { jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
+var TableGroupLabel = ({
+  title,
+  count,
+  isCollapsed = false,
+  onToggleCollapse,
+  selection
+}) => /* @__PURE__ */ jsxs25(Layout, { row: true, gap: 2, align: "center", children: [
+  onToggleCollapse && /* @__PURE__ */ jsx51(
+    Icon,
+    {
+      name: isCollapsed ? "chevron-right" : "chevron-down",
+      size: "xs",
+      "aria-expanded": !isCollapsed,
+      "aria-label": isCollapsed ? `D\xE9plier ${title}` : `Replier ${title}`,
+      onClick: onToggleCollapse
+    }
+  ),
+  selection && /* @__PURE__ */ jsx51(
+    Checkbox,
+    {
+      "aria-label": selection.label,
+      checked: selection.isSelected,
+      onChange: selection.onToggle
+    }
+  ),
+  /* @__PURE__ */ jsx51("span", { children: title }),
+  count !== void 0 && /* @__PURE__ */ jsx51("span", { className: "font-semibold text-grey-600", children: count })
+] });
+
 // 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
-  }
-) });
+import { jsx as jsx52 } from "react/jsx-runtime";
+var TableSectionRow = (_a) => {
+  var _b = _a, {
+    colSpan
+  } = _b, label = __objRest(_b, [
+    "colSpan"
+  ]);
+  return /* @__PURE__ */ jsx52(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx52(
+    "td",
+    {
+      colSpan,
+      className: "h-8 bg-grey-300 px-2 text-left text-[11px] font-bold uppercase tracking-wide text-neutral-800",
+      children: /* @__PURE__ */ jsx52(TableGroupLabel, __spreadValues({}, label))
+    }
+  ) });
+};
 
 // 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
-  }
-) });
+import { jsx as jsx53 } from "react/jsx-runtime";
+var TableSubgroupRow = (_a) => {
+  var _b = _a, {
+    colSpan
+  } = _b, label = __objRest(_b, [
+    "colSpan"
+  ]);
+  return /* @__PURE__ */ jsx53(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx53(
+    "td",
+    {
+      colSpan,
+      className: "h-9 bg-grey-200 py-0 pl-6 pr-2 text-left text-xs font-semibold text-neutral-800",
+      children: /* @__PURE__ */ jsx53(TableGroupLabel, __spreadValues({}, label))
+    }
+  ) });
+};
 
 // 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
-  }
-) });
+import { jsx as jsx54, jsxs as jsxs26 } from "react/jsx-runtime";
+var ALERT_TONES = {
+  red: { theme: "red-500", icon: "circle-exclamation" },
+  yellow: { theme: "yellow-500", icon: "triangle-exclamation" },
+  green: { theme: "green-700", icon: "circle-check" },
+  blue: { theme: "blue-700", icon: "circle-info" }
+};
+var TableAlertRow = ({
+  children,
+  colSpan,
+  tone = "yellow",
+  action
+}) => {
+  const { theme, icon } = ALERT_TONES[tone];
+  return /* @__PURE__ */ jsx54(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ jsx54(
+    "td",
+    {
+      colSpan,
+      role: "alert",
+      className: cn(
+        "h-10 px-2 text-left text-xs font-semibold",
+        THEME_VARIANT_CLASSES.pale[theme]
+      ),
+      children: /* @__PURE__ */ jsxs26(Layout, { row: true, gap: 2, align: "center", justify: "between", children: [
+        /* @__PURE__ */ jsxs26(Layout, { row: true, gap: 2, align: "center", children: [
+          /* @__PURE__ */ jsx54(Icon, { name: icon, size: "xs", theme }),
+          /* @__PURE__ */ jsx54("span", { children })
+        ] }),
+        action && /* @__PURE__ */ jsx54(
+          Button,
+          {
+            size: "xs",
+            variant: "outline",
+            theme,
+            label: action.label,
+            onClick: action.onClick
+          }
+        )
+      ] })
+    }
+  ) });
+};
 
 // 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 }) });
+import { jsx as jsx55 } from "react/jsx-runtime";
+var TableExpandedRow = ({ children }) => /* @__PURE__ */ jsx55(TableRow, { className: "bg-grey-100 hover:bg-grey-100", children });
 
 // src/utils/string/capitalizeFirstLetter.ts
 var capitalizeFirstLetter = (str) => {
@@ -4179,7 +4293,7 @@ import {
   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";
+import { Fragment as Fragment4, jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
 var AvatarSizeContext = createContext2(40);
 var useAvatarSize = () => useContext2(AvatarSizeContext);
 var BADGE_BG_CLASS = {
@@ -4240,7 +4354,7 @@ var Avatar = forwardRef19(
       "children"
     ]);
     var _a2;
-    return /* @__PURE__ */ jsx55(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx56(
       RadixAvatar.Root,
       __spreadProps(__spreadValues({
         ref,
@@ -4251,9 +4365,9 @@ var Avatar = forwardRef19(
         ),
         style: __spreadValues({ width: size, height: size, backgroundColor }, style)
       }, props), {
-        children: children != null ? children : /* @__PURE__ */ jsxs25(Fragment4, { children: [
-          src && /* @__PURE__ */ jsx55(AvatarImage, { src, alt: name }),
-          /* @__PURE__ */ jsx55(
+        children: children != null ? children : /* @__PURE__ */ jsxs27(Fragment4, { children: [
+          src && /* @__PURE__ */ jsx56(AvatarImage, { src, alt: name }),
+          /* @__PURE__ */ jsx56(
             AvatarFallback,
             {
               color,
@@ -4262,7 +4376,7 @@ var Avatar = forwardRef19(
               children: getInitials({ name })
             }
           ),
-          badge && /* @__PURE__ */ jsx55(AvatarBadge, { className: BADGE_BG_CLASS[badge.backgroundColor], children: /* @__PURE__ */ jsx55(
+          badge && /* @__PURE__ */ jsx56(AvatarBadge, { className: BADGE_BG_CLASS[badge.backgroundColor], children: /* @__PURE__ */ jsx56(
             FaIcon,
             {
               name: badge.icon,
@@ -4279,7 +4393,7 @@ var Avatar = forwardRef19(
 Avatar.displayName = "Avatar";
 var AvatarImage = forwardRef19((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     RadixAvatar.Image,
     __spreadValues({
       ref,
@@ -4319,7 +4433,7 @@ var AvatarFallback = forwardRef19(
       "style"
     ]);
     const size = useAvatarSize();
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(
       RadixAvatar.Fallback,
       __spreadValues({
         ref,
@@ -4343,7 +4457,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__ */ jsx55(
+    return /* @__PURE__ */ jsx56(
       "div",
       __spreadValues({
         ref,
@@ -4374,7 +4488,7 @@ var AvatarGroup = (_a) => {
   );
   const visible = max ? items.slice(0, max) : items;
   const overflow = max ? items.length - max : 0;
-  return /* @__PURE__ */ jsxs25(Layout, __spreadProps(__spreadValues({ className: cn("-space-x-2", className) }, props), { children: [
+  return /* @__PURE__ */ jsxs27(Layout, __spreadProps(__spreadValues({ className: cn("-space-x-2", className) }, props), { children: [
     visible.map(
       (child, index) => cloneElement(child, {
         key: index,
@@ -4382,7 +4496,7 @@ var AvatarGroup = (_a) => {
         className: cn("ring-2 ring-white", child.props.className)
       })
     ),
-    overflow > 0 && /* @__PURE__ */ jsxs25(
+    overflow > 0 && /* @__PURE__ */ jsxs27(
       Layout,
       {
         align: "center",
@@ -4403,15 +4517,15 @@ var AvatarGroup = (_a) => {
 };
 
 // src/ui/components/ui/table/TablePersonCell.tsx
-import { jsx as jsx56, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs28 } 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(
+}) => /* @__PURE__ */ jsx57(TableCell, { width, children: /* @__PURE__ */ jsxs28("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
+  /* @__PURE__ */ jsx57(
     Avatar,
     {
       size: AVATAR_SIZE,
@@ -4419,39 +4533,39 @@ var TablePersonCell = ({
       src
     }
   ),
-  /* @__PURE__ */ jsx56("span", { className: "truncate", children: formatNameWithInitial(firstName, lastName != null ? lastName : null) })
+  /* @__PURE__ */ jsx57("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";
+import { jsx as jsx58, jsxs as jsxs29 } 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(
+}) => /* @__PURE__ */ jsx58(TableCell, { width, children: /* @__PURE__ */ jsxs29("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
+  /* @__PURE__ */ jsx58(
     "span",
     {
       "aria-hidden": "true",
       "data-testid": "client-dot",
-      className: "h-2.5 w-2.5 shrink-0 rounded-full",
+      className: "h-2 w-2 shrink-0 rounded-full",
       style: { backgroundColor: color }
     }
   ),
-  /* @__PURE__ */ jsx57("span", { className: "truncate", children: name })
+  /* @__PURE__ */ jsx58("span", { className: "truncate", children: name })
 ] }) });
 
 // src/ui/components/ui/table/TableStatusCell.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var TableStatusCell = ({
   children,
   theme,
   width
-}) => /* @__PURE__ */ jsx58(TableCell, { width, centerContent: true, children: /* @__PURE__ */ jsx58(Badge, { size: "l", theme, children }) });
+}) => /* @__PURE__ */ jsx59(TableCell, { width, centerContent: true, children: /* @__PURE__ */ jsx59(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";
+import { jsx as jsx60, jsxs as jsxs30 } from "react/jsx-runtime";
 var Popover = ({
   trigger,
   items,
@@ -4463,9 +4577,9 @@ var Popover = ({
   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(
+}) => /* @__PURE__ */ jsxs30(RadixPopover4.Root, { open, onOpenChange, children: [
+  /* @__PURE__ */ jsx60(RadixPopover4.Trigger, { asChild: true, children: trigger }),
+  /* @__PURE__ */ jsx60(RadixPopover4.Portal, { children: /* @__PURE__ */ jsx60(
     RadixPopover4.Content,
     {
       align,
@@ -4478,11 +4592,13 @@ var Popover = ({
         "data-[state=open]:animate-[fade-in_150ms_ease-out]",
         className
       ),
-      children: items ? /* @__PURE__ */ jsx59(Layout, { column: true, children: items.map((item, idx) => /* @__PURE__ */ jsx59(
+      children: items ? /* @__PURE__ */ jsx60(Layout, { column: true, children: items.map((item, idx) => /* @__PURE__ */ jsx60(
         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",
+          disabled: item.disabled,
+          title: item.title,
+          className: "cursor-pointer rounded-[4px] px-3 py-2 text-left text-sm font-medium text-neutral-800 outline-none hover:bg-grey-100 disabled:cursor-not-allowed disabled:text-grey-500 disabled:hover:bg-transparent",
           children: item.label
         },
         idx
@@ -4492,11 +4608,11 @@ var Popover = ({
 ] });
 
 // src/ui/components/ui/table/TableActionsCell.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx61 } 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(
+  return /* @__PURE__ */ jsx61(TableCell, { width, centerContent: true, children: /* @__PURE__ */ jsx61(
     Layout,
     {
       row: true,
@@ -4504,10 +4620,10 @@ var TableActionsCell = ({ actions, width }) => {
       align: "center",
       justify: "center",
       onClick: (event) => event.stopPropagation(),
-      children: hasMenu ? /* @__PURE__ */ jsx60(
+      children: hasMenu ? /* @__PURE__ */ jsx61(
         Popover,
         {
-          trigger: /* @__PURE__ */ jsx60(
+          trigger: /* @__PURE__ */ jsx61(
             Icon,
             {
               name: "ellipsis-vertical",
@@ -4515,28 +4631,36 @@ var TableActionsCell = ({ actions, width }) => {
               onClick: () => void 0
             }
           ),
-          items: actions.map(({ label, onClick }) => ({
-            label,
-            action: onClick
-          }))
+          items: actions.map(
+            ({ label, onClick, disabled, disabledReason }) => ({
+              label,
+              action: onClick,
+              disabled,
+              title: disabled ? disabledReason : void 0
+            })
+          )
         }
-      ) : actions.map(({ label, icon, onClick }) => /* @__PURE__ */ jsx60(
-        Icon,
-        {
-          name: icon,
-          "aria-label": label,
-          title: label,
-          onClick
-        },
-        label
-      ))
+      ) : actions.map(({ label, icon, onClick, disabled, disabledReason }) => {
+        const action = /* @__PURE__ */ jsx61(
+          Icon,
+          {
+            name: icon,
+            "aria-label": label,
+            title: disabledReason ? void 0 : label,
+            disabled,
+            onClick
+          },
+          label
+        );
+        return disabled && disabledReason ? /* @__PURE__ */ jsx61(Tooltip, { content: disabledReason, children: action }, label) : action;
+      })
     }
   ) });
 };
 
 // src/ui/components/ui/table/TableSelectCell.tsx
 import { useRef as useRef7 } from "react";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var TableSelectCell = ({
   isSelected,
   onToggle,
@@ -4544,7 +4668,7 @@ var TableSelectCell = ({
   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(
+  return /* @__PURE__ */ jsx62(TableCell, { width, centerContent: true, className: "table-select-cell", children: /* @__PURE__ */ jsx62("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx62(
     Checkbox,
     {
       "aria-label": label,
@@ -4558,12 +4682,12 @@ var TableSelectCell = ({
 };
 
 // src/ui/components/ui/table/TableSelectHeaderCell.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx63 } 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(
+}) => /* @__PURE__ */ jsx63(TableHeaderCell, { width, className: "table-select-cell", children: /* @__PURE__ */ jsx63(Layout, { justify: "center", children: /* @__PURE__ */ jsx63("span", { children: /* @__PURE__ */ jsx63(
   Checkbox,
   {
     "aria-label": "S\xE9lectionner toutes les lignes de la page",
@@ -4637,7 +4761,7 @@ var useRowSelection = ({
 // 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 jsx63, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs31 } 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",
   {
@@ -4692,23 +4816,23 @@ var Radio = ({
   color,
   width,
   className
-}) => /* @__PURE__ */ jsx63(
+}) => /* @__PURE__ */ jsx64(
   RadixRadioGroup.Root,
   {
     value,
     onValueChange: onChange,
     disabled,
     asChild: true,
-    children: /* @__PURE__ */ jsx63(Layout, { column: true, gap: 2, className, width, children: items.map((item) => {
+    children: /* @__PURE__ */ jsx64(Layout, { column: true, gap: 2, className, width, children: items.map((item) => {
       const itemId = `radio-${item.value}`;
-      return /* @__PURE__ */ jsxs29(Layout, { row: true, gap: 2, align: "center", children: [
-        /* @__PURE__ */ jsx63(
+      return /* @__PURE__ */ jsxs31(Layout, { row: true, gap: 2, align: "center", children: [
+        /* @__PURE__ */ jsx64(
           RadixRadioGroup.Item,
           {
             id: itemId,
             value: item.value,
             className: radioVariants({ color }),
-            children: /* @__PURE__ */ jsx63(
+            children: /* @__PURE__ */ jsx64(
               RadixRadioGroup.Indicator,
               {
                 className: indicatorVariants({ color })
@@ -4716,7 +4840,7 @@ var Radio = ({
             )
           }
         ),
-        item.label && /* @__PURE__ */ jsx63(
+        item.label && /* @__PURE__ */ jsx64(
           Text,
           {
             as: "label",
@@ -4735,7 +4859,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 jsx64, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs32 } from "react/jsx-runtime";
 var trackVariants2 = cva13(
   "relative w-full overflow-hidden rounded-full bg-grey-200",
   {
@@ -4804,15 +4928,15 @@ var ProgressBar = ({
   const editable = Boolean(onChange);
   if (segments) {
     const visible = segments.filter((segment) => segment.value > 0);
-    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(
+    return /* @__PURE__ */ jsxs32(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
+      label && /* @__PURE__ */ jsx65("span", { className: "text-xs text-grey-600", children: label }),
+      /* @__PURE__ */ jsx65(
         "div",
         {
           role: "img",
           "aria-label": ariaLabel != null ? ariaLabel : label,
           className: cn(trackVariants2({ height }), "flex gap-0.5"),
-          children: visible.map((segment, index) => /* @__PURE__ */ jsx64(
+          children: visible.map((segment, index) => /* @__PURE__ */ jsx65(
             "span",
             {
               className: "h-full",
@@ -4830,16 +4954,16 @@ var ProgressBar = ({
   }
   if (!editable) {
     const readOnlyPercent = Math.max(0, Math.min(100, percent));
-    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(
+    return /* @__PURE__ */ jsxs32(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
+      label && /* @__PURE__ */ jsx65("span", { className: "text-xs text-grey-600", children: label }),
+      /* @__PURE__ */ jsxs32(Layout, { fullWidth: true, align: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx65(
           RadixProgress.Root,
           {
             value: readOnlyPercent,
             "aria-label": ariaLabel != null ? ariaLabel : label,
             className: trackVariants2({ height }),
-            children: /* @__PURE__ */ jsx64(
+            children: /* @__PURE__ */ jsx65(
               RadixProgress.Indicator,
               {
                 className: cn(
@@ -4854,11 +4978,11 @@ var ProgressBar = ({
             )
           }
         ),
-        showLabel && /* @__PURE__ */ jsx64("span", { className: "shrink-0 text-xs font-semibold text-neutral-800", children: display(Math.round(readOnlyPercent)) })
+        showLabel && /* @__PURE__ */ jsx65("span", { className: "shrink-0 text-xs font-semibold text-neutral-800", children: display(Math.round(readOnlyPercent)) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs32(
     Layout,
     {
       column: true,
@@ -4866,9 +4990,9 @@ var ProgressBar = ({
       gap: 1,
       className: cn(disabled && "cursor-not-allowed opacity-60", className),
       children: [
-        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(
+        label && /* @__PURE__ */ jsx65("span", { className: "text-xs text-grey-600", children: label }),
+        /* @__PURE__ */ jsxs32("div", { className: "relative w-full pt-6", children: [
+          showLabel && /* @__PURE__ */ jsx65(
             "span",
             {
               className: "absolute top-0 -translate-x-1/2 text-xs font-semibold text-neutral-800",
@@ -4876,7 +5000,7 @@ var ProgressBar = ({
               children: display(current)
             }
           ),
-          /* @__PURE__ */ jsxs30(
+          /* @__PURE__ */ jsxs32(
             RadixSlider.Root,
             {
               value: [current],
@@ -4887,7 +5011,7 @@ var ProgressBar = ({
               disabled,
               className: "relative flex h-5 w-full touch-none select-none items-center",
               children: [
-                /* @__PURE__ */ jsx64(RadixSlider.Track, { className: cn(trackVariants2({ height }), "grow"), children: /* @__PURE__ */ jsx64(
+                /* @__PURE__ */ jsx65(RadixSlider.Track, { className: cn(trackVariants2({ height }), "grow"), children: /* @__PURE__ */ jsx65(
                   RadixSlider.Range,
                   {
                     className: cn(
@@ -4897,7 +5021,7 @@ var ProgressBar = ({
                     style: { backgroundColor: hexColor }
                   }
                 ) }),
-                /* @__PURE__ */ jsx64(
+                /* @__PURE__ */ jsx65(
                   RadixSlider.Thumb,
                   {
                     className: cn(
@@ -4912,9 +5036,9 @@ var ProgressBar = ({
             }
           )
         ] }),
-        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) })
+        showLabel && /* @__PURE__ */ jsxs32(Layout, { align: "center", justify: "between", children: [
+          /* @__PURE__ */ jsx65("span", { className: "text-xs text-grey-600", children: display(min) }),
+          /* @__PURE__ */ jsx65("span", { className: "text-xs text-grey-600", children: display(max) })
         ] })
       ]
     }
@@ -4923,7 +5047,7 @@ var ProgressBar = ({
 
 // src/ui/components/ui/Collapsible.tsx
 import * as RadixCollapsible from "@radix-ui/react-collapsible";
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 var Collapsible = RadixCollapsible.Root;
 var CollapsibleTrigger = RadixCollapsible.Trigger;
 var CollapsibleContent = (_a) => {
@@ -4932,7 +5056,7 @@ var CollapsibleContent = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     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 : "")
@@ -5012,7 +5136,7 @@ var swallowRestOfClick = () => {
 };
 
 // src/ui/components/ui/Drawer.tsx
-import { jsx as jsx66, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs33 } 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",
@@ -5077,8 +5201,8 @@ var Drawer = ({
     return () => cancelAnimationFrame(frame);
   }, [modal, open]);
   const closeOnDismiss = (next) => !next && closeDrawer();
-  const drawerPortal = /* @__PURE__ */ jsxs31(VaulDrawer.Portal, { children: [
-    /* @__PURE__ */ jsx66(
+  const drawerPortal = /* @__PURE__ */ jsxs33(VaulDrawer.Portal, { children: [
+    /* @__PURE__ */ jsx67(
       VaulDrawer.Overlay,
       {
         ref: overlayRef,
@@ -5090,7 +5214,7 @@ var Drawer = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx66(
+    /* @__PURE__ */ jsx67(
       VaulDrawer.Content,
       __spreadProps(__spreadValues({
         ref: (node) => {
@@ -5122,14 +5246,14 @@ var Drawer = ({
       })
     )
   ] });
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     VaulDrawer.Root,
     {
       direction,
       modal,
       open,
       onOpenChange: closeOnDismiss,
-      children: modal ? drawerPortal : /* @__PURE__ */ jsx66(
+      children: modal ? drawerPortal : /* @__PURE__ */ jsx67(
         DialogPrimitive.Root,
         {
           modal: false,
@@ -5147,7 +5271,7 @@ var DrawerHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     "div",
     __spreadValues({
       className: cn("flex w-full items-center justify-between", className)
@@ -5160,7 +5284,7 @@ var DrawerTitle = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     VaulDrawer.Title,
     __spreadValues({
       className: cn("text-base font-bold text-neutral-800", className)
@@ -5173,7 +5297,7 @@ var DrawerDescription = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     VaulDrawer.Description,
     __spreadValues({
       className: cn("text-sm text-grey-500", className)
@@ -5186,7 +5310,7 @@ var DrawerBody = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx66("div", __spreadValues({ className: cn("min-h-0 flex-1 overflow-y-auto", className) }, props));
+  return /* @__PURE__ */ jsx67("div", __spreadValues({ className: cn("min-h-0 flex-1 overflow-y-auto", className) }, props));
 };
 var DrawerFooter = (_a) => {
   var _b = _a, {
@@ -5194,7 +5318,7 @@ var DrawerFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx66("div", __spreadValues({ className: cn("flex w-full flex-col gap-3", className) }, props));
+  return /* @__PURE__ */ jsx67("div", __spreadValues({ className: cn("flex w-full flex-col gap-3", className) }, props));
 };
 var DrawerClose = VaulDrawer.Close;
 
@@ -5208,11 +5332,11 @@ var SidebarCollapsedProvider = SidebarCollapsedContext.Provider;
 var useSidebarCollapsed = () => useContext3(SidebarCollapsedContext);
 
 // src/ui/components/ui/sidebar/Sidebar.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx68 } 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__ */ jsx67(SidebarCollapsedProvider, { value: collapsed, children: /* @__PURE__ */ jsx67(
+    return /* @__PURE__ */ jsx68(SidebarCollapsedProvider, { value: collapsed, children: /* @__PURE__ */ jsx68(
       "aside",
       __spreadProps(__spreadValues({
         ref,
@@ -5231,10 +5355,10 @@ Sidebar.displayName = "Sidebar";
 
 // src/ui/components/ui/sidebar/SidebarTrigger.tsx
 import { forwardRef as forwardRef21 } from "react";
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var SidebarTrigger = forwardRef21((_a, ref) => {
   var _b = _a, { collapsed, className } = _b, props = __objRest(_b, ["collapsed", "className"]);
-  return /* @__PURE__ */ jsx68(
+  return /* @__PURE__ */ jsx69(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -5245,7 +5369,7 @@ var SidebarTrigger = forwardRef21((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx68(
+      children: /* @__PURE__ */ jsx69(
         FaIcon,
         {
           name: collapsed ? "chevrons-right" : "chevrons-left",
@@ -5260,11 +5384,11 @@ SidebarTrigger.displayName = "SidebarTrigger";
 
 // src/ui/components/ui/sidebar/SidebarHeader.tsx
 import { forwardRef as forwardRef22 } from "react";
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var SidebarHeader = forwardRef22(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsx69(
+    return /* @__PURE__ */ jsx70(
       "div",
       __spreadValues({
         ref,
@@ -5277,11 +5401,11 @@ SidebarHeader.displayName = "SidebarHeader";
 
 // src/ui/components/ui/sidebar/SidebarContent.tsx
 import { forwardRef as forwardRef23 } from "react";
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 var SidebarContent = forwardRef23(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsx70(
+    return /* @__PURE__ */ jsx71(
       "div",
       __spreadValues({
         ref,
@@ -5298,20 +5422,20 @@ SidebarContent.displayName = "SidebarContent";
 
 // src/ui/components/ui/sidebar/SidebarGroup.tsx
 import { forwardRef as forwardRef24 } from "react";
-import { jsx as jsx71, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs34 } 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__ */ jsxs32(
+    return /* @__PURE__ */ jsxs34(
       "div",
       __spreadProps(__spreadValues({
         ref,
         className: cn("flex w-full flex-col p-2", className)
       }, props), {
         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 })
+          label && !collapsed && /* @__PURE__ */ jsx72("span", { className: "flex h-8 shrink-0 items-center px-2 text-xs font-medium text-white/50", children: label }),
+          /* @__PURE__ */ jsx72("div", { className: "flex flex-col gap-1", children })
         ]
       })
     );
@@ -5321,7 +5445,7 @@ SidebarGroup.displayName = "SidebarGroup";
 
 // src/ui/components/ui/sidebar/SidebarMenuButton.tsx
 import { forwardRef as forwardRef25 } from "react";
-import { jsx as jsx72, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs35 } from "react/jsx-runtime";
 var SidebarMenuButton = forwardRef25(
   (_a, ref) => {
     var _b = _a, {
@@ -5344,7 +5468,7 @@ var SidebarMenuButton = forwardRef25(
       "className"
     ]);
     const collapsed = useSidebarCollapsed();
-    const button = /* @__PURE__ */ jsxs33(
+    const button = /* @__PURE__ */ jsxs35(
       "button",
       __spreadProps(__spreadValues({
         ref,
@@ -5360,7 +5484,7 @@ var SidebarMenuButton = forwardRef25(
         )
       }, props), {
         children: [
-          /* @__PURE__ */ jsx72(
+          /* @__PURE__ */ jsx73(
             FaIcon,
             {
               name: icon,
@@ -5369,7 +5493,7 @@ var SidebarMenuButton = forwardRef25(
               className: "shrink-0"
             }
           ),
-          !collapsed && /* @__PURE__ */ jsx72(
+          !collapsed && /* @__PURE__ */ jsx73(
             Text,
             {
               as: "span",
@@ -5380,8 +5504,8 @@ var SidebarMenuButton = forwardRef25(
               children: label
             }
           ),
-          !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(
+          !collapsed && shortcut && /* @__PURE__ */ jsx73("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__ */ jsx73(
             "span",
             {
               className: cn(
@@ -5396,14 +5520,14 @@ var SidebarMenuButton = forwardRef25(
       })
     );
     if (!collapsed) return button;
-    return /* @__PURE__ */ jsx72(Tooltip, { content: label, side: "right", children: button });
+    return /* @__PURE__ */ jsx73(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 Fragment5, jsx as jsx73, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx74, jsxs as jsxs36 } from "react/jsx-runtime";
 var SidebarActionCard = forwardRef26(
   (_a, ref) => {
     var _b = _a, {
@@ -5424,11 +5548,11 @@ var SidebarActionCard = forwardRef26(
     const collapsed = useSidebarCollapsed();
     const tooltip = subtitle ? `${title} ${subtitle}` : title;
     const counter = badge ? badge > 99 ? "99+" : badge : null;
-    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 iconBadge = /* @__PURE__ */ jsxs36("span", { className: "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-yellow-200 text-neutral-800", children: [
+      /* @__PURE__ */ jsx74(FaIcon, { name: icon, family: iconFamily, size: 16 }),
+      collapsed && counter && /* @__PURE__ */ jsx74("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__ */ jsxs34(
+    const button = /* @__PURE__ */ jsxs36(
       "button",
       __spreadProps(__spreadValues({
         ref,
@@ -5443,12 +5567,12 @@ var SidebarActionCard = forwardRef26(
       }, props), {
         children: [
           iconBadge,
-          !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 })
+          !collapsed && /* @__PURE__ */ jsxs36(Fragment5, { children: [
+            /* @__PURE__ */ jsxs36("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+              /* @__PURE__ */ jsx74("span", { className: "truncate text-sm font-bold text-white", children: title }),
+              subtitle && /* @__PURE__ */ jsx74("span", { className: "truncate text-xs text-white/60", children: subtitle })
             ] }),
-            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(
+            counter ? /* @__PURE__ */ jsx74("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__ */ jsx74(
               FaIcon,
               {
                 name: "chevron-right",
@@ -5462,18 +5586,18 @@ var SidebarActionCard = forwardRef26(
       })
     );
     if (!collapsed) return button;
-    return /* @__PURE__ */ jsx73(Tooltip, { content: tooltip, side: "right", children: button });
+    return /* @__PURE__ */ jsx74(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 jsx74 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 var SidebarMenuSub = forwardRef27(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsx74(
+    return /* @__PURE__ */ jsx75(
       "ul",
       __spreadValues({
         ref,
@@ -5489,23 +5613,23 @@ SidebarMenuSub.displayName = "SidebarMenuSub";
 
 // src/ui/components/ui/sidebar/SidebarMenuSubItem.tsx
 import { forwardRef as forwardRef28 } from "react";
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var SidebarMenuSubItem = forwardRef28((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx75("li", __spreadValues({ ref, className: cn("relative", className) }, props));
+  return /* @__PURE__ */ jsx76("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 jsx76 } from "react/jsx-runtime";
+import { jsx as jsx77 } 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__ */ jsx76(
+  return /* @__PURE__ */ jsx77(
     "button",
     __spreadValues({
       ref,
@@ -5525,11 +5649,11 @@ SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/ui/components/ui/sidebar/SidebarFooter.tsx
 import { forwardRef as forwardRef30 } from "react";
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var SidebarFooter = forwardRef30(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsx77(
+    return /* @__PURE__ */ jsx78(
       "div",
       __spreadValues({
         ref,
@@ -5541,7 +5665,7 @@ var SidebarFooter = forwardRef30(
 SidebarFooter.displayName = "SidebarFooter";
 
 // src/ui/components/ui/sidebar/SidebarSupportInfo.tsx
-import { jsx as jsx78, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs37 } from "react/jsx-runtime";
 var SidebarSupportInfo = ({
   phone,
   hours,
@@ -5550,27 +5674,27 @@ var SidebarSupportInfo = ({
   className
 }) => {
   const collapsed = useSidebarCollapsed();
-  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 }) });
+  const badge = /* @__PURE__ */ jsx79("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-white/10 text-white", children: /* @__PURE__ */ jsx79(FaIcon, { name: icon, family: iconFamily, size: 16 }) });
   if (collapsed) {
-    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__ */ jsx79("div", { className: cn("flex justify-center px-2 py-1.5", className), children: /* @__PURE__ */ jsx79(Tooltip, { content: `${phone} \u2014 ${hours}`, side: "right", children: badge }) });
   }
-  return /* @__PURE__ */ jsxs35("div", { className: cn("flex items-center gap-2 px-2 py-1.5", className), children: [
+  return /* @__PURE__ */ jsxs37("div", { className: cn("flex items-center gap-2 px-2 py-1.5", className), children: [
     badge,
-    /* @__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 })
+    /* @__PURE__ */ jsxs37("div", { className: "flex min-w-0 flex-col leading-tight", children: [
+      /* @__PURE__ */ jsx79("span", { className: "truncate text-sm font-bold text-white", children: phone }),
+      /* @__PURE__ */ jsx79("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 jsx79, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs38 } from "react/jsx-runtime";
 var SidebarMenuSearchInput = forwardRef31((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  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(
+  return /* @__PURE__ */ jsxs38(InputGroup, { children: [
+    /* @__PURE__ */ jsx80(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ jsx80(FaIcon, { name: "magnifying-glass", size: 14, className: "text-white/50" }) }),
+    /* @__PURE__ */ jsx80(
       Input,
       __spreadValues({
         ref,
@@ -5587,7 +5711,7 @@ SidebarMenuSearchInput.displayName = "SidebarMenuSearchInput";
 // src/ui/components/ui/sidebar/SidebarUserMenu.tsx
 import { useState as useState10 } from "react";
 import * as RadixPopover5 from "@radix-ui/react-popover";
-import { Fragment as Fragment6, jsx as jsx80, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx81, jsxs as jsxs39 } 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]"
@@ -5609,8 +5733,8 @@ var SidebarUserMenu = ({
     action();
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxs37(RadixPopover5.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx80(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs39(RadixPopover5.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx81(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs39(
       "button",
       {
         type: "button",
@@ -5620,10 +5744,10 @@ var SidebarUserMenu = ({
           className
         ),
         children: [
-          /* @__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(
+          /* @__PURE__ */ jsx81(Avatar, { name, src: avatarSrc, size: collapsed ? 28 : 32 }),
+          !collapsed && /* @__PURE__ */ jsxs39(Fragment6, { children: [
+            /* @__PURE__ */ jsxs39("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+              /* @__PURE__ */ jsx81(
                 Text,
                 {
                   as: "span",
@@ -5634,10 +5758,10 @@ var SidebarUserMenu = ({
                   children: name
                 }
               ),
-              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 })
+              email && /* @__PURE__ */ jsx81("span", { className: "truncate text-xs text-white/50", children: email }),
+              subtitle && !hideSubtitleInTrigger && /* @__PURE__ */ jsx81("span", { className: "truncate text-xs text-white/50", children: subtitle })
             ] }),
-            /* @__PURE__ */ jsx80(
+            /* @__PURE__ */ jsx81(
               FaIcon,
               {
                 name: "sort",
@@ -5650,7 +5774,7 @@ var SidebarUserMenu = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx80(RadixPopover5.Portal, { children: /* @__PURE__ */ jsxs37(
+    /* @__PURE__ */ jsx81(RadixPopover5.Portal, { children: /* @__PURE__ */ jsxs39(
       RadixPopover5.Content,
       {
         align: "end",
@@ -5658,10 +5782,10 @@ var SidebarUserMenu = ({
         sideOffset: 6,
         className: panelClassName,
         children: [
-          /* @__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(
+          /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2 px-2 py-1.5", children: [
+            /* @__PURE__ */ jsx81(Avatar, { name, src: avatarSrc, size: 32 }),
+            /* @__PURE__ */ jsxs39("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+              /* @__PURE__ */ jsx81(
                 Text,
                 {
                   as: "span",
@@ -5672,20 +5796,20 @@ var SidebarUserMenu = ({
                   children: name
                 }
               ),
-              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 })
+              email && /* @__PURE__ */ jsx81("span", { className: "truncate text-xs text-white/50", children: email }),
+              subtitle && !hideSubtitleInPanel && /* @__PURE__ */ jsx81("span", { className: "truncate text-xs text-white/50", children: subtitle })
             ] })
           ] }),
-          actionGroups.map((group, groupIndex) => /* @__PURE__ */ jsx80(
+          actionGroups.map((group, groupIndex) => /* @__PURE__ */ jsx81(
             "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__ */ jsxs37(RadixPopover5.Root, { children: [
-                    /* @__PURE__ */ jsx80(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs37("button", { type: "button", className: rowClassName, children: [
-                      /* @__PURE__ */ jsx80(
+                  return item.renderPanel || item.subActions ? /* @__PURE__ */ jsxs39(RadixPopover5.Root, { children: [
+                    /* @__PURE__ */ jsx81(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs39("button", { type: "button", className: rowClassName, children: [
+                      /* @__PURE__ */ jsx81(
                         FaIcon,
                         {
                           name: item.icon,
@@ -5694,8 +5818,8 @@ var SidebarUserMenu = ({
                           className: "shrink-0 text-white/70"
                         }
                       ),
-                      /* @__PURE__ */ jsx80("span", { className: "flex-1", children: item.label }),
-                      /* @__PURE__ */ jsx80(
+                      /* @__PURE__ */ jsx81("span", { className: "flex-1", children: item.label }),
+                      /* @__PURE__ */ jsx81(
                         FaIcon,
                         {
                           name: "chevron-right",
@@ -5704,21 +5828,21 @@ var SidebarUserMenu = ({
                         }
                       )
                     ] }) }),
-                    /* @__PURE__ */ jsx80(RadixPopover5.Portal, { children: /* @__PURE__ */ jsx80(
+                    /* @__PURE__ */ jsx81(RadixPopover5.Portal, { children: /* @__PURE__ */ jsx81(
                       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__ */ jsxs37(
+                        children: item.renderPanel ? item.renderPanel(() => setOpen(false)) : (_a = item.subActions) == null ? void 0 : _a.map((sub) => /* @__PURE__ */ jsxs39(
                           "button",
                           {
                             type: "button",
                             onClick: () => runAndClose(sub.action),
                             className: rowClassName,
                             children: [
-                              /* @__PURE__ */ jsx80(
+                              /* @__PURE__ */ jsx81(
                                 FaIcon,
                                 {
                                   name: sub.icon,
@@ -5734,14 +5858,14 @@ var SidebarUserMenu = ({
                         ))
                       }
                     ) })
-                  ] }, item.label) : /* @__PURE__ */ jsxs37(
+                  ] }, item.label) : /* @__PURE__ */ jsxs39(
                     "button",
                     {
                       type: "button",
                       onClick: () => runAndClose(item.action),
                       className: rowClassName,
                       children: [
-                        /* @__PURE__ */ jsx80(
+                        /* @__PURE__ */ jsx81(
                           FaIcon,
                           {
                             name: item.icon,
@@ -5768,15 +5892,15 @@ var SidebarUserMenu = ({
 
 // src/ui/components/ui/Toaster.tsx
 import { Toaster as SonnerToaster } from "sonner";
-import { jsx as jsx81 } from "react/jsx-runtime";
-var Toaster = () => /* @__PURE__ */ jsx81(SonnerToaster, { position: "bottom-right", gap: 8 });
+import { jsx as jsx82 } from "react/jsx-runtime";
+var Toaster = () => /* @__PURE__ */ jsx82(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 jsx82, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs40 } from "react/jsx-runtime";
 var ICON = {
   success: "circle-check",
   error: "circle-xmark",
@@ -5818,7 +5942,7 @@ var ToastCard = ({
   title,
   message,
   timeOut
-}) => /* @__PURE__ */ jsxs38(
+}) => /* @__PURE__ */ jsxs40(
   Layout,
   {
     role: "status",
@@ -5830,14 +5954,14 @@ var ToastCard = ({
       ACCENT_BORDER[type]
     ),
     children: [
-      /* @__PURE__ */ jsx82(
+      /* @__PURE__ */ jsx83(
         "span",
         {
           className: cn(
             "flex h-7 w-7 shrink-0 items-center justify-center rounded-full",
             ACCENT_BG[type]
           ),
-          children: /* @__PURE__ */ jsx82(
+          children: /* @__PURE__ */ jsx83(
             FaIcon,
             {
               name: ICON[type],
@@ -5850,21 +5974,21 @@ var ToastCard = ({
           )
         }
       ),
-      /* @__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__ */ jsxs40(Layout, { column: true, flex: 1, gap: 0.5, className: "min-w-0", children: [
+        title && /* @__PURE__ */ jsx83("p", { className: "text-sm font-bold text-neutral-800", children: title }),
+        /* @__PURE__ */ jsx83("p", { className: "text-sm text-neutral-800", children: message })
       ] }),
-      /* @__PURE__ */ jsx82(
+      /* @__PURE__ */ jsx83(
         "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__ */ jsx82(FaIcon, { name: "xmark", size: 14 })
+          children: /* @__PURE__ */ jsx83(FaIcon, { name: "xmark", size: 14 })
         }
       ),
-      type !== "loading" && /* @__PURE__ */ jsx82(
+      type !== "loading" && /* @__PURE__ */ jsx83(
         "div",
         {
           className: cn(
@@ -5879,13 +6003,13 @@ var ToastCard = ({
 );
 
 // src/ui/lib/toast.tsx
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } 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__ */ jsx83(
+    (id) => /* @__PURE__ */ jsx84(
       ToastCard,
       {
         id,
@@ -5925,7 +6049,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 jsx84 } from "react/jsx-runtime";
+import { jsx as jsx85 } 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)]",
   {
@@ -5943,7 +6067,7 @@ var pageContainerVariants = cva14(
 var PageContainer = forwardRef32(
   (_a, ref) => {
     var _b = _a, { padding, className } = _b, props = __objRest(_b, ["padding", "className"]);
-    return /* @__PURE__ */ jsx84(
+    return /* @__PURE__ */ jsx85(
       "div",
       __spreadValues({
         ref,
@@ -5956,7 +6080,7 @@ PageContainer.displayName = "PageContainer";
 
 // src/ui/components/ui/IconTabs.tsx
 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";
+import { jsx as jsx86, jsxs as jsxs41 } from "react/jsx-runtime";
 var IconTabs = ({
   items,
   value,
@@ -5987,8 +6111,8 @@ var IconTabs = ({
     if (listRef.current) ro.observe(listRef.current);
     return () => ro.disconnect();
   }, [updateBar]);
-  return /* @__PURE__ */ jsxs39(Layout, { column: true, className, children: [
-    /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs41(Layout, { column: true, className, children: [
+    /* @__PURE__ */ jsxs41(
       Layout,
       {
         ref: listRef,
@@ -5997,7 +6121,7 @@ var IconTabs = ({
         gap: 1,
         className: "relative rounded-[5px] bg-grey-100 p-1",
         children: [
-          /* @__PURE__ */ jsx85(
+          /* @__PURE__ */ jsx86(
             "div",
             {
               className: "absolute rounded-[5px] bg-blue-50 transition-all duration-300",
@@ -6013,7 +6137,7 @@ var IconTabs = ({
             var _a2;
             const disabled = disabledIndexes.includes(index);
             const active = value === index;
-            return /* @__PURE__ */ jsxs39(
+            return /* @__PURE__ */ jsxs41(
               "button",
               {
                 type: "button",
@@ -6030,14 +6154,14 @@ var IconTabs = ({
                   disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx85(
+                  /* @__PURE__ */ jsx86(
                     "i",
                     {
                       className: `fa-${(_a2 = item.iconFamily) != null ? _a2 : "regular"} fa-${item.icon}`,
                       style: { fontSize: 16 }
                     }
                   ),
-                  item.caption && /* @__PURE__ */ jsx85(
+                  item.caption && /* @__PURE__ */ jsx86(
                     "span",
                     {
                       className: cn(
@@ -6055,13 +6179,13 @@ var IconTabs = ({
         ]
       }
     ),
-    ((_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 })
+    ((_a = items[value]) == null ? void 0 : _a.label) && /* @__PURE__ */ jsx86("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 jsx86, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs42 } from "react/jsx-runtime";
 var bannerVariants = cva15("rounded-[6px] px-4 py-2", {
   variants: {
     theme: {
@@ -6118,14 +6242,14 @@ var Banner = ({
 }) => {
   const align = textAlignByJustify[justify];
   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 })
+  const content = children ? children : message ? /* @__PURE__ */ jsx87(Text, { size: "s", align, className: textClass, children: message }) : /* @__PURE__ */ jsxs42(Layout, { column: true, align: justify, gap: 1, children: [
+    /* @__PURE__ */ jsxs42(Layout, { align: "center", gap: 2, children: [
+      badge && /* @__PURE__ */ jsx87(Badge, { theme: theme != null ? theme : "blue-700", size: "m", children: badge }),
+      title && /* @__PURE__ */ jsx87(Text, { size: "s", weight: "bold", align, className: textClass, children: title })
     ] }),
-    subtitle && /* @__PURE__ */ jsx86(Text, { size: "xs", align, className: textClass, children: subtitle })
+    subtitle && /* @__PURE__ */ jsx87(Text, { size: "xs", align, className: textClass, children: subtitle })
   ] });
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs42(
     Layout,
     {
       role: "alert",
@@ -6136,15 +6260,15 @@ var Banner = ({
       width,
       className: cn(bannerVariants({ theme }), className),
       children: [
-        justify === "start" ? content : /* @__PURE__ */ jsx86(Layout, { flex: 1, justify, align: "center", gap: 2, wrap: true, children: content }),
-        toggle ? /* @__PURE__ */ jsx86(
+        justify === "start" ? content : /* @__PURE__ */ jsx87(Layout, { flex: 1, justify, align: "center", gap: 2, wrap: true, children: content }),
+        toggle ? /* @__PURE__ */ jsx87(
           Switch,
           {
             checked: toggle.checked,
             onChange: toggle.onChange,
             disabled: toggle.disabled
           }
-        ) : action && /* @__PURE__ */ jsxs40(
+        ) : action && /* @__PURE__ */ jsxs42(
           Button,
           {
             variant: "outline",
@@ -6261,7 +6385,7 @@ var resolveArcPlacement = (request) => {
 };
 
 // src/ui/components/ui/FloatingButton.tsx
-import { jsx as jsx87, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs43 } from "react/jsx-runtime";
 var readStoredOffset = (key) => {
   if (!key || typeof window === "undefined") return { x: 0, y: 0 };
   try {
@@ -6459,7 +6583,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__ */ jsxs41(
+  return /* @__PURE__ */ jsxs43(
     "div",
     {
       ref: containerRef,
@@ -6477,7 +6601,7 @@ var FloatingButton = ({
         actions.map((action, index) => {
           var _a;
           const itemOffset = arcOffset(index, actions.length, placement.geometry);
-          return /* @__PURE__ */ jsxs41(
+          return /* @__PURE__ */ jsxs43(
             "button",
             {
               type: "button",
@@ -6495,14 +6619,14 @@ var FloatingButton = ({
                 transform: isOpen ? `translate(${itemOffset.x}px, ${itemOffset.y}px)` : "scale(0.4)"
               },
               children: [
-                /* @__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 })
+                /* @__PURE__ */ jsx88("span", { className: SUB_ICON[color], children: action.icon }),
+                ((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ jsx88("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__ */ jsxs41(
+        /* @__PURE__ */ jsxs43(
           "button",
           {
             type: "button",
@@ -6519,8 +6643,8 @@ var FloatingButton = ({
               touchAction: draggable ? "none" : void 0
             },
             children: [
-              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 })
+              isOpen ? /* @__PURE__ */ jsx88(FaIcon, { name: "xmark", size: 20 }) : icon,
+              !isOpen && mainBadge > 0 && /* @__PURE__ */ jsx88("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 })
             ]
           }
         )
@@ -6531,7 +6655,7 @@ var FloatingButton = ({
 
 // src/ui/components/ui/ActivityFeedPanel.tsx
 import { useEffect as useEffect9, useRef as useRef12, useState as useState13 } from "react";
-import { jsx as jsx88, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs44 } from "react/jsx-runtime";
 var PANEL_WIDTH = 500;
 var PANEL_MAX_HEIGHT = 750;
 var GAP = 8;
@@ -6598,7 +6722,7 @@ var ActivityFeedPanel = ({
     return () => window.removeEventListener("resize", recompute);
   }, [open, offset]);
   if (!open) return null;
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs44(
     Layout,
     {
       ref: panelRef,
@@ -6606,7 +6730,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__ */ jsxs42(
+        /* @__PURE__ */ jsxs44(
           Layout,
           {
             align: "center",
@@ -6614,12 +6738,12 @@ var ActivityFeedPanel = ({
             padding: 4,
             className: "border-b border-grey-200",
             children: [
-              /* @__PURE__ */ jsx88(IconBadge, __spreadValues({ name: "bell", size: "m" }, PULSE_ICON_BADGE)),
-              /* @__PURE__ */ jsx88(Text, { size: "s", weight: "bold", children: title })
+              /* @__PURE__ */ jsx89(IconBadge, __spreadValues({ name: "bell", size: "m" }, PULSE_ICON_BADGE)),
+              /* @__PURE__ */ jsx89(Text, { size: "s", weight: "bold", children: title })
             ]
           }
         ),
-        /* @__PURE__ */ jsx88(Layout, { column: true, fullWidth: true, style: { flex: "1 1 0%", minHeight: 0 }, children: /* @__PURE__ */ jsx88(
+        /* @__PURE__ */ jsx89(Layout, { column: true, fullWidth: true, style: { flex: "1 1 0%", minHeight: 0 }, children: /* @__PURE__ */ jsx89(
           "div",
           {
             style: {
@@ -6630,10 +6754,10 @@ var ActivityFeedPanel = ({
               scrollbarWidth: "none"
             },
             className: "[&::-webkit-scrollbar]:hidden",
-            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(
+            children: /* @__PURE__ */ jsxs44(Layout, { column: true, padding: 2, gap: 1, fullWidth: true, children: [
+              isLoading && /* @__PURE__ */ jsx89(Layout, { fullWidth: true, justify: "center", padding: 6, children: /* @__PURE__ */ jsx89(Spinner, {}) }),
+              !isLoading && items.length === 0 && /* @__PURE__ */ jsx89(Text, { size: "s", color: "grey-500", align: "center", className: "p-4", children: emptyMessage }),
+              items.map((item) => /* @__PURE__ */ jsxs44(
                 Layout,
                 {
                   gap: 3,
@@ -6641,7 +6765,7 @@ var ActivityFeedPanel = ({
                   className: "cursor-pointer items-start rounded-[8px] p-2 hover:bg-grey-100",
                   onClick: item.onClick,
                   children: [
-                    /* @__PURE__ */ jsx88(
+                    /* @__PURE__ */ jsx89(
                       IconBadge,
                       {
                         name: item.icon,
@@ -6650,9 +6774,9 @@ var ActivityFeedPanel = ({
                         iconColor: item.iconColor
                       }
                     ),
-                    /* @__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 })
+                    /* @__PURE__ */ jsxs44(Layout, { column: true, gap: 0.5, className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsx89(Text, { size: "xs", children: item.text }),
+                      /* @__PURE__ */ jsx89(Text, { size: "xxs", color: "grey-500", children: item.timeLabel })
                     ] })
                   ]
                 },
@@ -6667,7 +6791,7 @@ var ActivityFeedPanel = ({
 };
 
 // src/ui/components/ui/MetricCard.tsx
-import { jsx as jsx89, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs45 } from "react/jsx-runtime";
 var ICON_WRAP_CLASS = {
   "blue-700": "bg-blue-50 text-blue-700",
   "blue-900": "bg-blue-50 text-blue-900",
@@ -6696,7 +6820,7 @@ var MetricCard = ({
   selected = false,
   children,
   className
-}) => /* @__PURE__ */ jsx89(
+}) => /* @__PURE__ */ jsx90(
   "div",
   {
     onClick,
@@ -6706,25 +6830,25 @@ var MetricCard = ({
       selected && "border-blue-700",
       className
     ),
-    children: /* @__PURE__ */ jsxs43(Layout, { align: "center", gap: 3, fullWidth: true, children: [
-      /* @__PURE__ */ jsx89(
+    children: /* @__PURE__ */ jsxs45(Layout, { align: "center", gap: 3, fullWidth: true, children: [
+      /* @__PURE__ */ jsx90(
         "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: /* @__PURE__ */ jsx90("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 })
+      children ? children : layout === "row" ? /* @__PURE__ */ jsxs45(Layout, { align: "center", gap: 1, children: [
+        /* @__PURE__ */ jsx90(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
+        /* @__PURE__ */ jsx90(Text, { size: "s", color: "grey-600", children: title })
+      ] }) : /* @__PURE__ */ jsxs45(Layout, { column: true, gap: 1, children: [
+        /* @__PURE__ */ jsx90(Text, { size: "s", color: "grey-600", children: title }),
+        /* @__PURE__ */ jsxs45(Layout, { align: "baseline", gap: 1, children: [
+          /* @__PURE__ */ jsx90(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
+          subtitle && /* @__PURE__ */ jsx90(Text, { size: "xs", color: "grey-600", children: subtitle })
         ] })
       ] })
     ] })
@@ -6732,7 +6856,7 @@ var MetricCard = ({
 );
 
 // src/ui/components/ui/Tile.tsx
-import { jsx as jsx90, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs46 } from "react/jsx-runtime";
 var Tile = ({
   children,
   onClick,
@@ -6742,7 +6866,7 @@ var Tile = ({
   className
 }) => {
   const isOutline = variant === "outline";
-  return /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs46(
     "div",
     {
       className: cn(
@@ -6753,7 +6877,7 @@ var Tile = ({
         className
       ),
       children: [
-        onClick ? /* @__PURE__ */ jsx90(
+        onClick ? /* @__PURE__ */ jsx91(
           "button",
           {
             type: "button",
@@ -6766,7 +6890,7 @@ var Tile = ({
             children
           }
         ) : children,
-        expandedContent && /* @__PURE__ */ jsx90("div", { className: cn(isOutline && "border-t border-grey-300"), children: expandedContent })
+        expandedContent && /* @__PURE__ */ jsx91("div", { className: cn(isOutline && "border-t border-grey-300"), children: expandedContent })
       ]
     }
   );
@@ -6921,16 +7045,16 @@ var formatName = (person, fallback = "") => {
 };
 
 // src/ui/components/ui/history/HistoryChangeRow.tsx
-import { jsx as jsx91, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs47 } from "react/jsx-runtime";
 var HistoryChangeRow = ({ change }) => {
   const { label, previousValue, nextValue, href, onClick } = change;
   const hasValues = Boolean(previousValue || nextValue);
-  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(
+  return /* @__PURE__ */ jsxs47(Layout, { align: "center", gap: 1.5, wrap: true, children: [
+    /* @__PURE__ */ jsx92(Text, { size: "xs", weight: "semibold", color: "grey-600", children: hasValues ? `${label} :` : label }),
+    previousValue && /* @__PURE__ */ jsx92(Text, { size: "xs", color: "grey-600", children: previousValue }),
+    previousValue && nextValue && /* @__PURE__ */ jsx92(Icon, { name: "arrow-right", size: "xs", color: "grey-500" }),
+    nextValue && href && /* @__PURE__ */ jsx92(Link, { href, newTab: true, size: "xs", children: nextValue }),
+    nextValue && onClick && /* @__PURE__ */ jsx92(
       "button",
       {
         type: "button",
@@ -6942,27 +7066,27 @@ var HistoryChangeRow = ({ change }) => {
         children: nextValue
       }
     ),
-    nextValue && !href && !onClick && /* @__PURE__ */ jsx91(Text, { size: "xs", weight: "semibold", children: nextValue })
+    nextValue && !href && !onClick && /* @__PURE__ */ jsx92(Text, { size: "xs", weight: "semibold", children: nextValue })
   ] });
 };
 
 // src/ui/components/ui/history/HistoryEntryCard.tsx
-import { Fragment as Fragment7, jsx as jsx92, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx93, jsxs as jsxs48 } 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__ */ 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 })
+  const summary = /* @__PURE__ */ jsxs48(Layout, { column: true, gap: 1, fullWidth: true, children: [
+    /* @__PURE__ */ jsxs48(Layout, { align: "center", justify: "between", gap: 2, fullWidth: true, children: [
+      /* @__PURE__ */ jsxs48(Layout, { align: "center", gap: 3, fullWidth: false, className: "min-w-0", children: [
+        author && /* @__PURE__ */ jsxs48(Fragment7, { children: [
+          /* @__PURE__ */ jsx93(Avatar, { name: author.name, src: author.avatarSrc, size: 40 }),
+          /* @__PURE__ */ jsx93(Text, { size: "xs", weight: "bold", className: "whitespace-nowrap", children: author.name })
         ] }),
-        badge && /* @__PURE__ */ jsx92(Badge, { theme: badge.theme, size: "s", children: badge.label })
+        badge && /* @__PURE__ */ jsx93(Badge, { theme: badge.theme, size: "s", children: badge.label })
       ] }),
-      /* @__PURE__ */ jsxs46(Layout, { align: "center", gap: 2, fullWidth: false, className: "shrink-0", children: [
-        date && /* @__PURE__ */ jsx92(
+      /* @__PURE__ */ jsxs48(Layout, { align: "center", gap: 2, fullWidth: false, className: "shrink-0", children: [
+        date && /* @__PURE__ */ jsx93(
           Text,
           {
             size: "xxs",
@@ -6972,7 +7096,7 @@ var HistoryEntryCard = ({ entry }) => {
             children: formatDate(date, "dateTime", "fr")
           }
         ),
-        hasChanges && /* @__PURE__ */ jsx92(
+        hasChanges && /* @__PURE__ */ jsx93(
           Icon,
           {
             name: "chevron-down",
@@ -6983,14 +7107,14 @@ var HistoryEntryCard = ({ entry }) => {
         )
       ] })
     ] }),
-    title && /* @__PURE__ */ jsx92(Text, { size: "xs", className: author ? "pl-[52px]" : void 0, children: title })
+    title && /* @__PURE__ */ jsx93(Text, { size: "xs", className: author ? "pl-[52px]" : void 0, children: title })
   ] });
   if (!hasChanges) {
-    return /* @__PURE__ */ jsx92("div", { className: `${CARD_CLASS} p-3`, children: summary });
+    return /* @__PURE__ */ jsx93("div", { className: `${CARD_CLASS} p-3`, children: summary });
   }
-  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(
+  return /* @__PURE__ */ jsxs48(Collapsible, { className: CARD_CLASS, children: [
+    /* @__PURE__ */ jsx93(CollapsibleTrigger, { className: "w-full cursor-pointer p-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-blue-200", children: summary }),
+    /* @__PURE__ */ jsx93(CollapsibleContent, { children: /* @__PURE__ */ jsx93(
       Layout,
       {
         column: true,
@@ -6998,7 +7122,7 @@ var HistoryEntryCard = ({ entry }) => {
         paddingX: 3,
         paddingBottom: 3,
         className: author ? "pl-[64px]" : void 0,
-        children: changes.map((change, index) => /* @__PURE__ */ jsx92(
+        children: changes.map((change, index) => /* @__PURE__ */ jsx93(
           HistoryChangeRow,
           {
             change
@@ -7011,7 +7135,7 @@ var HistoryEntryCard = ({ entry }) => {
 };
 
 // src/ui/components/ui/history/HistoryList.tsx
-import { jsx as jsx93, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs49 } from "react/jsx-runtime";
 var SKELETON_COUNT = 4;
 var HistoryList = ({
   entries,
@@ -7023,8 +7147,8 @@ var HistoryList = ({
   emptyLabel = "Aucun historique",
   emptyDescription = "Aucune action enregistr\xE9e pour le moment.",
   notice
-}) => /* @__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(
+}) => /* @__PURE__ */ jsxs49(Layout, { column: true, gap: 2, fullWidth: true, className: "flex-1", children: [
+  filters.length > 0 && /* @__PURE__ */ jsx94(Layout, { gap: 2, wrap: true, fullWidth: true, justify: "center", children: filters.map((filter) => /* @__PURE__ */ jsx94(
     TagBubble,
     {
       label: filter.label,
@@ -7035,22 +7159,22 @@ var HistoryList = ({
     },
     filter.value
   )) }),
-  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(
+  isLoading && Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ jsx94(Skeleton, { height: "72px" }, index)),
+  !isLoading && isError && /* @__PURE__ */ jsx94(Text, { size: "s", color: "red-900", align: "center", children: errorLabel }),
+  !isLoading && !isError && entries.length === 0 && /* @__PURE__ */ jsx94(
     EmptyState,
     {
-      icon: /* @__PURE__ */ jsx93(FaIcon, { name: "clock-rotate-left", size: 20 }),
+      icon: /* @__PURE__ */ jsx94(FaIcon, { name: "clock-rotate-left", size: 20 }),
       title: emptyLabel,
       description: emptyDescription
     }
   ),
-  !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 })
+  !isLoading && !isError && entries.map((entry) => /* @__PURE__ */ jsx94(HistoryEntryCard, { entry }, entry.id)),
+  !isLoading && !isError && notice && /* @__PURE__ */ jsx94(Text, { size: "xs", color: "grey-600", align: "center", children: notice })
 ] });
 
 // src/ui/components/ui/history/HistoryDrawer.tsx
-import { jsx as jsx94, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs50 } from "react/jsx-runtime";
 var HistoryDrawer = (_a) => {
   var _b = _a, {
     open,
@@ -7061,7 +7185,7 @@ var HistoryDrawer = (_a) => {
     "onClose",
     "title"
   ]);
-  return /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs50(
     Drawer,
     {
       open,
@@ -7069,9 +7193,9 @@ var HistoryDrawer = (_a) => {
       className: "z-[1060]",
       overlayClassName: "z-[1050]",
       children: [
-        /* @__PURE__ */ jsxs48(DrawerHeader, { children: [
-          /* @__PURE__ */ jsx94(DrawerTitle, { className: "uppercase", children: title }),
-          /* @__PURE__ */ jsx94(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx94(
+        /* @__PURE__ */ jsxs50(DrawerHeader, { children: [
+          /* @__PURE__ */ jsx95(DrawerTitle, { className: "uppercase", children: title }),
+          /* @__PURE__ */ jsx95(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx95(
             Icon,
             {
               name: "xmark",
@@ -7081,7 +7205,7 @@ var HistoryDrawer = (_a) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx94(DrawerBody, { className: "flex flex-col", children: /* @__PURE__ */ jsx94(HistoryList, __spreadValues({}, listProps)) })
+        /* @__PURE__ */ jsx95(DrawerBody, { className: "flex flex-col", children: /* @__PURE__ */ jsx95(HistoryList, __spreadValues({}, listProps)) })
       ]
     }
   );
@@ -7089,7 +7213,7 @@ var HistoryDrawer = (_a) => {
 
 // src/ui/components/ui/history/HistoryButton.tsx
 import { useState as useState14 } from "react";
-import { Fragment as Fragment8, jsx as jsx95, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx96, jsxs as jsxs51 } from "react/jsx-runtime";
 var LABEL = "Historique";
 var SHORT_TOOLTIP = "Voir l\u2019historique des actions";
 var HistoryButton = (_a) => {
@@ -7110,10 +7234,10 @@ var HistoryButton = (_a) => {
     onOpenChange == null ? void 0 : onOpenChange(nextIsOpen);
   };
   const open = () => changeOpen(true);
-  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(
+  const icon = /* @__PURE__ */ jsx96(FaIcon, { name: "clock-rotate-left", size: 14 });
+  return /* @__PURE__ */ jsxs51(Fragment8, { children: [
+    variant === "icon" ? /* @__PURE__ */ jsx96(Tooltip, { content: tooltip, className: "z-[1100]", children: /* @__PURE__ */ jsx96(Button, { iconLeft: icon, "aria-label": LABEL, onClick: open }) }) : /* @__PURE__ */ jsx96(Button, { label: LABEL, iconLeft: icon, onClick: open }),
+    /* @__PURE__ */ jsx96(
       HistoryDrawer,
       __spreadValues({
         open: isOpen,
@@ -7125,7 +7249,7 @@ var HistoryButton = (_a) => {
 };
 
 // src/ui/components/ui/Gantt.tsx
-import { jsx as jsx96, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs52 } from "react/jsx-runtime";
 var Gantt = ({
   days,
   rows,
@@ -7141,7 +7265,7 @@ var Gantt = ({
   const bodyHeight = rows.length * rowHeight;
   const clickable = Boolean(onRowClick);
   const gridCols = { gridTemplateColumns: `${labelWidth}px minmax(0, 1fr)` };
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs52(
     "div",
     {
       className: cn(
@@ -7149,13 +7273,13 @@ var Gantt = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs50(
+        /* @__PURE__ */ jsxs52(
           "div",
           {
             className: "grid border-b border-grey-300 bg-grey-100",
             style: gridCols,
             children: [
-              /* @__PURE__ */ jsx96(
+              /* @__PURE__ */ jsx97(
                 Layout,
                 {
                   align: "center",
@@ -7163,7 +7287,7 @@ var Gantt = ({
                   children: labelHeader
                 }
               ),
-              /* @__PURE__ */ jsx96("div", { className: "relative h-[30px]", children: days.map((day) => /* @__PURE__ */ jsx96(
+              /* @__PURE__ */ jsx97("div", { className: "relative h-[30px]", children: days.map((day) => /* @__PURE__ */ jsx97(
                 Layout,
                 {
                   fullHeight: true,
@@ -7177,13 +7301,13 @@ var Gantt = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs50(
+        /* @__PURE__ */ jsxs52(
           "div",
           {
             className: "grid overflow-y-auto overflow-x-hidden",
             style: __spreadProps(__spreadValues({}, gridCols), { maxHeight }),
             children: [
-              /* @__PURE__ */ jsx96("div", { className: "min-w-0 border-r border-grey-300", children: rows.map((row, i) => /* @__PURE__ */ jsx96(
+              /* @__PURE__ */ jsx97("div", { className: "min-w-0 border-r border-grey-300", children: rows.map((row, i) => /* @__PURE__ */ jsx97(
                 Layout,
                 {
                   column: true,
@@ -7200,8 +7324,8 @@ var Gantt = ({
                 },
                 row.key
               )) }),
-              /* @__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(
+              /* @__PURE__ */ jsx97("div", { className: "min-w-0 overflow-hidden", children: /* @__PURE__ */ jsxs52("div", { className: "relative w-full", style: { height: bodyHeight }, children: [
+                days.map((day, i) => /* @__PURE__ */ jsx97(
                   "div",
                   {
                     className: cn(
@@ -7212,7 +7336,7 @@ var Gantt = ({
                   },
                   day.key
                 )),
-                bands.map((band) => /* @__PURE__ */ jsx96(
+                bands.map((band) => /* @__PURE__ */ jsx97(
                   "div",
                   {
                     title: band.title,
@@ -7223,7 +7347,7 @@ var Gantt = ({
                 )),
                 rows.map((row, i) => {
                   var _a, _b, _c;
-                  return /* @__PURE__ */ jsx96(
+                  return /* @__PURE__ */ jsx97(
                     "div",
                     {
                       className: cn(
@@ -7231,7 +7355,7 @@ var Gantt = ({
                         i === 0 ? "border-t-0" : "border-t border-grey-200"
                       ),
                       style: { top: i * rowHeight, height: rowHeight },
-                      children: row.bar && /* @__PURE__ */ jsx96(
+                      children: row.bar && /* @__PURE__ */ jsx97(
                         Layout,
                         {
                           align: "center",
@@ -7246,7 +7370,7 @@ var Gantt = ({
                             background: row.bar.color,
                             borderColor: row.bar.color
                           },
-                          children: row.bar.label && /* @__PURE__ */ jsx96(
+                          children: row.bar.label && /* @__PURE__ */ jsx97(
                             "span",
                             {
                               className: "overflow-hidden text-ellipsis whitespace-nowrap text-[10px] font-semibold",
@@ -7268,7 +7392,7 @@ var Gantt = ({
     }
   );
 };
-var GanttDot = ({ color }) => /* @__PURE__ */ jsx96(
+var GanttDot = ({ color }) => /* @__PURE__ */ jsx97(
   "span",
   {
     className: "inline-block h-[9px] w-[9px] shrink-0 rounded-[3px]",
@@ -7278,7 +7402,7 @@ var GanttDot = ({ color }) => /* @__PURE__ */ jsx96(
 var GanttSwatch = ({
   color,
   filled = true
-}) => /* @__PURE__ */ jsx96(
+}) => /* @__PURE__ */ jsx97(
   "span",
   {
     className: "box-border inline-block h-3 w-[18px] shrink-0 rounded-[3px] border-[1.5px]",
@@ -7287,7 +7411,7 @@ var GanttSwatch = ({
 );
 
 // src/ui/components/ui/Timeline.tsx
-import { jsx as jsx97, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs53 } from "react/jsx-runtime";
 var Timeline = ({
   items,
   lineColor = "#F1F5F9",
@@ -7295,22 +7419,22 @@ var Timeline = ({
   className
 }) => {
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx97(Text, { size: "s", color: "grey-600", children: emptyLabel });
+    return /* @__PURE__ */ jsx98(Text, { size: "s", color: "grey-600", children: emptyLabel });
   }
-  return /* @__PURE__ */ jsx97(Layout, { column: true, className, children: items.map((item, index) => {
+  return /* @__PURE__ */ jsx98(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__ */ jsxs51(Layout, { gap: 3, children: [
-      /* @__PURE__ */ jsxs51(Layout, { column: true, align: "center", className: "w-4", children: [
-        /* @__PURE__ */ jsx97(
+    return /* @__PURE__ */ jsxs53(Layout, { gap: 3, children: [
+      /* @__PURE__ */ jsxs53(Layout, { column: true, align: "center", className: "w-4", children: [
+        /* @__PURE__ */ jsx98(
           "span",
           {
             className: "mt-1 h-2.5 w-2.5 shrink-0 rounded-full",
             style: { background: dotColor }
           }
         ),
-        !isLast && /* @__PURE__ */ jsx97(
+        !isLast && /* @__PURE__ */ jsx98(
           "span",
           {
             className: "w-0.5 flex-1 min-h-[16px]",
@@ -7318,10 +7442,10 @@ var Timeline = ({
           }
         )
       ] }),
-      /* @__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 })
+      /* @__PURE__ */ jsxs53(Layout, { column: true, gap: 0.5, className: isLast ? void 0 : "pb-4", children: [
+        /* @__PURE__ */ jsx98(Text, { size: "s", weight: item.highlighted ? "bold" : "semibold", children: item.title }),
+        item.subtitle && /* @__PURE__ */ jsx98(Text, { size: "xs", color: "grey-600", children: item.subtitle }),
+        item.description && /* @__PURE__ */ jsx98("span", { className: "text-xs italic text-neutral-800", children: item.description })
       ] })
     ] }, item.id);
   }) });
@@ -7330,7 +7454,7 @@ var Timeline = ({
 // src/ui/components/ui/ColorPicker.tsx
 import { forwardRef as forwardRef33, useState as useState15 } from "react";
 import { cva as cva16 } from "class-variance-authority";
-import { jsx as jsx98, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs54 } from "react/jsx-runtime";
 var swatchVariants = cva16(
   "inline-flex shrink-0 overflow-hidden rounded-[6px] border border-grey-300",
   {
@@ -7374,7 +7498,7 @@ var ColorPicker = forwardRef33(
       if (value === void 0) setInternalColor(next);
       onChange == null ? void 0 : onChange(next);
     };
-    return /* @__PURE__ */ jsxs52(
+    return /* @__PURE__ */ jsxs54(
       Layout,
       {
         column: true,
@@ -7382,21 +7506,21 @@ var ColorPicker = forwardRef33(
         gap: 1.5,
         className: cn(disabled && "opacity-60", className),
         children: [
-          label && /* @__PURE__ */ jsx98("span", { className: "text-xs font-semibold text-neutral-800", children: label }),
-          /* @__PURE__ */ jsxs52(Layout, { gap: 2, children: [
-            /* @__PURE__ */ jsx98(
+          label && /* @__PURE__ */ jsx99("span", { className: "text-xs font-semibold text-neutral-800", children: label }),
+          /* @__PURE__ */ jsxs54(Layout, { gap: 2, children: [
+            /* @__PURE__ */ jsx99(
               "label",
               {
                 className: cn(
                   swatchVariants({ size }),
                   disabled ? "cursor-not-allowed" : "cursor-pointer"
                 ),
-                children: /* @__PURE__ */ jsx98(
+                children: /* @__PURE__ */ jsx99(
                   "span",
                   {
                     className: "relative block h-full w-full",
                     style: { backgroundColor: currentColor },
-                    children: /* @__PURE__ */ jsx98(
+                    children: /* @__PURE__ */ jsx99(
                       "input",
                       {
                         ref,
@@ -7411,7 +7535,7 @@ var ColorPicker = forwardRef33(
                 )
               }
             ),
-            /* @__PURE__ */ jsx98(
+            /* @__PURE__ */ jsx99(
               "input",
               __spreadProps(__spreadValues({
                 type: "text",
@@ -7451,7 +7575,7 @@ var COLOR_TOKENS = [
 ];
 
 // src/ui/components/ui/ColorTokenPicker.tsx
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx100 } from "react/jsx-runtime";
 var SWATCH_CLASS = {
   "blue-700": "bg-blue-700",
   "blue-900": "bg-blue-900",
@@ -7473,13 +7597,13 @@ var ColorTokenPicker = ({
   disabled = false
 }) => {
   const [open, setOpen] = useState16(false);
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx100(
     Popover,
     {
       open,
       onOpenChange: disabled ? void 0 : setOpen,
       align: "start",
-      trigger: /* @__PURE__ */ jsx99(
+      trigger: /* @__PURE__ */ jsx100(
         "button",
         {
           type: "button",
@@ -7490,7 +7614,7 @@ var ColorTokenPicker = ({
             "focus-visible:ring-2 focus-visible:ring-blue-200",
             disabled && "cursor-not-allowed opacity-50"
           ),
-          children: /* @__PURE__ */ jsx99(
+          children: /* @__PURE__ */ jsx100(
             "span",
             {
               className: cn(
@@ -7501,7 +7625,7 @@ var ColorTokenPicker = ({
           )
         }
       ),
-      children: /* @__PURE__ */ jsx99(Layout, { wrap: true, gap: 2, className: "w-[168px] p-1", children: COLOR_TOKENS.map((token) => /* @__PURE__ */ jsx99(
+      children: /* @__PURE__ */ jsx100(Layout, { wrap: true, gap: 2, className: "w-[168px] p-1", children: COLOR_TOKENS.map((token) => /* @__PURE__ */ jsx100(
         "button",
         {
           type: "button",
@@ -7525,7 +7649,7 @@ var ColorTokenPicker = ({
 
 // src/ui/components/ui/FileUploadZone.tsx
 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";
+import { Fragment as Fragment9, jsx as jsx101, jsxs as jsxs55 } from "react/jsx-runtime";
 var ACCEPT_MAP = {
   png: "image/png",
   jpg: "image/jpeg",
@@ -7653,7 +7777,7 @@ var FileUploadZone = ({
     onRemove == null ? void 0 : onRemove();
   };
   if (previewUrl) {
-    return /* @__PURE__ */ jsxs53(
+    return /* @__PURE__ */ jsxs55(
       Layout,
       {
         column: true,
@@ -7665,14 +7789,14 @@ var FileUploadZone = ({
           className
         ),
         children: [
-          fileType && isPdf(fileType) ? /* @__PURE__ */ jsx100(
+          fileType && isPdf(fileType) ? /* @__PURE__ */ jsx101(
             "embed",
             {
               src: previewUrl,
               type: "application/pdf",
               className: "h-[500px] w-full rounded"
             }
-          ) : /* @__PURE__ */ jsx100(
+          ) : /* @__PURE__ */ jsx101(
             "img",
             {
               src: previewUrl,
@@ -7680,13 +7804,13 @@ var FileUploadZone = ({
               className: "max-h-[400px] max-w-full rounded object-contain"
             }
           ),
-          /* @__PURE__ */ jsx100(
+          /* @__PURE__ */ jsx101(
             Button,
             {
               label: "Supprimer",
               theme: "red-900",
               size: "s",
-              iconLeft: /* @__PURE__ */ jsx100(FaIcon, { name: "trash", size: 14 }),
+              iconLeft: /* @__PURE__ */ jsx101(FaIcon, { name: "trash", size: 14 }),
               onClick: handleRemove
             }
           )
@@ -7695,14 +7819,14 @@ var FileUploadZone = ({
     );
   }
   const showBrowse = !compact && browseLabel !== false;
-  return /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs55(
     Layout,
     {
       column: true,
       gap: 1,
       className: cn(fullWidth ? "w-full" : "w-fit", className),
       children: [
-        /* @__PURE__ */ jsxs53(
+        /* @__PURE__ */ jsxs55(
           "label",
           {
             onDragOver: handleDragOver,
@@ -7716,7 +7840,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__ */ jsx100(
+              /* @__PURE__ */ jsx101(
                 "input",
                 {
                   ref: inputRef,
@@ -7728,11 +7852,11 @@ var FileUploadZone = ({
                   className: "hidden"
                 }
               ),
-              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(
+              showIcon && /* @__PURE__ */ jsx101(FaIcon, { name: "cloud-arrow-up", size: 28, className: "text-blue-700" }),
+              /* @__PURE__ */ jsx101("span", { className: "text-center text-sm text-grey-600", children: label }),
+              showBrowse && /* @__PURE__ */ jsxs55(Fragment9, { children: [
+                /* @__PURE__ */ jsx101("span", { className: "text-center text-xs text-grey-600", children: "ou" }),
+                /* @__PURE__ */ jsx101(
                   Button,
                   {
                     label: browseLabel,
@@ -7746,15 +7870,15 @@ var FileUploadZone = ({
                   }
                 )
               ] }),
-              sublabel && /* @__PURE__ */ jsx100("span", { className: "text-center text-xs text-grey-500", children: sublabel })
+              sublabel && /* @__PURE__ */ jsx101("span", { className: "text-center text-xs text-grey-500", children: sublabel })
             ]
           }
         ),
-        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 })
+        showFileName && fileName && /* @__PURE__ */ jsxs55(Layout, { align: "center", justify: "center", gap: 2, children: [
+          /* @__PURE__ */ jsx101(FaIcon, { name: "file", size: 16, className: "text-green-700" }),
+          /* @__PURE__ */ jsx101("span", { className: "text-sm text-green-700", children: fileName })
         ] }),
-        inlineError && /* @__PURE__ */ jsx100("span", { className: "text-center text-sm text-red-900", children: inlineError })
+        inlineError && /* @__PURE__ */ jsx101("span", { className: "text-center text-sm text-red-900", children: inlineError })
       ]
     }
   );
@@ -7762,7 +7886,7 @@ var FileUploadZone = ({
 
 // src/ui/components/ui/FilePicker.tsx
 import { useRef as useRef14 } from "react";
-import { Fragment as Fragment10, jsx as jsx101, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx102, jsxs as jsxs56 } from "react/jsx-runtime";
 var FilePicker = ({
   label,
   onSelect,
@@ -7777,8 +7901,8 @@ var FilePicker = ({
   className
 }) => {
   const inputRef = useRef14(null);
-  return /* @__PURE__ */ jsxs54(Fragment10, { children: [
-    /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsxs56(Fragment10, { children: [
+    /* @__PURE__ */ jsx102(
       "input",
       {
         ref: inputRef,
@@ -7794,20 +7918,20 @@ var FilePicker = ({
         }
       }
     ),
-    variant === "button" ? /* @__PURE__ */ jsx101(
+    variant === "button" ? /* @__PURE__ */ jsx102(
       Button,
       {
         variant: "outline",
         label,
         disabled,
         className,
-        iconLeft: /* @__PURE__ */ jsx101(Icon, { name: icon, family: iconFamily, size: "s", color: "inherit" }),
+        iconLeft: /* @__PURE__ */ jsx102(Icon, { name: icon, family: iconFamily, size: "s", color: "inherit" }),
         onClick: () => {
           var _a;
           return (_a = inputRef.current) == null ? void 0 : _a.click();
         }
       }
-    ) : /* @__PURE__ */ jsx101(Tooltip, { content: label, children: /* @__PURE__ */ jsx101(
+    ) : /* @__PURE__ */ jsx102(Tooltip, { content: label, children: /* @__PURE__ */ jsx102(
       Icon,
       {
         name: icon,
@@ -7829,7 +7953,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 jsx102 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 var itemVariants = cva17(
   "group/item flex items-center rounded-[6px] border border-transparent transition-colors",
   {
@@ -7850,7 +7974,7 @@ var itemVariants = cva17(
 var Item4 = forwardRef34(
   (_a, ref) => {
     var _b = _a, { variant, size, className } = _b, props = __objRest(_b, ["variant", "size", "className"]);
-    return /* @__PURE__ */ jsx102(
+    return /* @__PURE__ */ jsx103(
       "div",
       __spreadValues({
         ref,
@@ -7875,7 +7999,7 @@ var itemMediaVariants = cva17(
 );
 var ItemMedia = (_a) => {
   var _b = _a, { variant, className } = _b, props = __objRest(_b, ["variant", "className"]);
-  return /* @__PURE__ */ jsx102("div", __spreadValues({ className: cn(itemMediaVariants({ variant }), className) }, props));
+  return /* @__PURE__ */ jsx103("div", __spreadValues({ className: cn(itemMediaVariants({ variant }), className) }, props));
 };
 var ItemContent = (_a) => {
   var _b = _a, {
@@ -7883,7 +8007,7 @@ var ItemContent = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     "div",
     __spreadValues({
       className: cn("flex min-w-0 flex-1 flex-col gap-1", className)
@@ -7896,7 +8020,7 @@ var ItemTitle = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     "div",
     __spreadValues({
       className: cn(
@@ -7912,7 +8036,7 @@ var ItemDescription = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx102("div", __spreadValues({ className: cn("text-sm text-grey-500", className) }, props));
+  return /* @__PURE__ */ jsx103("div", __spreadValues({ className: cn("text-sm text-grey-500", className) }, props));
 };
 var ItemActions = (_a) => {
   var _b = _a, {
@@ -7920,7 +8044,7 @@ var ItemActions = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     "div",
     __spreadValues({
       className: cn("flex shrink-0 items-center gap-2", className)
@@ -7929,7 +8053,7 @@ var ItemActions = (_a) => {
 };
 
 // src/ui/components/ui/Attachment.tsx
-import { jsx as jsx103, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs57 } from "react/jsx-runtime";
 var Attachment = ({
   name,
   size,
@@ -7943,7 +8067,7 @@ var Attachment = ({
 }) => {
   const isUploading = status === "uploading";
   const isError = status === "error";
-  return /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs57(
     Item4,
     {
       variant: "outline",
@@ -7955,12 +8079,12 @@ var Attachment = ({
       ),
       style: { width },
       children: [
-        /* @__PURE__ */ jsx103(
+        /* @__PURE__ */ jsx104(
           ItemMedia,
           {
             variant: "icon",
             className: cn(isError && "border-red-900 bg-red-50"),
-            children: isUploading ? /* @__PURE__ */ jsx103(Spinner, { size: "s", color: "blue-700" }) : /* @__PURE__ */ jsx103(
+            children: isUploading ? /* @__PURE__ */ jsx104(Spinner, { size: "s", color: "blue-700" }) : /* @__PURE__ */ jsx104(
               FaIcon,
               {
                 name: isError ? "triangle-exclamation" : "file",
@@ -7970,33 +8094,33 @@ var Attachment = ({
             )
           }
         ),
-        /* @__PURE__ */ jsxs55(ItemContent, { children: [
-          /* @__PURE__ */ jsx103(ItemTitle, { children: name }),
-          isUploading ? /* @__PURE__ */ jsxs55(ItemDescription, { className: "text-xs", children: [
+        /* @__PURE__ */ jsxs57(ItemContent, { children: [
+          /* @__PURE__ */ jsx104(ItemTitle, { children: name }),
+          isUploading ? /* @__PURE__ */ jsxs57(ItemDescription, { className: "text-xs", children: [
             "Uploading - ",
             progress,
             "%"
-          ] }) : isError ? /* @__PURE__ */ jsx103(ItemDescription, { className: "text-xs text-red-900", children: errorMessage }) : size && /* @__PURE__ */ jsx103(ItemDescription, { className: "text-xs", children: size })
+          ] }) : isError ? /* @__PURE__ */ jsx104(ItemDescription, { className: "text-xs text-red-900", children: errorMessage }) : size && /* @__PURE__ */ jsx104(ItemDescription, { className: "text-xs", children: size })
         ] }),
-        (onRetry || onRemove) && /* @__PURE__ */ jsxs55(ItemActions, { children: [
-          isError && onRetry && /* @__PURE__ */ jsx103(
+        (onRetry || onRemove) && /* @__PURE__ */ jsxs57(ItemActions, { children: [
+          isError && onRetry && /* @__PURE__ */ jsx104(
             "button",
             {
               type: "button",
               onClick: onRetry,
               "aria-label": `R\xE9essayer l'envoi de ${name}`,
               className: "text-grey-400 hover:text-grey-600",
-              children: /* @__PURE__ */ jsx103(FaIcon, { name: "rotate-right", size: 12 })
+              children: /* @__PURE__ */ jsx104(FaIcon, { name: "rotate-right", size: 12 })
             }
           ),
-          onRemove && /* @__PURE__ */ jsx103(
+          onRemove && /* @__PURE__ */ jsx104(
             "button",
             {
               type: "button",
               onClick: onRemove,
               "aria-label": `Retirer ${name}`,
               className: "text-grey-400 hover:text-grey-600",
-              children: /* @__PURE__ */ jsx103(FaIcon, { name: "xmark", size: 12 })
+              children: /* @__PURE__ */ jsx104(FaIcon, { name: "xmark", size: 12 })
             }
           )
         ] })
@@ -8008,7 +8132,7 @@ var Attachment = ({
 // src/ui/components/ui/PdfPreview.tsx
 import { useState as useState18 } from "react";
 import { Document, Page, pdfjs } from "react-pdf";
-import { jsx as jsx104, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs58 } from "react/jsx-runtime";
 pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
 var PdfPreview = ({
   file,
@@ -8019,9 +8143,9 @@ var PdfPreview = ({
   const [hasError, setHasError] = useState18(false);
   const [numPages, setNumPages] = useState18(0);
   const height = Math.round(width * 1.3);
-  const thumbnailSkeleton = /* @__PURE__ */ jsx104(Skeleton, { width, height });
+  const thumbnailSkeleton = /* @__PURE__ */ jsx105(Skeleton, { width, height });
   if (hasError) {
-    return /* @__PURE__ */ jsxs56(
+    return /* @__PURE__ */ jsxs58(
       Layout,
       {
         column: true,
@@ -8034,13 +8158,13 @@ var PdfPreview = ({
         ),
         style: { width, height },
         children: [
-          /* @__PURE__ */ jsx104(FaIcon, { name: "file-pdf", size: 24 }),
-          /* @__PURE__ */ jsx104("span", { className: "text-xs", children: "Aper\xE7u indisponible" })
+          /* @__PURE__ */ jsx105(FaIcon, { name: "file-pdf", size: 24 }),
+          /* @__PURE__ */ jsx105("span", { className: "text-xs", children: "Aper\xE7u indisponible" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx105(
     "div",
     {
       className: cn(
@@ -8048,7 +8172,7 @@ var PdfPreview = ({
         className
       ),
       style: { width, maxHeight },
-      children: /* @__PURE__ */ jsx104(
+      children: /* @__PURE__ */ jsx105(
         Document,
         {
           file,
@@ -8056,7 +8180,7 @@ var PdfPreview = ({
           onLoadError: () => setHasError(true),
           loading: thumbnailSkeleton,
           error: thumbnailSkeleton,
-          children: /* @__PURE__ */ jsx104(Layout, { column: true, gap: 2, className: "p-2", children: Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ jsx104(
+          children: /* @__PURE__ */ jsx105(Layout, { column: true, gap: 2, className: "p-2", children: Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ jsx105(
             Page,
             {
               pageNumber: i + 1,
@@ -8082,7 +8206,7 @@ import {
   useRef as useRef15,
   useState as useState19
 } from "react";
-import { Fragment as Fragment11, jsx as jsx105, jsxs as jsxs57 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx106, jsxs as jsxs59 } from "react/jsx-runtime";
 var formatVideoDuration = (seconds) => {
   if (seconds === void 0 || !Number.isFinite(seconds) || seconds < 0)
     return "";
@@ -8181,8 +8305,8 @@ var VideoPlayer = ({
   const stopBubbling = (e) => {
     e.stopPropagation();
   };
-  return /* @__PURE__ */ jsxs57(Fragment11, { children: [
-    /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsxs59(Fragment11, { children: [
+    /* @__PURE__ */ jsxs59(
       Layout,
       {
         className: cn(
@@ -8193,7 +8317,7 @@ var VideoPlayer = ({
         onClick: stopBubbling,
         "data-testid": "video-player",
         children: [
-          isInlinePlaying ? /* @__PURE__ */ jsx105(
+          isInlinePlaying ? /* @__PURE__ */ jsx106(
             "video",
             {
               ref: attachInlineVideo,
@@ -8205,7 +8329,7 @@ var VideoPlayer = ({
               className: "h-full w-full bg-black object-contain",
               "aria-label": title
             }
-          ) : /* @__PURE__ */ jsxs57(
+          ) : /* @__PURE__ */ jsxs59(
             "button",
             {
               type: "button",
@@ -8213,7 +8337,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__ */ jsx105(
+                visiblePoster ? /* @__PURE__ */ jsx106(
                   "img",
                   {
                     src: visiblePoster,
@@ -8224,7 +8348,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__ */ jsx105(
+                  !hasFramePreviewError && /* @__PURE__ */ jsx106(
                     "video",
                     {
                       src: `${src}#t=0.1`,
@@ -8239,12 +8363,12 @@ var VideoPlayer = ({
                     }
                   )
                 ),
-                /* @__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 })
+                /* @__PURE__ */ jsx106("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__ */ jsx106(FaIcon, { name: "play", family: "solid", size: 18 }) }),
+                formattedDuration && /* @__PURE__ */ jsx106("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__ */ jsx105(
+          label && /* @__PURE__ */ jsx106(
             Layout,
             {
               width: "auto",
@@ -8252,14 +8376,14 @@ var VideoPlayer = ({
               children: label
             }
           ),
-          /* @__PURE__ */ jsxs57(
+          /* @__PURE__ */ jsxs59(
             Layout,
             {
               width: "auto",
               gap: 1,
               className: "absolute right-1 top-1 rounded-full bg-white/90",
               children: [
-                /* @__PURE__ */ jsx105(Tooltip, { content: "Agrandir la vid\xE9o", children: /* @__PURE__ */ jsx105(
+                /* @__PURE__ */ jsx106(Tooltip, { content: "Agrandir la vid\xE9o", children: /* @__PURE__ */ jsx106(
                   Icon,
                   {
                     name: "up-right-and-down-left-from-center",
@@ -8268,7 +8392,7 @@ var VideoPlayer = ({
                     "aria-label": "Agrandir la vid\xE9o"
                   }
                 ) }),
-                /* @__PURE__ */ jsx105(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ jsx105(
+                /* @__PURE__ */ jsx106(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ jsx106(
                   Icon,
                   {
                     name: "download",
@@ -8280,7 +8404,7 @@ var VideoPlayer = ({
               ]
             }
           ),
-          meta && !isInlinePlaying && /* @__PURE__ */ jsx105(
+          meta && !isInlinePlaying && /* @__PURE__ */ jsx106(
             Layout,
             {
               width: "auto",
@@ -8291,7 +8415,7 @@ var VideoPlayer = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs57(
+    /* @__PURE__ */ jsxs59(
       Modal,
       {
         open: isExpanded,
@@ -8299,9 +8423,9 @@ var VideoPlayer = ({
         onOpenAutoFocus: focusExpandedVideo,
         width: "70vw",
         children: [
-          /* @__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(
+          /* @__PURE__ */ jsx106(ModalHeader, { className: "items-start text-left", children: /* @__PURE__ */ jsxs59(Layout, { align: "center", justify: "between", fullWidth: true, gap: 2, children: [
+            /* @__PURE__ */ jsxs59(Layout, { align: "center", gap: 2, className: "min-w-0", children: [
+              /* @__PURE__ */ jsx106(
                 IconBadge,
                 {
                   name: "video",
@@ -8310,10 +8434,10 @@ var VideoPlayer = ({
                   iconColor: "blue_900"
                 }
               ),
-              /* @__PURE__ */ jsx105(ModalTitle, { className: "truncate", children: title })
+              /* @__PURE__ */ jsx106(ModalTitle, { className: "truncate", children: title })
             ] }),
-            /* @__PURE__ */ jsxs57(Layout, { width: "auto", align: "center", gap: 1, children: [
-              /* @__PURE__ */ jsx105(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ jsx105(
+            /* @__PURE__ */ jsxs59(Layout, { width: "auto", align: "center", gap: 1, children: [
+              /* @__PURE__ */ jsx106(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ jsx106(
                 Icon,
                 {
                   name: "download",
@@ -8322,7 +8446,7 @@ var VideoPlayer = ({
                   "aria-label": "T\xE9l\xE9charger la vid\xE9o"
                 }
               ) }),
-              /* @__PURE__ */ jsx105(ModalClose, { asChild: true, children: /* @__PURE__ */ jsx105(
+              /* @__PURE__ */ jsx106(ModalClose, { asChild: true, children: /* @__PURE__ */ jsx106(
                 Icon,
                 {
                   name: "xmark",
@@ -8334,7 +8458,7 @@ var VideoPlayer = ({
               ) })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx105(ModalBody, { children: /* @__PURE__ */ jsx105(
+          /* @__PURE__ */ jsx106(ModalBody, { children: /* @__PURE__ */ jsx106(
             "video",
             {
               ref: attachExpandedVideo,
@@ -8355,7 +8479,7 @@ var VideoPlayer = ({
 };
 
 // src/ui/components/ui/AudioPlayer.tsx
-import { jsx as jsx106, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs60 } 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 = ({
@@ -8398,7 +8522,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__ */ jsxs58(
+  return /* @__PURE__ */ jsxs60(
     Layout,
     {
       gap: 3,
@@ -8407,7 +8531,7 @@ var AudioPlayer = ({
       className: cn("rounded-lg border border-grey-300 p-2", className),
       "data-testid": "audio-player",
       children: [
-        /* @__PURE__ */ jsx106(
+        /* @__PURE__ */ jsx107(
           "audio",
           {
             ref: attachAudio,
@@ -8425,19 +8549,19 @@ var AudioPlayer = ({
             "aria-label": title
           }
         ),
-        /* @__PURE__ */ jsx106(
+        /* @__PURE__ */ jsx107(
           Button,
           {
             variant: "outline",
             size: "s",
             iconOnly: true,
             "aria-label": isPlaying ? `Mettre en pause ${title}` : `Lire ${title}`,
-            iconLeft: /* @__PURE__ */ jsx106(Icon, { name: isPlaying ? "pause" : "play", size: "s", color: "inherit" }),
+            iconLeft: /* @__PURE__ */ jsx107(Icon, { name: isPlaying ? "pause" : "play", size: "s", color: "inherit" }),
             onClick: togglePlayback
           }
         ),
-        /* @__PURE__ */ jsx106(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(currentTime) }),
-        /* @__PURE__ */ jsx106(
+        /* @__PURE__ */ jsx107(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(currentTime) }),
+        /* @__PURE__ */ jsx107(
           "input",
           {
             type: "range",
@@ -8451,7 +8575,7 @@ var AudioPlayer = ({
             className: "h-1 min-w-0 flex-1 cursor-pointer accent-blue-700 disabled:cursor-default"
           }
         ),
-        /* @__PURE__ */ jsx106(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(duration) })
+        /* @__PURE__ */ jsx107(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(duration) })
       ]
     }
   );
@@ -8459,7 +8583,7 @@ var AudioPlayer = ({
 
 // src/ui/components/ui/ScrollArea.tsx
 import * as RadixScrollArea from "@radix-ui/react-scroll-area";
-import { jsx as jsx107, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs61 } from "react/jsx-runtime";
 var HIDDEN_SCROLLBAR_CLASSNAME = "w-0 h-0 opacity-0";
 var ScrollArea = (_a) => {
   var _b = _a, {
@@ -8475,13 +8599,13 @@ var ScrollArea = (_a) => {
     "viewportRef",
     "maxHeight"
   ]);
-  return /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs61(
     RadixScrollArea.Root,
     __spreadProps(__spreadValues({
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsx108(
           RadixScrollArea.Viewport,
           {
             ref: viewportRef,
@@ -8494,23 +8618,23 @@ var ScrollArea = (_a) => {
             children
           }
         ),
-        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx107(
+        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx108(
           RadixScrollArea.Scrollbar,
           {
             orientation: "vertical",
             className: HIDDEN_SCROLLBAR_CLASSNAME,
-            children: /* @__PURE__ */ jsx107(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
+            children: /* @__PURE__ */ jsx108(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
           }
         ),
-        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx107(
+        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx108(
           RadixScrollArea.Scrollbar,
           {
             orientation: "horizontal",
             className: HIDDEN_SCROLLBAR_CLASSNAME,
-            children: /* @__PURE__ */ jsx107(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
+            children: /* @__PURE__ */ jsx108(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
           }
         ),
-        /* @__PURE__ */ jsx107(RadixScrollArea.Corner, {})
+        /* @__PURE__ */ jsx108(RadixScrollArea.Corner, {})
       ]
     })
   );
@@ -8518,7 +8642,7 @@ var ScrollArea = (_a) => {
 
 // src/ui/components/ui/Message.tsx
 import { forwardRef as forwardRef35 } from "react";
-import { jsx as jsx108, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs62 } 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" },
@@ -8577,7 +8701,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__ */ jsx108(Avatar, { name: authorName, src: authorSrc, size: avatarSize }) : /* @__PURE__ */ jsx108(
+    const avatar = showAuthor ? /* @__PURE__ */ jsx109(Avatar, { name: authorName, src: authorSrc, size: avatarSize }) : /* @__PURE__ */ jsx109(
       Layout,
       {
         width: `${avatarSize}px`,
@@ -8585,8 +8709,8 @@ var Message = forwardRef35(
         "aria-hidden": "true"
       }
     );
-    const actionsSlot = actions && !actionsOnHover ? /* @__PURE__ */ jsx108(Layout, { width: "auto", align: "center", className: "shrink-0", children: actions }) : null;
-    const cornerActions = actions && actionsOnHover ? /* @__PURE__ */ jsx108(
+    const actionsSlot = actions && !actionsOnHover ? /* @__PURE__ */ jsx109(Layout, { width: "auto", align: "center", className: "shrink-0", children: actions }) : null;
+    const cornerActions = actions && actionsOnHover ? /* @__PURE__ */ jsx109(
       Layout,
       {
         width: "auto",
@@ -8599,7 +8723,7 @@ var Message = forwardRef35(
         children: actions
       }
     ) : null;
-    return /* @__PURE__ */ jsxs60(
+    return /* @__PURE__ */ jsxs62(
       Layout,
       __spreadProps(__spreadValues({
         ref,
@@ -8610,7 +8734,7 @@ var Message = forwardRef35(
         className
       }, props), {
         children: [
-          /* @__PURE__ */ jsxs60(
+          /* @__PURE__ */ jsxs62(
             Layout,
             {
               fullWidth: true,
@@ -8621,7 +8745,7 @@ var Message = forwardRef35(
               children: [
                 !isRightAligned && avatar,
                 isRightAligned && actionsSlot,
-                /* @__PURE__ */ jsxs60(
+                /* @__PURE__ */ jsxs62(
                   Layout,
                   {
                     column: true,
@@ -8630,7 +8754,7 @@ var Message = forwardRef35(
                     align: isRightAligned ? "end" : "start",
                     style: { maxWidth },
                     children: [
-                      bubble ? /* @__PURE__ */ jsxs60(
+                      bubble ? /* @__PURE__ */ jsxs62(
                         Layout,
                         {
                           column: true,
@@ -8644,16 +8768,16 @@ var Message = forwardRef35(
                             cornerActions && "pr-8"
                           ),
                           children: [
-                            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 }) }),
+                            deleted ? /* @__PURE__ */ jsx109(Text, { size: "s", italic: true, color: metaColor, children: deletedLabel }) : /* @__PURE__ */ jsx109(Text, { size: "s", color: contentColor, children }),
+                            time && /* @__PURE__ */ jsx109(Layout, { fullWidth: true, justify: "end", children: /* @__PURE__ */ jsx109(Text, { size: "xxs", color: metaColor, children: time }) }),
                             cornerActions
                           ]
                         }
-                      ) : cornerActions ? /* @__PURE__ */ jsxs60(Layout, { width: "auto", className: "relative", children: [
+                      ) : cornerActions ? /* @__PURE__ */ jsxs62(Layout, { width: "auto", className: "relative", children: [
                         children,
                         cornerActions
                       ] }) : children,
-                      status && /* @__PURE__ */ jsx108(Layout, { fullWidth: true, justify: isRightAligned ? "end" : "start", children: status })
+                      status && /* @__PURE__ */ jsx109(Layout, { fullWidth: true, justify: isRightAligned ? "end" : "start", children: status })
                     ]
                   }
                 ),
@@ -8662,7 +8786,7 @@ var Message = forwardRef35(
               ]
             }
           ),
-          showAuthor && showAuthorName && authorName && /* @__PURE__ */ jsx108(Text, { size: "xs", color: "grey-600", children: authorName })
+          showAuthor && showAuthorName && authorName && /* @__PURE__ */ jsx109(Text, { size: "xs", color: "grey-600", children: authorName })
         ]
       })
     );
@@ -8672,7 +8796,7 @@ Message.displayName = "Message";
 
 // src/ui/components/ui/MessageScroller.tsx
 import { useLayoutEffect as useLayoutEffect2, useRef as useRef17 } from "react";
-import { jsx as jsx109, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs63 } from "react/jsx-runtime";
 var SEPARATOR_LINE = {
   neutral: "",
   alert: "bg-red-500"
@@ -8685,9 +8809,9 @@ var MessageDateSeparator = ({
   label,
   tone = "neutral",
   className
-}) => /* @__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(
+}) => /* @__PURE__ */ jsxs63(Layout, { fullWidth: true, gap: 2, align: "center", className, children: [
+  /* @__PURE__ */ jsx110(Layout, { flex: 1, children: /* @__PURE__ */ jsx110(Divider, { className: SEPARATOR_LINE[tone] }) }),
+  /* @__PURE__ */ jsx110(Layout, { width: "auto", className: "shrink-0", children: /* @__PURE__ */ jsx110(
     Text,
     {
       size: "xs",
@@ -8696,7 +8820,7 @@ var MessageDateSeparator = ({
       children: label
     }
   ) }),
-  /* @__PURE__ */ jsx109(Layout, { flex: 1, children: /* @__PURE__ */ jsx109(Divider, { className: SEPARATOR_LINE[tone] }) })
+  /* @__PURE__ */ jsx110(Layout, { flex: 1, children: /* @__PURE__ */ jsx110(Divider, { className: SEPARATOR_LINE[tone] }) })
 ] });
 var MessageScroller = ({
   children,
@@ -8736,13 +8860,13 @@ var MessageScroller = ({
     if (isEmpty && emptyState) return emptyState;
     return children;
   };
-  const scroller = /* @__PURE__ */ jsx109(
+  const scroller = /* @__PURE__ */ jsx110(
     ScrollArea,
     {
       viewportRef: scrollerRef,
       className: cn("w-full", floatingFooter ? "min-h-0 flex-1" : className),
       style: typeof height === "number" ? { height: `${height}px` } : { height },
-      children: /* @__PURE__ */ jsxs61(
+      children: /* @__PURE__ */ jsxs63(
         Layout,
         {
           column: true,
@@ -8765,9 +8889,9 @@ var MessageScroller = ({
     }
   );
   if (!floatingFooter) return scroller;
-  return /* @__PURE__ */ jsxs61(Layout, { column: true, fullWidth: true, className: cn("relative min-h-0", className), children: [
+  return /* @__PURE__ */ jsxs63(Layout, { column: true, fullWidth: true, className: cn("relative min-h-0", className), children: [
     scroller,
-    /* @__PURE__ */ jsx109(
+    /* @__PURE__ */ jsx110(
       Layout,
       {
         width: "auto",
@@ -8780,13 +8904,13 @@ var MessageScroller = ({
 
 // src/ui/components/ui/Stepper.tsx
 import { Fragment as Fragment12 } from "react";
-import { jsx as jsx110, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs64 } from "react/jsx-runtime";
 var Stepper = ({
   numberOfSteps,
   current = 0,
   size = 28,
   className
-}) => /* @__PURE__ */ jsx110(
+}) => /* @__PURE__ */ jsx111(
   "nav",
   {
     "aria-label": "progression",
@@ -8797,8 +8921,8 @@ var Stepper = ({
     children: Array.from({ length: numberOfSteps }, (_, i) => {
       const isActive = i === current;
       const isCompleted = i < current;
-      return /* @__PURE__ */ jsxs62(Fragment12, { children: [
-        /* @__PURE__ */ jsx110(
+      return /* @__PURE__ */ jsxs64(Fragment12, { children: [
+        /* @__PURE__ */ jsx111(
           "div",
           {
             "aria-hidden": true,
@@ -8807,10 +8931,10 @@ 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__ */ jsx110(FaIcon, { name: "check", family: "solid", size: 12 }) : i + 1
+            children: isCompleted ? /* @__PURE__ */ jsx111(FaIcon, { name: "check", family: "solid", size: 12 }) : i + 1
           }
         ),
-        i < numberOfSteps - 1 && /* @__PURE__ */ jsx110("div", { className: "h-px min-w-[8px] flex-1 bg-grey-300" })
+        i < numberOfSteps - 1 && /* @__PURE__ */ jsx111("div", { className: "h-px min-w-[8px] flex-1 bg-grey-300" })
       ] }, i);
     })
   }
@@ -8836,7 +8960,7 @@ import {
 } from "date-fns";
 import { fr as dateFnsFr } from "date-fns/locale";
 import * as RadixPopover6 from "@radix-ui/react-popover";
-import { jsx as jsx111, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs65 } 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) => {
@@ -8866,7 +8990,7 @@ var autoFormatTypedInput = (raw, isRange) => {
 var RANGE_PRESETS = [
   {
     label: "Mois pr\xE9c\xE9dent",
-    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-arrow-up", size: 15 }),
+    icon: /* @__PURE__ */ jsx112(FaIcon, { name: "calendar-arrow-up", size: 15 }),
     getValue: () => [
       startOfMonth(subMonths(/* @__PURE__ */ new Date(), 1)),
       endOfMonth(subMonths(/* @__PURE__ */ new Date(), 1))
@@ -8874,34 +8998,34 @@ var RANGE_PRESETS = [
   },
   {
     label: "Ce mois",
-    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-days", size: 15 }),
+    icon: /* @__PURE__ */ jsx112(FaIcon, { name: "calendar-days", size: 15 }),
     getValue: () => [startOfMonth(/* @__PURE__ */ new Date()), endOfMonth(/* @__PURE__ */ new Date())]
   },
   {
     label: "Ce trimestre",
-    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-range", size: 15 }),
+    icon: /* @__PURE__ */ jsx112(FaIcon, { name: "calendar-range", size: 15 }),
     getValue: () => [startOfQuarter(/* @__PURE__ */ new Date()), endOfQuarter(/* @__PURE__ */ new Date())]
   },
   {
     label: "Cette ann\xE9e",
-    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-clock", size: 15 }),
+    icon: /* @__PURE__ */ jsx112(FaIcon, { name: "calendar-clock", size: 15 }),
     getValue: () => [startOfYear(/* @__PURE__ */ new Date()), endOfYear(/* @__PURE__ */ new Date())]
   }
 ];
 var SINGLE_PRESETS = [
   {
     label: "Aujourd'hui",
-    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-days", size: 15 }),
+    icon: /* @__PURE__ */ jsx112(FaIcon, { name: "calendar-days", size: 15 }),
     getValue: () => /* @__PURE__ */ new Date()
   },
   {
     label: "Demain",
-    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-plus", size: 15 }),
+    icon: /* @__PURE__ */ jsx112(FaIcon, { name: "calendar-plus", size: 15 }),
     getValue: () => addDays(/* @__PURE__ */ new Date(), 1)
   },
   {
     label: "Dans 7 jours",
-    icon: /* @__PURE__ */ jsx111(FaIcon, { name: "calendar-clock", size: 15 }),
+    icon: /* @__PURE__ */ jsx112(FaIcon, { name: "calendar-clock", size: 15 }),
     getValue: () => addDays(/* @__PURE__ */ new Date(), 7)
   }
 ];
@@ -8989,7 +9113,7 @@ var DatePicker = ({
       setIsEditing(false);
     }
   };
-  const calendar = /* @__PURE__ */ jsx111(RadixPopover6.Portal, { children: /* @__PURE__ */ jsx111(
+  const calendar = /* @__PURE__ */ jsx112(RadixPopover6.Portal, { children: /* @__PURE__ */ jsx112(
     RadixPopover6.Content,
     {
       align,
@@ -9001,7 +9125,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__ */ jsx111(
+      children: isRange ? /* @__PURE__ */ jsx112(
         DayPicker,
         {
           mode: "range",
@@ -9019,7 +9143,7 @@ var DatePicker = ({
           showOutsideDays: true,
           formatters: { formatCaption: formatMonthCaption }
         }
-      ) : /* @__PURE__ */ jsx111(
+      ) : /* @__PURE__ */ jsx112(
         DayPicker,
         {
           mode: "single",
@@ -9037,8 +9161,8 @@ var DatePicker = ({
     }
   ) });
   if (!showPresets) {
-    return /* @__PURE__ */ jsxs63(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx111(RadixPopover6.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs63(
+    return /* @__PURE__ */ jsxs65(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx112(RadixPopover6.Anchor, { asChild: true, children: /* @__PURE__ */ jsxs65(
         Layout,
         {
           align: "center",
@@ -9052,7 +9176,7 @@ var DatePicker = ({
             className
           ),
           children: [
-            /* @__PURE__ */ jsx111(
+            /* @__PURE__ */ jsx112(
               "input",
               {
                 type: "text",
@@ -9073,14 +9197,14 @@ var DatePicker = ({
                 )
               }
             ),
-            /* @__PURE__ */ jsx111(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ jsx111(
+            /* @__PURE__ */ jsx112(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ jsx112(
               "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__ */ jsx111(FaIcon, { name: "calendar", size: 14 })
+                children: /* @__PURE__ */ jsx112(FaIcon, { name: "calendar", size: 14 })
               }
             ) })
           ]
@@ -9089,10 +9213,10 @@ var DatePicker = ({
       calendar
     ] });
   }
-  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(
+  return /* @__PURE__ */ jsxs65(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs65(Layout, { column: true, gap: 1.5, align, className, children: [
+      /* @__PURE__ */ jsxs65(Layout, { align: "center", gap: 1.5, width: "auto", children: [
+        /* @__PURE__ */ jsx112(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ jsx112(
           "button",
           {
             type: "button",
@@ -9104,12 +9228,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__ */ jsx111(FaIcon, { name: "calendar", size: 16 })
+            children: /* @__PURE__ */ jsx112(FaIcon, { name: "calendar", size: 16 })
           }
         ) }),
         resolvedPresets.map((preset) => {
           const active = activePreset === preset.label;
-          return /* @__PURE__ */ jsx111(Tooltip, { content: preset.label, children: /* @__PURE__ */ jsx111(
+          return /* @__PURE__ */ jsx112(Tooltip, { content: preset.label, children: /* @__PURE__ */ jsx112(
             "button",
             {
               type: "button",
@@ -9127,7 +9251,7 @@ var DatePicker = ({
           ) }, preset.label);
         })
       ] }),
-      hasValue && /* @__PURE__ */ jsx111(
+      hasValue && /* @__PURE__ */ jsx112(
         "button",
         {
           type: "button",
@@ -9598,7 +9722,7 @@ var optimizeImage = async (file, desiredBaseName, opts = {}) => {
 // src/ui/components/ui/Tour.tsx
 import { useEffect as useEffect11, useRef as useRef18 } from "react";
 import { driver } from "driver.js";
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var TOUR_TARGET_ATTRIBUTE = "data-tour-target";
 var DEFAULT_LABELS = {
   previous: "Pr\xE9c\xE9dent",
@@ -9610,7 +9734,7 @@ var DEFAULT_LABELS = {
 var STAGE_PADDING = 6;
 var GHOST_TRANSITION_MS = 200;
 var HIGHLIGHT_DURATION_MS = 400;
-var TourTarget = ({ id, children }) => /* @__PURE__ */ jsx112("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
+var TourTarget = ({ id, children }) => /* @__PURE__ */ jsx113("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
 var isContents = (element) => getComputedStyle(element).display === "contents";
 var measure = (element) => {
   if (!isContents(element)) {