design-zystem 1.0.415 → 1.0.417

package/dist/ui/index.js

@@ -173,6 +173,7 @@ __export(index_exports, {
   TagSelect: () => TagSelect,
   Text: () => Text,
   Textarea: () => Textarea,
+  Tile: () => Tile,
   Timeline: () => Timeline,
   Toaster: () => Toaster,
   Tooltip: () => Tooltip,
@@ -532,6 +533,7 @@ var Box = (0, import_react2.forwardRef)(
       hasShadow,
       accent = "none",
       width,
+      hexBackground,
       className,
       style
     } = _b, props = __objRest(_b, [
@@ -540,6 +542,7 @@ var Box = (0, import_react2.forwardRef)(
       "hasShadow",
       "accent",
       "width",
+      "hexBackground",
       "className",
       "style"
     ]);
@@ -552,7 +555,7 @@ var Box = (0, import_react2.forwardRef)(
           ACCENT_CLASS[accent],
           className
         ),
-        style: width ? __spreadValues({ width }, style) : style
+        style: __spreadValues(__spreadValues(__spreadValues({}, width && { width }), hexBackground && { backgroundColor: hexBackground }), style)
       }, props)
     );
   }
@@ -1993,7 +1996,9 @@ var badgeVariants = (0, import_class_variance_authority10.cva)(
     variants: {
       size: {
         s: "px-1 py-0.5 text-[9px]",
-        m: "px-1.5 py-0.5 text-[11px]"
+        m: "px-1.5 py-0.5 text-[11px]",
+        /** Case de tableau : pastille de hauteur fixe, largeur minimale commune. */
+        l: "h-[26px] min-w-[74px] gap-1.5 px-3 text-[11px] font-bold"
       },
       shape: {
         square: "rounded-[0.35em]",
@@ -2013,6 +2018,7 @@ var Badge = (0, import_react18.forwardRef)(
       theme = "blue-700",
       backgroundColor,
       textColor,
+      borderColor,
       size,
       shape,
       pointer = false,
@@ -2027,6 +2033,7 @@ var Badge = (0, import_react18.forwardRef)(
       "theme",
       "backgroundColor",
       "textColor",
+      "borderColor",
       "size",
       "shape",
       "pointer",
@@ -2046,13 +2053,15 @@ var Badge = (0, import_react18.forwardRef)(
           badgeVariants({ size, shape }),
           !backgroundColor && THEME_VARIANT_CLASSES[variant][theme],
           fullWidth && "w-full",
+          borderColor && "border",
           pointer && "cursor-pointer",
           pulse && "animate-[badge-pulse_2s_ease-in-out_infinite] motion-reduce:animate-none",
           className
         ),
         style: __spreadValues(__spreadValues({
           backgroundColor,
-          color: textColor
+          color: textColor,
+          borderColor
         }, maxChars ? { maxWidth: `${maxChars}ch` } : {}), style)
       }, props)
     );
@@ -2070,6 +2079,7 @@ var Tabs = ({
   items,
   variant = "line",
   fullWidth = false,
+  uppercase = false,
   className
 }) => {
   const listRef = (0, import_react19.useRef)(null);
@@ -2122,6 +2132,7 @@ var Tabs = ({
                   "relative inline-flex select-none items-center justify-center gap-1.5 whitespace-nowrap border-0 text-center outline-none transition-colors",
                   "disabled:cursor-not-allowed disabled:opacity-60",
                   fullWidth && "flex-1",
+                  uppercase && "uppercase tracking-[0.01em]",
                   isPills ? cn(
                     "rounded-md px-4 py-2 text-sm",
                     value === item.id ? "bg-white font-bold text-neutral-800" : "bg-transparent font-medium text-neutral-800"
@@ -4093,6 +4104,7 @@ var trackVariants2 = (0, import_class_variance_authority12.cva)(
   {
     variants: {
       height: {
+        xs: "h-1",
         sm: "h-1.5",
         md: "h-2",
         lg: "h-3",
@@ -4133,15 +4145,18 @@ var THUMB_BORDER_CLASS = {
   "purple-700": "border-purple-700"
 };
 var ProgressBar = ({
-  value,
+  value = 0,
   onChange,
   min = 0,
   max = 100,
   step = 1,
   disabled = false,
   color = "blue-700",
+  hexColor,
+  segments,
   height,
   label,
+  "aria-label": ariaLabel,
   showLabel = false,
   formatValue,
   className
@@ -4150,6 +4165,32 @@ var ProgressBar = ({
   const percent = max !== min ? (current - min) / (max - min) * 100 : 0;
   const display = (v) => formatValue ? formatValue(v) : String(v);
   const editable = Boolean(onChange);
+  if (segments) {
+    const visible = segments.filter((segment) => segment.value > 0);
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs text-grey-600", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.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_runtime46.jsx)(
+            "span",
+            {
+              className: "h-full",
+              style: {
+                flexGrow: segment.value,
+                flexBasis: 0,
+                backgroundColor: segment.hexColor
+              }
+            },
+            index
+          ))
+        }
+      )
+    ] });
+  }
   if (!editable) {
     const readOnlyPercent = Math.max(0, Math.min(100, percent));
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
@@ -4159,15 +4200,19 @@ var ProgressBar = ({
           RadixProgress.Root,
           {
             value: readOnlyPercent,
+            "aria-label": ariaLabel != null ? ariaLabel : label,
             className: trackVariants2({ height }),
             children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               RadixProgress.Indicator,
               {
                 className: cn(
                   "h-full rounded-full transition-[width] duration-200",
-                  FILL_CLASS[color]
+                  !hexColor && FILL_CLASS[color]
                 ),
-                style: { width: `${readOnlyPercent}%` }
+                style: {
+                  width: `${readOnlyPercent}%`,
+                  backgroundColor: hexColor
+                }
               }
             )
           }
@@ -4208,7 +4253,11 @@ var ProgressBar = ({
                 /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RadixSlider.Track, { className: cn(trackVariants2({ height }), "grow"), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                   RadixSlider.Range,
                   {
-                    className: cn("absolute h-full rounded-full", FILL_CLASS[color])
+                    className: cn(
+                      "absolute h-full rounded-full",
+                      !hexColor && FILL_CLASS[color]
+                    ),
+                    style: { backgroundColor: hexColor }
                   }
                 ) }),
                 /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -4217,8 +4266,9 @@ var ProgressBar = ({
                     className: cn(
                       "block h-5 w-5 rounded-full border-2 bg-white shadow-[0_2px_6px_rgba(15,23,42,0.2)] outline-none transition-transform",
                       "hover:scale-110 focus-visible:ring-2 focus-visible:ring-blue-200",
-                      THUMB_BORDER_CLASS[color]
-                    )
+                      !hexColor && THUMB_BORDER_CLASS[color]
+                    ),
+                    style: { borderColor: hexColor }
                   }
                 )
               ]
@@ -6008,8 +6058,49 @@ var MetricCard = ({
   }
 );
 
-// src/ui/components/ui/Skeleton.tsx
+// src/ui/components/ui/Tile.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
+var Tile = ({
+  children,
+  onClick,
+  selected = false,
+  variant = "outline",
+  expandedContent,
+  className
+}) => {
+  const isOutline = variant === "outline";
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+    "div",
+    {
+      className: cn(
+        "w-full overflow-hidden rounded-[6px]",
+        isOutline && "border bg-white",
+        isOutline && (selected ? "border-blue-700 ring-1 ring-blue-700" : "border-grey-200"),
+        !isOutline && selected && "bg-blue-50",
+        className
+      ),
+      children: [
+        onClick ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": selected,
+            onClick,
+            className: cn(
+              "block w-full cursor-pointer border-0 bg-transparent p-0 text-left outline-none transition-colors",
+              "hover:bg-black/[0.025] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-blue-200"
+            ),
+            children
+          }
+        ) : children,
+        expandedContent && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: cn(isOutline && "border-t border-grey-300"), children: expandedContent })
+      ]
+    }
+  );
+};
+
+// src/ui/components/ui/Skeleton.tsx
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var toCss = (value) => typeof value === "number" ? `${value}px` : value;
 var Skeleton = (_a) => {
   var _b = _a, {
@@ -6025,7 +6116,7 @@ var Skeleton = (_a) => {
     "className",
     "style"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -6040,7 +6131,7 @@ var Skeleton = (_a) => {
 
 // src/ui/components/ui/TagBubble.tsx
 var RadixToggle = __toESM(require("@radix-ui/react-toggle"));
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var DOT_CLASS = {
   "blue-700": "bg-blue-700",
   "blue-900": "bg-blue-900",
@@ -6132,7 +6223,7 @@ var TagBubble = (_a) => {
   const filled = activeFill && active;
   const dotColor = active ? activeColor : inactiveColor;
   const filledHexColor = filled && isHexColor(activeColor) ? activeColor : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     RadixToggle.Root,
     __spreadProps(__spreadValues({}, rest), {
       type: "button",
@@ -6150,7 +6241,7 @@ var TagBubble = (_a) => {
         className
       ),
       children: [
-        !hideDot && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        !hideDot && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "span",
           {
             className: cn(
@@ -6160,7 +6251,7 @@ var TagBubble = (_a) => {
             style: isHexColor(dotColor) ? { backgroundColor: dotColor } : void 0
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "span",
           {
             className: cn(
@@ -6171,7 +6262,7 @@ var TagBubble = (_a) => {
             children: label
           }
         ),
-        showCount && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Badge, { theme: countColor, size: "s", children: count })
+        showCount && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Badge, { theme: countColor, size: "s", children: count })
       ]
     })
   );
@@ -6318,16 +6409,16 @@ var formatName = (person, fallback = "") => {
 };
 
 // src/ui/components/ui/history/HistoryChangeRow.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var HistoryChangeRow = ({ change }) => {
   const { label, previousValue, nextValue, href, onClick } = change;
   const hasValues = Boolean(previousValue || nextValue);
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Layout, { align: "center", gap: 1.5, wrap: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text, { size: "xs", weight: "semibold", color: "grey-600", children: hasValues ? `${label} :` : label }),
-    previousValue && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text, { size: "xs", color: "grey-600", children: previousValue }),
-    previousValue && nextValue && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Icon, { name: "arrow-right", size: "xs", color: "grey-500" }),
-    nextValue && href && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Link, { href, newTab: true, size: "xs", children: nextValue }),
-    nextValue && onClick && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Layout, { align: "center", gap: 1.5, wrap: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text, { size: "xs", weight: "semibold", color: "grey-600", children: hasValues ? `${label} :` : label }),
+    previousValue && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text, { size: "xs", color: "grey-600", children: previousValue }),
+    previousValue && nextValue && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Icon, { name: "arrow-right", size: "xs", color: "grey-500" }),
+    nextValue && href && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Link, { href, newTab: true, size: "xs", children: nextValue }),
+    nextValue && onClick && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       "button",
       {
         type: "button",
@@ -6339,27 +6430,27 @@ var HistoryChangeRow = ({ change }) => {
         children: nextValue
       }
     ),
-    nextValue && !href && !onClick && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Text, { size: "xs", weight: "semibold", children: nextValue })
+    nextValue && !href && !onClick && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text, { size: "xs", weight: "semibold", children: nextValue })
   ] });
 };
 
 // src/ui/components/ui/history/HistoryEntryCard.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = 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_runtime75.jsxs)(Layout, { column: true, gap: 1, fullWidth: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Layout, { align: "center", justify: "between", gap: 2, fullWidth: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Layout, { align: "center", gap: 3, fullWidth: false, className: "min-w-0", children: [
-        author && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Avatar, { name: author.name, src: author.avatarSrc, size: 40 }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text, { size: "xs", weight: "bold", className: "whitespace-nowrap", children: author.name })
+  const summary = /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Layout, { column: true, gap: 1, fullWidth: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Layout, { align: "center", justify: "between", gap: 2, fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Layout, { align: "center", gap: 3, fullWidth: false, className: "min-w-0", children: [
+        author && /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Avatar, { name: author.name, src: author.avatarSrc, size: 40 }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text, { size: "xs", weight: "bold", className: "whitespace-nowrap", children: author.name })
         ] }),
-        badge && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Badge, { theme: badge.theme, size: "s", children: badge.label })
+        badge && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Badge, { theme: badge.theme, size: "s", children: badge.label })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Layout, { align: "center", gap: 2, fullWidth: false, className: "shrink-0", children: [
-        date && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Layout, { align: "center", gap: 2, fullWidth: false, className: "shrink-0", children: [
+        date && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           Text,
           {
             size: "xxs",
@@ -6369,7 +6460,7 @@ var HistoryEntryCard = ({ entry }) => {
             children: formatDate(date, "dateTime", "fr")
           }
         ),
-        hasChanges && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        hasChanges && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           Icon,
           {
             name: "chevron-down",
@@ -6380,14 +6471,14 @@ var HistoryEntryCard = ({ entry }) => {
         )
       ] })
     ] }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Text, { size: "xs", className: author ? "pl-[52px]" : void 0, children: title })
+    title && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text, { size: "xs", className: author ? "pl-[52px]" : void 0, children: title })
   ] });
   if (!hasChanges) {
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: `${CARD_CLASS} p-3`, children: summary });
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: `${CARD_CLASS} p-3`, children: summary });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Collapsible, { className: CARD_CLASS, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Collapsible, { className: CARD_CLASS, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime76.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       Layout,
       {
         column: true,
@@ -6395,7 +6486,7 @@ var HistoryEntryCard = ({ entry }) => {
         paddingX: 3,
         paddingBottom: 3,
         className: author ? "pl-[64px]" : void 0,
-        children: changes.map((change, index) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        children: changes.map((change, index) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           HistoryChangeRow,
           {
             change
@@ -6408,7 +6499,7 @@ var HistoryEntryCard = ({ entry }) => {
 };
 
 // src/ui/components/ui/history/HistoryList.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var SKELETON_COUNT = 4;
 var HistoryList = ({
   entries,
@@ -6420,8 +6511,8 @@ var HistoryList = ({
   emptyLabel = "Aucun historique",
   emptyDescription = "Aucune action enregistr\xE9e pour le moment.",
   notice
-}) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Layout, { column: true, gap: 2, fullWidth: true, className: "flex-1", children: [
-  filters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Layout, { gap: 2, wrap: true, fullWidth: true, justify: "center", children: filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Layout, { column: true, gap: 2, fullWidth: true, className: "flex-1", children: [
+  filters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Layout, { gap: 2, wrap: true, fullWidth: true, justify: "center", children: filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     TagBubble,
     {
       label: filter.label,
@@ -6432,22 +6523,22 @@ var HistoryList = ({
     },
     filter.value
   )) }),
-  isLoading && Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Skeleton, { height: "72px" }, index)),
-  !isLoading && isError && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text, { size: "s", color: "red-900", align: "center", children: errorLabel }),
-  !isLoading && !isError && entries.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  isLoading && Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Skeleton, { height: "72px" }, index)),
+  !isLoading && isError && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Text, { size: "s", color: "red-900", align: "center", children: errorLabel }),
+  !isLoading && !isError && entries.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     EmptyState,
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(FaIcon, { name: "clock-rotate-left", size: 20 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(FaIcon, { name: "clock-rotate-left", size: 20 }),
       title: emptyLabel,
       description: emptyDescription
     }
   ),
-  !isLoading && !isError && entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(HistoryEntryCard, { entry }, entry.id)),
-  !isLoading && !isError && notice && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text, { size: "xs", color: "grey-600", align: "center", children: notice })
+  !isLoading && !isError && entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(HistoryEntryCard, { entry }, entry.id)),
+  !isLoading && !isError && notice && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Text, { size: "xs", color: "grey-600", align: "center", children: notice })
 ] });
 
 // src/ui/components/ui/history/HistoryDrawer.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var HistoryDrawer = (_a) => {
   var _b = _a, {
     open,
@@ -6458,7 +6549,7 @@ var HistoryDrawer = (_a) => {
     "onClose",
     "title"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
     Drawer,
     {
       open,
@@ -6466,9 +6557,9 @@ var HistoryDrawer = (_a) => {
       className: "z-[1060]",
       overlayClassName: "z-[1050]",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(DrawerHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DrawerTitle, { className: "uppercase", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DrawerHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DrawerTitle, { className: "uppercase", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             Icon,
             {
               name: "xmark",
@@ -6478,7 +6569,7 @@ var HistoryDrawer = (_a) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DrawerBody, { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(HistoryList, __spreadValues({}, listProps)) })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DrawerBody, { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(HistoryList, __spreadValues({}, listProps)) })
       ]
     }
   );
@@ -6486,7 +6577,7 @@ var HistoryDrawer = (_a) => {
 
 // src/ui/components/ui/history/HistoryButton.tsx
 var import_react46 = require("react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var LABEL = "Historique";
 var SHORT_TOOLTIP = "Voir l\u2019historique des actions";
 var HistoryButton = (_a) => {
@@ -6507,10 +6598,10 @@ var HistoryButton = (_a) => {
     onOpenChange == null ? void 0 : onOpenChange(nextIsOpen);
   };
   const open = () => changeOpen(true);
-  const icon = /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(FaIcon, { name: "clock-rotate-left", size: 14 });
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-    variant === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Tooltip, { content: tooltip, className: "z-[1100]", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { iconLeft: icon, "aria-label": LABEL, onClick: open }) }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Button, { label: LABEL, iconLeft: icon, onClick: open }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  const icon = /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(FaIcon, { name: "clock-rotate-left", size: 14 });
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+    variant === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Tooltip, { content: tooltip, className: "z-[1100]", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { iconLeft: icon, "aria-label": LABEL, onClick: open }) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { label: LABEL, iconLeft: icon, onClick: open }),
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       HistoryDrawer,
       __spreadValues({
         open: isOpen,
@@ -6522,7 +6613,7 @@ var HistoryButton = (_a) => {
 };
 
 // src/ui/components/ui/Gantt.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var Gantt = ({
   days,
   rows,
@@ -6538,7 +6629,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_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     "div",
     {
       className: cn(
@@ -6546,13 +6637,13 @@ var Gantt = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
           "div",
           {
             className: "grid border-b border-grey-300 bg-grey-100",
             style: gridCols,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                 Layout,
                 {
                   align: "center",
@@ -6560,7 +6651,7 @@ var Gantt = ({
                   children: labelHeader
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "relative h-[30px]", children: days.map((day) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "relative h-[30px]", children: days.map((day) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                 Layout,
                 {
                   fullHeight: true,
@@ -6574,13 +6665,13 @@ var Gantt = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
           "div",
           {
             className: "grid overflow-y-auto overflow-x-hidden",
             style: __spreadProps(__spreadValues({}, gridCols), { maxHeight }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "min-w-0 border-r border-grey-300", children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "min-w-0 border-r border-grey-300", children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                 Layout,
                 {
                   column: true,
@@ -6597,8 +6688,8 @@ var Gantt = ({
                 },
                 row.key
               )) }),
-              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "min-w-0 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "relative w-full", style: { height: bodyHeight }, children: [
-                days.map((day, i) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "min-w-0 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "relative w-full", style: { height: bodyHeight }, children: [
+                days.map((day, i) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                   "div",
                   {
                     className: cn(
@@ -6609,7 +6700,7 @@ var Gantt = ({
                   },
                   day.key
                 )),
-                bands.map((band) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                bands.map((band) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                   "div",
                   {
                     title: band.title,
@@ -6620,7 +6711,7 @@ var Gantt = ({
                 )),
                 rows.map((row, i) => {
                   var _a, _b, _c;
-                  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                     "div",
                     {
                       className: cn(
@@ -6628,7 +6719,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_runtime79.jsx)(
+                      children: row.bar && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                         Layout,
                         {
                           align: "center",
@@ -6643,7 +6734,7 @@ var Gantt = ({
                             background: row.bar.color,
                             borderColor: row.bar.color
                           },
-                          children: row.bar.label && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                          children: row.bar.label && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                             "span",
                             {
                               className: "overflow-hidden text-ellipsis whitespace-nowrap text-[10px] font-semibold",
@@ -6665,7 +6756,7 @@ var Gantt = ({
     }
   );
 };
-var GanttDot = ({ color }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+var GanttDot = ({ color }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "span",
   {
     className: "inline-block h-[9px] w-[9px] shrink-0 rounded-[3px]",
@@ -6675,7 +6766,7 @@ var GanttDot = ({ color }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
 var GanttSwatch = ({
   color,
   filled = true
-}) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
   "span",
   {
     className: "box-border inline-block h-3 w-[18px] shrink-0 rounded-[3px] border-[1.5px]",
@@ -6684,7 +6775,7 @@ var GanttSwatch = ({
 );
 
 // src/ui/components/ui/Bulk.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var BG_CLASS = {
   "blue-700": "bg-blue-700",
   "blue-900": "bg-blue-900",
@@ -6700,14 +6791,14 @@ var BG_CLASS = {
   "orange-600": "bg-orange-600",
   "purple-700": "bg-purple-700"
 };
-var BulkActionSections = ({ sections }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+var BulkActionSections = ({ sections }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
   Layout,
   {
     role: "group",
     fullHeight: true,
     align: "stretch",
     className: "[&>button:not(:last-child)]:rounded-r-none",
-    children: sections.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    children: sections.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       "button",
       {
         type: "button",
@@ -6726,9 +6817,9 @@ var BulkActionSections = ({ sections }) => /* @__PURE__ */ (0, import_jsx_runtim
     ))
   }
 );
-var BulkDisplaySections = ({ sections }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Layout, { align: "center", gap: 3, className: "px-4", children: sections.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Layout, { align: "center", gap: 3, children: [
-  index > 0 && (section.divider ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "h-11 w-px shrink-0 bg-white/40" }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "h-0.5 w-4 shrink-0 rounded-full bg-white/50" })),
-  section.action ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+var BulkDisplaySections = ({ sections }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Layout, { align: "center", gap: 3, className: "px-4", children: sections.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Layout, { align: "center", gap: 3, children: [
+  index > 0 && (section.divider ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "h-11 w-px shrink-0 bg-white/40" }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "h-0.5 w-4 shrink-0 rounded-full bg-white/50" })),
+  section.action ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
     "button",
     {
       type: "button",
@@ -6740,10 +6831,10 @@ var BulkDisplaySections = ({ sections }) => /* @__PURE__ */ (0, import_jsx_runti
         section.title
       ]
     }
-  ) : section.caption ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Layout, { column: true, fullWidth: false, className: "leading-tight text-white", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "whitespace-nowrap text-[10px] font-bold uppercase tracking-wide opacity-70", children: section.caption }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "whitespace-nowrap text-sm font-bold", children: section.title })
-  ] }) : section.badge ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "whitespace-nowrap rounded-full bg-white/15 px-2.5 py-1 text-xs font-bold text-white", children: section.title }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { className: "flex items-center gap-1.5 whitespace-nowrap text-sm font-bold text-white", children: [
+  ) : section.caption ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Layout, { column: true, fullWidth: false, className: "leading-tight text-white", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "whitespace-nowrap text-[10px] font-bold uppercase tracking-wide opacity-70", children: section.caption }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "whitespace-nowrap text-sm font-bold", children: section.title })
+  ] }) : section.badge ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "whitespace-nowrap rounded-full bg-white/15 px-2.5 py-1 text-xs font-bold text-white", children: section.title }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "flex items-center gap-1.5 whitespace-nowrap text-sm font-bold text-white", children: [
     section.icon,
     section.title
   ] })
@@ -6755,7 +6846,7 @@ var Bulk = ({
   color = "blue-700",
   className,
   variant = "actions"
-}) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
   "div",
   {
     className: cn(
@@ -6764,27 +6855,27 @@ var Bulk = ({
       className
     ),
     children: [
-      leftTitle && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Layout, { align: "center", gap: 6, className: "pr-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      leftTitle && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Layout, { align: "center", gap: 6, className: "pr-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "button",
           {
             type: "button",
             "aria-label": "Fermer",
             onClick: onClose,
             className: "text-white hover:opacity-80",
-            children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(FaIcon, { name: "xmark", size: 20 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(FaIcon, { name: "xmark", size: 20 })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "whitespace-nowrap text-sm font-bold", children: leftTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "h-11 w-px bg-white/40" })
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "whitespace-nowrap text-sm font-bold", children: leftTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "h-11 w-px bg-white/40" })
       ] }),
-      variant === "display" ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(BulkDisplaySections, { sections }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(BulkActionSections, { sections })
+      variant === "display" ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(BulkDisplaySections, { sections }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(BulkActionSections, { sections })
     ]
   }
 );
 
 // src/ui/components/ui/Timeline.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var Timeline = ({
   items,
   lineColor = "#F1F5F9",
@@ -6792,22 +6883,22 @@ var Timeline = ({
   className
 }) => {
   if (items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Text, { size: "s", color: "grey-600", children: emptyLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Text, { size: "s", color: "grey-600", children: emptyLabel });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Layout, { column: true, className, children: items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime81.jsxs)(Layout, { gap: 3, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Layout, { column: true, align: "center", className: "w-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Layout, { gap: 3, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Layout, { column: true, align: "center", className: "w-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           "span",
           {
             className: "mt-1 h-2.5 w-2.5 shrink-0 rounded-full",
             style: { background: dotColor }
           }
         ),
-        !isLast && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           "span",
           {
             className: "w-0.5 flex-1 min-h-[16px]",
@@ -6815,10 +6906,10 @@ var Timeline = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Layout, { column: true, gap: 0.5, className: isLast ? void 0 : "pb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Text, { size: "s", weight: item.highlighted ? "bold" : "semibold", children: item.title }),
-        item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Text, { size: "xs", color: "grey-600", children: item.subtitle }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-xs italic text-neutral-800", children: item.description })
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Layout, { column: true, gap: 0.5, className: isLast ? void 0 : "pb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Text, { size: "s", weight: item.highlighted ? "bold" : "semibold", children: item.title }),
+        item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Text, { size: "xs", color: "grey-600", children: item.subtitle }),
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-xs italic text-neutral-800", children: item.description })
       ] })
     ] }, item.id);
   }) });
@@ -6827,7 +6918,7 @@ var Timeline = ({
 // src/ui/components/ui/ColorPicker.tsx
 var import_react47 = require("react");
 var import_class_variance_authority15 = require("class-variance-authority");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var swatchVariants = (0, import_class_variance_authority15.cva)(
   "inline-flex shrink-0 overflow-hidden rounded-[6px] border border-grey-300",
   {
@@ -6871,7 +6962,7 @@ var ColorPicker = (0, import_react47.forwardRef)(
       if (value === void 0) setInternalColor(next);
       onChange == null ? void 0 : onChange(next);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       Layout,
       {
         column: true,
@@ -6879,21 +6970,21 @@ var ColorPicker = (0, import_react47.forwardRef)(
         gap: 1.5,
         className: cn(disabled && "opacity-60", className),
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-xs font-semibold text-neutral-800", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Layout, { gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-xs font-semibold text-neutral-800", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Layout, { gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
               "label",
               {
                 className: cn(
                   swatchVariants({ size }),
                   disabled ? "cursor-not-allowed" : "cursor-pointer"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
                   "span",
                   {
                     className: "relative block h-full w-full",
                     style: { backgroundColor: currentColor },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
                       "input",
                       {
                         ref,
@@ -6908,7 +6999,7 @@ var ColorPicker = (0, import_react47.forwardRef)(
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
               "input",
               __spreadProps(__spreadValues({
                 type: "text",
@@ -6929,7 +7020,7 @@ ColorPicker.displayName = "ColorPicker";
 
 // src/ui/components/ui/FileUploadZone.tsx
 var import_react48 = require("react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var ACCEPT_MAP = {
   png: "image/png",
   jpg: "image/jpeg",
@@ -7057,7 +7148,7 @@ var FileUploadZone = ({
     onRemove == null ? void 0 : onRemove();
   };
   if (previewUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
       Layout,
       {
         column: true,
@@ -7069,14 +7160,14 @@ var FileUploadZone = ({
           className
         ),
         children: [
-          fileType && isPdf(fileType) ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          fileType && isPdf(fileType) ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             "embed",
             {
               src: previewUrl,
               type: "application/pdf",
               className: "h-[500px] w-full rounded"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             "img",
             {
               src: previewUrl,
@@ -7084,13 +7175,13 @@ var FileUploadZone = ({
               className: "max-h-[400px] max-w-full rounded object-contain"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             Button,
             {
               label: "Supprimer",
               theme: "red-900",
               size: "s",
-              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(FaIcon, { name: "trash", size: 14 }),
+              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(FaIcon, { name: "trash", size: 14 }),
               onClick: handleRemove
             }
           )
@@ -7099,14 +7190,14 @@ var FileUploadZone = ({
     );
   }
   const showBrowse = !compact && browseLabel !== false;
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     Layout,
     {
       column: true,
       gap: 1,
       className: cn(fullWidth ? "w-full" : "w-fit", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
           "label",
           {
             onDragOver: handleDragOver,
@@ -7120,7 +7211,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_runtime83.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                 "input",
                 {
                   ref: inputRef,
@@ -7132,11 +7223,11 @@ var FileUploadZone = ({
                   className: "hidden"
                 }
               ),
-              showIcon && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(FaIcon, { name: "cloud-arrow-up", size: 28, className: "text-blue-700" }),
-              /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-center text-sm text-grey-600", children: label }),
-              showBrowse && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-center text-xs text-grey-600", children: "ou" }),
-                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+              showIcon && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(FaIcon, { name: "cloud-arrow-up", size: 28, className: "text-blue-700" }),
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-center text-sm text-grey-600", children: label }),
+              showBrowse && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-center text-xs text-grey-600", children: "ou" }),
+                /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
                   Button,
                   {
                     label: browseLabel,
@@ -7150,15 +7241,15 @@ var FileUploadZone = ({
                   }
                 )
               ] }),
-              sublabel && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-center text-xs text-grey-500", children: sublabel })
+              sublabel && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-center text-xs text-grey-500", children: sublabel })
             ]
           }
         ),
-        showFileName && fileName && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Layout, { align: "center", justify: "center", gap: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(FaIcon, { name: "file", size: 16, className: "text-green-700" }),
-          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-sm text-green-700", children: fileName })
+        showFileName && fileName && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(Layout, { align: "center", justify: "center", gap: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(FaIcon, { name: "file", size: 16, className: "text-green-700" }),
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-sm text-green-700", children: fileName })
         ] }),
-        inlineError && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-center text-sm text-red-900", children: inlineError })
+        inlineError && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-center text-sm text-red-900", children: inlineError })
       ]
     }
   );
@@ -7166,7 +7257,7 @@ var FileUploadZone = ({
 
 // src/ui/components/ui/FilePicker.tsx
 var import_react49 = require("react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var FilePicker = ({
   label,
   onSelect,
@@ -7180,8 +7271,8 @@ var FilePicker = ({
   className
 }) => {
   const inputRef = (0, import_react49.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       "input",
       {
         ref: inputRef,
@@ -7197,7 +7288,7 @@ var FilePicker = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Tooltip, { content: label, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Tooltip, { content: label, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       Icon,
       {
         name: icon,
@@ -7219,7 +7310,7 @@ var FilePicker = ({
 // src/ui/components/ui/Item.tsx
 var import_react50 = require("react");
 var import_class_variance_authority16 = require("class-variance-authority");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var itemVariants = (0, import_class_variance_authority16.cva)(
   "group/item flex items-center rounded-[6px] border border-transparent transition-colors",
   {
@@ -7240,7 +7331,7 @@ var itemVariants = (0, import_class_variance_authority16.cva)(
 var Item4 = (0, import_react50.forwardRef)(
   (_a, ref) => {
     var _b = _a, { variant, size, className } = _b, props = __objRest(_b, ["variant", "size", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -7265,7 +7356,7 @@ var itemMediaVariants = (0, import_class_variance_authority16.cva)(
 );
 var ItemMedia = (_a) => {
   var _b = _a, { variant, className } = _b, props = __objRest(_b, ["variant", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", __spreadValues({ className: cn(itemMediaVariants({ variant }), className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", __spreadValues({ className: cn(itemMediaVariants({ variant }), className) }, props));
 };
 var ItemContent = (_a) => {
   var _b = _a, {
@@ -7273,7 +7364,7 @@ var ItemContent = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     __spreadValues({
       className: cn("flex min-w-0 flex-1 flex-col gap-1", className)
@@ -7286,7 +7377,7 @@ var ItemTitle = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -7302,7 +7393,7 @@ var ItemDescription = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", __spreadValues({ className: cn("text-sm text-grey-500", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", __spreadValues({ className: cn("text-sm text-grey-500", className) }, props));
 };
 var ItemActions = (_a) => {
   var _b = _a, {
@@ -7310,7 +7401,7 @@ var ItemActions = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     __spreadValues({
       className: cn("flex shrink-0 items-center gap-2", className)
@@ -7319,7 +7410,7 @@ var ItemActions = (_a) => {
 };
 
 // src/ui/components/ui/Attachment.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var Attachment = ({
   name,
   size,
@@ -7333,7 +7424,7 @@ var Attachment = ({
 }) => {
   const isUploading = status === "uploading";
   const isError = status === "error";
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     Item4,
     {
       variant: "outline",
@@ -7345,12 +7436,12 @@ var Attachment = ({
       ),
       style: { width },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           ItemMedia,
           {
             variant: "icon",
             className: cn(isError && "border-red-900 bg-red-50"),
-            children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Spinner, { size: "s", color: "blue-700" }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+            children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Spinner, { size: "s", color: "blue-700" }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
               FaIcon,
               {
                 name: isError ? "triangle-exclamation" : "file",
@@ -7360,33 +7451,33 @@ var Attachment = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ItemContent, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ItemTitle, { children: name }),
-          isUploading ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ItemDescription, { className: "text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(ItemContent, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ItemTitle, { children: name }),
+          isUploading ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(ItemDescription, { className: "text-xs", children: [
             "Uploading - ",
             progress,
             "%"
-          ] }) : isError ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ItemDescription, { className: "text-xs text-red-900", children: errorMessage }) : size && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ItemDescription, { className: "text-xs", children: size })
+          ] }) : isError ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ItemDescription, { className: "text-xs text-red-900", children: errorMessage }) : size && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ItemDescription, { className: "text-xs", children: size })
         ] }),
-        (onRetry || onRemove) && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(ItemActions, { children: [
-          isError && onRetry && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        (onRetry || onRemove) && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(ItemActions, { children: [
+          isError && onRetry && /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime86.jsx)(FaIcon, { name: "rotate-right", size: 12 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FaIcon, { name: "rotate-right", size: 12 })
             }
           ),
-          onRemove && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          onRemove && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "button",
             {
               type: "button",
               onClick: onRemove,
               "aria-label": `Retirer ${name}`,
               className: "text-grey-400 hover:text-grey-600",
-              children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(FaIcon, { name: "xmark", size: 12 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FaIcon, { name: "xmark", size: 12 })
             }
           )
         ] })
@@ -7398,7 +7489,7 @@ var Attachment = ({
 // src/ui/components/ui/PdfPreview.tsx
 var import_react51 = require("react");
 var import_react_pdf = require("react-pdf");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = 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,
@@ -7409,9 +7500,9 @@ var PdfPreview = ({
   const [hasError, setHasError] = (0, import_react51.useState)(false);
   const [numPages, setNumPages] = (0, import_react51.useState)(0);
   const height = Math.round(width * 1.3);
-  const thumbnailSkeleton = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Skeleton, { width, height });
+  const thumbnailSkeleton = /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Skeleton, { width, height });
   if (hasError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
       Layout,
       {
         column: true,
@@ -7424,13 +7515,13 @@ var PdfPreview = ({
         ),
         style: { width, height },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FaIcon, { name: "file-pdf", size: 24 }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-xs", children: "Aper\xE7u indisponible" })
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(FaIcon, { name: "file-pdf", size: 24 }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "text-xs", children: "Aper\xE7u indisponible" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "div",
     {
       className: cn(
@@ -7438,7 +7529,7 @@ var PdfPreview = ({
         className
       ),
       style: { width, maxHeight },
-      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
         import_react_pdf.Document,
         {
           file,
@@ -7446,7 +7537,7 @@ var PdfPreview = ({
           onLoadError: () => setHasError(true),
           loading: thumbnailSkeleton,
           error: thumbnailSkeleton,
-          children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Layout, { column: true, gap: 2, className: "p-2", children: Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Layout, { column: true, gap: 2, className: "p-2", children: Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             import_react_pdf.Page,
             {
               pageNumber: i + 1,
@@ -7464,7 +7555,7 @@ var PdfPreview = ({
 
 // src/ui/components/ui/VideoPlayer.tsx
 var import_react52 = require("react");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var formatVideoDuration = (seconds) => {
   if (seconds === void 0 || !Number.isFinite(seconds) || seconds < 0)
     return "";
@@ -7563,8 +7654,8 @@ var VideoPlayer = ({
   const stopBubbling = (e) => {
     e.stopPropagation();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
       Layout,
       {
         className: cn(
@@ -7575,7 +7666,7 @@ var VideoPlayer = ({
         onClick: stopBubbling,
         "data-testid": "video-player",
         children: [
-          isInlinePlaying ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          isInlinePlaying ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             "video",
             {
               ref: attachInlineVideo,
@@ -7587,7 +7678,7 @@ var VideoPlayer = ({
               className: "h-full w-full bg-black object-contain",
               "aria-label": title
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
             "button",
             {
               type: "button",
@@ -7595,7 +7686,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_runtime88.jsx)(
+                visiblePoster ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                   "img",
                   {
                     src: visiblePoster,
@@ -7606,7 +7697,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_runtime88.jsx)(
+                  !hasFramePreviewError && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                     "video",
                     {
                       src: `${src}#t=0.1`,
@@ -7621,12 +7712,12 @@ var VideoPlayer = ({
                     }
                   )
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime88.jsx)(FaIcon, { name: "play", family: "solid", size: 18 }) }),
-                formattedDuration && /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime89.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_runtime89.jsx)(FaIcon, { name: "play", family: "solid", size: 18 }) }),
+                formattedDuration && /* @__PURE__ */ (0, import_jsx_runtime89.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_runtime88.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             Layout,
             {
               width: "auto",
@@ -7634,14 +7725,14 @@ var VideoPlayer = ({
               children: label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
             Layout,
             {
               width: "auto",
               gap: 1,
               className: "absolute right-1 top-1 rounded-full bg-white/90",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Tooltip, { content: "Agrandir la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Tooltip, { content: "Agrandir la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                   Icon,
                   {
                     name: "up-right-and-down-left-from-center",
@@ -7650,7 +7741,7 @@ var VideoPlayer = ({
                     "aria-label": "Agrandir la vid\xE9o"
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                   Icon,
                   {
                     name: "download",
@@ -7662,7 +7753,7 @@ var VideoPlayer = ({
               ]
             }
           ),
-          meta && !isInlinePlaying && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          meta && !isInlinePlaying && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             Layout,
             {
               width: "auto",
@@ -7673,7 +7764,7 @@ var VideoPlayer = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
       Modal,
       {
         open: isExpanded,
@@ -7681,9 +7772,9 @@ var VideoPlayer = ({
         onOpenAutoFocus: focusExpandedVideo,
         width: "70vw",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalHeader, { className: "items-start text-left", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Layout, { align: "center", justify: "between", fullWidth: true, gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Layout, { align: "center", gap: 2, className: "min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalHeader, { className: "items-start text-left", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Layout, { align: "center", justify: "between", fullWidth: true, gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Layout, { align: "center", gap: 2, className: "min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                 IconBadge,
                 {
                   name: "video",
@@ -7692,10 +7783,10 @@ var VideoPlayer = ({
                   iconColor: "blue_900"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalTitle, { className: "truncate", children: title })
+              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalTitle, { className: "truncate", children: title })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Layout, { width: "auto", align: "center", gap: 1, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Layout, { width: "auto", align: "center", gap: 1, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                 Icon,
                 {
                   name: "download",
@@ -7704,7 +7795,7 @@ var VideoPlayer = ({
                   "aria-label": "T\xE9l\xE9charger la vid\xE9o"
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                 Icon,
                 {
                   name: "xmark",
@@ -7716,7 +7807,7 @@ var VideoPlayer = ({
               ) })
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             "video",
             {
               ref: attachExpandedVideo,
@@ -7738,7 +7829,7 @@ var VideoPlayer = ({
 
 // src/ui/components/ui/ScrollArea.tsx
 var RadixScrollArea = __toESM(require("@radix-ui/react-scroll-area"));
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var HIDDEN_SCROLLBAR_CLASSNAME = "w-0 h-0 opacity-0";
 var ScrollArea = (_a) => {
   var _b = _a, {
@@ -7752,13 +7843,13 @@ var ScrollArea = (_a) => {
     "orientation",
     "viewportRef"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     RadixScrollArea.Root,
     __spreadProps(__spreadValues({
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           RadixScrollArea.Viewport,
           {
             ref: viewportRef,
@@ -7770,23 +7861,23 @@ var ScrollArea = (_a) => {
             children
           }
         ),
-        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           RadixScrollArea.Scrollbar,
           {
             orientation: "vertical",
             className: HIDDEN_SCROLLBAR_CLASSNAME,
-            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
           }
         ),
-        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           RadixScrollArea.Scrollbar,
           {
             orientation: "horizontal",
             className: HIDDEN_SCROLLBAR_CLASSNAME,
-            children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(RadixScrollArea.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(RadixScrollArea.Corner, {})
       ]
     })
   );
@@ -7794,7 +7885,7 @@ var ScrollArea = (_a) => {
 
 // src/ui/components/ui/Message.tsx
 var import_react53 = require("react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = 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" },
@@ -7853,7 +7944,7 @@ var Message = (0, import_react53.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_runtime90.jsx)(Avatar, { name: authorName, src: authorSrc, size: avatarSize }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    const avatar = showAuthor ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Avatar, { name: authorName, src: authorSrc, size: avatarSize }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       Layout,
       {
         width: `${avatarSize}px`,
@@ -7861,8 +7952,8 @@ var Message = (0, import_react53.forwardRef)(
         "aria-hidden": "true"
       }
     );
-    const actionsSlot = actions && !actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Layout, { width: "auto", align: "center", className: "shrink-0", children: actions }) : null;
-    const cornerActions = actions && actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    const actionsSlot = actions && !actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Layout, { width: "auto", align: "center", className: "shrink-0", children: actions }) : null;
+    const cornerActions = actions && actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       Layout,
       {
         width: "auto",
@@ -7875,7 +7966,7 @@ var Message = (0, import_react53.forwardRef)(
         children: actions
       }
     ) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
       Layout,
       __spreadProps(__spreadValues({
         ref,
@@ -7886,7 +7977,7 @@ var Message = (0, import_react53.forwardRef)(
         className
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
             Layout,
             {
               fullWidth: true,
@@ -7897,7 +7988,7 @@ var Message = (0, import_react53.forwardRef)(
               children: [
                 !isRightAligned && avatar,
                 isRightAligned && actionsSlot,
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
                   Layout,
                   {
                     column: true,
@@ -7906,7 +7997,7 @@ var Message = (0, import_react53.forwardRef)(
                     align: isRightAligned ? "end" : "start",
                     style: { maxWidth },
                     children: [
-                      bubble ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+                      bubble ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
                         Layout,
                         {
                           column: true,
@@ -7920,16 +8011,16 @@ var Message = (0, import_react53.forwardRef)(
                             cornerActions && "pr-8"
                           ),
                           children: [
-                            deleted ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text, { size: "s", italic: true, color: metaColor, children: deletedLabel }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text, { size: "s", color: contentColor, children }),
-                            time && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Layout, { fullWidth: true, justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text, { size: "xxs", color: metaColor, children: time }) }),
+                            deleted ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { size: "s", italic: true, color: metaColor, children: deletedLabel }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { size: "s", color: contentColor, children }),
+                            time && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Layout, { fullWidth: true, justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { size: "xxs", color: metaColor, children: time }) }),
                             cornerActions
                           ]
                         }
-                      ) : cornerActions ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Layout, { width: "auto", className: "relative", children: [
+                      ) : cornerActions ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Layout, { width: "auto", className: "relative", children: [
                         children,
                         cornerActions
                       ] }) : children,
-                      status && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Layout, { fullWidth: true, justify: isRightAligned ? "end" : "start", children: status })
+                      status && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Layout, { fullWidth: true, justify: isRightAligned ? "end" : "start", children: status })
                     ]
                   }
                 ),
@@ -7938,7 +8029,7 @@ var Message = (0, import_react53.forwardRef)(
               ]
             }
           ),
-          showAuthor && showAuthorName && authorName && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Text, { size: "xs", color: "grey-600", children: authorName })
+          showAuthor && showAuthorName && authorName && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { size: "xs", color: "grey-600", children: authorName })
         ]
       })
     );
@@ -7948,7 +8039,7 @@ Message.displayName = "Message";
 
 // src/ui/components/ui/MessageScroller.tsx
 var import_react54 = require("react");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var SEPARATOR_LINE = {
   neutral: "",
   alert: "bg-red-500"
@@ -7961,9 +8052,9 @@ var MessageDateSeparator = ({
   label,
   tone = "neutral",
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Layout, { fullWidth: true, gap: 2, align: "center", className, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Layout, { width: "auto", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Layout, { fullWidth: true, gap: 2, align: "center", className, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Layout, { width: "auto", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     Text,
     {
       size: "xs",
@@ -7972,7 +8063,7 @@ var MessageDateSeparator = ({
       children: label
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) })
+  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) })
 ] });
 var MessageScroller = ({
   children,
@@ -8012,13 +8103,13 @@ var MessageScroller = ({
     if (isEmpty && emptyState) return emptyState;
     return children;
   };
-  const scroller = /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  const scroller = /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime91.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
         Layout,
         {
           column: true,
@@ -8041,9 +8132,9 @@ var MessageScroller = ({
     }
   );
   if (!floatingFooter) return scroller;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Layout, { column: true, fullWidth: true, className: cn("relative min-h-0", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Layout, { column: true, fullWidth: true, className: cn("relative min-h-0", className), children: [
     scroller,
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       Layout,
       {
         width: "auto",
@@ -8056,13 +8147,13 @@ var MessageScroller = ({
 
 // src/ui/components/ui/Stepper.tsx
 var import_react55 = require("react");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var Stepper = ({
   numberOfSteps,
   current = 0,
   size = 28,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
   "nav",
   {
     "aria-label": "progression",
@@ -8073,8 +8164,8 @@ var Stepper = ({
     children: Array.from({ length: numberOfSteps }, (_, i) => {
       const isActive = i === current;
       const isCompleted = i < current;
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_react55.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_react55.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "div",
           {
             "aria-hidden": true,
@@ -8083,10 +8174,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_runtime92.jsx)(FaIcon, { name: "check", family: "solid", size: 12 }) : i + 1
+            children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FaIcon, { name: "check", family: "solid", size: 12 }) : i + 1
           }
         ),
-        i < numberOfSteps - 1 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "h-px min-w-[8px] flex-1 bg-grey-300" })
+        i < numberOfSteps - 1 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "h-px min-w-[8px] flex-1 bg-grey-300" })
       ] }, i);
     })
   }
@@ -8100,12 +8191,12 @@ 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_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var formatMonthCaption = (month) => (0, import_date_fns.format)(month, "MMM yyyy", { locale: import_locale2.fr });
 var RANGE_PRESETS = [
   {
     label: "Mois pr\xE9c\xE9dent",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FaIcon, { name: "calendar-arrow-up", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime94.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))
@@ -8113,34 +8204,34 @@ var RANGE_PRESETS = [
   },
   {
     label: "Ce mois",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime93.jsx)(FaIcon, { name: "calendar-range", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime93.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime93.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
     getValue: () => /* @__PURE__ */ new Date()
   },
   {
     label: "Demain",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FaIcon, { name: "calendar-plus", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime93.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
     getValue: () => (0, import_date_fns.addDays)(/* @__PURE__ */ new Date(), 7)
   }
 ];
@@ -8187,7 +8278,7 @@ var DatePicker = ({
     else onChange == null ? void 0 : onChange(null);
     setActivePreset(null);
   };
-  const calendar = /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(RadixPopover6.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  const calendar = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RadixPopover6.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     RadixPopover6.Content,
     {
       align,
@@ -8197,7 +8288,7 @@ var DatePicker = ({
         // Les deux mois côte à côte tiennent dans ce gabarit.
         isRange && "max-h-[260px] max-w-[423px] overflow-auto"
       ),
-      children: isRange ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      children: isRange ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         import_react_day_picker.DayPicker,
         {
           mode: "range",
@@ -8216,7 +8307,7 @@ var DatePicker = ({
           showOutsideDays: true,
           formatters: { formatCaption: formatMonthCaption }
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         import_react_day_picker.DayPicker,
         {
           mode: "single",
@@ -8235,8 +8326,8 @@ var DatePicker = ({
     }
   ) });
   if (!showPresets) {
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         "button",
         {
           type: "button",
@@ -8255,10 +8346,10 @@ var DatePicker = ({
       calendar
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Layout, { column: true, gap: 1.5, className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Layout, { align: "center", gap: 1.5, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Layout, { column: true, gap: 1.5, className, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Layout, { align: "center", gap: 1.5, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           "button",
           {
             type: "button",
@@ -8268,12 +8359,12 @@ var DatePicker = ({
               "flex h-9 w-9 items-center justify-center rounded-[6px] border border-grey-300 bg-white text-neutral-800 transition-colors",
               "hover:border-blue-700 disabled:cursor-not-allowed disabled:opacity-60"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FaIcon, { name: "calendar", size: 16 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(FaIcon, { name: "calendar", size: 16 })
           }
         ) }),
         resolvedPresets.map((preset) => {
           const active = activePreset === preset.label;
-          return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Tooltip, { content: preset.label, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Tooltip, { content: preset.label, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             "button",
             {
               type: "button",
@@ -8290,7 +8381,7 @@ var DatePicker = ({
           ) }, preset.label);
         })
       ] }),
-      hasValue && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      hasValue && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         "button",
         {
           type: "button",
@@ -8775,7 +8866,7 @@ var optimizeImage = async (file, desiredBaseName, opts = {}) => {
 // src/ui/components/ui/Tour.tsx
 var import_react57 = require("react");
 var import_driver = require("driver.js");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var TOUR_TARGET_ATTRIBUTE = "data-tour-target";
 var DEFAULT_LABELS = {
   previous: "Pr\xE9c\xE9dent",
@@ -8787,7 +8878,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_runtime94.jsx)("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
+var TourTarget = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
 var isContents = (element) => getComputedStyle(element).display === "contents";
 var measure = (element) => {
   if (!isContents(element)) {
@@ -9105,6 +9196,7 @@ var Tour = ({
   TagSelect,
   Text,
   Textarea,
+  Tile,
   Timeline,
   Toaster,
   Tooltip,