design-zystem 1.0.430 → 1.0.432

package/dist/ui/index.js

@@ -2197,8 +2197,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__ */ (0, import_jsx_runtime27.jsxs)(
     RadixTabs.Root,
@@ -3366,6 +3367,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
 var import_react26 = require("react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
@@ -3588,6 +3600,7 @@ var import_jsx_runtime36 = require("react/jsx-runtime");
 var TableBody = ({
   children,
   useEvenBackground,
+  isLined,
   className
 }) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   "tbody",
@@ -3595,6 +3608,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
@@ -3906,12 +3920,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;
@@ -3944,13 +3971,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__ */ (0, import_jsx_runtime42.jsx)(TableBody, { useEvenBackground: isZebra, children: rows }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableBody, { useEvenBackground: isZebra, isLined: !isZebra, children: rows }),
                 footer
               ]
             }
@@ -4090,26 +4118,34 @@ var TableRow = (0, import_react28.forwardRef)(
     backgroundColor,
     accentColor,
     "data-index": dataIndex
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-    "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__ */ (0, import_jsx_runtime46.jsx)(
+      "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";
 
@@ -4135,36 +4171,50 @@ var TableCell = ({
   colSpan,
   cursor,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-  "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__ */ (0, import_jsx_runtime47.jsx)(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__ */ (0, import_jsx_runtime47.jsx)(
+    "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__ */ (0, import_jsx_runtime47.jsx)(Layout, { justify: "center", children }) : children
+    }
+  );
+};
 
 // src/ui/components/ui/table/TableFooter.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
@@ -4203,56 +4253,120 @@ var TableFooterCell = ({
   }
 );
 
-// src/ui/components/ui/table/TableSectionRow.tsx
+// src/ui/components/ui/table/TableGroupLabel.tsx
 var import_jsx_runtime51 = require("react/jsx-runtime");
-var TableSectionRow = ({
-  children,
-  colSpan
-}) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-  "td",
-  {
-    colSpan,
-    className: "h-10 bg-grey-200 px-2 text-left text-xs font-bold uppercase tracking-wide text-neutral-800",
-    children
-  }
-) });
+var TableGroupLabel = ({
+  title,
+  count,
+  isCollapsed = false,
+  onToggleCollapse,
+  selection
+}) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Layout, { row: true, gap: 2, align: "center", children: [
+  onToggleCollapse && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    Icon,
+    {
+      name: isCollapsed ? "chevron-right" : "chevron-down",
+      size: "xs",
+      "aria-expanded": !isCollapsed,
+      "aria-label": isCollapsed ? `D\xE9plier ${title}` : `Replier ${title}`,
+      onClick: onToggleCollapse
+    }
+  ),
+  selection && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    Checkbox,
+    {
+      "aria-label": selection.label,
+      checked: selection.isSelected,
+      onChange: selection.onToggle
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: title }),
+  count !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "font-semibold text-grey-600", children: count })
+] });
 
-// src/ui/components/ui/table/TableSubgroupRow.tsx
+// src/ui/components/ui/table/TableSectionRow.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var TableSubgroupRow = ({
-  children,
-  colSpan
-}) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-  "td",
-  {
-    colSpan,
-    className: "h-10 bg-grey-100 px-2 pl-6 text-left text-xs font-semibold text-neutral-800",
-    children
-  }
-) });
+var TableSectionRow = (_a) => {
+  var _b = _a, {
+    colSpan
+  } = _b, label = __objRest(_b, [
+    "colSpan"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    "td",
+    {
+      colSpan,
+      className: "h-8 bg-grey-300 px-2 text-left text-[11px] font-bold uppercase tracking-wide text-neutral-800",
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TableGroupLabel, __spreadValues({}, label))
+    }
+  ) });
+};
 
-// src/ui/components/ui/table/TableAlertRow.tsx
+// src/ui/components/ui/table/TableSubgroupRow.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
-var ALERT_THEME = "orange-600";
-var TableAlertRow = ({ children, colSpan }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-  "td",
-  {
-    colSpan,
-    role: "alert",
-    className: cn(
-      "h-10 px-2 text-left text-xs font-semibold",
-      THEME_VARIANT_CLASSES.pale[ALERT_THEME]
-    ),
-    children
-  }
-) });
+var TableSubgroupRow = (_a) => {
+  var _b = _a, {
+    colSpan
+  } = _b, label = __objRest(_b, [
+    "colSpan"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    "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__ */ (0, import_jsx_runtime53.jsx)(TableGroupLabel, __spreadValues({}, label))
+    }
+  ) });
+};
 
-// src/ui/components/ui/table/TableExpandedRow.tsx
+// src/ui/components/ui/table/TableAlertRow.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
-var TableExpandedRow = ({
+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
-}) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("td", { colSpan, className: "bg-white p-3 text-left text-xs", children }) });
+  colSpan,
+  tone = "yellow",
+  action
+}) => {
+  const { theme, icon } = ALERT_TONES[tone];
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    "td",
+    {
+      colSpan,
+      role: "alert",
+      className: cn(
+        "h-10 px-2 text-left text-xs font-semibold",
+        THEME_VARIANT_CLASSES.pale[theme]
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Layout, { row: true, gap: 2, align: "center", justify: "between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Layout, { row: true, gap: 2, align: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { name: icon, size: "xs", theme }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children })
+        ] }),
+        action && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          Button,
+          {
+            size: "xs",
+            variant: "outline",
+            theme,
+            label: action.label,
+            onClick: action.onClick
+          }
+        )
+      ] })
+    }
+  ) });
+};
+
+// src/ui/components/ui/table/TableExpandedRow.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var TableExpandedRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(TableRow, { className: "bg-grey-100 hover:bg-grey-100", children });
 
 // src/utils/string/capitalizeFirstLetter.ts
 var capitalizeFirstLetter = (str) => {
@@ -4376,7 +4490,7 @@ var formatNameWithInitial = (firstname, lastname) => {
 // src/ui/components/ui/Avatar.tsx
 var import_react29 = require("react");
 var RadixAvatar = __toESM(require("@radix-ui/react-avatar"));
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var AvatarSizeContext = (0, import_react29.createContext)(40);
 var useAvatarSize = () => (0, import_react29.useContext)(AvatarSizeContext);
 var BADGE_BG_CLASS = {
@@ -4437,7 +4551,7 @@ var Avatar = (0, import_react29.forwardRef)(
       "children"
     ]);
     var _a2;
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       RadixAvatar.Root,
       __spreadProps(__spreadValues({
         ref,
@@ -4448,9 +4562,9 @@ var Avatar = (0, import_react29.forwardRef)(
         ),
         style: __spreadValues({ width: size, height: size, backgroundColor }, style)
       }, props), {
-        children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-          src && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AvatarImage, { src, alt: name }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+          src && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AvatarImage, { src, alt: name }),
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             AvatarFallback,
             {
               color,
@@ -4459,7 +4573,7 @@ var Avatar = (0, import_react29.forwardRef)(
               children: getInitials({ name })
             }
           ),
-          badge && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AvatarBadge, { className: BADGE_BG_CLASS[badge.backgroundColor], children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          badge && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(AvatarBadge, { className: BADGE_BG_CLASS[badge.backgroundColor], children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             FaIcon,
             {
               name: badge.icon,
@@ -4476,7 +4590,7 @@ var Avatar = (0, import_react29.forwardRef)(
 Avatar.displayName = "Avatar";
 var AvatarImage = (0, import_react29.forwardRef)((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     RadixAvatar.Image,
     __spreadValues({
       ref,
@@ -4516,7 +4630,7 @@ var AvatarFallback = (0, import_react29.forwardRef)(
       "style"
     ]);
     const size = useAvatarSize();
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       RadixAvatar.Fallback,
       __spreadValues({
         ref,
@@ -4540,7 +4654,7 @@ var AvatarBadge = (0, import_react29.forwardRef)(
     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__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -4571,7 +4685,7 @@ var AvatarGroup = (_a) => {
   );
   const visible = max ? items.slice(0, max) : items;
   const overflow = max ? items.length - max : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Layout, __spreadProps(__spreadValues({ className: cn("-space-x-2", className) }, props), { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Layout, __spreadProps(__spreadValues({ className: cn("-space-x-2", className) }, props), { children: [
     visible.map(
       (child, index) => (0, import_react29.cloneElement)(child, {
         key: index,
@@ -4579,7 +4693,7 @@ var AvatarGroup = (_a) => {
         className: cn("ring-2 ring-white", child.props.className)
       })
     ),
-    overflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    overflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       Layout,
       {
         align: "center",
@@ -4600,15 +4714,15 @@ var AvatarGroup = (_a) => {
 };
 
 // src/ui/components/ui/table/TablePersonCell.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var AVATAR_SIZE = 24;
 var TablePersonCell = ({
   firstName,
   lastName,
   src,
   width
-}) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TableCell, { width, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TableCell, { width, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     Avatar,
     {
       size: AVATAR_SIZE,
@@ -4616,39 +4730,39 @@ var TablePersonCell = ({
       src
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "truncate", children: formatNameWithInitial(firstName, lastName != null ? lastName : null) })
+  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "truncate", children: formatNameWithInitial(firstName, lastName != null ? lastName : null) })
 ] }) });
 
 // src/ui/components/ui/table/TableClientCell.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var TableClientCell = ({
   name,
   color,
   width
-}) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(TableCell, { width, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableCell, { width, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "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__ */ (0, import_jsx_runtime57.jsx)("span", { className: "truncate", children: name })
+  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "truncate", children: name })
 ] }) });
 
 // src/ui/components/ui/table/TableStatusCell.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var TableStatusCell = ({
   children,
   theme,
   width
-}) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TableCell, { width, centerContent: true, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Badge, { size: "l", theme, children }) });
+}) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(TableCell, { width, centerContent: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Badge, { size: "l", theme, children }) });
 
 // src/ui/components/ui/Popover.tsx
 var RadixPopover4 = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var Popover = ({
   trigger,
   items,
@@ -4660,9 +4774,9 @@ var Popover = ({
   onOpenChange,
   width,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(RadixPopover4.Root, { open, onOpenChange, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RadixPopover4.Trigger, { asChild: true, children: trigger }),
-  /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RadixPopover4.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(RadixPopover4.Root, { open, onOpenChange, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(RadixPopover4.Trigger, { asChild: true, children: trigger }),
+  /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(RadixPopover4.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     RadixPopover4.Content,
     {
       align,
@@ -4675,11 +4789,13 @@ var Popover = ({
         "data-[state=open]:animate-[fade-in_150ms_ease-out]",
         className
       ),
-      children: items ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Layout, { column: true, children: items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+      children: items ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Layout, { column: true, children: items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         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
@@ -4689,11 +4805,11 @@ var Popover = ({
 ] });
 
 // src/ui/components/ui/table/TableActionsCell.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var MAX_INLINE_TABLE_ACTIONS = 3;
 var TableActionsCell = ({ actions, width }) => {
   const hasMenu = actions.length > MAX_INLINE_TABLE_ACTIONS;
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(TableCell, { width, centerContent: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { width, centerContent: true, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     Layout,
     {
       row: true,
@@ -4701,10 +4817,10 @@ var TableActionsCell = ({ actions, width }) => {
       align: "center",
       justify: "center",
       onClick: (event) => event.stopPropagation(),
-      children: hasMenu ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      children: hasMenu ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         Popover,
         {
-          trigger: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             Icon,
             {
               name: "ellipsis-vertical",
@@ -4712,28 +4828,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__ */ (0, import_jsx_runtime60.jsx)(
-        Icon,
-        {
-          name: icon,
-          "aria-label": label,
-          title: label,
-          onClick
-        },
-        label
-      ))
+      ) : actions.map(({ label, icon, onClick, disabled, disabledReason }) => {
+        const action = /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          Icon,
+          {
+            name: icon,
+            "aria-label": label,
+            title: disabledReason ? void 0 : label,
+            disabled,
+            onClick
+          },
+          label
+        );
+        return disabled && disabledReason ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Tooltip, { content: disabledReason, children: action }, label) : action;
+      })
     }
   ) });
 };
 
 // src/ui/components/ui/table/TableSelectCell.tsx
 var import_react30 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var TableSelectCell = ({
   isSelected,
   onToggle,
@@ -4741,7 +4865,7 @@ var TableSelectCell = ({
   width = "40px"
 }) => {
   const isRange = (0, import_react30.useRef)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TableCell, { width, centerContent: true, className: "table-select-cell", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TableCell, { width, centerContent: true, className: "table-select-cell", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     Checkbox,
     {
       "aria-label": label,
@@ -4755,12 +4879,12 @@ var TableSelectCell = ({
 };
 
 // src/ui/components/ui/table/TableSelectHeaderCell.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var TableSelectHeaderCell = ({
   state,
   onToggle,
   width = "40px"
-}) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TableHeaderCell, { width, className: "table-select-cell", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Layout, { justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(TableHeaderCell, { width, className: "table-select-cell", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Layout, { justify: "center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
   Checkbox,
   {
     "aria-label": "S\xE9lectionner toutes les lignes de la page",
@@ -4834,7 +4958,7 @@ var useRowSelection = ({
 // src/ui/components/ui/Radio.tsx
 var RadixRadioGroup = __toESM(require("@radix-ui/react-radio-group"));
 var import_class_variance_authority12 = require("class-variance-authority");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var radioVariants = (0, import_class_variance_authority12.cva)(
   "relative h-[22px] w-[22px] shrink-0 rounded-full border-2 border-grey-300 outline-none transition-colors",
   {
@@ -4889,23 +5013,23 @@ var Radio = ({
   color,
   width,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
   RadixRadioGroup.Root,
   {
     value,
     onValueChange: onChange,
     disabled,
     asChild: true,
-    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Layout, { column: true, gap: 2, className, width, children: items.map((item) => {
+    children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Layout, { column: true, gap: 2, className, width, children: items.map((item) => {
       const itemId = `radio-${item.value}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Layout, { row: true, gap: 2, align: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Layout, { row: true, gap: 2, align: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           RadixRadioGroup.Item,
           {
             id: itemId,
             value: item.value,
             className: radioVariants({ color }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               RadixRadioGroup.Indicator,
               {
                 className: indicatorVariants({ color })
@@ -4913,7 +5037,7 @@ var Radio = ({
             )
           }
         ),
-        item.label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        item.label && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           Text,
           {
             as: "label",
@@ -4932,7 +5056,7 @@ var Radio = ({
 var RadixProgress = __toESM(require("@radix-ui/react-progress"));
 var RadixSlider = __toESM(require("@radix-ui/react-slider"));
 var import_class_variance_authority13 = require("class-variance-authority");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var trackVariants2 = (0, import_class_variance_authority13.cva)(
   "relative w-full overflow-hidden rounded-full bg-grey-200",
   {
@@ -5001,15 +5125,15 @@ var ProgressBar = ({
   const editable = Boolean(onChange);
   if (segments) {
     const visible = segments.filter((segment) => segment.value > 0);
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-xs text-grey-600", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-xs text-grey-600", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
         "div",
         {
           role: "img",
           "aria-label": ariaLabel != null ? ariaLabel : label,
           className: cn(trackVariants2({ height }), "flex gap-0.5"),
-          children: visible.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          children: visible.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             "span",
             {
               className: "h-full",
@@ -5027,16 +5151,16 @@ var ProgressBar = ({
   }
   if (!editable) {
     const readOnlyPercent = Math.max(0, Math.min(100, percent));
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-xs text-grey-600", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Layout, { fullWidth: true, align: "center", gap: 2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-xs text-grey-600", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Layout, { fullWidth: true, align: "center", gap: 2, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           RadixProgress.Root,
           {
             value: readOnlyPercent,
             "aria-label": ariaLabel != null ? ariaLabel : label,
             className: trackVariants2({ height }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
               RadixProgress.Indicator,
               {
                 className: cn(
@@ -5051,11 +5175,11 @@ var ProgressBar = ({
             )
           }
         ),
-        showLabel && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "shrink-0 text-xs font-semibold text-neutral-800", children: display(Math.round(readOnlyPercent)) })
+        showLabel && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "shrink-0 text-xs font-semibold text-neutral-800", children: display(Math.round(readOnlyPercent)) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     Layout,
     {
       column: true,
@@ -5063,9 +5187,9 @@ var ProgressBar = ({
       gap: 1,
       className: cn(disabled && "cursor-not-allowed opacity-60", className),
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-xs text-grey-600", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "relative w-full pt-6", children: [
-          showLabel && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-xs text-grey-600", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "relative w-full pt-6", children: [
+          showLabel && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             "span",
             {
               className: "absolute top-0 -translate-x-1/2 text-xs font-semibold text-neutral-800",
@@ -5073,7 +5197,7 @@ var ProgressBar = ({
               children: display(current)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
             RadixSlider.Root,
             {
               value: [current],
@@ -5084,7 +5208,7 @@ var ProgressBar = ({
               disabled,
               className: "relative flex h-5 w-full touch-none select-none items-center",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RadixSlider.Track, { className: cn(trackVariants2({ height }), "grow"), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(RadixSlider.Track, { className: cn(trackVariants2({ height }), "grow"), children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                   RadixSlider.Range,
                   {
                     className: cn(
@@ -5094,7 +5218,7 @@ var ProgressBar = ({
                     style: { backgroundColor: hexColor }
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
                   RadixSlider.Thumb,
                   {
                     className: cn(
@@ -5109,9 +5233,9 @@ var ProgressBar = ({
             }
           )
         ] }),
-        showLabel && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Layout, { align: "center", justify: "between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-xs text-grey-600", children: display(min) }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-xs text-grey-600", children: display(max) })
+        showLabel && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Layout, { align: "center", justify: "between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-xs text-grey-600", children: display(min) }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-xs text-grey-600", children: display(max) })
         ] })
       ]
     }
@@ -5120,7 +5244,7 @@ var ProgressBar = ({
 
 // src/ui/components/ui/Collapsible.tsx
 var RadixCollapsible = __toESM(require("@radix-ui/react-collapsible"));
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var Collapsible = RadixCollapsible.Root;
 var CollapsibleTrigger = RadixCollapsible.Trigger;
 var CollapsibleContent = (_a) => {
@@ -5129,7 +5253,7 @@ var CollapsibleContent = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     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 : "")
@@ -5209,7 +5333,7 @@ var swallowRestOfClick = () => {
 };
 
 // src/ui/components/ui/Drawer.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("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",
@@ -5274,8 +5398,8 @@ var Drawer = ({
     return () => cancelAnimationFrame(frame);
   }, [modal, open]);
   const closeOnDismiss = (next) => !next && closeDrawer();
-  const drawerPortal = /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_vaul.Drawer.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  const drawerPortal = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_vaul.Drawer.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       import_vaul.Drawer.Overlay,
       {
         ref: overlayRef,
@@ -5287,7 +5411,7 @@ var Drawer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       import_vaul.Drawer.Content,
       __spreadProps(__spreadValues({
         ref: (node) => {
@@ -5319,14 +5443,14 @@ var Drawer = ({
       })
     )
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     import_vaul.Drawer.Root,
     {
       direction,
       modal,
       open,
       onOpenChange: closeOnDismiss,
-      children: modal ? drawerPortal : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      children: modal ? drawerPortal : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         DialogPrimitive.Root,
         {
           modal: false,
@@ -5344,7 +5468,7 @@ var DrawerHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     "div",
     __spreadValues({
       className: cn("flex w-full items-center justify-between", className)
@@ -5357,7 +5481,7 @@ var DrawerTitle = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     import_vaul.Drawer.Title,
     __spreadValues({
       className: cn("text-base font-bold text-neutral-800", className)
@@ -5370,7 +5494,7 @@ var DrawerDescription = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     import_vaul.Drawer.Description,
     __spreadValues({
       className: cn("text-sm text-grey-500", className)
@@ -5383,7 +5507,7 @@ var DrawerBody = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", __spreadValues({ className: cn("min-h-0 flex-1 overflow-y-auto", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", __spreadValues({ className: cn("min-h-0 flex-1 overflow-y-auto", className) }, props));
 };
 var DrawerFooter = (_a) => {
   var _b = _a, {
@@ -5391,7 +5515,7 @@ var DrawerFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", __spreadValues({ className: cn("flex w-full flex-col gap-3", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", __spreadValues({ className: cn("flex w-full flex-col gap-3", className) }, props));
 };
 var DrawerClose = import_vaul.Drawer.Close;
 
@@ -5405,11 +5529,11 @@ var SidebarCollapsedProvider = SidebarCollapsedContext.Provider;
 var useSidebarCollapsed = () => (0, import_react33.useContext)(SidebarCollapsedContext);
 
 // src/ui/components/ui/sidebar/Sidebar.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var Sidebar = (0, import_react34.forwardRef)(
   (_a, ref) => {
     var _b = _a, { collapsed = false, className, children } = _b, props = __objRest(_b, ["collapsed", "className", "children"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SidebarCollapsedProvider, { value: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SidebarCollapsedProvider, { value: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "aside",
       __spreadProps(__spreadValues({
         ref,
@@ -5428,10 +5552,10 @@ Sidebar.displayName = "Sidebar";
 
 // src/ui/components/ui/sidebar/SidebarTrigger.tsx
 var import_react35 = require("react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var SidebarTrigger = (0, import_react35.forwardRef)((_a, ref) => {
   var _b = _a, { collapsed, className } = _b, props = __objRest(_b, ["collapsed", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -5442,7 +5566,7 @@ var SidebarTrigger = (0, import_react35.forwardRef)((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         FaIcon,
         {
           name: collapsed ? "chevrons-right" : "chevrons-left",
@@ -5457,11 +5581,11 @@ SidebarTrigger.displayName = "SidebarTrigger";
 
 // src/ui/components/ui/sidebar/SidebarHeader.tsx
 var import_react36 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var SidebarHeader = (0, import_react36.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -5474,11 +5598,11 @@ SidebarHeader.displayName = "SidebarHeader";
 
 // src/ui/components/ui/sidebar/SidebarContent.tsx
 var import_react37 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var SidebarContent = (0, import_react37.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -5495,20 +5619,20 @@ SidebarContent.displayName = "SidebarContent";
 
 // src/ui/components/ui/sidebar/SidebarGroup.tsx
 var import_react38 = require("react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var SidebarGroup = (0, import_react38.forwardRef)(
   (_a, ref) => {
     var _b = _a, { label, className, children } = _b, props = __objRest(_b, ["label", "className", "children"]);
     const collapsed = useSidebarCollapsed();
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
       "div",
       __spreadProps(__spreadValues({
         ref,
         className: cn("flex w-full flex-col p-2", className)
       }, props), {
         children: [
-          label && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "flex h-8 shrink-0 items-center px-2 text-xs font-medium text-white/50", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex flex-col gap-1", children })
+          label && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "flex h-8 shrink-0 items-center px-2 text-xs font-medium text-white/50", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "flex flex-col gap-1", children })
         ]
       })
     );
@@ -5518,7 +5642,7 @@ SidebarGroup.displayName = "SidebarGroup";
 
 // src/ui/components/ui/sidebar/SidebarMenuButton.tsx
 var import_react39 = require("react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var SidebarMenuButton = (0, import_react39.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
@@ -5541,7 +5665,7 @@ var SidebarMenuButton = (0, import_react39.forwardRef)(
       "className"
     ]);
     const collapsed = useSidebarCollapsed();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       "button",
       __spreadProps(__spreadValues({
         ref,
@@ -5557,7 +5681,7 @@ var SidebarMenuButton = (0, import_react39.forwardRef)(
         )
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             FaIcon,
             {
               name: icon,
@@ -5566,7 +5690,7 @@ var SidebarMenuButton = (0, import_react39.forwardRef)(
               className: "shrink-0"
             }
           ),
-          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             Text,
             {
               as: "span",
@@ -5577,8 +5701,8 @@ var SidebarMenuButton = (0, import_react39.forwardRef)(
               children: label
             }
           ),
-          !collapsed && shortcut && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("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__ */ (0, import_jsx_runtime72.jsx)(
+          !collapsed && shortcut && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("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__ */ (0, import_jsx_runtime73.jsx)(
             "span",
             {
               className: cn(
@@ -5593,14 +5717,14 @@ var SidebarMenuButton = (0, import_react39.forwardRef)(
       })
     );
     if (!collapsed) return button;
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Tooltip, { content: label, side: "right", children: button });
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Tooltip, { content: label, side: "right", children: button });
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
 
 // src/ui/components/ui/sidebar/SidebarActionCard.tsx
 var import_react40 = require("react");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var SidebarActionCard = (0, import_react40.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
@@ -5621,11 +5745,11 @@ var SidebarActionCard = (0, import_react40.forwardRef)(
     const collapsed = useSidebarCollapsed();
     const tooltip = subtitle ? `${title} ${subtitle}` : title;
     const counter = badge ? badge > 99 ? "99+" : badge : null;
-    const iconBadge = /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-yellow-200 text-neutral-800", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FaIcon, { name: icon, family: iconFamily, size: 16 }),
-      collapsed && counter && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("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__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-yellow-200 text-neutral-800", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FaIcon, { name: icon, family: iconFamily, size: 16 }),
+      collapsed && counter && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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__ */ (0, import_jsx_runtime73.jsxs)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
       "button",
       __spreadProps(__spreadValues({
         ref,
@@ -5640,12 +5764,12 @@ var SidebarActionCard = (0, import_react40.forwardRef)(
       }, props), {
         children: [
           iconBadge,
-          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "truncate text-sm font-bold text-white", children: title }),
-              subtitle && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "truncate text-xs text-white/60", children: subtitle })
+          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "truncate text-sm font-bold text-white", children: title }),
+              subtitle && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "truncate text-xs text-white/60", children: subtitle })
             ] }),
-            counter ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("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__ */ (0, import_jsx_runtime73.jsx)(
+            counter ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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__ */ (0, import_jsx_runtime74.jsx)(
               FaIcon,
               {
                 name: "chevron-right",
@@ -5659,18 +5783,18 @@ var SidebarActionCard = (0, import_react40.forwardRef)(
       })
     );
     if (!collapsed) return button;
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Tooltip, { content: tooltip, side: "right", children: button });
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Tooltip, { content: tooltip, side: "right", children: button });
   }
 );
 SidebarActionCard.displayName = "SidebarActionCard";
 
 // src/ui/components/ui/sidebar/SidebarMenuSub.tsx
 var import_react41 = require("react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var SidebarMenuSub = (0, import_react41.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       "ul",
       __spreadValues({
         ref,
@@ -5686,23 +5810,23 @@ SidebarMenuSub.displayName = "SidebarMenuSub";
 
 // src/ui/components/ui/sidebar/SidebarMenuSubItem.tsx
 var import_react42 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var SidebarMenuSubItem = (0, import_react42.forwardRef)((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("li", __spreadValues({ ref, className: cn("relative", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("li", __spreadValues({ ref, className: cn("relative", className) }, props));
 });
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 
 // src/ui/components/ui/sidebar/SidebarMenuSubButton.tsx
 var import_react43 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var SIZE_CLASS = {
   default: "h-10",
   lg: "h-14"
 };
 var SidebarMenuSubButton = (0, import_react43.forwardRef)((_a, ref) => {
   var _b = _a, { active, size = "default", className } = _b, props = __objRest(_b, ["active", "size", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "button",
     __spreadValues({
       ref,
@@ -5722,11 +5846,11 @@ SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/ui/components/ui/sidebar/SidebarFooter.tsx
 var import_react44 = require("react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var SidebarFooter = (0, import_react44.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -5738,7 +5862,7 @@ var SidebarFooter = (0, import_react44.forwardRef)(
 SidebarFooter.displayName = "SidebarFooter";
 
 // src/ui/components/ui/sidebar/SidebarSupportInfo.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var SidebarSupportInfo = ({
   phone,
   hours,
@@ -5747,27 +5871,27 @@ var SidebarSupportInfo = ({
   className
 }) => {
   const collapsed = useSidebarCollapsed();
-  const badge = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-white/10 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(FaIcon, { name: icon, family: iconFamily, size: 16 }) });
+  const badge = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-white/10 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(FaIcon, { name: icon, family: iconFamily, size: 16 }) });
   if (collapsed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: cn("flex justify-center px-2 py-1.5", className), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Tooltip, { content: `${phone} \u2014 ${hours}`, side: "right", children: badge }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: cn("flex justify-center px-2 py-1.5", className), children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Tooltip, { content: `${phone} \u2014 ${hours}`, side: "right", children: badge }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: cn("flex items-center gap-2 px-2 py-1.5", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: cn("flex items-center gap-2 px-2 py-1.5", className), children: [
     badge,
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex min-w-0 flex-col leading-tight", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "truncate text-sm font-bold text-white", children: phone }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "truncate text-xs text-white/50", children: hours })
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex min-w-0 flex-col leading-tight", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "truncate text-sm font-bold text-white", children: phone }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "truncate text-xs text-white/50", children: hours })
     ] })
   ] });
 };
 
 // src/ui/components/ui/sidebar/SidebarMenuSearchInput.tsx
 var import_react45 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var SidebarMenuSearchInput = (0, import_react45.forwardRef)((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(InputGroup, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(FaIcon, { name: "magnifying-glass", size: 14, className: "text-white/50" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(InputGroup, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(FaIcon, { name: "magnifying-glass", size: 14, className: "text-white/50" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       Input,
       __spreadValues({
         ref,
@@ -5784,7 +5908,7 @@ SidebarMenuSearchInput.displayName = "SidebarMenuSearchInput";
 // src/ui/components/ui/sidebar/SidebarUserMenu.tsx
 var import_react46 = require("react");
 var RadixPopover5 = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("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]"
@@ -5806,8 +5930,8 @@ var SidebarUserMenu = ({
     action();
     setOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(RadixPopover5.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(RadixPopover5.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       "button",
       {
         type: "button",
@@ -5817,10 +5941,10 @@ var SidebarUserMenu = ({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Avatar, { name, src: avatarSrc, size: collapsed ? 28 : 32 }),
-          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Avatar, { name, src: avatarSrc, size: collapsed ? 28 : 32 }),
+          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                 Text,
                 {
                   as: "span",
@@ -5831,10 +5955,10 @@ var SidebarUserMenu = ({
                   children: name
                 }
               ),
-              email && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate text-xs text-white/50", children: email }),
-              subtitle && !hideSubtitleInTrigger && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate text-xs text-white/50", children: subtitle })
+              email && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "truncate text-xs text-white/50", children: email }),
+              subtitle && !hideSubtitleInTrigger && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "truncate text-xs text-white/50", children: subtitle })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
               FaIcon,
               {
                 name: "sort",
@@ -5847,7 +5971,7 @@ var SidebarUserMenu = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(RadixPopover5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(RadixPopover5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       RadixPopover5.Content,
       {
         align: "end",
@@ -5855,10 +5979,10 @@ var SidebarUserMenu = ({
         sideOffset: 6,
         className: panelClassName,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex items-center gap-2 px-2 py-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Avatar, { name, src: avatarSrc, size: 32 }),
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-center gap-2 px-2 py-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Avatar, { name, src: avatarSrc, size: 32 }),
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                 Text,
                 {
                   as: "span",
@@ -5869,20 +5993,20 @@ var SidebarUserMenu = ({
                   children: name
                 }
               ),
-              email && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate text-xs text-white/50", children: email }),
-              subtitle && !hideSubtitleInPanel && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "truncate text-xs text-white/50", children: subtitle })
+              email && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "truncate text-xs text-white/50", children: email }),
+              subtitle && !hideSubtitleInPanel && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "truncate text-xs text-white/50", children: subtitle })
             ] })
           ] }),
-          actionGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          actionGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
             "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__ */ (0, import_jsx_runtime80.jsxs)(RadixPopover5.Root, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("button", { type: "button", className: rowClassName, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                  return item.renderPanel || item.subActions ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(RadixPopover5.Root, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("button", { type: "button", className: rowClassName, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                         FaIcon,
                         {
                           name: item.icon,
@@ -5891,8 +6015,8 @@ var SidebarUserMenu = ({
                           className: "shrink-0 text-white/70"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "flex-1", children: item.label }),
-                      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "flex-1", children: item.label }),
+                      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                         FaIcon,
                         {
                           name: "chevron-right",
@@ -5901,21 +6025,21 @@ var SidebarUserMenu = ({
                         }
                       )
                     ] }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(RadixPopover5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(RadixPopover5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                       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__ */ (0, import_jsx_runtime80.jsxs)(
+                        children: item.renderPanel ? item.renderPanel(() => setOpen(false)) : (_a = item.subActions) == null ? void 0 : _a.map((sub) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
                           "button",
                           {
                             type: "button",
                             onClick: () => runAndClose(sub.action),
                             className: rowClassName,
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                                 FaIcon,
                                 {
                                   name: sub.icon,
@@ -5931,14 +6055,14 @@ var SidebarUserMenu = ({
                         ))
                       }
                     ) })
-                  ] }, item.label) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+                  ] }, item.label) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
                     "button",
                     {
                       type: "button",
                       onClick: () => runAndClose(item.action),
                       className: rowClassName,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                           FaIcon,
                           {
                             name: item.icon,
@@ -5965,15 +6089,15 @@ var SidebarUserMenu = ({
 
 // src/ui/components/ui/Toaster.tsx
 var import_sonner = require("sonner");
-var import_jsx_runtime81 = require("react/jsx-runtime");
-var Toaster = () => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_sonner.Toaster, { position: "bottom-right", gap: 8 });
+var import_jsx_runtime82 = require("react/jsx-runtime");
+var Toaster = () => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_sonner.Toaster, { position: "bottom-right", gap: 8 });
 
 // src/ui/lib/toast.tsx
 var import_sonner3 = require("sonner");
 
 // src/ui/components/ui/ToastCard.tsx
 var import_sonner2 = require("sonner");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var ICON = {
   success: "circle-check",
   error: "circle-xmark",
@@ -6015,7 +6139,7 @@ var ToastCard = ({
   title,
   message,
   timeOut
-}) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
   Layout,
   {
     role: "status",
@@ -6027,14 +6151,14 @@ var ToastCard = ({
       ACCENT_BORDER[type]
     ),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         "span",
         {
           className: cn(
             "flex h-7 w-7 shrink-0 items-center justify-center rounded-full",
             ACCENT_BG[type]
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             FaIcon,
             {
               name: ICON[type],
@@ -6047,21 +6171,21 @@ var ToastCard = ({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Layout, { column: true, flex: 1, gap: 0.5, className: "min-w-0", children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "text-sm font-bold text-neutral-800", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "text-sm text-neutral-800", children: message })
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Layout, { column: true, flex: 1, gap: 0.5, className: "min-w-0", children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "text-sm font-bold text-neutral-800", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "text-sm text-neutral-800", children: message })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         "button",
         {
           type: "button",
           "aria-label": "Fermer",
           onClick: () => import_sonner2.toast.dismiss(id),
           className: "absolute right-2.5 top-2.5 text-grey-500 hover:text-neutral-800",
-          children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(FaIcon, { name: "xmark", size: 14 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(FaIcon, { name: "xmark", size: 14 })
         }
       ),
-      type !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      type !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
         "div",
         {
           className: cn(
@@ -6076,13 +6200,13 @@ var ToastCard = ({
 );
 
 // src/ui/lib/toast.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("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 import_sonner3.toast.custom(
-    (id) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    (id) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       ToastCard,
       {
         id,
@@ -6122,7 +6246,7 @@ var toast = {
 // src/ui/components/ui/PageContainer.tsx
 var import_react47 = require("react");
 var import_class_variance_authority14 = require("class-variance-authority");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var pageContainerVariants = (0, import_class_variance_authority14.cva)(
   "flex h-full w-full flex-col overflow-auto rounded-[10px] bg-grey-200 shadow-[0_1px_4px_rgba(0,0,0,0.16)]",
   {
@@ -6140,7 +6264,7 @@ var pageContainerVariants = (0, import_class_variance_authority14.cva)(
 var PageContainer = (0, import_react47.forwardRef)(
   (_a, ref) => {
     var _b = _a, { padding, className } = _b, props = __objRest(_b, ["padding", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -6153,7 +6277,7 @@ PageContainer.displayName = "PageContainer";
 
 // src/ui/components/ui/IconTabs.tsx
 var import_react48 = require("react");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var IconTabs = ({
   items,
   value,
@@ -6184,8 +6308,8 @@ var IconTabs = ({
     if (listRef.current) ro.observe(listRef.current);
     return () => ro.disconnect();
   }, [updateBar]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Layout, { column: true, className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Layout, { column: true, className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       Layout,
       {
         ref: listRef,
@@ -6194,7 +6318,7 @@ var IconTabs = ({
         gap: 1,
         className: "relative rounded-[5px] bg-grey-100 p-1",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             "div",
             {
               className: "absolute rounded-[5px] bg-blue-50 transition-all duration-300",
@@ -6210,7 +6334,7 @@ var IconTabs = ({
             var _a2;
             const disabled = disabledIndexes.includes(index);
             const active = value === index;
-            return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
               "button",
               {
                 type: "button",
@@ -6227,14 +6351,14 @@ var IconTabs = ({
                   disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                     "i",
                     {
                       className: `fa-${(_a2 = item.iconFamily) != null ? _a2 : "regular"} fa-${item.icon}`,
                       style: { fontSize: 16 }
                     }
                   ),
-                  item.caption && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                  item.caption && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                     "span",
                     {
                       className: cn(
@@ -6252,13 +6376,13 @@ var IconTabs = ({
         ]
       }
     ),
-    ((_a = items[value]) == null ? void 0 : _a.label) && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "mt-2 text-center text-xs text-neutral-800", children: items[value].label })
+    ((_a = items[value]) == null ? void 0 : _a.label) && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "mt-2 text-center text-xs text-neutral-800", children: items[value].label })
   ] });
 };
 
 // src/ui/components/ui/Banner.tsx
 var import_class_variance_authority15 = require("class-variance-authority");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var bannerVariants = (0, import_class_variance_authority15.cva)("rounded-[6px] px-4 py-2", {
   variants: {
     theme: {
@@ -6315,14 +6439,14 @@ var Banner = ({
 }) => {
   const align = textAlignByJustify[justify];
   const textClass = TEXT_CLASS2[theme != null ? theme : "blue-700"];
-  const content = children ? children : message ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Text, { size: "s", align, className: textClass, children: message }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Layout, { column: true, align: justify, gap: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Layout, { align: "center", gap: 2, children: [
-      badge && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Badge, { theme: theme != null ? theme : "blue-700", size: "m", children: badge }),
-      title && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Text, { size: "s", weight: "bold", align, className: textClass, children: title })
+  const content = children ? children : message ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Text, { size: "s", align, className: textClass, children: message }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Layout, { column: true, align: justify, gap: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Layout, { align: "center", gap: 2, children: [
+      badge && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Badge, { theme: theme != null ? theme : "blue-700", size: "m", children: badge }),
+      title && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Text, { size: "s", weight: "bold", align, className: textClass, children: title })
     ] }),
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Text, { size: "xs", align, className: textClass, children: subtitle })
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Text, { size: "xs", align, className: textClass, children: subtitle })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     Layout,
     {
       role: "alert",
@@ -6333,15 +6457,15 @@ var Banner = ({
       width,
       className: cn(bannerVariants({ theme }), className),
       children: [
-        justify === "start" ? content : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Layout, { flex: 1, justify, align: "center", gap: 2, wrap: true, children: content }),
-        toggle ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        justify === "start" ? content : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Layout, { flex: 1, justify, align: "center", gap: 2, wrap: true, children: content }),
+        toggle ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           Switch,
           {
             checked: toggle.checked,
             onChange: toggle.onChange,
             disabled: toggle.disabled
           }
-        ) : action && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+        ) : action && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
           Button,
           {
             variant: "outline",
@@ -6452,7 +6576,7 @@ var resolveArcPlacement = (request) => {
 };
 
 // src/ui/components/ui/FloatingButton.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var readStoredOffset = (key) => {
   if (!key || typeof window === "undefined") return { x: 0, y: 0 };
   try {
@@ -6650,7 +6774,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__ */ (0, import_jsx_runtime87.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -6668,7 +6792,7 @@ var FloatingButton = ({
         actions.map((action, index) => {
           var _a;
           const itemOffset = arcOffset(index, actions.length, placement.geometry);
-          return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
             "button",
             {
               type: "button",
@@ -6686,14 +6810,14 @@ var FloatingButton = ({
                 transform: isOpen ? `translate(${itemOffset.x}px, ${itemOffset.y}px)` : "scale(0.4)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: SUB_ICON[color], children: action.icon }),
-                ((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("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__ */ (0, import_jsx_runtime88.jsx)("span", { className: SUB_ICON[color], children: action.icon }),
+                ((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("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__ */ (0, import_jsx_runtime87.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
           "button",
           {
             type: "button",
@@ -6710,8 +6834,8 @@ var FloatingButton = ({
               touchAction: draggable ? "none" : void 0
             },
             children: [
-              isOpen ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FaIcon, { name: "xmark", size: 20 }) : icon,
-              !isOpen && mainBadge > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("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__ */ (0, import_jsx_runtime88.jsx)(FaIcon, { name: "xmark", size: 20 }) : icon,
+              !isOpen && mainBadge > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("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 })
             ]
           }
         )
@@ -6722,7 +6846,7 @@ var FloatingButton = ({
 
 // src/ui/components/ui/ActivityFeedPanel.tsx
 var import_react50 = require("react");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var PANEL_WIDTH = 500;
 var PANEL_MAX_HEIGHT = 750;
 var GAP = 8;
@@ -6789,7 +6913,7 @@ var ActivityFeedPanel = ({
     return () => window.removeEventListener("resize", recompute);
   }, [open, offset]);
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     Layout,
     {
       ref: panelRef,
@@ -6797,7 +6921,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__ */ (0, import_jsx_runtime88.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
           Layout,
           {
             align: "center",
@@ -6805,12 +6929,12 @@ var ActivityFeedPanel = ({
             padding: 4,
             className: "border-b border-grey-200",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(IconBadge, __spreadValues({ name: "bell", size: "m" }, PULSE_ICON_BADGE)),
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Text, { size: "s", weight: "bold", children: title })
+              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(IconBadge, __spreadValues({ name: "bell", size: "m" }, PULSE_ICON_BADGE)),
+              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Text, { size: "s", weight: "bold", children: title })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Layout, { column: true, fullWidth: true, style: { flex: "1 1 0%", minHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Layout, { column: true, fullWidth: true, style: { flex: "1 1 0%", minHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           "div",
           {
             style: {
@@ -6821,10 +6945,10 @@ var ActivityFeedPanel = ({
               scrollbarWidth: "none"
             },
             className: "[&::-webkit-scrollbar]:hidden",
-            children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Layout, { column: true, padding: 2, gap: 1, fullWidth: true, children: [
-              isLoading && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Layout, { fullWidth: true, justify: "center", padding: 6, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Spinner, {}) }),
-              !isLoading && items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Text, { size: "s", color: "grey-500", align: "center", className: "p-4", children: emptyMessage }),
-              items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Layout, { column: true, padding: 2, gap: 1, fullWidth: true, children: [
+              isLoading && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Layout, { fullWidth: true, justify: "center", padding: 6, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Spinner, {}) }),
+              !isLoading && items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Text, { size: "s", color: "grey-500", align: "center", className: "p-4", children: emptyMessage }),
+              items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
                 Layout,
                 {
                   gap: 3,
@@ -6832,7 +6956,7 @@ var ActivityFeedPanel = ({
                   className: "cursor-pointer items-start rounded-[8px] p-2 hover:bg-grey-100",
                   onClick: item.onClick,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                       IconBadge,
                       {
                         name: item.icon,
@@ -6841,9 +6965,9 @@ var ActivityFeedPanel = ({
                         iconColor: item.iconColor
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Layout, { column: true, gap: 0.5, className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Text, { size: "xs", children: item.text }),
-                      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Text, { size: "xxs", color: "grey-500", children: item.timeLabel })
+                    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Layout, { column: true, gap: 0.5, className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Text, { size: "xs", children: item.text }),
+                      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Text, { size: "xxs", color: "grey-500", children: item.timeLabel })
                     ] })
                   ]
                 },
@@ -6858,7 +6982,7 @@ var ActivityFeedPanel = ({
 };
 
 // src/ui/components/ui/MetricCard.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var ICON_WRAP_CLASS = {
   "blue-700": "bg-blue-50 text-blue-700",
   "blue-900": "bg-blue-50 text-blue-900",
@@ -6887,7 +7011,7 @@ var MetricCard = ({
   selected = false,
   children,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
   "div",
   {
     onClick,
@@ -6897,25 +7021,25 @@ var MetricCard = ({
       selected && "border-blue-700",
       className
     ),
-    children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Layout, { align: "center", gap: 3, fullWidth: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Layout, { align: "center", gap: 3, fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         "span",
         {
           className: cn(
             "flex h-9 w-9 shrink-0 items-center justify-center rounded-full",
             ICON_WRAP_CLASS[accent]
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("i", { className: `fa-${iconFamily} fa-${icon}`, style: { fontSize: 18 } })
+          children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("i", { className: `fa-${iconFamily} fa-${icon}`, style: { fontSize: 18 } })
         }
       ),
-      children ? children : layout === "row" ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Layout, { align: "center", gap: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Text, { size: "s", color: "grey-600", children: title })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Layout, { column: true, gap: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Text, { size: "s", color: "grey-600", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Layout, { align: "baseline", gap: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
-          subtitle && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Text, { size: "xs", color: "grey-600", children: subtitle })
+      children ? children : layout === "row" ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Layout, { align: "center", gap: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text, { size: "s", color: "grey-600", children: title })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Layout, { column: true, gap: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text, { size: "s", color: "grey-600", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Layout, { align: "baseline", gap: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text, { size: "xs", color: "grey-600", children: subtitle })
         ] })
       ] })
     ] })
@@ -6923,7 +7047,7 @@ var MetricCard = ({
 );
 
 // src/ui/components/ui/Tile.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var Tile = ({
   children,
   onClick,
@@ -6933,7 +7057,7 @@ var Tile = ({
   className
 }) => {
   const isOutline = variant === "outline";
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
     "div",
     {
       className: cn(
@@ -6944,7 +7068,7 @@ var Tile = ({
         className
       ),
       children: [
-        onClick ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        onClick ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           "button",
           {
             type: "button",
@@ -6957,7 +7081,7 @@ var Tile = ({
             children
           }
         ) : children,
-        expandedContent && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: cn(isOutline && "border-t border-grey-300"), children: expandedContent })
+        expandedContent && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: cn(isOutline && "border-t border-grey-300"), children: expandedContent })
       ]
     }
   );
@@ -7112,16 +7236,16 @@ var formatName = (person, fallback = "") => {
 };
 
 // src/ui/components/ui/history/HistoryChangeRow.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var HistoryChangeRow = ({ change }) => {
   const { label, previousValue, nextValue, href, onClick } = change;
   const hasValues = Boolean(previousValue || nextValue);
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Layout, { align: "center", gap: 1.5, wrap: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { size: "xs", weight: "semibold", color: "grey-600", children: hasValues ? `${label} :` : label }),
-    previousValue && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { size: "xs", color: "grey-600", children: previousValue }),
-    previousValue && nextValue && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Icon, { name: "arrow-right", size: "xs", color: "grey-500" }),
-    nextValue && href && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Link, { href, newTab: true, size: "xs", children: nextValue }),
-    nextValue && onClick && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Layout, { align: "center", gap: 1.5, wrap: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Text, { size: "xs", weight: "semibold", color: "grey-600", children: hasValues ? `${label} :` : label }),
+    previousValue && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Text, { size: "xs", color: "grey-600", children: previousValue }),
+    previousValue && nextValue && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Icon, { name: "arrow-right", size: "xs", color: "grey-500" }),
+    nextValue && href && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Link, { href, newTab: true, size: "xs", children: nextValue }),
+    nextValue && onClick && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       "button",
       {
         type: "button",
@@ -7133,27 +7257,27 @@ var HistoryChangeRow = ({ change }) => {
         children: nextValue
       }
     ),
-    nextValue && !href && !onClick && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { size: "xs", weight: "semibold", children: nextValue })
+    nextValue && !href && !onClick && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Text, { size: "xs", weight: "semibold", children: nextValue })
   ] });
 };
 
 // src/ui/components/ui/history/HistoryEntryCard.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("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__ */ (0, import_jsx_runtime92.jsxs)(Layout, { column: true, gap: 1, fullWidth: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Layout, { align: "center", justify: "between", gap: 2, fullWidth: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Layout, { align: "center", gap: 3, fullWidth: false, className: "min-w-0", children: [
-        author && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Avatar, { name: author.name, src: author.avatarSrc, size: 40 }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Text, { size: "xs", weight: "bold", className: "whitespace-nowrap", children: author.name })
+  const summary = /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Layout, { column: true, gap: 1, fullWidth: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Layout, { align: "center", justify: "between", gap: 2, fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Layout, { align: "center", gap: 3, fullWidth: false, className: "min-w-0", children: [
+        author && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Avatar, { name: author.name, src: author.avatarSrc, size: 40 }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Text, { size: "xs", weight: "bold", className: "whitespace-nowrap", children: author.name })
         ] }),
-        badge && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Badge, { theme: badge.theme, size: "s", children: badge.label })
+        badge && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Badge, { theme: badge.theme, size: "s", children: badge.label })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Layout, { align: "center", gap: 2, fullWidth: false, className: "shrink-0", children: [
-        date && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Layout, { align: "center", gap: 2, fullWidth: false, className: "shrink-0", children: [
+        date && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           Text,
           {
             size: "xxs",
@@ -7163,7 +7287,7 @@ var HistoryEntryCard = ({ entry }) => {
             children: formatDate(date, "dateTime", "fr")
           }
         ),
-        hasChanges && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        hasChanges && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           Icon,
           {
             name: "chevron-down",
@@ -7174,14 +7298,14 @@ var HistoryEntryCard = ({ entry }) => {
         )
       ] })
     ] }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Text, { size: "xs", className: author ? "pl-[52px]" : void 0, children: title })
+    title && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Text, { size: "xs", className: author ? "pl-[52px]" : void 0, children: title })
   ] });
   if (!hasChanges) {
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: `${CARD_CLASS} p-3`, children: summary });
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: `${CARD_CLASS} p-3`, children: summary });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Collapsible, { className: CARD_CLASS, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CollapsibleTrigger, { className: "w-full cursor-pointer p-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-blue-200", children: summary }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Collapsible, { className: CARD_CLASS, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CollapsibleTrigger, { className: "w-full cursor-pointer p-3 text-left outline-none focus-visible:ring-2 focus-visible:ring-blue-200", children: summary }),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       Layout,
       {
         column: true,
@@ -7189,7 +7313,7 @@ var HistoryEntryCard = ({ entry }) => {
         paddingX: 3,
         paddingBottom: 3,
         className: author ? "pl-[64px]" : void 0,
-        children: changes.map((change, index) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        children: changes.map((change, index) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           HistoryChangeRow,
           {
             change
@@ -7202,7 +7326,7 @@ var HistoryEntryCard = ({ entry }) => {
 };
 
 // src/ui/components/ui/history/HistoryList.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var SKELETON_COUNT = 4;
 var HistoryList = ({
   entries,
@@ -7214,8 +7338,8 @@ var HistoryList = ({
   emptyLabel = "Aucun historique",
   emptyDescription = "Aucune action enregistr\xE9e pour le moment.",
   notice
-}) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Layout, { column: true, gap: 2, fullWidth: true, className: "flex-1", children: [
-  filters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Layout, { gap: 2, wrap: true, fullWidth: true, justify: "center", children: filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Layout, { column: true, gap: 2, fullWidth: true, className: "flex-1", children: [
+  filters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Layout, { gap: 2, wrap: true, fullWidth: true, justify: "center", children: filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     TagBubble,
     {
       label: filter.label,
@@ -7226,22 +7350,22 @@ var HistoryList = ({
     },
     filter.value
   )) }),
-  isLoading && Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Skeleton, { height: "72px" }, index)),
-  !isLoading && isError && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Text, { size: "s", color: "red-900", align: "center", children: errorLabel }),
-  !isLoading && !isError && entries.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  isLoading && Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Skeleton, { height: "72px" }, index)),
+  !isLoading && isError && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { size: "s", color: "red-900", align: "center", children: errorLabel }),
+  !isLoading && !isError && entries.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     EmptyState,
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FaIcon, { name: "clock-rotate-left", size: 20 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(FaIcon, { name: "clock-rotate-left", size: 20 }),
       title: emptyLabel,
       description: emptyDescription
     }
   ),
-  !isLoading && !isError && entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(HistoryEntryCard, { entry }, entry.id)),
-  !isLoading && !isError && notice && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Text, { size: "xs", color: "grey-600", align: "center", children: notice })
+  !isLoading && !isError && entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HistoryEntryCard, { entry }, entry.id)),
+  !isLoading && !isError && notice && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { size: "xs", color: "grey-600", align: "center", children: notice })
 ] });
 
 // src/ui/components/ui/history/HistoryDrawer.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var HistoryDrawer = (_a) => {
   var _b = _a, {
     open,
@@ -7252,7 +7376,7 @@ var HistoryDrawer = (_a) => {
     "onClose",
     "title"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
     Drawer,
     {
       open,
@@ -7260,9 +7384,9 @@ var HistoryDrawer = (_a) => {
       className: "z-[1060]",
       overlayClassName: "z-[1050]",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(DrawerHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DrawerTitle, { className: "uppercase", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(DrawerHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DrawerTitle, { className: "uppercase", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
             Icon,
             {
               name: "xmark",
@@ -7272,7 +7396,7 @@ var HistoryDrawer = (_a) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DrawerBody, { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HistoryList, __spreadValues({}, listProps)) })
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DrawerBody, { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(HistoryList, __spreadValues({}, listProps)) })
       ]
     }
   );
@@ -7280,7 +7404,7 @@ var HistoryDrawer = (_a) => {
 
 // src/ui/components/ui/history/HistoryButton.tsx
 var import_react51 = require("react");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var LABEL = "Historique";
 var SHORT_TOOLTIP = "Voir l\u2019historique des actions";
 var HistoryButton = (_a) => {
@@ -7301,10 +7425,10 @@ var HistoryButton = (_a) => {
     onOpenChange == null ? void 0 : onOpenChange(nextIsOpen);
   };
   const open = () => changeOpen(true);
-  const icon = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(FaIcon, { name: "clock-rotate-left", size: 14 });
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-    variant === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Tooltip, { content: tooltip, className: "z-[1100]", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { iconLeft: icon, "aria-label": LABEL, onClick: open }) }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { label: LABEL, iconLeft: icon, onClick: open }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  const icon = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(FaIcon, { name: "clock-rotate-left", size: 14 });
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+    variant === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Tooltip, { content: tooltip, className: "z-[1100]", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { iconLeft: icon, "aria-label": LABEL, onClick: open }) }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { label: LABEL, iconLeft: icon, onClick: open }),
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       HistoryDrawer,
       __spreadValues({
         open: isOpen,
@@ -7316,7 +7440,7 @@ var HistoryButton = (_a) => {
 };
 
 // src/ui/components/ui/Gantt.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var Gantt = ({
   days,
   rows,
@@ -7332,7 +7456,7 @@ var Gantt = ({
   const bodyHeight = rows.length * rowHeight;
   const clickable = Boolean(onRowClick);
   const gridCols = { gridTemplateColumns: `${labelWidth}px minmax(0, 1fr)` };
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "div",
     {
       className: cn(
@@ -7340,13 +7464,13 @@ var Gantt = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
           "div",
           {
             className: "grid border-b border-grey-300 bg-grey-100",
             style: gridCols,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                 Layout,
                 {
                   align: "center",
@@ -7354,7 +7478,7 @@ var Gantt = ({
                   children: labelHeader
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "relative h-[30px]", children: days.map((day) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "relative h-[30px]", children: days.map((day) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                 Layout,
                 {
                   fullHeight: true,
@@ -7368,13 +7492,13 @@ var Gantt = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
           "div",
           {
             className: "grid overflow-y-auto overflow-x-hidden",
             style: __spreadProps(__spreadValues({}, gridCols), { maxHeight }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "min-w-0 border-r border-grey-300", children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "min-w-0 border-r border-grey-300", children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                 Layout,
                 {
                   column: true,
@@ -7391,8 +7515,8 @@ var Gantt = ({
                 },
                 row.key
               )) }),
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "min-w-0 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "relative w-full", style: { height: bodyHeight }, children: [
-                days.map((day, i) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "min-w-0 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "relative w-full", style: { height: bodyHeight }, children: [
+                days.map((day, i) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                   "div",
                   {
                     className: cn(
@@ -7403,7 +7527,7 @@ var Gantt = ({
                   },
                   day.key
                 )),
-                bands.map((band) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                bands.map((band) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                   "div",
                   {
                     title: band.title,
@@ -7414,7 +7538,7 @@ var Gantt = ({
                 )),
                 rows.map((row, i) => {
                   var _a, _b, _c;
-                  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                     "div",
                     {
                       className: cn(
@@ -7422,7 +7546,7 @@ var Gantt = ({
                         i === 0 ? "border-t-0" : "border-t border-grey-200"
                       ),
                       style: { top: i * rowHeight, height: rowHeight },
-                      children: row.bar && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                      children: row.bar && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                         Layout,
                         {
                           align: "center",
@@ -7437,7 +7561,7 @@ var Gantt = ({
                             background: row.bar.color,
                             borderColor: row.bar.color
                           },
-                          children: row.bar.label && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                          children: row.bar.label && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                             "span",
                             {
                               className: "overflow-hidden text-ellipsis whitespace-nowrap text-[10px] font-semibold",
@@ -7459,7 +7583,7 @@ var Gantt = ({
     }
   );
 };
-var GanttDot = ({ color }) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+var GanttDot = ({ color }) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
   "span",
   {
     className: "inline-block h-[9px] w-[9px] shrink-0 rounded-[3px]",
@@ -7469,7 +7593,7 @@ var GanttDot = ({ color }) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
 var GanttSwatch = ({
   color,
   filled = true
-}) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
   "span",
   {
     className: "box-border inline-block h-3 w-[18px] shrink-0 rounded-[3px] border-[1.5px]",
@@ -7478,7 +7602,7 @@ var GanttSwatch = ({
 );
 
 // src/ui/components/ui/Timeline.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var Timeline = ({
   items,
   lineColor = "#F1F5F9",
@@ -7486,22 +7610,22 @@ var Timeline = ({
   className
 }) => {
   if (items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Text, { size: "s", color: "grey-600", children: emptyLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Text, { size: "s", color: "grey-600", children: emptyLabel });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Layout, { column: true, className, children: items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(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__ */ (0, import_jsx_runtime97.jsxs)(Layout, { gap: 3, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Layout, { column: true, align: "center", className: "w-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Layout, { gap: 3, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Layout, { column: true, align: "center", className: "w-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           "span",
           {
             className: "mt-1 h-2.5 w-2.5 shrink-0 rounded-full",
             style: { background: dotColor }
           }
         ),
-        !isLast && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           "span",
           {
             className: "w-0.5 flex-1 min-h-[16px]",
@@ -7509,10 +7633,10 @@ var Timeline = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Layout, { column: true, gap: 0.5, className: isLast ? void 0 : "pb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Text, { size: "s", weight: item.highlighted ? "bold" : "semibold", children: item.title }),
-        item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Text, { size: "xs", color: "grey-600", children: item.subtitle }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-xs italic text-neutral-800", children: item.description })
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Layout, { column: true, gap: 0.5, className: isLast ? void 0 : "pb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Text, { size: "s", weight: item.highlighted ? "bold" : "semibold", children: item.title }),
+        item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Text, { size: "xs", color: "grey-600", children: item.subtitle }),
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-xs italic text-neutral-800", children: item.description })
       ] })
     ] }, item.id);
   }) });
@@ -7521,7 +7645,7 @@ var Timeline = ({
 // src/ui/components/ui/ColorPicker.tsx
 var import_react52 = require("react");
 var import_class_variance_authority16 = require("class-variance-authority");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var swatchVariants = (0, import_class_variance_authority16.cva)(
   "inline-flex shrink-0 overflow-hidden rounded-[6px] border border-grey-300",
   {
@@ -7565,7 +7689,7 @@ var ColorPicker = (0, import_react52.forwardRef)(
       if (value === void 0) setInternalColor(next);
       onChange == null ? void 0 : onChange(next);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
       Layout,
       {
         column: true,
@@ -7573,21 +7697,21 @@ var ColorPicker = (0, import_react52.forwardRef)(
         gap: 1.5,
         className: cn(disabled && "opacity-60", className),
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-xs font-semibold text-neutral-800", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Layout, { gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "text-xs font-semibold text-neutral-800", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Layout, { gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
               "label",
               {
                 className: cn(
                   swatchVariants({ size }),
                   disabled ? "cursor-not-allowed" : "cursor-pointer"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                   "span",
                   {
                     className: "relative block h-full w-full",
                     style: { backgroundColor: currentColor },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                       "input",
                       {
                         ref,
@@ -7602,7 +7726,7 @@ var ColorPicker = (0, import_react52.forwardRef)(
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
               "input",
               __spreadProps(__spreadValues({
                 type: "text",
@@ -7642,7 +7766,7 @@ var COLOR_TOKENS = [
 ];
 
 // src/ui/components/ui/ColorTokenPicker.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var SWATCH_CLASS = {
   "blue-700": "bg-blue-700",
   "blue-900": "bg-blue-900",
@@ -7664,13 +7788,13 @@ var ColorTokenPicker = ({
   disabled = false
 }) => {
   const [open, setOpen] = (0, import_react53.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     Popover,
     {
       open,
       onOpenChange: disabled ? void 0 : setOpen,
       align: "start",
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
         "button",
         {
           type: "button",
@@ -7681,7 +7805,7 @@ var ColorTokenPicker = ({
             "focus-visible:ring-2 focus-visible:ring-blue-200",
             disabled && "cursor-not-allowed opacity-50"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             "span",
             {
               className: cn(
@@ -7692,7 +7816,7 @@ var ColorTokenPicker = ({
           )
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Layout, { wrap: true, gap: 2, className: "w-[168px] p-1", children: COLOR_TOKENS.map((token) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Layout, { wrap: true, gap: 2, className: "w-[168px] p-1", children: COLOR_TOKENS.map((token) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
         "button",
         {
           type: "button",
@@ -7716,7 +7840,7 @@ var ColorTokenPicker = ({
 
 // src/ui/components/ui/FileUploadZone.tsx
 var import_react54 = require("react");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var ACCEPT_MAP = {
   png: "image/png",
   jpg: "image/jpeg",
@@ -7844,7 +7968,7 @@ var FileUploadZone = ({
     onRemove == null ? void 0 : onRemove();
   };
   if (previewUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
       Layout,
       {
         column: true,
@@ -7856,14 +7980,14 @@ var FileUploadZone = ({
           className
         ),
         children: [
-          fileType && isPdf(fileType) ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          fileType && isPdf(fileType) ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             "embed",
             {
               src: previewUrl,
               type: "application/pdf",
               className: "h-[500px] w-full rounded"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             "img",
             {
               src: previewUrl,
@@ -7871,13 +7995,13 @@ var FileUploadZone = ({
               className: "max-h-[400px] max-w-full rounded object-contain"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             Button,
             {
               label: "Supprimer",
               theme: "red-900",
               size: "s",
-              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(FaIcon, { name: "trash", size: 14 }),
+              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(FaIcon, { name: "trash", size: 14 }),
               onClick: handleRemove
             }
           )
@@ -7886,14 +8010,14 @@ var FileUploadZone = ({
     );
   }
   const showBrowse = !compact && browseLabel !== false;
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
     Layout,
     {
       column: true,
       gap: 1,
       className: cn(fullWidth ? "w-full" : "w-fit", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
           "label",
           {
             onDragOver: handleDragOver,
@@ -7907,7 +8031,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__ */ (0, import_jsx_runtime100.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                 "input",
                 {
                   ref: inputRef,
@@ -7919,11 +8043,11 @@ var FileUploadZone = ({
                   className: "hidden"
                 }
               ),
-              showIcon && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(FaIcon, { name: "cloud-arrow-up", size: 28, className: "text-blue-700" }),
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-center text-sm text-grey-600", children: label }),
-              showBrowse && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-center text-xs text-grey-600", children: "ou" }),
-                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              showIcon && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(FaIcon, { name: "cloud-arrow-up", size: 28, className: "text-blue-700" }),
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-center text-sm text-grey-600", children: label }),
+              showBrowse && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-center text-xs text-grey-600", children: "ou" }),
+                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                   Button,
                   {
                     label: browseLabel,
@@ -7937,15 +8061,15 @@ var FileUploadZone = ({
                   }
                 )
               ] }),
-              sublabel && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-center text-xs text-grey-500", children: sublabel })
+              sublabel && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-center text-xs text-grey-500", children: sublabel })
             ]
           }
         ),
-        showFileName && fileName && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(Layout, { align: "center", justify: "center", gap: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(FaIcon, { name: "file", size: 16, className: "text-green-700" }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-sm text-green-700", children: fileName })
+        showFileName && fileName && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(Layout, { align: "center", justify: "center", gap: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(FaIcon, { name: "file", size: 16, className: "text-green-700" }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-sm text-green-700", children: fileName })
         ] }),
-        inlineError && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-center text-sm text-red-900", children: inlineError })
+        inlineError && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-center text-sm text-red-900", children: inlineError })
       ]
     }
   );
@@ -7953,7 +8077,7 @@ var FileUploadZone = ({
 
 // src/ui/components/ui/FilePicker.tsx
 var import_react55 = require("react");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var FilePicker = ({
   label,
   onSelect,
@@ -7968,8 +8092,8 @@ var FilePicker = ({
   className
 }) => {
   const inputRef = (0, import_react55.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       "input",
       {
         ref: inputRef,
@@ -7985,20 +8109,20 @@ var FilePicker = ({
         }
       }
     ),
-    variant === "button" ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    variant === "button" ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       Button,
       {
         variant: "outline",
         label,
         disabled,
         className,
-        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Icon, { name: icon, family: iconFamily, size: "s", color: "inherit" }),
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Icon, { name: icon, family: iconFamily, size: "s", color: "inherit" }),
         onClick: () => {
           var _a;
           return (_a = inputRef.current) == null ? void 0 : _a.click();
         }
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Tooltip, { content: label, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Tooltip, { content: label, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       Icon,
       {
         name: icon,
@@ -8020,7 +8144,7 @@ var FilePicker = ({
 // src/ui/components/ui/Item.tsx
 var import_react56 = require("react");
 var import_class_variance_authority17 = require("class-variance-authority");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var itemVariants = (0, import_class_variance_authority17.cva)(
   "group/item flex items-center rounded-[6px] border border-transparent transition-colors",
   {
@@ -8041,7 +8165,7 @@ var itemVariants = (0, import_class_variance_authority17.cva)(
 var Item4 = (0, import_react56.forwardRef)(
   (_a, ref) => {
     var _b = _a, { variant, size, className } = _b, props = __objRest(_b, ["variant", "size", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -8066,7 +8190,7 @@ var itemMediaVariants = (0, import_class_variance_authority17.cva)(
 );
 var ItemMedia = (_a) => {
   var _b = _a, { variant, className } = _b, props = __objRest(_b, ["variant", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", __spreadValues({ className: cn(itemMediaVariants({ variant }), className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", __spreadValues({ className: cn(itemMediaVariants({ variant }), className) }, props));
 };
 var ItemContent = (_a) => {
   var _b = _a, {
@@ -8074,7 +8198,7 @@ var ItemContent = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     __spreadValues({
       className: cn("flex min-w-0 flex-1 flex-col gap-1", className)
@@ -8087,7 +8211,7 @@ var ItemTitle = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -8103,7 +8227,7 @@ var ItemDescription = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", __spreadValues({ className: cn("text-sm text-grey-500", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", __spreadValues({ className: cn("text-sm text-grey-500", className) }, props));
 };
 var ItemActions = (_a) => {
   var _b = _a, {
@@ -8111,7 +8235,7 @@ var ItemActions = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     __spreadValues({
       className: cn("flex shrink-0 items-center gap-2", className)
@@ -8120,7 +8244,7 @@ var ItemActions = (_a) => {
 };
 
 // src/ui/components/ui/Attachment.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var Attachment = ({
   name,
   size,
@@ -8134,7 +8258,7 @@ var Attachment = ({
 }) => {
   const isUploading = status === "uploading";
   const isError = status === "error";
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
     Item4,
     {
       variant: "outline",
@@ -8146,12 +8270,12 @@ var Attachment = ({
       ),
       style: { width },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           ItemMedia,
           {
             variant: "icon",
             className: cn(isError && "border-red-900 bg-red-50"),
-            children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Spinner, { size: "s", color: "blue-700" }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+            children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Spinner, { size: "s", color: "blue-700" }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
               FaIcon,
               {
                 name: isError ? "triangle-exclamation" : "file",
@@ -8161,33 +8285,33 @@ var Attachment = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(ItemContent, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ItemTitle, { children: name }),
-          isUploading ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(ItemDescription, { className: "text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(ItemContent, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ItemTitle, { children: name }),
+          isUploading ? /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(ItemDescription, { className: "text-xs", children: [
             "Uploading - ",
             progress,
             "%"
-          ] }) : isError ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ItemDescription, { className: "text-xs text-red-900", children: errorMessage }) : size && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ItemDescription, { className: "text-xs", children: size })
+          ] }) : isError ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ItemDescription, { className: "text-xs text-red-900", children: errorMessage }) : size && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ItemDescription, { className: "text-xs", children: size })
         ] }),
-        (onRetry || onRemove) && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(ItemActions, { children: [
-          isError && onRetry && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        (onRetry || onRemove) && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(ItemActions, { children: [
+          isError && onRetry && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             "button",
             {
               type: "button",
               onClick: onRetry,
               "aria-label": `R\xE9essayer l'envoi de ${name}`,
               className: "text-grey-400 hover:text-grey-600",
-              children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(FaIcon, { name: "rotate-right", size: 12 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(FaIcon, { name: "rotate-right", size: 12 })
             }
           ),
-          onRemove && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+          onRemove && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             "button",
             {
               type: "button",
               onClick: onRemove,
               "aria-label": `Retirer ${name}`,
               className: "text-grey-400 hover:text-grey-600",
-              children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(FaIcon, { name: "xmark", size: 12 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(FaIcon, { name: "xmark", size: 12 })
             }
           )
         ] })
@@ -8199,7 +8323,7 @@ var Attachment = ({
 // src/ui/components/ui/PdfPreview.tsx
 var import_react57 = require("react");
 var import_react_pdf = require("react-pdf");
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 import_react_pdf.pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${import_react_pdf.pdfjs.version}/build/pdf.worker.min.mjs`;
 var PdfPreview = ({
   file,
@@ -8210,9 +8334,9 @@ var PdfPreview = ({
   const [hasError, setHasError] = (0, import_react57.useState)(false);
   const [numPages, setNumPages] = (0, import_react57.useState)(0);
   const height = Math.round(width * 1.3);
-  const thumbnailSkeleton = /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Skeleton, { width, height });
+  const thumbnailSkeleton = /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Skeleton, { width, height });
   if (hasError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
       Layout,
       {
         column: true,
@@ -8225,13 +8349,13 @@ var PdfPreview = ({
         ),
         style: { width, height },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(FaIcon, { name: "file-pdf", size: 24 }),
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "text-xs", children: "Aper\xE7u indisponible" })
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(FaIcon, { name: "file-pdf", size: 24 }),
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-xs", children: "Aper\xE7u indisponible" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     "div",
     {
       className: cn(
@@ -8239,7 +8363,7 @@ var PdfPreview = ({
         className
       ),
       style: { width, maxHeight },
-      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         import_react_pdf.Document,
         {
           file,
@@ -8247,7 +8371,7 @@ var PdfPreview = ({
           onLoadError: () => setHasError(true),
           loading: thumbnailSkeleton,
           error: thumbnailSkeleton,
-          children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Layout, { column: true, gap: 2, className: "p-2", children: Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Layout, { column: true, gap: 2, className: "p-2", children: Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             import_react_pdf.Page,
             {
               pageNumber: i + 1,
@@ -8268,7 +8392,7 @@ var import_react59 = require("react");
 
 // src/ui/components/ui/VideoPlayer.tsx
 var import_react58 = require("react");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var formatVideoDuration = (seconds) => {
   if (seconds === void 0 || !Number.isFinite(seconds) || seconds < 0)
     return "";
@@ -8367,8 +8491,8 @@ var VideoPlayer = ({
   const stopBubbling = (e) => {
     e.stopPropagation();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_jsx_runtime106.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
       Layout,
       {
         className: cn(
@@ -8379,7 +8503,7 @@ var VideoPlayer = ({
         onClick: stopBubbling,
         "data-testid": "video-player",
         children: [
-          isInlinePlaying ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          isInlinePlaying ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             "video",
             {
               ref: attachInlineVideo,
@@ -8391,7 +8515,7 @@ var VideoPlayer = ({
               className: "h-full w-full bg-black object-contain",
               "aria-label": title
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
             "button",
             {
               type: "button",
@@ -8399,7 +8523,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__ */ (0, import_jsx_runtime105.jsx)(
+                visiblePoster ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                   "img",
                   {
                     src: visiblePoster,
@@ -8410,7 +8534,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__ */ (0, import_jsx_runtime105.jsx)(
+                  !hasFramePreviewError && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                     "video",
                     {
                       src: `${src}#t=0.1`,
@@ -8425,12 +8549,12 @@ var VideoPlayer = ({
                     }
                   )
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("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__ */ (0, import_jsx_runtime105.jsx)(FaIcon, { name: "play", family: "solid", size: 18 }) }),
-                formattedDuration && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("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__ */ (0, import_jsx_runtime106.jsx)("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__ */ (0, import_jsx_runtime106.jsx)(FaIcon, { name: "play", family: "solid", size: 18 }) }),
+                formattedDuration && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("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__ */ (0, import_jsx_runtime105.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             Layout,
             {
               width: "auto",
@@ -8438,14 +8562,14 @@ var VideoPlayer = ({
               children: label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
             Layout,
             {
               width: "auto",
               gap: 1,
               className: "absolute right-1 top-1 rounded-full bg-white/90",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Tooltip, { content: "Agrandir la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Tooltip, { content: "Agrandir la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                   Icon,
                   {
                     name: "up-right-and-down-left-from-center",
@@ -8454,7 +8578,7 @@ var VideoPlayer = ({
                     "aria-label": "Agrandir la vid\xE9o"
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                   Icon,
                   {
                     name: "download",
@@ -8466,7 +8590,7 @@ var VideoPlayer = ({
               ]
             }
           ),
-          meta && !isInlinePlaying && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          meta && !isInlinePlaying && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             Layout,
             {
               width: "auto",
@@ -8477,7 +8601,7 @@ var VideoPlayer = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
       Modal,
       {
         open: isExpanded,
@@ -8485,9 +8609,9 @@ var VideoPlayer = ({
         onOpenAutoFocus: focusExpandedVideo,
         width: "70vw",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ModalHeader, { className: "items-start text-left", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Layout, { align: "center", justify: "between", fullWidth: true, gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Layout, { align: "center", gap: 2, className: "min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ModalHeader, { className: "items-start text-left", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Layout, { align: "center", justify: "between", fullWidth: true, gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Layout, { align: "center", gap: 2, className: "min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                 IconBadge,
                 {
                   name: "video",
@@ -8496,10 +8620,10 @@ var VideoPlayer = ({
                   iconColor: "blue_900"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ModalTitle, { className: "truncate", children: title })
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ModalTitle, { className: "truncate", children: title })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Layout, { width: "auto", align: "center", gap: 1, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Layout, { width: "auto", align: "center", gap: 1, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                 Icon,
                 {
                   name: "download",
@@ -8508,7 +8632,7 @@ var VideoPlayer = ({
                   "aria-label": "T\xE9l\xE9charger la vid\xE9o"
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ModalClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ModalClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                 Icon,
                 {
                   name: "xmark",
@@ -8520,7 +8644,7 @@ var VideoPlayer = ({
               ) })
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             "video",
             {
               ref: attachExpandedVideo,
@@ -8541,7 +8665,7 @@ var VideoPlayer = ({
 };
 
 // src/ui/components/ui/AudioPlayer.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("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 = ({
@@ -8584,7 +8708,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__ */ (0, import_jsx_runtime106.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
     Layout,
     {
       gap: 3,
@@ -8593,7 +8717,7 @@ var AudioPlayer = ({
       className: cn("rounded-lg border border-grey-300 p-2", className),
       "data-testid": "audio-player",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           "audio",
           {
             ref: attachAudio,
@@ -8611,19 +8735,19 @@ var AudioPlayer = ({
             "aria-label": title
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           Button,
           {
             variant: "outline",
             size: "s",
             iconOnly: true,
             "aria-label": isPlaying ? `Mettre en pause ${title}` : `Lire ${title}`,
-            iconLeft: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Icon, { name: isPlaying ? "pause" : "play", size: "s", color: "inherit" }),
+            iconLeft: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { name: isPlaying ? "pause" : "play", size: "s", color: "inherit" }),
             onClick: togglePlayback
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(currentTime) }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(currentTime) }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           "input",
           {
             type: "range",
@@ -8637,7 +8761,7 @@ var AudioPlayer = ({
             className: "h-1 min-w-0 flex-1 cursor-pointer accent-blue-700 disabled:cursor-default"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(duration) })
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(duration) })
       ]
     }
   );
@@ -8645,7 +8769,7 @@ var AudioPlayer = ({
 
 // src/ui/components/ui/ScrollArea.tsx
 var RadixScrollArea = __toESM(require("@radix-ui/react-scroll-area"));
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var HIDDEN_SCROLLBAR_CLASSNAME = "w-0 h-0 opacity-0";
 var ScrollArea = (_a) => {
   var _b = _a, {
@@ -8661,13 +8785,13 @@ var ScrollArea = (_a) => {
     "viewportRef",
     "maxHeight"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
     RadixScrollArea.Root,
     __spreadProps(__spreadValues({
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           RadixScrollArea.Viewport,
           {
             ref: viewportRef,
@@ -8680,23 +8804,23 @@ var ScrollArea = (_a) => {
             children
           }
         ),
-        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           RadixScrollArea.Scrollbar,
           {
             orientation: "vertical",
             className: HIDDEN_SCROLLBAR_CLASSNAME,
-            children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
           }
         ),
-        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           RadixScrollArea.Scrollbar,
           {
             orientation: "horizontal",
             className: HIDDEN_SCROLLBAR_CLASSNAME,
-            children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RadixScrollArea.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(RadixScrollArea.Corner, {})
       ]
     })
   );
@@ -8704,7 +8828,7 @@ var ScrollArea = (_a) => {
 
 // src/ui/components/ui/Message.tsx
 var import_react60 = require("react");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var BUBBLE_BACKGROUND = {
   own: { solid: "bg-blue-700", pale: "bg-blue-50" },
   teammate: { solid: "bg-blue-100", pale: "bg-blue-100" },
@@ -8763,7 +8887,7 @@ var Message = (0, import_react60.forwardRef)(
     const isInverted = isOwn && variant === "solid";
     const contentColor = isInverted ? "white" : "neutral-800";
     const metaColor = isInverted ? "white" : "grey-500";
-    const avatar = showAuthor ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Avatar, { name: authorName, src: authorSrc, size: avatarSize }) : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    const avatar = showAuthor ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Avatar, { name: authorName, src: authorSrc, size: avatarSize }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       Layout,
       {
         width: `${avatarSize}px`,
@@ -8771,8 +8895,8 @@ var Message = (0, import_react60.forwardRef)(
         "aria-hidden": "true"
       }
     );
-    const actionsSlot = actions && !actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Layout, { width: "auto", align: "center", className: "shrink-0", children: actions }) : null;
-    const cornerActions = actions && actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    const actionsSlot = actions && !actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Layout, { width: "auto", align: "center", className: "shrink-0", children: actions }) : null;
+    const cornerActions = actions && actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       Layout,
       {
         width: "auto",
@@ -8785,7 +8909,7 @@ var Message = (0, import_react60.forwardRef)(
         children: actions
       }
     ) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
       Layout,
       __spreadProps(__spreadValues({
         ref,
@@ -8796,7 +8920,7 @@ var Message = (0, import_react60.forwardRef)(
         className
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
             Layout,
             {
               fullWidth: true,
@@ -8807,7 +8931,7 @@ var Message = (0, import_react60.forwardRef)(
               children: [
                 !isRightAligned && avatar,
                 isRightAligned && actionsSlot,
-                /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
                   Layout,
                   {
                     column: true,
@@ -8816,7 +8940,7 @@ var Message = (0, import_react60.forwardRef)(
                     align: isRightAligned ? "end" : "start",
                     style: { maxWidth },
                     children: [
-                      bubble ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+                      bubble ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
                         Layout,
                         {
                           column: true,
@@ -8830,16 +8954,16 @@ var Message = (0, import_react60.forwardRef)(
                             cornerActions && "pr-8"
                           ),
                           children: [
-                            deleted ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Text, { size: "s", italic: true, color: metaColor, children: deletedLabel }) : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Text, { size: "s", color: contentColor, children }),
-                            time && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Layout, { fullWidth: true, justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Text, { size: "xxs", color: metaColor, children: time }) }),
+                            deleted ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { size: "s", italic: true, color: metaColor, children: deletedLabel }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { size: "s", color: contentColor, children }),
+                            time && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Layout, { fullWidth: true, justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { size: "xxs", color: metaColor, children: time }) }),
                             cornerActions
                           ]
                         }
-                      ) : cornerActions ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Layout, { width: "auto", className: "relative", children: [
+                      ) : cornerActions ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Layout, { width: "auto", className: "relative", children: [
                         children,
                         cornerActions
                       ] }) : children,
-                      status && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Layout, { fullWidth: true, justify: isRightAligned ? "end" : "start", children: status })
+                      status && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Layout, { fullWidth: true, justify: isRightAligned ? "end" : "start", children: status })
                     ]
                   }
                 ),
@@ -8848,7 +8972,7 @@ var Message = (0, import_react60.forwardRef)(
               ]
             }
           ),
-          showAuthor && showAuthorName && authorName && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Text, { size: "xs", color: "grey-600", children: authorName })
+          showAuthor && showAuthorName && authorName && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { size: "xs", color: "grey-600", children: authorName })
         ]
       })
     );
@@ -8858,7 +8982,7 @@ Message.displayName = "Message";
 
 // src/ui/components/ui/MessageScroller.tsx
 var import_react61 = require("react");
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var SEPARATOR_LINE = {
   neutral: "",
   alert: "bg-red-500"
@@ -8871,9 +8995,9 @@ var MessageDateSeparator = ({
   label,
   tone = "neutral",
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Layout, { fullWidth: true, gap: 2, align: "center", className, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Layout, { width: "auto", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Layout, { fullWidth: true, gap: 2, align: "center", className, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Layout, { width: "auto", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     Text,
     {
       size: "xs",
@@ -8882,7 +9006,7 @@ var MessageDateSeparator = ({
       children: label
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) })
+  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) })
 ] });
 var MessageScroller = ({
   children,
@@ -8922,13 +9046,13 @@ var MessageScroller = ({
     if (isEmpty && emptyState) return emptyState;
     return children;
   };
-  const scroller = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  const scroller = /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     ScrollArea,
     {
       viewportRef: scrollerRef,
       className: cn("w-full", floatingFooter ? "min-h-0 flex-1" : className),
       style: typeof height === "number" ? { height: `${height}px` } : { height },
-      children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
         Layout,
         {
           column: true,
@@ -8951,9 +9075,9 @@ var MessageScroller = ({
     }
   );
   if (!floatingFooter) return scroller;
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Layout, { column: true, fullWidth: true, className: cn("relative min-h-0", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Layout, { column: true, fullWidth: true, className: cn("relative min-h-0", className), children: [
     scroller,
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
       Layout,
       {
         width: "auto",
@@ -8966,13 +9090,13 @@ var MessageScroller = ({
 
 // src/ui/components/ui/Stepper.tsx
 var import_react62 = require("react");
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var Stepper = ({
   numberOfSteps,
   current = 0,
   size = 28,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
   "nav",
   {
     "aria-label": "progression",
@@ -8983,8 +9107,8 @@ var Stepper = ({
     children: Array.from({ length: numberOfSteps }, (_, i) => {
       const isActive = i === current;
       const isCompleted = i < current;
-      return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react62.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_react62.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           "div",
           {
             "aria-hidden": true,
@@ -8993,10 +9117,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__ */ (0, import_jsx_runtime110.jsx)(FaIcon, { name: "check", family: "solid", size: 12 }) : i + 1
+            children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "check", family: "solid", size: 12 }) : i + 1
           }
         ),
-        i < numberOfSteps - 1 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "h-px min-w-[8px] flex-1 bg-grey-300" })
+        i < numberOfSteps - 1 && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "h-px min-w-[8px] flex-1 bg-grey-300" })
       ] }, i);
     })
   }
@@ -9010,7 +9134,7 @@ var import_style2 = require("react-day-picker/style.css");
 var import_date_fns = require("date-fns");
 var import_locale2 = require("date-fns/locale");
 var RadixPopover6 = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var formatMonthCaption = (month) => (0, import_date_fns.format)(month, "MMM yyyy", { locale: import_locale2.fr });
 var isSameCalendarDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 var parseTypedDate = (text, minDate, maxDate) => {
@@ -9040,7 +9164,7 @@ var autoFormatTypedInput = (raw, isRange) => {
 var RANGE_PRESETS = [
   {
     label: "Mois pr\xE9c\xE9dent",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar-arrow-up", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(FaIcon, { name: "calendar-arrow-up", size: 15 }),
     getValue: () => [
       (0, import_date_fns.startOfMonth)((0, import_date_fns.subMonths)(/* @__PURE__ */ new Date(), 1)),
       (0, import_date_fns.endOfMonth)((0, import_date_fns.subMonths)(/* @__PURE__ */ new Date(), 1))
@@ -9048,34 +9172,34 @@ var RANGE_PRESETS = [
   },
   {
     label: "Ce mois",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
     getValue: () => [(0, import_date_fns.startOfMonth)(/* @__PURE__ */ new Date()), (0, import_date_fns.endOfMonth)(/* @__PURE__ */ new Date())]
   },
   {
     label: "Ce trimestre",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar-range", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(FaIcon, { name: "calendar-range", size: 15 }),
     getValue: () => [(0, import_date_fns.startOfQuarter)(/* @__PURE__ */ new Date()), (0, import_date_fns.endOfQuarter)(/* @__PURE__ */ new Date())]
   },
   {
     label: "Cette ann\xE9e",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
     getValue: () => [(0, import_date_fns.startOfYear)(/* @__PURE__ */ new Date()), (0, import_date_fns.endOfYear)(/* @__PURE__ */ new Date())]
   }
 ];
 var SINGLE_PRESETS = [
   {
     label: "Aujourd'hui",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
     getValue: () => /* @__PURE__ */ new Date()
   },
   {
     label: "Demain",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar-plus", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(FaIcon, { name: "calendar-plus", size: 15 }),
     getValue: () => (0, import_date_fns.addDays)(/* @__PURE__ */ new Date(), 1)
   },
   {
     label: "Dans 7 jours",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
     getValue: () => (0, import_date_fns.addDays)(/* @__PURE__ */ new Date(), 7)
   }
 ];
@@ -9163,7 +9287,7 @@ var DatePicker = ({
       setIsEditing(false);
     }
   };
-  const calendar = /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(RadixPopover6.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+  const calendar = /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(RadixPopover6.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
     RadixPopover6.Content,
     {
       align,
@@ -9175,7 +9299,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__ */ (0, import_jsx_runtime111.jsx)(
+      children: isRange ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
         import_react_day_picker.DayPicker,
         {
           mode: "range",
@@ -9193,7 +9317,7 @@ var DatePicker = ({
           showOutsideDays: true,
           formatters: { formatCaption: formatMonthCaption }
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
         import_react_day_picker.DayPicker,
         {
           mode: "single",
@@ -9211,8 +9335,8 @@ var DatePicker = ({
     }
   ) });
   if (!showPresets) {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(RadixPopover6.Anchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(RadixPopover6.Anchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
         Layout,
         {
           align: "center",
@@ -9226,7 +9350,7 @@ var DatePicker = ({
             className
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
               "input",
               {
                 type: "text",
@@ -9247,14 +9371,14 @@ var DatePicker = ({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
               "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__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar", size: 14 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(FaIcon, { name: "calendar", size: 14 })
               }
             ) })
           ]
@@ -9263,10 +9387,10 @@ var DatePicker = ({
       calendar
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Layout, { column: true, gap: 1.5, align, className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Layout, { align: "center", gap: 1.5, width: "auto", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Layout, { column: true, gap: 1.5, align, className, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Layout, { align: "center", gap: 1.5, width: "auto", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           "button",
           {
             type: "button",
@@ -9278,12 +9402,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__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar", size: 16 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(FaIcon, { name: "calendar", size: 16 })
           }
         ) }),
         resolvedPresets.map((preset) => {
           const active = activePreset === preset.label;
-          return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Tooltip, { content: preset.label, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Tooltip, { content: preset.label, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
             "button",
             {
               type: "button",
@@ -9301,7 +9425,7 @@ var DatePicker = ({
           ) }, preset.label);
         })
       ] }),
-      hasValue && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+      hasValue && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
         "button",
         {
           type: "button",
@@ -9772,7 +9896,7 @@ var optimizeImage = async (file, desiredBaseName, opts = {}) => {
 // src/ui/components/ui/Tour.tsx
 var import_react64 = require("react");
 var import_driver = require("driver.js");
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var TOUR_TARGET_ATTRIBUTE = "data-tour-target";
 var DEFAULT_LABELS = {
   previous: "Pr\xE9c\xE9dent",
@@ -9784,7 +9908,7 @@ var DEFAULT_LABELS = {
 var STAGE_PADDING = 6;
 var GHOST_TRANSITION_MS = 200;
 var HIGHLIGHT_DURATION_MS = 400;
-var TourTarget = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
+var TourTarget = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
 var isContents = (element) => getComputedStyle(element).display === "contents";
 var measure = (element) => {
   if (!isContents(element)) {