design-zystem 1.0.428 → 1.0.430

package/dist/ui/index.js

@@ -163,14 +163,24 @@ __export(index_exports, {
   Switch: () => Switch,
   TOUR_TARGET_ATTRIBUTE: () => TOUR_TARGET_ATTRIBUTE,
   Table: () => Table,
+  TableActionsCell: () => TableActionsCell,
+  TableAlertRow: () => TableAlertRow,
   TableCell: () => TableCell,
+  TableClientCell: () => TableClientCell,
+  TableExpandedRow: () => TableExpandedRow,
   TableFooter: () => TableFooter,
   TableFooterCell: () => TableFooterCell,
   TableFooterRow: () => TableFooterRow,
   TableHeader: () => TableHeader,
   TableHeaderCell: () => TableHeaderCell,
   TableHeaderRow: () => TableHeaderRow,
+  TablePersonCell: () => TablePersonCell,
   TableRow: () => TableRow,
+  TableSectionRow: () => TableSectionRow,
+  TableSelectCell: () => TableSelectCell,
+  TableSelectHeaderCell: () => TableSelectHeaderCell,
+  TableStatusCell: () => TableStatusCell,
+  TableSubgroupRow: () => TableSubgroupRow,
   Tabs: () => Tabs,
   TagBubble: () => TagBubble,
   TagLevelPicker: () => TagLevelPicker,
@@ -235,7 +245,8 @@ __export(index_exports, {
   toast: () => toast,
   truncateFileName: () => truncateFileName,
   truncateText: () => truncateText,
-  useAvatarSize: () => useAvatarSize
+  useAvatarSize: () => useAvatarSize,
+  useRowSelection: () => useRowSelection
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -1900,19 +1911,19 @@ var checkboxVariants = (0, import_class_variance_authority9.cva)(
   {
     variants: {
       color: {
-        "blue-700": "data-[state=checked]:border-blue-700 data-[state=checked]:bg-blue-700",
-        "blue-900": "data-[state=checked]:border-blue-900 data-[state=checked]:bg-blue-900",
-        "blue-950": "data-[state=checked]:border-blue-950 data-[state=checked]:bg-blue-950",
-        "red-900": "data-[state=checked]:border-red-900 data-[state=checked]:bg-red-900",
-        "red-500": "data-[state=checked]:border-red-500 data-[state=checked]:bg-red-500",
-        "green-700": "data-[state=checked]:border-green-700 data-[state=checked]:bg-green-700",
-        "green-100": "data-[state=checked]:border-green-100 data-[state=checked]:bg-green-100",
-        "grey-600": "data-[state=checked]:border-grey-600 data-[state=checked]:bg-grey-600",
-        "yellow-500": "data-[state=checked]:border-yellow-500 data-[state=checked]:bg-yellow-500",
-        "yellow-300": "data-[state=checked]:border-yellow-200 data-[state=checked]:bg-yellow-300",
-        "yellow-200": "data-[state=checked]:border-yellow-200 data-[state=checked]:bg-yellow-200",
-        "orange-600": "data-[state=checked]:border-orange-600 data-[state=checked]:bg-orange-600",
-        "purple-700": "data-[state=checked]:border-purple-700 data-[state=checked]:bg-purple-700"
+        "blue-700": "data-[state=checked]:border-blue-700 data-[state=checked]:bg-blue-700 data-[state=indeterminate]:border-blue-700 data-[state=indeterminate]:bg-blue-700",
+        "blue-900": "data-[state=checked]:border-blue-900 data-[state=checked]:bg-blue-900 data-[state=indeterminate]:border-blue-900 data-[state=indeterminate]:bg-blue-900",
+        "blue-950": "data-[state=checked]:border-blue-950 data-[state=checked]:bg-blue-950 data-[state=indeterminate]:border-blue-950 data-[state=indeterminate]:bg-blue-950",
+        "red-900": "data-[state=checked]:border-red-900 data-[state=checked]:bg-red-900 data-[state=indeterminate]:border-red-900 data-[state=indeterminate]:bg-red-900",
+        "red-500": "data-[state=checked]:border-red-500 data-[state=checked]:bg-red-500 data-[state=indeterminate]:border-red-500 data-[state=indeterminate]:bg-red-500",
+        "green-700": "data-[state=checked]:border-green-700 data-[state=checked]:bg-green-700 data-[state=indeterminate]:border-green-700 data-[state=indeterminate]:bg-green-700",
+        "green-100": "data-[state=checked]:border-green-100 data-[state=checked]:bg-green-100 data-[state=indeterminate]:border-green-100 data-[state=indeterminate]:bg-green-100",
+        "grey-600": "data-[state=checked]:border-grey-600 data-[state=checked]:bg-grey-600 data-[state=indeterminate]:border-grey-600 data-[state=indeterminate]:bg-grey-600",
+        "yellow-500": "data-[state=checked]:border-yellow-500 data-[state=checked]:bg-yellow-500 data-[state=indeterminate]:border-yellow-500 data-[state=indeterminate]:bg-yellow-500",
+        "yellow-300": "data-[state=checked]:border-yellow-200 data-[state=checked]:bg-yellow-300 data-[state=indeterminate]:border-yellow-200 data-[state=indeterminate]:bg-yellow-300",
+        "yellow-200": "data-[state=checked]:border-yellow-200 data-[state=checked]:bg-yellow-200 data-[state=indeterminate]:border-yellow-200 data-[state=indeterminate]:bg-yellow-200",
+        "orange-600": "data-[state=checked]:border-orange-600 data-[state=checked]:bg-orange-600 data-[state=indeterminate]:border-orange-600 data-[state=indeterminate]:bg-orange-600",
+        "purple-700": "data-[state=checked]:border-purple-700 data-[state=checked]:bg-purple-700 data-[state=indeterminate]:border-purple-700 data-[state=indeterminate]:bg-purple-700"
       },
       size: {
         s: "h-3.5 w-3.5",
@@ -1952,7 +1963,7 @@ var Checkbox = (_a) => {
         children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RadixCheckbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           FaIcon,
           {
-            name: "check",
+            name: props.checked === "indeterminate" ? "minus" : "check",
             family: "solid",
             size: CHECK_ICON_SIZE[size != null ? size : "m"]
           }
@@ -3472,13 +3483,113 @@ var EmptyState = ({
   }
 );
 
-// src/ui/components/ui/table/TableBody.tsx
+// src/ui/components/ui/Bulk.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
+var BG_CLASS = {
+  "blue-700": "bg-blue-700",
+  "blue-900": "bg-blue-900",
+  "blue-950": "bg-blue-950",
+  "red-900": "bg-red-900",
+  "red-500": "bg-red-500",
+  "green-700": "bg-green-700",
+  "green-100": "bg-green-100",
+  "grey-600": "bg-grey-600",
+  "yellow-500": "bg-yellow-500",
+  "yellow-300": "bg-yellow-300",
+  "yellow-200": "bg-yellow-200",
+  "orange-600": "bg-orange-600",
+  "purple-700": "bg-purple-700"
+};
+var BulkActionSections = ({ sections }) => /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsxs)(
+      "button",
+      {
+        type: "button",
+        disabled: section.disabled,
+        onClick: section.disabled ? void 0 : section.action,
+        className: cn(
+          "flex h-full items-center justify-center gap-1.5 whitespace-nowrap rounded-r-xl px-4 text-sm font-bold text-white transition-[filter]",
+          section.disabled ? "cursor-not-allowed bg-grey-500" : "hover:brightness-90"
+        ),
+        children: [
+          section.icon,
+          section.title
+        ]
+      },
+      index
+    ))
+  }
+);
+var BulkDisplaySections = ({ sections }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Layout, { align: "center", gap: 3, className: "px-4", children: sections.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Layout, { align: "center", gap: 3, children: [
+  index > 0 && (section.divider ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "h-11 w-px shrink-0 bg-white/40" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "h-0.5 w-4 shrink-0 rounded-full bg-white/50" })),
+  section.action ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+    "button",
+    {
+      type: "button",
+      disabled: section.disabled,
+      onClick: section.disabled ? void 0 : section.action,
+      className: "flex items-center gap-1.5 whitespace-nowrap text-sm font-bold text-white hover:opacity-80",
+      children: [
+        section.icon,
+        section.title
+      ]
+    }
+  ) : section.caption ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Layout, { column: true, fullWidth: false, className: "leading-tight text-white", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "whitespace-nowrap text-[10px] font-bold uppercase tracking-wide opacity-70", children: section.caption }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "whitespace-nowrap text-sm font-bold", children: section.title })
+  ] }) : section.badge ? /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsxs)("span", { className: "flex items-center gap-1.5 whitespace-nowrap text-sm font-bold text-white", children: [
+    section.icon,
+    section.title
+  ] })
+] }, index)) });
+var Bulk = ({
+  onClose,
+  leftTitle,
+  sections,
+  color = "blue-700",
+  className,
+  variant = "actions"
+}) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  "div",
+  {
+    className: cn(
+      "fixed bottom-[50px] left-1/2 z-[500] inline-flex h-[52px] -translate-x-1/2 items-center rounded-xl pl-4 text-white",
+      BG_CLASS[color],
+      className
+    ),
+    children: [
+      leftTitle && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Layout, { align: "center", gap: 6, className: "pr-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Fermer",
+            onClick: onClose,
+            className: "text-white hover:opacity-80",
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(FaIcon, { name: "xmark", size: 20 })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "whitespace-nowrap text-sm font-bold", children: leftTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "h-11 w-px bg-white/40" })
+      ] }),
+      variant === "display" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(BulkDisplaySections, { sections }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(BulkActionSections, { sections })
+    ]
+  }
+);
+
+// src/ui/components/ui/table/TableBody.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var TableBody = ({
   children,
   useEvenBackground,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   "tbody",
   {
     className: cn(
@@ -3490,8 +3601,298 @@ var TableBody = ({
   }
 );
 
+// src/ui/components/ui/Skeleton.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var toCss = (value) => typeof value === "number" ? `${value}px` : value;
+var Skeleton = (_a) => {
+  var _b = _a, {
+    width,
+    height,
+    isRound = false,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "width",
+    "height",
+    "isRound",
+    "className",
+    "style"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "animate-pulse bg-grey-200",
+        isRound ? "rounded-full" : "rounded-md",
+        className
+      ),
+      style: __spreadValues({ width: toCss(width), height: toCss(height) }, style)
+    }, props)
+  );
+};
+
+// src/ui/components/ui/table/TableLoadingRows.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var TableLoadingRows = ({ count }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex flex-col", children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  "div",
+  {
+    className: "flex h-10 items-center border-t border-grey-200 px-2",
+    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Skeleton, { height: 14, "data-testid": "table-skeleton" })
+  },
+  index
+)) });
+
+// src/ui/components/ui/TagBubble.tsx
+var RadixToggle = __toESM(require("@radix-ui/react-toggle"));
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var DOT_CLASS = {
+  "blue-700": "bg-blue-700",
+  "blue-900": "bg-blue-900",
+  "blue-950": "bg-blue-950",
+  "red-900": "bg-red-900",
+  "red-500": "bg-red-500",
+  "green-700": "bg-green-700",
+  "green-100": "bg-green-100",
+  "grey-600": "bg-grey-400",
+  "yellow-500": "bg-yellow-500",
+  "yellow-300": "bg-yellow-300",
+  "yellow-200": "bg-yellow-200",
+  "orange-600": "bg-orange-600",
+  "purple-700": "bg-purple-700"
+};
+var LIGHT_BG_CLASS = {
+  "blue-700": "bg-blue-50",
+  "blue-900": "bg-blue-50",
+  "blue-950": "bg-blue-50",
+  "red-900": "bg-red-50",
+  "red-500": "bg-red-50",
+  "green-700": "bg-green-50",
+  "green-100": "bg-green-50",
+  "grey-600": "bg-grey-100",
+  "yellow-500": "bg-yellow-50",
+  "yellow-300": "bg-yellow-50",
+  "yellow-200": "bg-yellow-50",
+  "orange-600": "bg-orange-50",
+  "purple-700": "bg-purple-50"
+};
+var TEXT_CLASS = {
+  "blue-700": "text-blue-700",
+  "blue-900": "text-blue-900",
+  "blue-950": "text-blue-950",
+  "red-900": "text-red-900",
+  "red-500": "text-red-500",
+  "green-700": "text-green-700",
+  "green-100": "text-green-100",
+  "grey-600": "text-grey-600",
+  "yellow-500": "text-yellow-500",
+  "yellow-300": "text-yellow-300",
+  "yellow-200": "text-yellow-200",
+  "orange-600": "text-orange-600",
+  "purple-700": "text-purple-700"
+};
+var BORDER_CLASS = {
+  "blue-700": "border-blue-700",
+  "blue-900": "border-blue-900",
+  "blue-950": "border-blue-950",
+  "red-900": "border-red-900",
+  "red-500": "border-red-500",
+  "green-700": "border-green-700",
+  "green-100": "border-green-100",
+  "grey-600": "border-grey-600",
+  "yellow-500": "border-yellow-500",
+  "yellow-300": "border-yellow-300",
+  "yellow-200": "border-yellow-200",
+  "orange-600": "border-orange-600",
+  "purple-700": "border-purple-700"
+};
+var isHexColor = (color) => color.startsWith("#");
+var TagBubble = (_a) => {
+  var _b = _a, {
+    label,
+    hideDot = false,
+    active = false,
+    activeColor = "blue-700",
+    inactiveColor = "grey-600",
+    activeFill = false,
+    pill = false,
+    size = "s",
+    count,
+    countColor = "green-700",
+    onClick,
+    className
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "hideDot",
+    "active",
+    "activeColor",
+    "inactiveColor",
+    "activeFill",
+    "pill",
+    "size",
+    "count",
+    "countColor",
+    "onClick",
+    "className"
+  ]);
+  const showCount = count !== void 0 && count !== null;
+  const filled = activeFill && active;
+  const dotColor = active ? activeColor : inactiveColor;
+  const filledHexColor = filled && isHexColor(activeColor) ? activeColor : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    RadixToggle.Root,
+    __spreadProps(__spreadValues({}, rest), {
+      type: "button",
+      pressed: active,
+      onClick,
+      style: __spreadValues({ borderColor: filledHexColor }, rest.style),
+      className: cn(
+        "inline-flex items-center justify-center gap-2 border px-2.5 py-1.5 outline-none",
+        pill ? "rounded-full" : "rounded-[6px]",
+        size === "m" && "h-9",
+        filled ? cn(
+          isHexColor(activeColor) ? "bg-white" : [LIGHT_BG_CLASS[activeColor], BORDER_CLASS[activeColor]],
+          "border-2"
+        ) : "border-grey-200 bg-white",
+        "focus-visible:ring-2 focus-visible:ring-blue-200",
+        className
+      ),
+      children: [
+        !hideDot && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          "span",
+          {
+            className: cn(
+              "h-2 w-2 shrink-0 rounded-full",
+              !isHexColor(dotColor) && DOT_CLASS[dotColor]
+            ),
+            style: isHexColor(dotColor) ? { backgroundColor: dotColor } : void 0
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          "span",
+          {
+            className: cn(
+              "whitespace-nowrap text-xs font-semibold",
+              filled ? !isHexColor(activeColor) && TEXT_CLASS[activeColor] : "text-neutral-800"
+            ),
+            style: { color: filledHexColor },
+            children: label
+          }
+        ),
+        showCount && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Badge, { theme: countColor, size: "s", children: count })
+      ]
+    })
+  );
+};
+
+// src/ui/components/ui/table/TableToolbar.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var TableToolbar = ({
+  search,
+  statusFilters,
+  onStatusFilterToggle,
+  onFiltersClick,
+  onExport
+}) => {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+    Layout,
+    {
+      row: true,
+      gap: 3,
+      align: "center",
+      justify: "between",
+      className: "border-b border-grey-200 bg-white p-3",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Layout, { row: true, gap: 3, align: "center", className: "min-w-0", children: [
+          search && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-64 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            SearchInput,
+            {
+              "aria-label": "Rechercher",
+              value: search.value,
+              placeholder: (_a = search.placeholder) != null ? _a : "Rechercher",
+              onChange: (event) => search.onChange(event.target.value),
+              onClear: () => search.onChange("")
+            }
+          ) }),
+          statusFilters == null ? void 0 : statusFilters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            TagBubble,
+            {
+              size: "m",
+              pill: true,
+              label: filter.label,
+              count: filter.count,
+              active: filter.isActive,
+              activeColor: filter.color,
+              activeFill: true,
+              onClick: () => onStatusFilterToggle == null ? void 0 : onStatusFilterToggle(filter.id)
+            },
+            filter.id
+          ))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Layout, { row: true, gap: 2, align: "center", fullWidth: false, children: [
+          onFiltersClick && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Button,
+            {
+              variant: "outline",
+              label: "Filtres",
+              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(FaIcon, { name: "filter", size: 14 }),
+              onClick: onFiltersClick
+            }
+          ),
+          onExport && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Button,
+            {
+              variant: "outline",
+              label: "Exporter",
+              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(FaIcon, { name: "download", size: 14 }),
+              onClick: onExport
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/ui/components/ui/table/TableSelectAllResultsBar.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var TableSelectAllResultsBar = ({
+  selection
+}) => {
+  if (selection.isAllResultsSelected)
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "border-b border-grey-200 bg-blue-50 px-3 py-2 text-center text-xs font-semibold text-blue-900", children: [
+      `Les ${selection.totalCount} r\xE9sultats sont s\xE9lectionn\xE9s.`,
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: selection.clear,
+          className: "font-bold underline",
+          children: "Annuler la s\xE9lection"
+        }
+      )
+    ] });
+  if (selection.canSelectAllResults)
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "border-b border-grey-200 bg-blue-50 px-3 py-2 text-center text-xs font-semibold text-blue-900", children: [
+      "Toutes les lignes de la page sont s\xE9lectionn\xE9es. ",
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: selection.selectAllResults,
+          className: "font-bold underline",
+          children: `S\xE9lectionner les ${selection.totalCount} r\xE9sultats`
+        }
+      )
+    ] });
+  return null;
+};
+
 // src/ui/components/ui/table/Table.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var DEFAULT_LOADING_ROW_COUNT = 5;
+var formatSelectedCount = (count) => `${count} s\xE9lectionn\xE9${count > 1 ? "s" : ""}`;
 var Table = ({
   width,
   header,
@@ -3504,84 +3905,106 @@ var Table = ({
   minWidth,
   className,
   pagination,
-  zebra = false,
+  variant,
+  toolbar,
+  selection,
+  zebra,
   borderLeft = false
 }) => {
-  const isEmpty = !loading && rows.length === 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-    "div",
-    {
-      className: cn(
-        "flex flex-col overflow-auto rounded-lg border border-grey-300",
-        className
-      ),
-      style: {
-        maxHeight: maxHeight || "none",
-        minHeight: minHeight || void 0,
-        width: width || "100%"
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-          "table",
-          {
-            className: cn(
-              // `border-separate` : les bordures posées sur une cellule (ex. un
-              // liseré de statut sur une colonne sticky) sont peintes avec la
-              // boîte de la cellule et suivent son repositionnement sticky. Avec
-              // le `border-collapse` par défaut du preflight Tailwind, ces
-              // bordures sont peintes par le modèle de fusion du tableau et
-              // restent à la position d'origine dans la grille au scroll.
-              "w-full table-fixed border-separate border-spacing-0 caption-bottom text-[13px]",
-              borderLeft && "[&_th:not(:first-child)]:border-l [&_td:not(:first-child)]:border-l [&_th:not(:first-child)]:border-grey-200 [&_td:not(:first-child)]:border-grey-200"
-            ),
-            style: { minWidth: minWidth || void 0 },
-            children: [
-              header,
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TableBody, { useEvenBackground: zebra, children: rows }),
-              footer
-            ]
-          }
-        ),
-        emptyState && isEmpty && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-          EmptyState,
-          {
-            icon: emptyState.icon,
-            title: emptyState.label,
-            description: emptyState.description,
-            actionLabel: emptyState.buttonLabel,
-            onAction: emptyState.action
-          }
+  var _a;
+  const isZebra = (variant != null ? variant : zebra === false ? "lined" : "zebra") === "zebra";
+  const loadingRowCount = (_a = pagination == null ? void 0 : pagination.itemsPerPage) != null ? _a : DEFAULT_LOADING_ROW_COUNT;
+  const hasRows = rows.length > 0;
+  const isEmpty = !loading && !hasRows;
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex flex-col overflow-auto rounded-lg border border-grey-300",
+          className
         ),
-        pagination && !loading && pagination.totalItems > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "border-t border-grey-300 p-3", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-          Pagination,
-          {
-            currentPage: pagination.currentPage,
-            totalItems: pagination.totalItems,
-            itemsPerPage: pagination.itemsPerPage,
-            onPageChange: pagination.onPageChange
-          }
-        ) })
-      ]
-    }
-  );
+        style: {
+          maxHeight: maxHeight || "none",
+          minHeight: minHeight || void 0,
+          width: width || "100%"
+        },
+        children: [
+          toolbar && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableToolbar, __spreadValues({}, toolbar)),
+          selection && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableSelectAllResultsBar, { selection: selection.state }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+            "table",
+            {
+              "aria-busy": loading || void 0,
+              className: cn(
+                // `border-separate` : les bordures posées sur une cellule (ex. un
+                // liseré de statut sur une colonne sticky) sont peintes avec la
+                // boîte de la cellule et suivent son repositionnement sticky. Avec
+                // le `border-collapse` par défaut du preflight Tailwind, ces
+                // bordures sont peintes par le modèle de fusion du tableau et
+                // restent à la position d'origine dans la grille au scroll.
+                "w-full table-fixed border-separate border-spacing-0 caption-bottom text-xs",
+                "[&_tr>*:first-child:not(.table-select-cell)]:text-left [&_tr>.table-select-cell:first-child+*]:text-left [&_tr>*:not(:first-child)]:text-center",
+                borderLeft && "[&_th:not(:first-child)]:border-l [&_td:not(:first-child)]:border-l [&_th:not(:first-child)]:border-grey-200 [&_td:not(:first-child)]:border-grey-200"
+              ),
+              style: { minWidth: minWidth || void 0 },
+              children: [
+                header,
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableBody, { useEvenBackground: isZebra, children: rows }),
+                footer
+              ]
+            }
+          ),
+          loading && !hasRows && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableLoadingRows, { count: loadingRowCount }),
+          emptyState && isEmpty && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            EmptyState,
+            {
+              icon: emptyState.icon,
+              title: emptyState.label,
+              description: emptyState.description,
+              actionLabel: emptyState.buttonLabel,
+              onAction: emptyState.action
+            }
+          ),
+          pagination && !loading && pagination.totalItems > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "border-t border-grey-300 p-3", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            Pagination,
+            {
+              currentPage: pagination.currentPage,
+              totalItems: pagination.totalItems,
+              itemsPerPage: pagination.itemsPerPage,
+              onPageChange: pagination.onPageChange
+            }
+          ) })
+        ]
+      }
+    ),
+    selection && selection.state.selectedCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      Bulk,
+      {
+        leftTitle: formatSelectedCount(selection.state.selectedCount),
+        onClose: selection.state.clear,
+        sections: selection.bulkSections
+      }
+    )
+  ] });
 };
 
 // src/ui/components/ui/table/TableHeader.tsx
-var import_jsx_runtime37 = (
+var import_jsx_runtime43 = (
   // z-[3] : au-dessus des cellules figées (`sticky left/right`, z-[2]) d'un
   // corps de tableau, sinon leur contenu défile visuellement par-dessus
   // l'en-tête au lieu de passer dessous.
   require("react/jsx-runtime")
 );
-var TableHeader = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("thead", { className: "sticky top-0 z-[3] bg-grey-100 text-neutral-800", children });
+var TableHeader = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("thead", { className: "sticky top-0 z-[3] bg-grey-100 text-neutral-800", children });
 
 // src/ui/components/ui/table/TableHeaderRow.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var TableHeaderRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { children });
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var TableHeaderRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("tr", { children });
 
 // src/ui/components/ui/table/TableHeaderCell.tsx
 var import_react27 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var SURFACE_CLASS = {
   white: "bg-white",
   "grey-100": "bg-grey-100"
@@ -3603,14 +4026,14 @@ var TableHeaderCell = ({
   const [hovered, setHovered] = (0, import_react27.useState)(false);
   const showArrow = useSort && (isSort || hovered);
   const arrowChar = isSort && sortOrder === "asc" ? "\u2191" : "\u2193";
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "th",
     {
       scope: "col",
       onMouseEnter: () => useSort && setHovered(true),
       onMouseLeave: () => useSort && setHovered(false),
       className: cn(
-        "overflow-hidden px-2 py-2 text-center text-[13px] font-bold",
+        "h-10 overflow-hidden px-2 py-2 text-center text-xs font-bold",
         wrap ? "whitespace-normal break-words" : "text-ellipsis whitespace-nowrap",
         borderLeft && "border-l border-grey-200",
         sticky && cn("z-[2]", SURFACE_CLASS[surface]),
@@ -3629,7 +4052,7 @@ var TableHeaderCell = ({
         left: sticky === "left" ? stickyOffset : void 0,
         right: sticky === "right" ? stickyOffset : void 0
       },
-      children: useSort ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+      children: useSort ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
         "button",
         {
           type: "button",
@@ -3637,7 +4060,7 @@ var TableHeaderCell = ({
           className: "inline-flex items-center gap-1",
           children: [
             children,
-            showArrow && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            showArrow && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "span",
               {
                 "aria-hidden": "true",
@@ -3657,7 +4080,7 @@ var TableHeaderCell = ({
 
 // src/ui/components/ui/table/TableRow.tsx
 var import_react28 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var TableRow = (0, import_react28.forwardRef)(
   ({
     children,
@@ -3667,7 +4090,7 @@ var TableRow = (0, import_react28.forwardRef)(
     backgroundColor,
     accentColor,
     "data-index": dataIndex
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "tr",
     {
       ref,
@@ -3675,7 +4098,7 @@ var TableRow = (0, import_react28.forwardRef)(
       onClick,
       onDoubleClick,
       className: cn(
-        "border-t border-grey-200 transition-colors hover:bg-black/[0.025]",
+        "[&>td]:border-t [&>td]:border-grey-200 [&>th]:border-t [&>th]:border-grey-200 transition-colors hover:bg-black/[0.025]",
         (onClick || onDoubleClick) && "cursor-pointer",
         accentColor && "border-l-4",
         className
@@ -3691,7 +4114,7 @@ var TableRow = (0, import_react28.forwardRef)(
 TableRow.displayName = "TableRow";
 
 // src/ui/components/ui/table/TableCell.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var SURFACE_CLASS2 = {
   white: "bg-white",
   "grey-100": "bg-grey-100"
@@ -3712,12 +4135,12 @@ var TableCell = ({
   colSpan,
   cursor,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   "td",
   {
     colSpan,
     className: cn(
-      "text-ellipsis whitespace-nowrap px-2 py-2 text-center text-[13px]",
+      "text-ellipsis whitespace-nowrap h-10 px-2 py-2 text-center text-xs font-semibold",
       // Une cellule fusionnée (section/groupe) ne tronque pas son contenu, et
       // ne doit pas clipper : elle porte souvent un enfant `sticky` (label de
       // groupe figé au scroll horizontal), qu'un ancêtre `overflow` cassé.
@@ -3739,13 +4162,13 @@ var TableCell = ({
       backgroundColor,
       borderLeftColor: accentColor
     },
-    children: centerContent ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Layout, { justify: "center", children }) : children
+    children: centerContent ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Layout, { justify: "center", children }) : children
   }
 );
 
 // src/ui/components/ui/table/TableFooter.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var TableFooter = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var TableFooter = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   "tfoot",
   {
     className: cn(
@@ -3757,21 +4180,21 @@ var TableFooter = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_ru
 );
 
 // src/ui/components/ui/table/TableFooterRow.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var TableFooterRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tr", { className: "border-t border-grey-300", children });
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var TableFooterRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tr", { className: "[&>td]:border-t [&>td]:border-grey-300 [&>th]:border-t [&>th]:border-grey-300", children });
 
 // src/ui/components/ui/table/TableFooterCell.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var TableFooterCell = ({
   children,
   width,
   borderLeft = false,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   "td",
   {
     className: cn(
-      "overflow-hidden text-ellipsis whitespace-nowrap px-2 py-2 text-center text-[13px] font-bold",
+      "overflow-hidden text-ellipsis whitespace-nowrap h-10 px-2 py-2 text-center text-xs font-bold",
       borderLeft && "border-l border-grey-200",
       className
     ),
@@ -3780,9 +4203,56 @@ var TableFooterCell = ({
   }
 );
 
-// src/ui/components/ui/Avatar.tsx
-var import_react29 = require("react");
-var RadixAvatar = __toESM(require("@radix-ui/react-avatar"));
+// src/ui/components/ui/table/TableSectionRow.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
+  }
+) });
+
+// src/ui/components/ui/table/TableSubgroupRow.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
+  }
+) });
+
+// src/ui/components/ui/table/TableAlertRow.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
+  }
+) });
+
+// src/ui/components/ui/table/TableExpandedRow.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var TableExpandedRow = ({
+  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 }) });
 
 // src/utils/string/capitalizeFirstLetter.ts
 var capitalizeFirstLetter = (str) => {
@@ -3904,7 +4374,9 @@ var formatNameWithInitial = (firstname, lastname) => {
 };
 
 // src/ui/components/ui/Avatar.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_react29 = require("react");
+var RadixAvatar = __toESM(require("@radix-ui/react-avatar"));
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var AvatarSizeContext = (0, import_react29.createContext)(40);
 var useAvatarSize = () => (0, import_react29.useContext)(AvatarSizeContext);
 var BADGE_BG_CLASS = {
@@ -3965,7 +4437,7 @@ var Avatar = (0, import_react29.forwardRef)(
       "children"
     ]);
     var _a2;
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AvatarSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       RadixAvatar.Root,
       __spreadProps(__spreadValues({
         ref,
@@ -3976,9 +4448,9 @@ var Avatar = (0, import_react29.forwardRef)(
         ),
         style: __spreadValues({ width: size, height: size, backgroundColor }, style)
       }, props), {
-        children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-          src && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AvatarImage, { src, alt: name }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        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)(
             AvatarFallback,
             {
               color,
@@ -3987,7 +4459,7 @@ var Avatar = (0, import_react29.forwardRef)(
               children: getInitials({ name })
             }
           ),
-          badge && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(AvatarBadge, { className: BADGE_BG_CLASS[badge.backgroundColor], children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          badge && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(AvatarBadge, { className: BADGE_BG_CLASS[badge.backgroundColor], children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             FaIcon,
             {
               name: badge.icon,
@@ -4004,7 +4476,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_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     RadixAvatar.Image,
     __spreadValues({
       ref,
@@ -4044,7 +4516,7 @@ var AvatarFallback = (0, import_react29.forwardRef)(
       "style"
     ]);
     const size = useAvatarSize();
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       RadixAvatar.Fallback,
       __spreadValues({
         ref,
@@ -4068,7 +4540,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_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -4099,7 +4571,7 @@ var AvatarGroup = (_a) => {
   );
   const visible = max ? items.slice(0, max) : items;
   const overflow = max ? items.length - max : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Layout, __spreadProps(__spreadValues({ className: cn("-space-x-2", className) }, props), { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Layout, __spreadProps(__spreadValues({ className: cn("-space-x-2", className) }, props), { children: [
     visible.map(
       (child, index) => (0, import_react29.cloneElement)(child, {
         key: index,
@@ -4107,7 +4579,7 @@ var AvatarGroup = (_a) => {
         className: cn("ring-2 ring-white", child.props.className)
       })
     ),
-    overflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+    overflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
       Layout,
       {
         align: "center",
@@ -4127,10 +4599,242 @@ var AvatarGroup = (_a) => {
   ] }));
 };
 
+// src/ui/components/ui/table/TablePersonCell.tsx
+var import_jsx_runtime56 = 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)(
+    Avatar,
+    {
+      size: AVATAR_SIZE,
+      name: `${firstName} ${lastName != null ? lastName : ""}`.trim(),
+      src
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime56.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 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)(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-testid": "client-dot",
+      className: "h-2.5 w-2.5 shrink-0 rounded-full",
+      style: { backgroundColor: color }
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "truncate", children: name })
+] }) });
+
+// src/ui/components/ui/table/TableStatusCell.tsx
+var import_jsx_runtime58 = 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 }) });
+
+// src/ui/components/ui/Popover.tsx
+var RadixPopover4 = __toESM(require("@radix-ui/react-popover"));
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var Popover = ({
+  trigger,
+  items,
+  children,
+  align = "end",
+  side = "bottom",
+  sideOffset = 6,
+  open,
+  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)(
+    RadixPopover4.Content,
+    {
+      align,
+      side,
+      sideOffset,
+      style: width ? { width } : void 0,
+      onClick: (event) => event.stopPropagation(),
+      className: cn(
+        "z-[9999] min-w-[140px] rounded-[6px] border border-grey-200 bg-white p-1 shadow-[0_2px_8px_rgba(0,0,0,0.08)]",
+        "data-[state=open]:animate-[fade-in_150ms_ease-out]",
+        className
+      ),
+      children: items ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Layout, { column: true, children: items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime59.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",
+          children: item.label
+        },
+        idx
+      )) }) : children
+    }
+  ) })
+] });
+
+// src/ui/components/ui/table/TableActionsCell.tsx
+var import_jsx_runtime60 = 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)(
+    Layout,
+    {
+      row: true,
+      gap: 1,
+      align: "center",
+      justify: "center",
+      onClick: (event) => event.stopPropagation(),
+      children: hasMenu ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        Popover,
+        {
+          trigger: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+            Icon,
+            {
+              name: "ellipsis-vertical",
+              "aria-label": "Plus d'actions",
+              onClick: () => void 0
+            }
+          ),
+          items: actions.map(({ label, onClick }) => ({
+            label,
+            action: onClick
+          }))
+        }
+      ) : actions.map(({ label, icon, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        Icon,
+        {
+          name: icon,
+          "aria-label": label,
+          title: label,
+          onClick
+        },
+        label
+      ))
+    }
+  ) });
+};
+
+// src/ui/components/ui/table/TableSelectCell.tsx
+var import_react30 = require("react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var TableSelectCell = ({
+  isSelected,
+  onToggle,
+  label,
+  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)(
+    Checkbox,
+    {
+      "aria-label": label,
+      checked: isSelected,
+      onClick: (event) => {
+        isRange.current = event.shiftKey;
+      },
+      onChange: () => onToggle({ isRange: isRange.current })
+    }
+  ) }) });
+};
+
+// src/ui/components/ui/table/TableSelectHeaderCell.tsx
+var import_jsx_runtime62 = 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)(
+  Checkbox,
+  {
+    "aria-label": "S\xE9lectionner toutes les lignes de la page",
+    checked: state,
+    onChange: onToggle
+  }
+) }) }) });
+
+// src/ui/hooks/useRowSelection.ts
+var import_react31 = require("react");
+var useRowSelection = ({
+  rowIds,
+  totalCount
+}) => {
+  const [selectedIds, setSelectedIds] = (0, import_react31.useState)(/* @__PURE__ */ new Set());
+  const [isAllResultsSelected, setIsAllResultsSelected] = (0, import_react31.useState)(false);
+  const anchorId = (0, import_react31.useRef)(null);
+  const resolvedTotal = totalCount != null ? totalCount : rowIds.length;
+  const selectedOnPage = rowIds.filter((id) => selectedIds.has(id)).length;
+  const isPageFullySelected = rowIds.length > 0 && selectedOnPage === rowIds.length;
+  const canSelectAllResults = isPageFullySelected && !isAllResultsSelected && resolvedTotal > rowIds.length;
+  const headerState = isAllResultsSelected || isPageFullySelected ? true : selectedOnPage > 0 ? "indeterminate" : false;
+  const clear = (0, import_react31.useCallback)(() => {
+    setSelectedIds(/* @__PURE__ */ new Set());
+    setIsAllResultsSelected(false);
+    anchorId.current = null;
+  }, []);
+  const toggleRow = (id, { isRange = false } = {}) => {
+    const baseIds = isAllResultsSelected ? new Set(rowIds) : selectedIds;
+    const next = new Set(baseIds);
+    const willSelect = !baseIds.has(id);
+    const anchorIndex = anchorId.current === null ? -1 : rowIds.indexOf(anchorId.current);
+    const targetIndex = rowIds.indexOf(id);
+    const idsToApply = isRange && anchorIndex >= 0 ? rowIds.slice(
+      Math.min(anchorIndex, targetIndex),
+      Math.max(anchorIndex, targetIndex) + 1
+    ) : [id];
+    idsToApply.forEach(
+      (rowId) => willSelect ? next.add(rowId) : next.delete(rowId)
+    );
+    anchorId.current = id;
+    setIsAllResultsSelected(false);
+    setSelectedIds(next);
+  };
+  const toggleAllOnPage = () => {
+    if (headerState === true) {
+      clear();
+      return;
+    }
+    setSelectedIds(/* @__PURE__ */ new Set([...selectedIds, ...rowIds]));
+  };
+  const selectAllResults = () => {
+    setSelectedIds(new Set(rowIds));
+    setIsAllResultsSelected(true);
+  };
+  return {
+    selectedIds,
+    selectedCount: isAllResultsSelected ? resolvedTotal : selectedIds.size,
+    isRowSelected: (id) => isAllResultsSelected || selectedIds.has(id),
+    headerState,
+    isAllResultsSelected,
+    canSelectAllResults,
+    totalCount: resolvedTotal,
+    toggleRow,
+    toggleAllOnPage,
+    selectAllResults,
+    clear
+  };
+};
+
 // src/ui/components/ui/Radio.tsx
 var RadixRadioGroup = __toESM(require("@radix-ui/react-radio-group"));
 var import_class_variance_authority12 = require("class-variance-authority");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime63 = 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",
   {
@@ -4185,23 +4889,23 @@ var Radio = ({
   color,
   width,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
   RadixRadioGroup.Root,
   {
     value,
     onValueChange: onChange,
     disabled,
     asChild: true,
-    children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Layout, { column: true, gap: 2, className, width, children: items.map((item) => {
+    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Layout, { column: true, gap: 2, className, width, children: items.map((item) => {
       const itemId = `radio-${item.value}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Layout, { row: true, gap: 2, align: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Layout, { row: true, gap: 2, align: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           RadixRadioGroup.Item,
           {
             id: itemId,
             value: item.value,
             className: radioVariants({ color }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
               RadixRadioGroup.Indicator,
               {
                 className: indicatorVariants({ color })
@@ -4209,7 +4913,7 @@ var Radio = ({
             )
           }
         ),
-        item.label && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        item.label && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           Text,
           {
             as: "label",
@@ -4228,7 +4932,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_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var trackVariants2 = (0, import_class_variance_authority13.cva)(
   "relative w-full overflow-hidden rounded-full bg-grey-200",
   {
@@ -4297,15 +5001,15 @@ var ProgressBar = ({
   const editable = Boolean(onChange);
   if (segments) {
     const visible = segments.filter((segment) => segment.value > 0);
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-grey-600", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    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)(
         "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_runtime47.jsx)(
+          children: visible.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             "span",
             {
               className: "h-full",
@@ -4323,16 +5027,16 @@ var ProgressBar = ({
   }
   if (!editable) {
     const readOnlyPercent = Math.max(0, Math.min(100, percent));
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Layout, { column: true, fullWidth: true, gap: 1, className, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-grey-600", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Layout, { fullWidth: true, align: "center", gap: 2, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    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)(
           RadixProgress.Root,
           {
             value: readOnlyPercent,
             "aria-label": ariaLabel != null ? ariaLabel : label,
             className: trackVariants2({ height }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               RadixProgress.Indicator,
               {
                 className: cn(
@@ -4347,11 +5051,11 @@ var ProgressBar = ({
             )
           }
         ),
-        showLabel && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "shrink-0 text-xs font-semibold text-neutral-800", children: display(Math.round(readOnlyPercent)) })
+        showLabel && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "shrink-0 text-xs font-semibold text-neutral-800", children: display(Math.round(readOnlyPercent)) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     Layout,
     {
       column: true,
@@ -4359,9 +5063,9 @@ var ProgressBar = ({
       gap: 1,
       className: cn(disabled && "cursor-not-allowed opacity-60", className),
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-grey-600", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative w-full pt-6", children: [
-          showLabel && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        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)(
             "span",
             {
               className: "absolute top-0 -translate-x-1/2 text-xs font-semibold text-neutral-800",
@@ -4369,7 +5073,7 @@ var ProgressBar = ({
               children: display(current)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
             RadixSlider.Root,
             {
               value: [current],
@@ -4380,7 +5084,7 @@ var ProgressBar = ({
               disabled,
               className: "relative flex h-5 w-full touch-none select-none items-center",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RadixSlider.Track, { className: cn(trackVariants2({ height }), "grow"), children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RadixSlider.Track, { className: cn(trackVariants2({ height }), "grow"), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                   RadixSlider.Range,
                   {
                     className: cn(
@@ -4390,7 +5094,7 @@ var ProgressBar = ({
                     style: { backgroundColor: hexColor }
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                   RadixSlider.Thumb,
                   {
                     className: cn(
@@ -4405,9 +5109,9 @@ var ProgressBar = ({
             }
           )
         ] }),
-        showLabel && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Layout, { align: "center", justify: "between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-grey-600", children: display(min) }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-grey-600", children: display(max) })
+        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) })
         ] })
       ]
     }
@@ -4416,7 +5120,7 @@ var ProgressBar = ({
 
 // src/ui/components/ui/Collapsible.tsx
 var RadixCollapsible = __toESM(require("@radix-ui/react-collapsible"));
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var Collapsible = RadixCollapsible.Root;
 var CollapsibleTrigger = RadixCollapsible.Trigger;
 var CollapsibleContent = (_a) => {
@@ -4425,7 +5129,7 @@ var CollapsibleContent = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.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 : "")
@@ -4434,7 +5138,7 @@ var CollapsibleContent = (_a) => {
 };
 
 // src/ui/components/ui/Drawer.tsx
-var import_react30 = require("react");
+var import_react32 = require("react");
 var import_vaul = require("vaul");
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 
@@ -4505,7 +5209,7 @@ var swallowRestOfClick = () => {
 };
 
 // src/ui/components/ui/Drawer.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime66 = 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",
@@ -4524,11 +5228,11 @@ var Drawer = ({
   overlayClassName
 }) => {
   const isVertical = direction === "left" || direction === "right";
-  const contentRef = (0, import_react30.useRef)(null);
-  const [panel, setPanel] = (0, import_react30.useState)(null);
-  const overlayRef = (0, import_react30.useRef)(null);
+  const contentRef = (0, import_react32.useRef)(null);
+  const [panel, setPanel] = (0, import_react32.useState)(null);
+  const overlayRef = (0, import_react32.useRef)(null);
   useAllowPortalScroll(modal && open, contentRef, overlayRef);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!open || !panel) return;
     return registerOpenDrawer(panel, overlayRef.current);
   }, [open, panel]);
@@ -4543,7 +5247,7 @@ var Drawer = ({
     const overlay = target.closest("[data-vaul-overlay]");
     return Boolean(target.closest(KEEP_OPEN_SELECTOR)) || overlay !== null && isOverlayOfDrawerAbove(overlay, contentRef.current);
   };
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (modal || !open || typeof document === "undefined") return;
     const handlePointerDown = (event) => {
       var _a;
@@ -4562,7 +5266,7 @@ var Drawer = ({
     document.addEventListener("pointerdown", handlePointerDown, true);
     return () => document.removeEventListener("pointerdown", handlePointerDown, true);
   }, [modal, open, onClose]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (modal || !open) return;
     const frame = requestAnimationFrame(() => {
       document.body.style.pointerEvents = "auto";
@@ -4570,8 +5274,8 @@ var Drawer = ({
     return () => cancelAnimationFrame(frame);
   }, [modal, open]);
   const closeOnDismiss = (next) => !next && closeDrawer();
-  const drawerPortal = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_vaul.Drawer.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  const drawerPortal = /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_vaul.Drawer.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       import_vaul.Drawer.Overlay,
       {
         ref: overlayRef,
@@ -4583,7 +5287,7 @@ var Drawer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       import_vaul.Drawer.Content,
       __spreadProps(__spreadValues({
         ref: (node) => {
@@ -4615,14 +5319,14 @@ var Drawer = ({
       })
     )
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     import_vaul.Drawer.Root,
     {
       direction,
       modal,
       open,
       onOpenChange: closeOnDismiss,
-      children: modal ? drawerPortal : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      children: modal ? drawerPortal : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         DialogPrimitive.Root,
         {
           modal: false,
@@ -4640,7 +5344,7 @@ var DrawerHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     "div",
     __spreadValues({
       className: cn("flex w-full items-center justify-between", className)
@@ -4653,7 +5357,7 @@ var DrawerTitle = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     import_vaul.Drawer.Title,
     __spreadValues({
       className: cn("text-base font-bold text-neutral-800", className)
@@ -4666,7 +5370,7 @@ var DrawerDescription = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     import_vaul.Drawer.Description,
     __spreadValues({
       className: cn("text-sm text-grey-500", className)
@@ -4679,7 +5383,7 @@ var DrawerBody = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", __spreadValues({ className: cn("min-h-0 flex-1 overflow-y-auto", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", __spreadValues({ className: cn("min-h-0 flex-1 overflow-y-auto", className) }, props));
 };
 var DrawerFooter = (_a) => {
   var _b = _a, {
@@ -4687,67 +5391,25 @@ var DrawerFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", __spreadValues({ className: cn("flex w-full flex-col gap-3", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", __spreadValues({ className: cn("flex w-full flex-col gap-3", className) }, props));
 };
 var DrawerClose = import_vaul.Drawer.Close;
 
-// src/ui/components/ui/Popover.tsx
-var RadixPopover4 = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var Popover = ({
-  trigger,
-  items,
-  children,
-  align = "end",
-  side = "bottom",
-  sideOffset = 6,
-  open,
-  onOpenChange,
-  width,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(RadixPopover4.Root, { open, onOpenChange, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RadixPopover4.Trigger, { asChild: true, children: trigger }),
-  /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(RadixPopover4.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-    RadixPopover4.Content,
-    {
-      align,
-      side,
-      sideOffset,
-      style: width ? { width } : void 0,
-      onClick: (event) => event.stopPropagation(),
-      className: cn(
-        "z-[9999] min-w-[140px] rounded-[6px] border border-grey-200 bg-white p-1 shadow-[0_2px_8px_rgba(0,0,0,0.08)]",
-        "data-[state=open]:animate-[fade-in_150ms_ease-out]",
-        className
-      ),
-      children: items ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Layout, { column: true, children: items.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime50.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",
-          children: item.label
-        },
-        idx
-      )) }) : children
-    }
-  ) })
-] });
-
 // src/ui/components/ui/sidebar/Sidebar.tsx
-var import_react32 = require("react");
+var import_react34 = require("react");
 
 // src/ui/components/ui/sidebar/SidebarContext.ts
-var import_react31 = require("react");
-var SidebarCollapsedContext = (0, import_react31.createContext)(false);
+var import_react33 = require("react");
+var SidebarCollapsedContext = (0, import_react33.createContext)(false);
 var SidebarCollapsedProvider = SidebarCollapsedContext.Provider;
-var useSidebarCollapsed = () => (0, import_react31.useContext)(SidebarCollapsedContext);
+var useSidebarCollapsed = () => (0, import_react33.useContext)(SidebarCollapsedContext);
 
 // src/ui/components/ui/sidebar/Sidebar.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var Sidebar = (0, import_react32.forwardRef)(
+var import_jsx_runtime67 = 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_runtime51.jsx)(SidebarCollapsedProvider, { value: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SidebarCollapsedProvider, { value: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       "aside",
       __spreadProps(__spreadValues({
         ref,
@@ -4765,11 +5427,11 @@ var Sidebar = (0, import_react32.forwardRef)(
 Sidebar.displayName = "Sidebar";
 
 // src/ui/components/ui/sidebar/SidebarTrigger.tsx
-var import_react33 = require("react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var SidebarTrigger = (0, import_react33.forwardRef)((_a, ref) => {
+var import_react35 = require("react");
+var import_jsx_runtime68 = 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_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -4780,7 +5442,7 @@ var SidebarTrigger = (0, import_react33.forwardRef)((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         FaIcon,
         {
           name: collapsed ? "chevrons-right" : "chevrons-left",
@@ -4794,12 +5456,12 @@ var SidebarTrigger = (0, import_react33.forwardRef)((_a, ref) => {
 SidebarTrigger.displayName = "SidebarTrigger";
 
 // src/ui/components/ui/sidebar/SidebarHeader.tsx
-var import_react34 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var SidebarHeader = (0, import_react34.forwardRef)(
+var import_react36 = require("react");
+var import_jsx_runtime69 = 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_runtime53.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -4811,12 +5473,12 @@ var SidebarHeader = (0, import_react34.forwardRef)(
 SidebarHeader.displayName = "SidebarHeader";
 
 // src/ui/components/ui/sidebar/SidebarContent.tsx
-var import_react35 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
-var SidebarContent = (0, import_react35.forwardRef)(
+var import_react37 = require("react");
+var import_jsx_runtime70 = 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_runtime54.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -4832,21 +5494,21 @@ var SidebarContent = (0, import_react35.forwardRef)(
 SidebarContent.displayName = "SidebarContent";
 
 // src/ui/components/ui/sidebar/SidebarGroup.tsx
-var import_react36 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var SidebarGroup = (0, import_react36.forwardRef)(
+var import_react38 = require("react");
+var import_jsx_runtime71 = 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_runtime55.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       "div",
       __spreadProps(__spreadValues({
         ref,
         className: cn("flex w-full flex-col p-2", className)
       }, props), {
         children: [
-          label && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime55.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_runtime55.jsx)("div", { className: "flex flex-col gap-1", 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 })
         ]
       })
     );
@@ -4855,9 +5517,9 @@ var SidebarGroup = (0, import_react36.forwardRef)(
 SidebarGroup.displayName = "SidebarGroup";
 
 // src/ui/components/ui/sidebar/SidebarMenuButton.tsx
-var import_react37 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
-var SidebarMenuButton = (0, import_react37.forwardRef)(
+var import_react39 = require("react");
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var SidebarMenuButton = (0, import_react39.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       icon,
@@ -4879,7 +5541,7 @@ var SidebarMenuButton = (0, import_react37.forwardRef)(
       "className"
     ]);
     const collapsed = useSidebarCollapsed();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
       "button",
       __spreadProps(__spreadValues({
         ref,
@@ -4895,7 +5557,7 @@ var SidebarMenuButton = (0, import_react37.forwardRef)(
         )
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             FaIcon,
             {
               name: icon,
@@ -4904,7 +5566,7 @@ var SidebarMenuButton = (0, import_react37.forwardRef)(
               className: "shrink-0"
             }
           ),
-          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             Text,
             {
               as: "span",
@@ -4915,8 +5577,8 @@ var SidebarMenuButton = (0, import_react37.forwardRef)(
               children: label
             }
           ),
-          !collapsed && shortcut && /* @__PURE__ */ (0, import_jsx_runtime56.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_runtime56.jsx)(
+          !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)(
             "span",
             {
               className: cn(
@@ -4931,15 +5593,15 @@ var SidebarMenuButton = (0, import_react37.forwardRef)(
       })
     );
     if (!collapsed) return button;
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Tooltip, { content: label, side: "right", children: button });
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Tooltip, { content: label, side: "right", children: button });
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
 
 // src/ui/components/ui/sidebar/SidebarActionCard.tsx
-var import_react38 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var SidebarActionCard = (0, import_react38.forwardRef)(
+var import_react40 = require("react");
+var import_jsx_runtime73 = require("react/jsx-runtime");
+var SidebarActionCard = (0, import_react40.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       icon,
@@ -4959,11 +5621,11 @@ var SidebarActionCard = (0, import_react38.forwardRef)(
     const collapsed = useSidebarCollapsed();
     const tooltip = subtitle ? `${title} ${subtitle}` : title;
     const counter = badge ? badge > 99 ? "99+" : badge : null;
-    const iconBadge = /* @__PURE__ */ (0, import_jsx_runtime57.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_runtime57.jsx)(FaIcon, { name: icon, family: iconFamily, size: 16 }),
-      collapsed && counter && /* @__PURE__ */ (0, import_jsx_runtime57.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_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 button = /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       "button",
       __spreadProps(__spreadValues({
         ref,
@@ -4978,12 +5640,12 @@ var SidebarActionCard = (0, import_react38.forwardRef)(
       }, props), {
         children: [
           iconBadge,
-          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "truncate text-sm font-bold text-white", children: title }),
-              subtitle && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "truncate text-xs text-white/60", children: subtitle })
+          !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 })
             ] }),
-            counter ? /* @__PURE__ */ (0, import_jsx_runtime57.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_runtime57.jsx)(
+            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)(
               FaIcon,
               {
                 name: "chevron-right",
@@ -4997,18 +5659,18 @@ var SidebarActionCard = (0, import_react38.forwardRef)(
       })
     );
     if (!collapsed) return button;
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Tooltip, { content: tooltip, side: "right", children: button });
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Tooltip, { content: tooltip, side: "right", children: button });
   }
 );
 SidebarActionCard.displayName = "SidebarActionCard";
 
 // src/ui/components/ui/sidebar/SidebarMenuSub.tsx
-var import_react39 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var SidebarMenuSub = (0, import_react39.forwardRef)(
+var import_react41 = require("react");
+var import_jsx_runtime74 = 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_runtime58.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "ul",
       __spreadValues({
         ref,
@@ -5023,24 +5685,24 @@ var SidebarMenuSub = (0, import_react39.forwardRef)(
 SidebarMenuSub.displayName = "SidebarMenuSub";
 
 // src/ui/components/ui/sidebar/SidebarMenuSubItem.tsx
-var import_react40 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var SidebarMenuSubItem = (0, import_react40.forwardRef)((_a, ref) => {
+var import_react42 = require("react");
+var import_jsx_runtime75 = 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_runtime59.jsx)("li", __spreadValues({ ref, className: cn("relative", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("li", __spreadValues({ ref, className: cn("relative", className) }, props));
 });
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 
 // src/ui/components/ui/sidebar/SidebarMenuSubButton.tsx
-var import_react41 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_react43 = require("react");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var SIZE_CLASS = {
   default: "h-10",
   lg: "h-14"
 };
-var SidebarMenuSubButton = (0, import_react41.forwardRef)((_a, ref) => {
+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_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "button",
     __spreadValues({
       ref,
@@ -5059,12 +5721,12 @@ var SidebarMenuSubButton = (0, import_react41.forwardRef)((_a, ref) => {
 SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/ui/components/ui/sidebar/SidebarFooter.tsx
-var import_react42 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var SidebarFooter = (0, import_react42.forwardRef)(
+var import_react44 = require("react");
+var import_jsx_runtime77 = 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_runtime61.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -5076,7 +5738,7 @@ var SidebarFooter = (0, import_react42.forwardRef)(
 SidebarFooter.displayName = "SidebarFooter";
 
 // src/ui/components/ui/sidebar/SidebarSupportInfo.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var SidebarSupportInfo = ({
   phone,
   hours,
@@ -5085,27 +5747,27 @@ var SidebarSupportInfo = ({
   className
 }) => {
   const collapsed = useSidebarCollapsed();
-  const badge = /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-white/10 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FaIcon, { name: icon, family: iconFamily, size: 16 }) });
+  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 }) });
   if (collapsed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: cn("flex justify-center px-2 py-1.5", className), children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Tooltip, { content: `${phone} \u2014 ${hours}`, side: "right", children: badge }) });
+    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_runtime62.jsxs)("div", { className: cn("flex items-center gap-2 px-2 py-1.5", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: cn("flex items-center gap-2 px-2 py-1.5", className), children: [
     badge,
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex min-w-0 flex-col leading-tight", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "truncate text-sm font-bold text-white", children: phone }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "truncate text-xs text-white/50", children: hours })
+    /* @__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 })
     ] })
   ] });
 };
 
 // src/ui/components/ui/sidebar/SidebarMenuSearchInput.tsx
-var import_react43 = require("react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var SidebarMenuSearchInput = (0, import_react43.forwardRef)((_a, ref) => {
+var import_react45 = require("react");
+var import_jsx_runtime79 = 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_runtime63.jsxs)(InputGroup, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(FaIcon, { name: "magnifying-glass", size: 14, className: "text-white/50" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  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)(
       Input,
       __spreadValues({
         ref,
@@ -5120,9 +5782,9 @@ var SidebarMenuSearchInput = (0, import_react43.forwardRef)((_a, ref) => {
 SidebarMenuSearchInput.displayName = "SidebarMenuSearchInput";
 
 // src/ui/components/ui/sidebar/SidebarUserMenu.tsx
-var import_react44 = require("react");
+var import_react46 = require("react");
 var RadixPopover5 = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime80 = 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]"
@@ -5139,13 +5801,13 @@ var SidebarUserMenu = ({
   className
 }) => {
   const collapsed = useSidebarCollapsed();
-  const [open, setOpen] = (0, import_react44.useState)(false);
+  const [open, setOpen] = (0, import_react46.useState)(false);
   const runAndClose = (action) => {
     action();
     setOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(RadixPopover5.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  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)(
       "button",
       {
         type: "button",
@@ -5155,10 +5817,10 @@ var SidebarUserMenu = ({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Avatar, { name, src: avatarSrc, size: collapsed ? 28 : 32 }),
-          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          /* @__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)(
                 Text,
                 {
                   as: "span",
@@ -5169,10 +5831,10 @@ var SidebarUserMenu = ({
                   children: name
                 }
               ),
-              email && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "truncate text-xs text-white/50", children: email }),
-              subtitle && !hideSubtitleInTrigger && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "truncate text-xs text-white/50", children: subtitle })
+              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 })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
               FaIcon,
               {
                 name: "sort",
@@ -5185,7 +5847,7 @@ var SidebarUserMenu = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RadixPopover5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(RadixPopover5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
       RadixPopover5.Content,
       {
         align: "end",
@@ -5193,10 +5855,10 @@ var SidebarUserMenu = ({
         sideOffset: 6,
         className: panelClassName,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex items-center gap-2 px-2 py-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Avatar, { name, src: avatarSrc, size: 32 }),
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          /* @__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)(
                 Text,
                 {
                   as: "span",
@@ -5207,20 +5869,20 @@ var SidebarUserMenu = ({
                   children: name
                 }
               ),
-              email && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "truncate text-xs text-white/50", children: email }),
-              subtitle && !hideSubtitleInPanel && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "truncate text-xs text-white/50", children: subtitle })
+              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 })
             ] })
           ] }),
-          actionGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          actionGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime64.jsxs)(RadixPopover5.Root, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("button", { type: "button", className: rowClassName, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                  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)(
                         FaIcon,
                         {
                           name: item.icon,
@@ -5229,8 +5891,8 @@ var SidebarUserMenu = ({
                           className: "shrink-0 text-white/70"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "flex-1", children: item.label }),
-                      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "flex-1", children: item.label }),
+                      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                         FaIcon,
                         {
                           name: "chevron-right",
@@ -5239,21 +5901,21 @@ var SidebarUserMenu = ({
                         }
                       )
                     ] }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(RadixPopover5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(RadixPopover5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime64.jsxs)(
+                        children: item.renderPanel ? item.renderPanel(() => setOpen(false)) : (_a = item.subActions) == null ? void 0 : _a.map((sub) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
                           "button",
                           {
                             type: "button",
                             onClick: () => runAndClose(sub.action),
                             className: rowClassName,
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                                 FaIcon,
                                 {
                                   name: sub.icon,
@@ -5269,14 +5931,14 @@ var SidebarUserMenu = ({
                         ))
                       }
                     ) })
-                  ] }, item.label) : /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+                  ] }, item.label) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
                     "button",
                     {
                       type: "button",
                       onClick: () => runAndClose(item.action),
                       className: rowClassName,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                           FaIcon,
                           {
                             name: item.icon,
@@ -5303,15 +5965,15 @@ var SidebarUserMenu = ({
 
 // src/ui/components/ui/Toaster.tsx
 var import_sonner = require("sonner");
-var import_jsx_runtime65 = require("react/jsx-runtime");
-var Toaster = () => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_sonner.Toaster, { position: "bottom-right", gap: 8 });
+var import_jsx_runtime81 = require("react/jsx-runtime");
+var Toaster = () => /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var ICON = {
   success: "circle-check",
   error: "circle-xmark",
@@ -5353,7 +6015,7 @@ var ToastCard = ({
   title,
   message,
   timeOut
-}) => /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
   Layout,
   {
     role: "status",
@@ -5365,14 +6027,14 @@ var ToastCard = ({
       ACCENT_BORDER[type]
     ),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime66.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             FaIcon,
             {
               name: ICON[type],
@@ -5385,21 +6047,21 @@ var ToastCard = ({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Layout, { column: true, flex: 1, gap: 0.5, className: "min-w-0", children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-sm font-bold text-neutral-800", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-sm text-neutral-800", children: message })
+      /* @__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_runtime66.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime66.jsx)(FaIcon, { name: "xmark", size: 14 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(FaIcon, { name: "xmark", size: 14 })
         }
       ),
-      type !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      type !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         "div",
         {
           className: cn(
@@ -5414,13 +6076,13 @@ var ToastCard = ({
 );
 
 // src/ui/lib/toast.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime83 = 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_runtime67.jsx)(
+    (id) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       ToastCard,
       {
         id,
@@ -5458,9 +6120,9 @@ var toast = {
 };
 
 // src/ui/components/ui/PageContainer.tsx
-var import_react45 = require("react");
+var import_react47 = require("react");
 var import_class_variance_authority14 = require("class-variance-authority");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime84 = 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)]",
   {
@@ -5475,10 +6137,10 @@ var pageContainerVariants = (0, import_class_variance_authority14.cva)(
     defaultVariants: { padding: "md" }
   }
 );
-var PageContainer = (0, import_react45.forwardRef)(
+var PageContainer = (0, import_react47.forwardRef)(
   (_a, ref) => {
     var _b = _a, { padding, className } = _b, props = __objRest(_b, ["padding", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -5490,8 +6152,8 @@ var PageContainer = (0, import_react45.forwardRef)(
 PageContainer.displayName = "PageContainer";
 
 // src/ui/components/ui/IconTabs.tsx
-var import_react46 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_react48 = require("react");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var IconTabs = ({
   items,
   value,
@@ -5500,10 +6162,10 @@ var IconTabs = ({
   className
 }) => {
   var _a;
-  const listRef = (0, import_react46.useRef)(null);
-  const tabRefs = (0, import_react46.useRef)([]);
-  const [bar, setBar] = (0, import_react46.useState)({ left: 0, top: 0, width: 0, height: 0 });
-  const updateBar = (0, import_react46.useCallback)(() => {
+  const listRef = (0, import_react48.useRef)(null);
+  const tabRefs = (0, import_react48.useRef)([]);
+  const [bar, setBar] = (0, import_react48.useState)({ left: 0, top: 0, width: 0, height: 0 });
+  const updateBar = (0, import_react48.useCallback)(() => {
     const root = listRef.current;
     const activeEl = tabRefs.current[value];
     if (!root || !activeEl) return;
@@ -5516,14 +6178,14 @@ var IconTabs = ({
       height: box.height
     });
   }, [value]);
-  (0, import_react46.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     updateBar();
     const ro = new ResizeObserver(updateBar);
     if (listRef.current) ro.observe(listRef.current);
     return () => ro.disconnect();
   }, [updateBar]);
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Layout, { column: true, className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Layout, { column: true, className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
       Layout,
       {
         ref: listRef,
@@ -5532,7 +6194,7 @@ var IconTabs = ({
         gap: 1,
         className: "relative rounded-[5px] bg-grey-100 p-1",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             "div",
             {
               className: "absolute rounded-[5px] bg-blue-50 transition-all duration-300",
@@ -5548,7 +6210,7 @@ var IconTabs = ({
             var _a2;
             const disabled = disabledIndexes.includes(index);
             const active = value === index;
-            return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
               "button",
               {
                 type: "button",
@@ -5565,14 +6227,14 @@ var IconTabs = ({
                   disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
                     "i",
                     {
                       className: `fa-${(_a2 = item.iconFamily) != null ? _a2 : "regular"} fa-${item.icon}`,
                       style: { fontSize: 16 }
                     }
                   ),
-                  item.caption && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                  item.caption && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
                     "span",
                     {
                       className: cn(
@@ -5590,13 +6252,13 @@ var IconTabs = ({
         ]
       }
     ),
-    ((_a = items[value]) == null ? void 0 : _a.label) && /* @__PURE__ */ (0, import_jsx_runtime69.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_runtime85.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_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var bannerVariants = (0, import_class_variance_authority15.cva)("rounded-[6px] px-4 py-2", {
   variants: {
     theme: {
@@ -5617,7 +6279,7 @@ var bannerVariants = (0, import_class_variance_authority15.cva)("rounded-[6px] p
   },
   defaultVariants: { theme: "blue-700" }
 });
-var TEXT_CLASS = {
+var TEXT_CLASS2 = {
   "blue-700": "text-blue-900",
   "blue-900": "text-blue-900",
   "blue-950": "text-blue-900",
@@ -5652,15 +6314,15 @@ var Banner = ({
   className
 }) => {
   const align = textAlignByJustify[justify];
-  const textClass = TEXT_CLASS[theme != null ? theme : "blue-700"];
-  const content = children ? children : message ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Text, { size: "s", align, className: textClass, children: message }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Layout, { column: true, align: justify, gap: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Layout, { align: "center", gap: 2, children: [
-      badge && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Badge, { theme: theme != null ? theme : "blue-700", size: "m", children: badge }),
-      title && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Text, { size: "s", weight: "bold", align, className: textClass, children: title })
+  const textClass = TEXT_CLASS2[theme != null ? theme : "blue-700"];
+  const content = children ? children : message ? /* @__PURE__ */ (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 })
     ] }),
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Text, { size: "xs", align, className: textClass, children: subtitle })
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Text, { size: "xs", align, className: textClass, children: subtitle })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     Layout,
     {
       role: "alert",
@@ -5671,15 +6333,15 @@ var Banner = ({
       width,
       className: cn(bannerVariants({ theme }), className),
       children: [
-        justify === "start" ? content : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Layout, { flex: 1, justify, align: "center", gap: 2, wrap: true, children: content }),
-        toggle ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        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)(
           Switch,
           {
             checked: toggle.checked,
             onChange: toggle.onChange,
             disabled: toggle.disabled
           }
-        ) : action && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+        ) : action && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
           Button,
           {
             variant: "outline",
@@ -5698,7 +6360,7 @@ var Banner = ({
 };
 
 // src/ui/components/ui/FloatingButton.tsx
-var import_react47 = require("react");
+var import_react49 = require("react");
 
 // src/ui/lib/floatingArc.ts
 var MAX_STEP = 65;
@@ -5790,7 +6452,7 @@ var resolveArcPlacement = (request) => {
 };
 
 // src/ui/components/ui/FloatingButton.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var readStoredOffset = (key) => {
   if (!key || typeof window === "undefined") return { x: 0, y: 0 };
   try {
@@ -5852,20 +6514,20 @@ var FloatingButton = ({
   safeArea,
   onOffsetChange
 }) => {
-  const containerRef = (0, import_react47.useRef)(null);
-  const [placement, setPlacement] = (0, import_react47.useState)(() => ({
+  const containerRef = (0, import_react49.useRef)(null);
+  const [placement, setPlacement] = (0, import_react49.useState)(() => ({
     geometry: __spreadValues({ base: 90 }, arcLayout(actions.length, ARC_RADIUS, SUB_SIZE)),
     shift: { x: 0, y: 0 }
   }));
-  const [isDragging, setIsDragging] = (0, import_react47.useState)(false);
-  const [offset, setOffset] = (0, import_react47.useState)(() => readStoredOffset(persistKey));
-  const offsetRef = (0, import_react47.useRef)(offset);
-  const lastPointRef = (0, import_react47.useRef)({ x: 0, y: 0 });
-  const dragDistanceRef = (0, import_react47.useRef)(0);
-  (0, import_react47.useEffect)(() => {
+  const [isDragging, setIsDragging] = (0, import_react49.useState)(false);
+  const [offset, setOffset] = (0, import_react49.useState)(() => readStoredOffset(persistKey));
+  const offsetRef = (0, import_react49.useRef)(offset);
+  const lastPointRef = (0, import_react49.useRef)({ x: 0, y: 0 });
+  const dragDistanceRef = (0, import_react49.useRef)(0);
+  (0, import_react49.useEffect)(() => {
     onOffsetChange == null ? void 0 : onOffsetChange(offset);
   }, [offset, onOffsetChange]);
-  const clampOffset = (0, import_react47.useCallback)(
+  const clampOffset = (0, import_react49.useCallback)(
     (next) => {
       var _a, _b, _c, _d;
       const el = containerRef.current;
@@ -5885,14 +6547,14 @@ var FloatingButton = ({
     },
     [safeArea == null ? void 0 : safeArea.left, safeArea == null ? void 0 : safeArea.top, safeArea == null ? void 0 : safeArea.right, safeArea == null ? void 0 : safeArea.bottom]
   );
-  (0, import_react47.useLayoutEffect)(() => {
+  (0, import_react49.useLayoutEffect)(() => {
     const corrected = clampOffset(offsetRef.current);
     if (corrected.x === offsetRef.current.x && corrected.y === offsetRef.current.y)
       return;
     offsetRef.current = corrected;
     setOffset(corrected);
   }, [clampOffset]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!draggable || !isDragging) return;
     const onPointerMove = (e) => {
       const dx = e.clientX - lastPointRef.current.x;
@@ -5928,7 +6590,7 @@ var FloatingButton = ({
       window.removeEventListener("pointercancel", endDrag);
     };
   }, [draggable, isDragging, persistKey, clampOffset]);
-  const resolvePlacement = (0, import_react47.useCallback)(() => {
+  const resolvePlacement = (0, import_react49.useCallback)(() => {
     var _a, _b, _c, _d;
     const el = containerRef.current;
     if (!el || typeof window === "undefined") return;
@@ -5957,13 +6619,13 @@ var FloatingButton = ({
     safeArea == null ? void 0 : safeArea.right,
     safeArea == null ? void 0 : safeArea.bottom
   ]);
-  (0, import_react47.useLayoutEffect)(() => {
+  (0, import_react49.useLayoutEffect)(() => {
     if (isOpen) resolvePlacement();
   }, [isOpen, offset, resolvePlacement]);
-  (0, import_react47.useLayoutEffect)(() => {
+  (0, import_react49.useLayoutEffect)(() => {
     resolvePlacement();
   }, [resolvePlacement]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (typeof window === "undefined") return;
     const onResize = () => {
       resolvePlacement();
@@ -5988,7 +6650,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_runtime71.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -6006,7 +6668,7 @@ var FloatingButton = ({
         actions.map((action, index) => {
           var _a;
           const itemOffset = arcOffset(index, actions.length, placement.geometry);
-          return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
             "button",
             {
               type: "button",
@@ -6024,14 +6686,14 @@ var FloatingButton = ({
                 transform: isOpen ? `translate(${itemOffset.x}px, ${itemOffset.y}px)` : "scale(0.4)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: SUB_ICON[color], children: action.icon }),
-                ((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime71.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_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 })
               ]
             },
             action.id
           );
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
           "button",
           {
             type: "button",
@@ -6048,8 +6710,8 @@ var FloatingButton = ({
               touchAction: draggable ? "none" : void 0
             },
             children: [
-              isOpen ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(FaIcon, { name: "xmark", size: 20 }) : icon,
-              !isOpen && mainBadge > 0 && /* @__PURE__ */ (0, import_jsx_runtime71.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_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 })
             ]
           }
         )
@@ -6059,8 +6721,8 @@ var FloatingButton = ({
 };
 
 // src/ui/components/ui/ActivityFeedPanel.tsx
-var import_react48 = require("react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_react50 = require("react");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var PANEL_WIDTH = 500;
 var PANEL_MAX_HEIGHT = 750;
 var GAP = 8;
@@ -6094,15 +6756,15 @@ var ActivityFeedPanel = ({
   emptyMessage = "Rien de neuf pour l\u2019instant.",
   items
 }) => {
-  const panelRef = (0, import_react48.useRef)(null);
-  const [placement, setPlacement] = (0, import_react48.useState)(
+  const panelRef = (0, import_react50.useRef)(null);
+  const [placement, setPlacement] = (0, import_react50.useState)(
     () => typeof window === "undefined" ? {} : resolveFloatingPanelPlacement(
       offset,
       window.innerWidth,
       window.innerHeight
     )
   );
-  (0, import_react48.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!open || typeof document === "undefined") return;
     const handlePointerDown = (event) => {
       var _a;
@@ -6113,7 +6775,7 @@ var ActivityFeedPanel = ({
     document.addEventListener("pointerdown", handlePointerDown);
     return () => document.removeEventListener("pointerdown", handlePointerDown);
   }, [open, onClose]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!open || typeof window === "undefined") return;
     const recompute = () => setPlacement(
       resolveFloatingPanelPlacement(
@@ -6127,7 +6789,7 @@ var ActivityFeedPanel = ({
     return () => window.removeEventListener("resize", recompute);
   }, [open, offset]);
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     Layout,
     {
       ref: panelRef,
@@ -6135,7 +6797,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_runtime72.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
           Layout,
           {
             align: "center",
@@ -6143,12 +6805,12 @@ var ActivityFeedPanel = ({
             padding: 4,
             className: "border-b border-grey-200",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(IconBadge, __spreadValues({ name: "bell", size: "m" }, PULSE_ICON_BADGE)),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Text, { size: "s", weight: "bold", children: title })
+              /* @__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_runtime72.jsx)(Layout, { column: true, fullWidth: true, style: { flex: "1 1 0%", minHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        /* @__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)(
           "div",
           {
             style: {
@@ -6159,10 +6821,10 @@ var ActivityFeedPanel = ({
               scrollbarWidth: "none"
             },
             className: "[&::-webkit-scrollbar]:hidden",
-            children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Layout, { column: true, padding: 2, gap: 1, fullWidth: true, children: [
-              isLoading && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Layout, { fullWidth: true, justify: "center", padding: 6, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Spinner, {}) }),
-              !isLoading && items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Text, { size: "s", color: "grey-500", align: "center", className: "p-4", children: emptyMessage }),
-              items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+            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)(
                 Layout,
                 {
                   gap: 3,
@@ -6170,7 +6832,7 @@ var ActivityFeedPanel = ({
                   className: "cursor-pointer items-start rounded-[8px] p-2 hover:bg-grey-100",
                   onClick: item.onClick,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
                       IconBadge,
                       {
                         name: item.icon,
@@ -6179,9 +6841,9 @@ var ActivityFeedPanel = ({
                         iconColor: item.iconColor
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Layout, { column: true, gap: 0.5, className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Text, { size: "xs", children: item.text }),
-                      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Text, { size: "xxs", color: "grey-500", children: item.timeLabel })
+                    /* @__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 })
                     ] })
                   ]
                 },
@@ -6196,7 +6858,7 @@ var ActivityFeedPanel = ({
 };
 
 // src/ui/components/ui/MetricCard.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var ICON_WRAP_CLASS = {
   "blue-700": "bg-blue-50 text-blue-700",
   "blue-900": "bg-blue-50 text-blue-900",
@@ -6218,258 +6880,86 @@ var MetricCard = ({
   title,
   value,
   valueColor = "grey-600",
-  subtitle,
-  accent = "blue-950",
-  layout = "column",
-  onClick,
-  selected = false,
-  children,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-  "div",
-  {
-    onClick,
-    className: cn(
-      "flex-1 rounded-[6px] border border-grey-300 bg-white p-3",
-      onClick && "cursor-pointer",
-      selected && "border-blue-700",
-      className
-    ),
-    children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Layout, { align: "center", gap: 3, fullWidth: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsx)("i", { className: `fa-${iconFamily} fa-${icon}`, style: { fontSize: 18 } })
-        }
-      ),
-      children ? children : layout === "row" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Layout, { align: "center", gap: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text, { size: "s", color: "grey-600", children: title })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Layout, { column: true, gap: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text, { size: "s", color: "grey-600", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Layout, { align: "baseline", gap: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
-          subtitle && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Text, { size: "xs", color: "grey-600", children: subtitle })
-        ] })
-      ] })
-    ] })
-  }
-);
-
-// src/ui/components/ui/Tile.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
-var Tile = ({
-  children,
-  onClick,
-  selected = false,
-  variant = "outline",
-  expandedContent,
-  className
-}) => {
-  const isOutline = variant === "outline";
-  return /* @__PURE__ */ (0, import_jsx_runtime74.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_runtime74.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_runtime74.jsx)("div", { className: cn(isOutline && "border-t border-grey-300"), children: expandedContent })
-      ]
-    }
-  );
-};
-
-// src/ui/components/ui/Skeleton.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
-var toCss = (value) => typeof value === "number" ? `${value}px` : value;
-var Skeleton = (_a) => {
-  var _b = _a, {
-    width,
-    height,
-    isRound = false,
-    className,
-    style
-  } = _b, props = __objRest(_b, [
-    "width",
-    "height",
-    "isRound",
-    "className",
-    "style"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
-    "div",
-    __spreadValues({
-      className: cn(
-        "animate-pulse bg-grey-200",
-        isRound ? "rounded-full" : "rounded-md",
-        className
-      ),
-      style: __spreadValues({ width: toCss(width), height: toCss(height) }, style)
-    }, props)
-  );
-};
-
-// src/ui/components/ui/TagBubble.tsx
-var RadixToggle = __toESM(require("@radix-ui/react-toggle"));
-var import_jsx_runtime76 = require("react/jsx-runtime");
-var DOT_CLASS = {
-  "blue-700": "bg-blue-700",
-  "blue-900": "bg-blue-900",
-  "blue-950": "bg-blue-950",
-  "red-900": "bg-red-900",
-  "red-500": "bg-red-500",
-  "green-700": "bg-green-700",
-  "green-100": "bg-green-100",
-  "grey-600": "bg-grey-400",
-  "yellow-500": "bg-yellow-500",
-  "yellow-300": "bg-yellow-300",
-  "yellow-200": "bg-yellow-200",
-  "orange-600": "bg-orange-600",
-  "purple-700": "bg-purple-700"
-};
-var LIGHT_BG_CLASS = {
-  "blue-700": "bg-blue-50",
-  "blue-900": "bg-blue-50",
-  "blue-950": "bg-blue-50",
-  "red-900": "bg-red-50",
-  "red-500": "bg-red-50",
-  "green-700": "bg-green-50",
-  "green-100": "bg-green-50",
-  "grey-600": "bg-grey-100",
-  "yellow-500": "bg-yellow-50",
-  "yellow-300": "bg-yellow-50",
-  "yellow-200": "bg-yellow-50",
-  "orange-600": "bg-orange-50",
-  "purple-700": "bg-purple-50"
-};
-var TEXT_CLASS2 = {
-  "blue-700": "text-blue-700",
-  "blue-900": "text-blue-900",
-  "blue-950": "text-blue-950",
-  "red-900": "text-red-900",
-  "red-500": "text-red-500",
-  "green-700": "text-green-700",
-  "green-100": "text-green-100",
-  "grey-600": "text-grey-600",
-  "yellow-500": "text-yellow-500",
-  "yellow-300": "text-yellow-300",
-  "yellow-200": "text-yellow-200",
-  "orange-600": "text-orange-600",
-  "purple-700": "text-purple-700"
-};
-var BORDER_CLASS = {
-  "blue-700": "border-blue-700",
-  "blue-900": "border-blue-900",
-  "blue-950": "border-blue-950",
-  "red-900": "border-red-900",
-  "red-500": "border-red-500",
-  "green-700": "border-green-700",
-  "green-100": "border-green-100",
-  "grey-600": "border-grey-600",
-  "yellow-500": "border-yellow-500",
-  "yellow-300": "border-yellow-300",
-  "yellow-200": "border-yellow-200",
-  "orange-600": "border-orange-600",
-  "purple-700": "border-purple-700"
-};
-var isHexColor = (color) => color.startsWith("#");
-var TagBubble = (_a) => {
-  var _b = _a, {
-    label,
-    hideDot = false,
-    active = false,
-    activeColor = "blue-700",
-    inactiveColor = "grey-600",
-    activeFill = false,
-    pill = false,
-    size = "s",
-    count,
-    countColor = "green-700",
+  subtitle,
+  accent = "blue-950",
+  layout = "column",
+  onClick,
+  selected = false,
+  children,
+  className
+}) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  "div",
+  {
     onClick,
-    className
-  } = _b, rest = __objRest(_b, [
-    "label",
-    "hideDot",
-    "active",
-    "activeColor",
-    "inactiveColor",
-    "activeFill",
-    "pill",
-    "size",
-    "count",
-    "countColor",
-    "onClick",
-    "className"
-  ]);
-  const showCount = count !== void 0 && count !== null;
-  const filled = activeFill && active;
-  const dotColor = active ? activeColor : inactiveColor;
-  const filledHexColor = filled && isHexColor(activeColor) ? activeColor : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
-    RadixToggle.Root,
-    __spreadProps(__spreadValues({}, rest), {
-      type: "button",
-      pressed: active,
-      onClick,
-      style: __spreadValues({ borderColor: filledHexColor }, rest.style),
+    className: cn(
+      "flex-1 rounded-[6px] border border-grey-300 bg-white p-3",
+      onClick && "cursor-pointer",
+      selected && "border-blue-700",
+      className
+    ),
+    children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(Layout, { align: "center", gap: 3, fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.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 ? 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 })
+        ] })
+      ] })
+    ] })
+  }
+);
+
+// src/ui/components/ui/Tile.tsx
+var import_jsx_runtime90 = require("react/jsx-runtime");
+var Tile = ({
+  children,
+  onClick,
+  selected = false,
+  variant = "outline",
+  expandedContent,
+  className
+}) => {
+  const isOutline = variant === "outline";
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+    "div",
+    {
       className: cn(
-        "inline-flex items-center justify-center gap-2 border px-2.5 py-1.5 outline-none",
-        pill ? "rounded-full" : "rounded-[6px]",
-        size === "m" && "h-9",
-        filled ? cn(
-          isHexColor(activeColor) ? "bg-white" : [LIGHT_BG_CLASS[activeColor], BORDER_CLASS[activeColor]],
-          "border-2"
-        ) : "border-grey-200 bg-white",
-        "focus-visible:ring-2 focus-visible:ring-blue-200",
+        "w-full overflow-hidden rounded-[6px]",
+        isOutline && "border bg-white",
+        isOutline && (selected ? "border-blue-700 ring-1 ring-blue-700" : "border-grey-200"),
+        !isOutline && selected && "bg-blue-50",
         className
       ),
       children: [
-        !hideDot && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          "span",
-          {
-            className: cn(
-              "h-2 w-2 shrink-0 rounded-full",
-              !isHexColor(dotColor) && DOT_CLASS[dotColor]
-            ),
-            style: isHexColor(dotColor) ? { backgroundColor: dotColor } : void 0
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-          "span",
+        onClick ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          "button",
           {
+            type: "button",
+            "aria-pressed": selected,
+            onClick,
             className: cn(
-              "whitespace-nowrap text-xs font-semibold",
-              filled ? !isHexColor(activeColor) && TEXT_CLASS2[activeColor] : "text-neutral-800"
+              "block w-full cursor-pointer border-0 bg-transparent p-0 text-left outline-none transition-colors",
+              "hover:bg-black/[0.025] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-blue-200"
             ),
-            style: { color: filledHexColor },
-            children: label
+            children
           }
-        ),
-        showCount && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Badge, { theme: countColor, size: "s", children: count })
+        ) : children,
+        expandedContent && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: cn(isOutline && "border-t border-grey-300"), children: expandedContent })
       ]
-    })
+    }
   );
 };
 
@@ -6622,16 +7112,16 @@ var formatName = (person, fallback = "") => {
 };
 
 // src/ui/components/ui/history/HistoryChangeRow.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var HistoryChangeRow = ({ change }) => {
   const { label, previousValue, nextValue, href, onClick } = change;
   const hasValues = Boolean(previousValue || nextValue);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Layout, { align: "center", gap: 1.5, wrap: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Text, { size: "xs", weight: "semibold", color: "grey-600", children: hasValues ? `${label} :` : label }),
-    previousValue && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Text, { size: "xs", color: "grey-600", children: previousValue }),
-    previousValue && nextValue && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Icon, { name: "arrow-right", size: "xs", color: "grey-500" }),
-    nextValue && href && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Link, { href, newTab: true, size: "xs", children: nextValue }),
-    nextValue && onClick && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  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)(
       "button",
       {
         type: "button",
@@ -6643,27 +7133,27 @@ var HistoryChangeRow = ({ change }) => {
         children: nextValue
       }
     ),
-    nextValue && !href && !onClick && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Text, { size: "xs", weight: "semibold", children: nextValue })
+    nextValue && !href && !onClick && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { size: "xs", weight: "semibold", children: nextValue })
   ] });
 };
 
 // src/ui/components/ui/history/HistoryEntryCard.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime92 = 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_runtime78.jsxs)(Layout, { column: true, gap: 1, fullWidth: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Layout, { align: "center", justify: "between", gap: 2, fullWidth: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Layout, { align: "center", gap: 3, fullWidth: false, className: "min-w-0", children: [
-        author && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Avatar, { name: author.name, src: author.avatarSrc, size: 40 }),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Text, { size: "xs", weight: "bold", className: "whitespace-nowrap", children: author.name })
+  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 })
         ] }),
-        badge && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Badge, { theme: badge.theme, size: "s", children: badge.label })
+        badge && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Badge, { theme: badge.theme, size: "s", children: badge.label })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Layout, { align: "center", gap: 2, fullWidth: false, className: "shrink-0", children: [
-        date && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Layout, { align: "center", gap: 2, fullWidth: false, className: "shrink-0", children: [
+        date && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           Text,
           {
             size: "xxs",
@@ -6673,7 +7163,7 @@ var HistoryEntryCard = ({ entry }) => {
             children: formatDate(date, "dateTime", "fr")
           }
         ),
-        hasChanges && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        hasChanges && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           Icon,
           {
             name: "chevron-down",
@@ -6684,14 +7174,14 @@ var HistoryEntryCard = ({ entry }) => {
         )
       ] })
     ] }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Text, { size: "xs", className: author ? "pl-[52px]" : void 0, children: title })
+    title && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Text, { size: "xs", className: author ? "pl-[52px]" : void 0, children: title })
   ] });
   if (!hasChanges) {
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: `${CARD_CLASS} p-3`, children: summary });
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: `${CARD_CLASS} p-3`, children: summary });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Collapsible, { className: CARD_CLASS, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime78.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  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)(
       Layout,
       {
         column: true,
@@ -6699,7 +7189,7 @@ var HistoryEntryCard = ({ entry }) => {
         paddingX: 3,
         paddingBottom: 3,
         className: author ? "pl-[64px]" : void 0,
-        children: changes.map((change, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        children: changes.map((change, index) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           HistoryChangeRow,
           {
             change
@@ -6712,7 +7202,7 @@ var HistoryEntryCard = ({ entry }) => {
 };
 
 // src/ui/components/ui/history/HistoryList.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var SKELETON_COUNT = 4;
 var HistoryList = ({
   entries,
@@ -6724,8 +7214,8 @@ var HistoryList = ({
   emptyLabel = "Aucun historique",
   emptyDescription = "Aucune action enregistr\xE9e pour le moment.",
   notice
-}) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Layout, { column: true, gap: 2, fullWidth: true, className: "flex-1", children: [
-  filters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Layout, { gap: 2, wrap: true, fullWidth: true, justify: "center", children: filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+}) => /* @__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)(
     TagBubble,
     {
       label: filter.label,
@@ -6736,22 +7226,22 @@ var HistoryList = ({
     },
     filter.value
   )) }),
-  isLoading && Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Skeleton, { height: "72px" }, index)),
-  !isLoading && isError && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Text, { size: "s", color: "red-900", align: "center", children: errorLabel }),
-  !isLoading && !isError && entries.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  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)(
     EmptyState,
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(FaIcon, { name: "clock-rotate-left", size: 20 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(FaIcon, { name: "clock-rotate-left", size: 20 }),
       title: emptyLabel,
       description: emptyDescription
     }
   ),
-  !isLoading && !isError && entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(HistoryEntryCard, { entry }, entry.id)),
-  !isLoading && !isError && notice && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Text, { size: "xs", color: "grey-600", align: "center", children: notice })
+  !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 })
 ] });
 
 // src/ui/components/ui/history/HistoryDrawer.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var HistoryDrawer = (_a) => {
   var _b = _a, {
     open,
@@ -6762,7 +7252,7 @@ var HistoryDrawer = (_a) => {
     "onClose",
     "title"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
     Drawer,
     {
       open,
@@ -6770,9 +7260,9 @@ var HistoryDrawer = (_a) => {
       className: "z-[1060]",
       overlayClassName: "z-[1050]",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(DrawerHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DrawerTitle, { className: "uppercase", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        /* @__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)(
             Icon,
             {
               name: "xmark",
@@ -6782,15 +7272,15 @@ var HistoryDrawer = (_a) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DrawerBody, { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(HistoryList, __spreadValues({}, listProps)) })
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DrawerBody, { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(HistoryList, __spreadValues({}, listProps)) })
       ]
     }
   );
 };
 
 // src/ui/components/ui/history/HistoryButton.tsx
-var import_react49 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_react51 = require("react");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var LABEL = "Historique";
 var SHORT_TOOLTIP = "Voir l\u2019historique des actions";
 var HistoryButton = (_a) => {
@@ -6805,16 +7295,16 @@ var HistoryButton = (_a) => {
     "tooltip",
     "onOpenChange"
   ]);
-  const [isOpen, setIsOpen] = (0, import_react49.useState)(false);
+  const [isOpen, setIsOpen] = (0, import_react51.useState)(false);
   const changeOpen = (nextIsOpen) => {
     setIsOpen(nextIsOpen);
     onOpenChange == null ? void 0 : onOpenChange(nextIsOpen);
   };
   const open = () => changeOpen(true);
-  const icon = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(FaIcon, { name: "clock-rotate-left", size: 14 });
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
-    variant === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Tooltip, { content: tooltip, className: "z-[1100]", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button, { iconLeft: icon, "aria-label": LABEL, onClick: open }) }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button, { label: LABEL, iconLeft: icon, onClick: open }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  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)(
       HistoryDrawer,
       __spreadValues({
         open: isOpen,
@@ -6826,7 +7316,7 @@ var HistoryButton = (_a) => {
 };
 
 // src/ui/components/ui/Gantt.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var Gantt = ({
   days,
   rows,
@@ -6842,7 +7332,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_runtime82.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
     "div",
     {
       className: cn(
@@ -6850,13 +7340,13 @@ var Gantt = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
           "div",
           {
             className: "grid border-b border-grey-300 bg-grey-100",
             style: gridCols,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
                 Layout,
                 {
                   align: "center",
@@ -6864,7 +7354,7 @@ var Gantt = ({
                   children: labelHeader
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "relative h-[30px]", children: days.map((day) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "relative h-[30px]", children: days.map((day) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
                 Layout,
                 {
                   fullHeight: true,
@@ -6878,13 +7368,13 @@ var Gantt = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
           "div",
           {
             className: "grid overflow-y-auto overflow-x-hidden",
             style: __spreadProps(__spreadValues({}, gridCols), { maxHeight }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "min-w-0 border-r border-grey-300", children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              /* @__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)(
                 Layout,
                 {
                   column: true,
@@ -6901,8 +7391,8 @@ var Gantt = ({
                 },
                 row.key
               )) }),
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "min-w-0 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "relative w-full", style: { height: bodyHeight }, children: [
-                days.map((day, i) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+              /* @__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)(
                   "div",
                   {
                     className: cn(
@@ -6913,7 +7403,7 @@ var Gantt = ({
                   },
                   day.key
                 )),
-                bands.map((band) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                bands.map((band) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
                   "div",
                   {
                     title: band.title,
@@ -6924,7 +7414,7 @@ var Gantt = ({
                 )),
                 rows.map((row, i) => {
                   var _a, _b, _c;
-                  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
                     "div",
                     {
                       className: cn(
@@ -6932,7 +7422,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_runtime82.jsx)(
+                      children: row.bar && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
                         Layout,
                         {
                           align: "center",
@@ -6947,7 +7437,7 @@ var Gantt = ({
                             background: row.bar.color,
                             borderColor: row.bar.color
                           },
-                          children: row.bar.label && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                          children: row.bar.label && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
                             "span",
                             {
                               className: "overflow-hidden text-ellipsis whitespace-nowrap text-[10px] font-semibold",
@@ -6969,7 +7459,7 @@ var Gantt = ({
     }
   );
 };
-var GanttDot = ({ color }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+var GanttDot = ({ color }) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
   "span",
   {
     className: "inline-block h-[9px] w-[9px] shrink-0 rounded-[3px]",
@@ -6979,7 +7469,7 @@ var GanttDot = ({ color }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
 var GanttSwatch = ({
   color,
   filled = true
-}) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
   "span",
   {
     className: "box-border inline-block h-3 w-[18px] shrink-0 rounded-[3px] border-[1.5px]",
@@ -6987,108 +7477,8 @@ var GanttSwatch = ({
   }
 );
 
-// src/ui/components/ui/Bulk.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
-var BG_CLASS = {
-  "blue-700": "bg-blue-700",
-  "blue-900": "bg-blue-900",
-  "blue-950": "bg-blue-950",
-  "red-900": "bg-red-900",
-  "red-500": "bg-red-500",
-  "green-700": "bg-green-700",
-  "green-100": "bg-green-100",
-  "grey-600": "bg-grey-600",
-  "yellow-500": "bg-yellow-500",
-  "yellow-300": "bg-yellow-300",
-  "yellow-200": "bg-yellow-200",
-  "orange-600": "bg-orange-600",
-  "purple-700": "bg-purple-700"
-};
-var BulkActionSections = ({ sections }) => /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.jsxs)(
-      "button",
-      {
-        type: "button",
-        disabled: section.disabled,
-        onClick: section.disabled ? void 0 : section.action,
-        className: cn(
-          "flex h-full items-center justify-center gap-1.5 whitespace-nowrap rounded-r-xl px-4 text-sm font-bold text-white transition-[filter]",
-          section.disabled ? "cursor-not-allowed bg-grey-500" : "hover:brightness-90"
-        ),
-        children: [
-          section.icon,
-          section.title
-        ]
-      },
-      index
-    ))
-  }
-);
-var BulkDisplaySections = ({ sections }) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Layout, { align: "center", gap: 3, className: "px-4", children: sections.map((section, index) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Layout, { align: "center", gap: 3, children: [
-  index > 0 && (section.divider ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "h-11 w-px shrink-0 bg-white/40" }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "h-0.5 w-4 shrink-0 rounded-full bg-white/50" })),
-  section.action ? /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
-    "button",
-    {
-      type: "button",
-      disabled: section.disabled,
-      onClick: section.disabled ? void 0 : section.action,
-      className: "flex items-center gap-1.5 whitespace-nowrap text-sm font-bold text-white hover:opacity-80",
-      children: [
-        section.icon,
-        section.title
-      ]
-    }
-  ) : section.caption ? /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Layout, { column: true, fullWidth: false, className: "leading-tight text-white", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "whitespace-nowrap text-[10px] font-bold uppercase tracking-wide opacity-70", children: section.caption }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "whitespace-nowrap text-sm font-bold", children: section.title })
-  ] }) : section.badge ? /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.jsxs)("span", { className: "flex items-center gap-1.5 whitespace-nowrap text-sm font-bold text-white", children: [
-    section.icon,
-    section.title
-  ] })
-] }, index)) });
-var Bulk = ({
-  onClose,
-  leftTitle,
-  sections,
-  color = "blue-700",
-  className,
-  variant = "actions"
-}) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
-  "div",
-  {
-    className: cn(
-      "fixed bottom-[50px] left-1/2 z-[500] inline-flex h-[52px] -translate-x-1/2 items-center rounded-xl pl-4 text-white",
-      BG_CLASS[color],
-      className
-    ),
-    children: [
-      leftTitle && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Layout, { align: "center", gap: 6, className: "pr-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Fermer",
-            onClick: onClose,
-            className: "text-white hover:opacity-80",
-            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(FaIcon, { name: "xmark", size: 20 })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "whitespace-nowrap text-sm font-bold", children: leftTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "h-11 w-px bg-white/40" })
-      ] }),
-      variant === "display" ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(BulkDisplaySections, { sections }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(BulkActionSections, { sections })
-    ]
-  }
-);
-
 // src/ui/components/ui/Timeline.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var Timeline = ({
   items,
   lineColor = "#F1F5F9",
@@ -7096,22 +7486,22 @@ var Timeline = ({
   className
 }) => {
   if (items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Text, { size: "s", color: "grey-600", children: emptyLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Text, { size: "s", color: "grey-600", children: emptyLabel });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Layout, { column: true, className, children: items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime84.jsxs)(Layout, { gap: 3, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(Layout, { column: true, align: "center", className: "w-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    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)(
           "span",
           {
             className: "mt-1 h-2.5 w-2.5 shrink-0 rounded-full",
             style: { background: dotColor }
           }
         ),
-        !isLast && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           "span",
           {
             className: "w-0.5 flex-1 min-h-[16px]",
@@ -7119,19 +7509,19 @@ var Timeline = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(Layout, { column: true, gap: 0.5, className: isLast ? void 0 : "pb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Text, { size: "s", weight: item.highlighted ? "bold" : "semibold", children: item.title }),
-        item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Text, { size: "xs", color: "grey-600", children: item.subtitle }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-xs italic text-neutral-800", children: item.description })
+      /* @__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 })
       ] })
     ] }, item.id);
   }) });
 };
 
 // src/ui/components/ui/ColorPicker.tsx
-var import_react50 = require("react");
+var import_react52 = require("react");
 var import_class_variance_authority16 = require("class-variance-authority");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var swatchVariants = (0, import_class_variance_authority16.cva)(
   "inline-flex shrink-0 overflow-hidden rounded-[6px] border border-grey-300",
   {
@@ -7158,7 +7548,7 @@ var inputVariants = (0, import_class_variance_authority16.cva)(
     defaultVariants: { size: "m" }
   }
 );
-var ColorPicker = (0, import_react50.forwardRef)(
+var ColorPicker = (0, import_react52.forwardRef)(
   ({
     label,
     value,
@@ -7168,14 +7558,14 @@ var ColorPicker = (0, import_react50.forwardRef)(
     size,
     className
   }, ref) => {
-    const [internalColor, setInternalColor] = (0, import_react50.useState)(defaultValue);
+    const [internalColor, setInternalColor] = (0, import_react52.useState)(defaultValue);
     const currentColor = value !== void 0 ? value : internalColor;
     const handleChange = (e) => {
       const next = e.target.value;
       if (value === void 0) setInternalColor(next);
       onChange == null ? void 0 : onChange(next);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
       Layout,
       {
         column: true,
@@ -7183,21 +7573,21 @@ var ColorPicker = (0, import_react50.forwardRef)(
         gap: 1.5,
         className: cn(disabled && "opacity-60", className),
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "text-xs font-semibold text-neutral-800", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Layout, { gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          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",
               {
                 className: cn(
                   swatchVariants({ size }),
                   disabled ? "cursor-not-allowed" : "cursor-pointer"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                   "span",
                   {
                     className: "relative block h-full w-full",
                     style: { backgroundColor: currentColor },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                       "input",
                       {
                         ref,
@@ -7212,7 +7602,7 @@ var ColorPicker = (0, import_react50.forwardRef)(
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
               "input",
               __spreadProps(__spreadValues({
                 type: "text",
@@ -7232,7 +7622,7 @@ var ColorPicker = (0, import_react50.forwardRef)(
 ColorPicker.displayName = "ColorPicker";
 
 // src/ui/components/ui/ColorTokenPicker.tsx
-var import_react51 = require("react");
+var import_react53 = require("react");
 
 // src/ui/lib/tokens.ts
 var COLOR_TOKENS = [
@@ -7252,7 +7642,7 @@ var COLOR_TOKENS = [
 ];
 
 // src/ui/components/ui/ColorTokenPicker.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var SWATCH_CLASS = {
   "blue-700": "bg-blue-700",
   "blue-900": "bg-blue-900",
@@ -7273,14 +7663,14 @@ var ColorTokenPicker = ({
   onChange,
   disabled = false
 }) => {
-  const [open, setOpen] = (0, import_react51.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  const [open, setOpen] = (0, import_react53.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     Popover,
     {
       open,
       onOpenChange: disabled ? void 0 : setOpen,
       align: "start",
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         "button",
         {
           type: "button",
@@ -7291,7 +7681,7 @@ var ColorTokenPicker = ({
             "focus-visible:ring-2 focus-visible:ring-blue-200",
             disabled && "cursor-not-allowed opacity-50"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             "span",
             {
               className: cn(
@@ -7302,7 +7692,7 @@ var ColorTokenPicker = ({
           )
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Layout, { wrap: true, gap: 2, className: "w-[168px] p-1", children: COLOR_TOKENS.map((token) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      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)(
         "button",
         {
           type: "button",
@@ -7325,8 +7715,8 @@ var ColorTokenPicker = ({
 };
 
 // src/ui/components/ui/FileUploadZone.tsx
-var import_react52 = require("react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_react54 = require("react");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var ACCEPT_MAP = {
   png: "image/png",
   jpg: "image/jpeg",
@@ -7358,23 +7748,23 @@ var FileUploadZone = ({
   showFileName = false,
   className
 }) => {
-  const [isDragging, setIsDragging] = (0, import_react52.useState)(false);
-  const [internalPreviewUrl, setInternalPreviewUrl] = (0, import_react52.useState)(
+  const [isDragging, setIsDragging] = (0, import_react54.useState)(false);
+  const [internalPreviewUrl, setInternalPreviewUrl] = (0, import_react54.useState)(
     null
   );
-  const [fileType, setFileType] = (0, import_react52.useState)(null);
-  const [fileName, setFileName] = (0, import_react52.useState)(null);
-  const [inlineError, setInlineError] = (0, import_react52.useState)(null);
-  const inputRef = (0, import_react52.useRef)(null);
+  const [fileType, setFileType] = (0, import_react54.useState)(null);
+  const [fileName, setFileName] = (0, import_react54.useState)(null);
+  const [inlineError, setInlineError] = (0, import_react54.useState)(null);
+  const inputRef = (0, import_react54.useRef)(null);
   const resolvedAccept = acceptOnlyPdf ? PDF_ONLY : accept;
   const mimeTypes = getMimeTypes(resolvedAccept);
   const acceptString = mimeTypes.join(",");
   const previewUrl = multiple ? null : controlledPreviewUrl || (showPreview ? internalPreviewUrl : null);
-  const emitError = (0, import_react52.useCallback)(
+  const emitError = (0, import_react54.useCallback)(
     (message) => onError ? onError(message) : setInlineError(message),
     [onError]
   );
-  const validateFile = (0, import_react52.useCallback)(
+  const validateFile = (0, import_react54.useCallback)(
     (file) => {
       if (!mimeTypes.includes(file.type))
         return { ok: false, error: "Format de fichier non accept\xE9." };
@@ -7388,7 +7778,7 @@ var FileUploadZone = ({
     },
     [mimeTypes, maxSizeMB]
   );
-  const processFile = (0, import_react52.useCallback)(
+  const processFile = (0, import_react54.useCallback)(
     (file) => {
       setInlineError(null);
       const result = validateFile(file);
@@ -7403,7 +7793,7 @@ var FileUploadZone = ({
     },
     [validateFile, onSave, showPreview, emitError]
   );
-  const processFiles = (0, import_react52.useCallback)(
+  const processFiles = (0, import_react54.useCallback)(
     (files) => {
       setInlineError(null);
       for (const file of files) {
@@ -7454,7 +7844,7 @@ var FileUploadZone = ({
     onRemove == null ? void 0 : onRemove();
   };
   if (previewUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       Layout,
       {
         column: true,
@@ -7466,14 +7856,14 @@ var FileUploadZone = ({
           className
         ),
         children: [
-          fileType && isPdf(fileType) ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          fileType && isPdf(fileType) ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             "embed",
             {
               src: previewUrl,
               type: "application/pdf",
               className: "h-[500px] w-full rounded"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             "img",
             {
               src: previewUrl,
@@ -7481,13 +7871,13 @@ var FileUploadZone = ({
               className: "max-h-[400px] max-w-full rounded object-contain"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             Button,
             {
               label: "Supprimer",
               theme: "red-900",
               size: "s",
-              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FaIcon, { name: "trash", size: 14 }),
+              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(FaIcon, { name: "trash", size: 14 }),
               onClick: handleRemove
             }
           )
@@ -7496,14 +7886,14 @@ var FileUploadZone = ({
     );
   }
   const showBrowse = !compact && browseLabel !== false;
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
     Layout,
     {
       column: true,
       gap: 1,
       className: cn(fullWidth ? "w-full" : "w-fit", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
           "label",
           {
             onDragOver: handleDragOver,
@@ -7517,7 +7907,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_runtime87.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                 "input",
                 {
                   ref: inputRef,
@@ -7529,11 +7919,11 @@ var FileUploadZone = ({
                   className: "hidden"
                 }
               ),
-              showIcon && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FaIcon, { name: "cloud-arrow-up", size: 28, className: "text-blue-700" }),
-              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-center text-sm text-grey-600", children: label }),
-              showBrowse && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-center text-xs text-grey-600", children: "ou" }),
-                /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              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)(
                   Button,
                   {
                     label: browseLabel,
@@ -7547,23 +7937,23 @@ var FileUploadZone = ({
                   }
                 )
               ] }),
-              sublabel && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-center text-xs text-grey-500", children: sublabel })
+              sublabel && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-center text-xs text-grey-500", children: sublabel })
             ]
           }
         ),
-        showFileName && fileName && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Layout, { align: "center", justify: "center", gap: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FaIcon, { name: "file", size: 16, className: "text-green-700" }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-sm text-green-700", children: fileName })
+        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 })
         ] }),
-        inlineError && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-center text-sm text-red-900", children: inlineError })
+        inlineError && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-center text-sm text-red-900", children: inlineError })
       ]
     }
   );
 };
 
 // src/ui/components/ui/FilePicker.tsx
-var import_react53 = require("react");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_react55 = require("react");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var FilePicker = ({
   label,
   onSelect,
@@ -7577,9 +7967,9 @@ var FilePicker = ({
   variant = "icon",
   className
 }) => {
-  const inputRef = (0, import_react53.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  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)(
       "input",
       {
         ref: inputRef,
@@ -7595,20 +7985,20 @@ var FilePicker = ({
         }
       }
     ),
-    variant === "button" ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    variant === "button" ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       Button,
       {
         variant: "outline",
         label,
         disabled,
         className,
-        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Icon, { name: icon, family: iconFamily, size: "s", color: "inherit" }),
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime101.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_runtime88.jsx)(Tooltip, { content: label, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Tooltip, { content: label, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       Icon,
       {
         name: icon,
@@ -7628,9 +8018,9 @@ var FilePicker = ({
 };
 
 // src/ui/components/ui/Item.tsx
-var import_react54 = require("react");
+var import_react56 = require("react");
 var import_class_variance_authority17 = require("class-variance-authority");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var itemVariants = (0, import_class_variance_authority17.cva)(
   "group/item flex items-center rounded-[6px] border border-transparent transition-colors",
   {
@@ -7648,10 +8038,10 @@ var itemVariants = (0, import_class_variance_authority17.cva)(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Item4 = (0, import_react54.forwardRef)(
+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_runtime89.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -7676,7 +8066,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_runtime89.jsx)("div", __spreadValues({ className: cn(itemMediaVariants({ variant }), className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", __spreadValues({ className: cn(itemMediaVariants({ variant }), className) }, props));
 };
 var ItemContent = (_a) => {
   var _b = _a, {
@@ -7684,7 +8074,7 @@ var ItemContent = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "div",
     __spreadValues({
       className: cn("flex min-w-0 flex-1 flex-col gap-1", className)
@@ -7697,7 +8087,7 @@ var ItemTitle = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -7713,7 +8103,7 @@ var ItemDescription = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", __spreadValues({ className: cn("text-sm text-grey-500", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", __spreadValues({ className: cn("text-sm text-grey-500", className) }, props));
 };
 var ItemActions = (_a) => {
   var _b = _a, {
@@ -7721,7 +8111,7 @@ var ItemActions = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "div",
     __spreadValues({
       className: cn("flex shrink-0 items-center gap-2", className)
@@ -7730,7 +8120,7 @@ var ItemActions = (_a) => {
 };
 
 // src/ui/components/ui/Attachment.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var Attachment = ({
   name,
   size,
@@ -7744,7 +8134,7 @@ var Attachment = ({
 }) => {
   const isUploading = status === "uploading";
   const isError = status === "error";
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     Item4,
     {
       variant: "outline",
@@ -7756,12 +8146,12 @@ var Attachment = ({
       ),
       style: { width },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           ItemMedia,
           {
             variant: "icon",
             className: cn(isError && "border-red-900 bg-red-50"),
-            children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Spinner, { size: "s", color: "blue-700" }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+            children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Spinner, { size: "s", color: "blue-700" }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
               FaIcon,
               {
                 name: isError ? "triangle-exclamation" : "file",
@@ -7771,33 +8161,33 @@ var Attachment = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(ItemContent, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ItemTitle, { children: name }),
-          isUploading ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(ItemDescription, { className: "text-xs", children: [
+        /* @__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: [
             "Uploading - ",
             progress,
             "%"
-          ] }) : isError ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ItemDescription, { className: "text-xs text-red-900", children: errorMessage }) : size && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ItemDescription, { className: "text-xs", children: size })
+          ] }) : 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 })
         ] }),
-        (onRetry || onRemove) && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(ItemActions, { children: [
-          isError && onRetry && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        (onRetry || onRemove) && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(ItemActions, { children: [
+          isError && onRetry && /* @__PURE__ */ (0, import_jsx_runtime103.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_runtime90.jsx)(FaIcon, { name: "rotate-right", size: 12 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(FaIcon, { name: "rotate-right", size: 12 })
             }
           ),
-          onRemove && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          onRemove && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
             "button",
             {
               type: "button",
               onClick: onRemove,
               "aria-label": `Retirer ${name}`,
               className: "text-grey-400 hover:text-grey-600",
-              children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(FaIcon, { name: "xmark", size: 12 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(FaIcon, { name: "xmark", size: 12 })
             }
           )
         ] })
@@ -7807,9 +8197,9 @@ var Attachment = ({
 };
 
 // src/ui/components/ui/PdfPreview.tsx
-var import_react55 = require("react");
+var import_react57 = require("react");
 var import_react_pdf = require("react-pdf");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime104 = 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,
@@ -7817,12 +8207,12 @@ var PdfPreview = ({
   maxHeight = "600px",
   className
 }) => {
-  const [hasError, setHasError] = (0, import_react55.useState)(false);
-  const [numPages, setNumPages] = (0, import_react55.useState)(0);
+  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_runtime91.jsx)(Skeleton, { width, height });
+  const thumbnailSkeleton = /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Skeleton, { width, height });
   if (hasError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
       Layout,
       {
         column: true,
@@ -7835,13 +8225,13 @@ var PdfPreview = ({
         ),
         style: { width, height },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(FaIcon, { name: "file-pdf", size: 24 }),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-xs", children: "Aper\xE7u indisponible" })
+          /* @__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" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     "div",
     {
       className: cn(
@@ -7849,7 +8239,7 @@ var PdfPreview = ({
         className
       ),
       style: { width, maxHeight },
-      children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         import_react_pdf.Document,
         {
           file,
@@ -7857,7 +8247,7 @@ var PdfPreview = ({
           onLoadError: () => setHasError(true),
           loading: thumbnailSkeleton,
           error: thumbnailSkeleton,
-          children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Layout, { column: true, gap: 2, className: "p-2", children: Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+          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)(
             import_react_pdf.Page,
             {
               pageNumber: i + 1,
@@ -7874,11 +8264,11 @@ var PdfPreview = ({
 };
 
 // src/ui/components/ui/AudioPlayer.tsx
-var import_react57 = require("react");
+var import_react59 = require("react");
 
 // src/ui/components/ui/VideoPlayer.tsx
-var import_react56 = require("react");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_react58 = require("react");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var formatVideoDuration = (seconds) => {
   if (seconds === void 0 || !Number.isFinite(seconds) || seconds < 0)
     return "";
@@ -7917,20 +8307,20 @@ var VideoPlayer = ({
   defaultVolume = DEFAULT_VOLUME,
   className
 }) => {
-  const [isInlinePlaying, setIsInlinePlaying] = (0, import_react56.useState)(false);
-  const [isExpanded, setIsExpanded] = (0, import_react56.useState)(false);
-  const [hasPosterError, setHasPosterError] = (0, import_react56.useState)(false);
-  const [hasFramePreviewError, setHasFramePreviewError] = (0, import_react56.useState)(false);
-  const inlineVideoRef = (0, import_react56.useRef)(null);
-  const expandedVideoRef = (0, import_react56.useRef)(null);
-  (0, import_react56.useEffect)(() => {
+  const [isInlinePlaying, setIsInlinePlaying] = (0, import_react58.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react58.useState)(false);
+  const [hasPosterError, setHasPosterError] = (0, import_react58.useState)(false);
+  const [hasFramePreviewError, setHasFramePreviewError] = (0, import_react58.useState)(false);
+  const inlineVideoRef = (0, import_react58.useRef)(null);
+  const expandedVideoRef = (0, import_react58.useRef)(null);
+  (0, import_react58.useEffect)(() => {
     setHasPosterError(false);
   }, [poster]);
-  (0, import_react56.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     setHasFramePreviewError(false);
   }, [src]);
   const visiblePoster = hasPosterError ? void 0 : poster;
-  const attachExpandedVideo = (0, import_react56.useCallback)(
+  const attachExpandedVideo = (0, import_react58.useCallback)(
     (video) => {
       expandedVideoRef.current = video;
       if (video) video.volume = clampVolume(defaultVolume);
@@ -7942,7 +8332,7 @@ var VideoPlayer = ({
     e.preventDefault();
     (_a = expandedVideoRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
   };
-  const attachInlineVideo = (0, import_react56.useCallback)(
+  const attachInlineVideo = (0, import_react58.useCallback)(
     (video) => {
       inlineVideoRef.current = video;
       if (video) video.volume = clampVolume(defaultVolume);
@@ -7977,8 +8367,8 @@ var VideoPlayer = ({
   const stopBubbling = (e) => {
     e.stopPropagation();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
       Layout,
       {
         className: cn(
@@ -7989,7 +8379,7 @@ var VideoPlayer = ({
         onClick: stopBubbling,
         "data-testid": "video-player",
         children: [
-          isInlinePlaying ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+          isInlinePlaying ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             "video",
             {
               ref: attachInlineVideo,
@@ -8001,7 +8391,7 @@ var VideoPlayer = ({
               className: "h-full w-full bg-black object-contain",
               "aria-label": title
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
             "button",
             {
               type: "button",
@@ -8009,7 +8399,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_runtime92.jsx)(
+                visiblePoster ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                   "img",
                   {
                     src: visiblePoster,
@@ -8020,7 +8410,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_runtime92.jsx)(
+                  !hasFramePreviewError && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                     "video",
                     {
                       src: `${src}#t=0.1`,
@@ -8035,12 +8425,12 @@ var VideoPlayer = ({
                     }
                   )
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime92.jsx)(FaIcon, { name: "play", family: "solid", size: 18 }) }),
-                formattedDuration && /* @__PURE__ */ (0, import_jsx_runtime92.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_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 })
               ]
             }
           ),
-          label && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             Layout,
             {
               width: "auto",
@@ -8048,14 +8438,14 @@ var VideoPlayer = ({
               children: label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
             Layout,
             {
               width: "auto",
               gap: 1,
               className: "absolute right-1 top-1 rounded-full bg-white/90",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Tooltip, { content: "Agrandir la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Tooltip, { content: "Agrandir la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                   Icon,
                   {
                     name: "up-right-and-down-left-from-center",
@@ -8064,7 +8454,7 @@ var VideoPlayer = ({
                     "aria-label": "Agrandir la vid\xE9o"
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                   Icon,
                   {
                     name: "download",
@@ -8076,7 +8466,7 @@ var VideoPlayer = ({
               ]
             }
           ),
-          meta && !isInlinePlaying && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+          meta && !isInlinePlaying && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             Layout,
             {
               width: "auto",
@@ -8087,7 +8477,7 @@ var VideoPlayer = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
       Modal,
       {
         open: isExpanded,
@@ -8095,9 +8485,9 @@ var VideoPlayer = ({
         onOpenAutoFocus: focusExpandedVideo,
         width: "70vw",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalHeader, { className: "items-start text-left", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Layout, { align: "center", justify: "between", fullWidth: true, gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Layout, { align: "center", gap: 2, className: "min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+          /* @__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)(
                 IconBadge,
                 {
                   name: "video",
@@ -8106,10 +8496,10 @@ var VideoPlayer = ({
                   iconColor: "blue_900"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalTitle, { className: "truncate", children: title })
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ModalTitle, { className: "truncate", children: title })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Layout, { width: "auto", align: "center", gap: 1, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+            /* @__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)(
                 Icon,
                 {
                   name: "download",
@@ -8118,7 +8508,7 @@ var VideoPlayer = ({
                   "aria-label": "T\xE9l\xE9charger la vid\xE9o"
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ModalClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                 Icon,
                 {
                   name: "xmark",
@@ -8130,7 +8520,7 @@ var VideoPlayer = ({
               ) })
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             "video",
             {
               ref: attachExpandedVideo,
@@ -8151,7 +8541,7 @@ var VideoPlayer = ({
 };
 
 // src/ui/components/ui/AudioPlayer.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime106 = 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 = ({
@@ -8161,11 +8551,11 @@ var AudioPlayer = ({
   title = "Audio",
   className
 }) => {
-  const audioRef = (0, import_react57.useRef)(null);
-  const [isPlaying, setIsPlaying] = (0, import_react57.useState)(false);
-  const [currentTime, setCurrentTime] = (0, import_react57.useState)(0);
-  const [duration, setDuration] = (0, import_react57.useState)(0);
-  const attachAudio = (0, import_react57.useCallback)(
+  const audioRef = (0, import_react59.useRef)(null);
+  const [isPlaying, setIsPlaying] = (0, import_react59.useState)(false);
+  const [currentTime, setCurrentTime] = (0, import_react59.useState)(0);
+  const [duration, setDuration] = (0, import_react59.useState)(0);
+  const attachAudio = (0, import_react59.useCallback)(
     (audio) => {
       audioRef.current = audio;
       if (audio) audio.volume = clampVolume2(defaultVolume);
@@ -8194,7 +8584,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_runtime93.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
     Layout,
     {
       gap: 3,
@@ -8203,7 +8593,7 @@ var AudioPlayer = ({
       className: cn("rounded-lg border border-grey-300 p-2", className),
       "data-testid": "audio-player",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           "audio",
           {
             ref: attachAudio,
@@ -8221,19 +8611,19 @@ var AudioPlayer = ({
             "aria-label": title
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           Button,
           {
             variant: "outline",
             size: "s",
             iconOnly: true,
             "aria-label": isPlaying ? `Mettre en pause ${title}` : `Lire ${title}`,
-            iconLeft: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Icon, { name: isPlaying ? "pause" : "play", size: "s", color: "inherit" }),
+            iconLeft: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Icon, { name: isPlaying ? "pause" : "play", size: "s", color: "inherit" }),
             onClick: togglePlayback
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(currentTime) }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(currentTime) }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           "input",
           {
             type: "range",
@@ -8247,7 +8637,7 @@ var AudioPlayer = ({
             className: "h-1 min-w-0 flex-1 cursor-pointer accent-blue-700 disabled:cursor-default"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(duration) })
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(duration) })
       ]
     }
   );
@@ -8255,7 +8645,7 @@ var AudioPlayer = ({
 
 // src/ui/components/ui/ScrollArea.tsx
 var RadixScrollArea = __toESM(require("@radix-ui/react-scroll-area"));
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var HIDDEN_SCROLLBAR_CLASSNAME = "w-0 h-0 opacity-0";
 var ScrollArea = (_a) => {
   var _b = _a, {
@@ -8271,13 +8661,13 @@ var ScrollArea = (_a) => {
     "viewportRef",
     "maxHeight"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
     RadixScrollArea.Root,
     __spreadProps(__spreadValues({
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           RadixScrollArea.Viewport,
           {
             ref: viewportRef,
@@ -8290,31 +8680,31 @@ var ScrollArea = (_a) => {
             children
           }
         ),
-        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           RadixScrollArea.Scrollbar,
           {
             orientation: "vertical",
             className: HIDDEN_SCROLLBAR_CLASSNAME,
-            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
           }
         ),
-        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           RadixScrollArea.Scrollbar,
           {
             orientation: "horizontal",
             className: HIDDEN_SCROLLBAR_CLASSNAME,
-            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(RadixScrollArea.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RadixScrollArea.Corner, {})
       ]
     })
   );
 };
 
 // src/ui/components/ui/Message.tsx
-var import_react58 = require("react");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_react60 = require("react");
+var import_jsx_runtime108 = 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" },
@@ -8325,7 +8715,7 @@ var BUBBLE_TAIL = {
   teammate: "rounded-br-none",
   other: "rounded-bl-none"
 };
-var Message = (0, import_react58.forwardRef)(
+var Message = (0, import_react60.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
       isOwn = false,
@@ -8373,7 +8763,7 @@ var Message = (0, import_react58.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_runtime95.jsx)(Avatar, { name: authorName, src: authorSrc, size: avatarSize }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    const avatar = showAuthor ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Avatar, { name: authorName, src: authorSrc, size: avatarSize }) : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       Layout,
       {
         width: `${avatarSize}px`,
@@ -8381,8 +8771,8 @@ var Message = (0, import_react58.forwardRef)(
         "aria-hidden": "true"
       }
     );
-    const actionsSlot = actions && !actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Layout, { width: "auto", align: "center", className: "shrink-0", children: actions }) : null;
-    const cornerActions = actions && actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    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)(
       Layout,
       {
         width: "auto",
@@ -8395,7 +8785,7 @@ var Message = (0, import_react58.forwardRef)(
         children: actions
       }
     ) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
       Layout,
       __spreadProps(__spreadValues({
         ref,
@@ -8406,7 +8796,7 @@ var Message = (0, import_react58.forwardRef)(
         className
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
             Layout,
             {
               fullWidth: true,
@@ -8417,7 +8807,7 @@ var Message = (0, import_react58.forwardRef)(
               children: [
                 !isRightAligned && avatar,
                 isRightAligned && actionsSlot,
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
                   Layout,
                   {
                     column: true,
@@ -8426,7 +8816,7 @@ var Message = (0, import_react58.forwardRef)(
                     align: isRightAligned ? "end" : "start",
                     style: { maxWidth },
                     children: [
-                      bubble ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+                      bubble ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
                         Layout,
                         {
                           column: true,
@@ -8440,16 +8830,16 @@ var Message = (0, import_react58.forwardRef)(
                             cornerActions && "pr-8"
                           ),
                           children: [
-                            deleted ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Text, { size: "s", italic: true, color: metaColor, children: deletedLabel }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Text, { size: "s", color: contentColor, children }),
-                            time && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Layout, { fullWidth: true, justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Text, { size: "xxs", color: metaColor, children: time }) }),
+                            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 }) }),
                             cornerActions
                           ]
                         }
-                      ) : cornerActions ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Layout, { width: "auto", className: "relative", children: [
+                      ) : cornerActions ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Layout, { width: "auto", className: "relative", children: [
                         children,
                         cornerActions
                       ] }) : children,
-                      status && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Layout, { fullWidth: true, justify: isRightAligned ? "end" : "start", children: status })
+                      status && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Layout, { fullWidth: true, justify: isRightAligned ? "end" : "start", children: status })
                     ]
                   }
                 ),
@@ -8458,7 +8848,7 @@ var Message = (0, import_react58.forwardRef)(
               ]
             }
           ),
-          showAuthor && showAuthorName && authorName && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Text, { size: "xs", color: "grey-600", children: authorName })
+          showAuthor && showAuthorName && authorName && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Text, { size: "xs", color: "grey-600", children: authorName })
         ]
       })
     );
@@ -8467,8 +8857,8 @@ var Message = (0, import_react58.forwardRef)(
 Message.displayName = "Message";
 
 // src/ui/components/ui/MessageScroller.tsx
-var import_react59 = require("react");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_react61 = require("react");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var SEPARATOR_LINE = {
   neutral: "",
   alert: "bg-red-500"
@@ -8481,9 +8871,9 @@ var MessageDateSeparator = ({
   label,
   tone = "neutral",
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Layout, { fullWidth: true, gap: 2, align: "center", className, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Layout, { width: "auto", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+}) => /* @__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)(
     Text,
     {
       size: "xs",
@@ -8492,7 +8882,7 @@ var MessageDateSeparator = ({
       children: label
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) })
+  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) })
 ] });
 var MessageScroller = ({
   children,
@@ -8519,9 +8909,9 @@ var MessageScroller = ({
   viewportRef,
   className
 }) => {
-  const fallbackRef = (0, import_react59.useRef)(null);
+  const fallbackRef = (0, import_react61.useRef)(null);
   const scrollerRef = viewportRef != null ? viewportRef : fallbackRef;
-  (0, import_react59.useLayoutEffect)(() => {
+  (0, import_react61.useLayoutEffect)(() => {
     if (!autoScroll) return;
     const viewport = scrollerRef.current;
     if (!viewport) return;
@@ -8532,13 +8922,13 @@ var MessageScroller = ({
     if (isEmpty && emptyState) return emptyState;
     return children;
   };
-  const scroller = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  const scroller = /* @__PURE__ */ (0, import_jsx_runtime109.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_runtime96.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
         Layout,
         {
           column: true,
@@ -8561,9 +8951,9 @@ var MessageScroller = ({
     }
   );
   if (!floatingFooter) return scroller;
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Layout, { column: true, fullWidth: true, className: cn("relative min-h-0", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Layout, { column: true, fullWidth: true, className: cn("relative min-h-0", className), children: [
     scroller,
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       Layout,
       {
         width: "auto",
@@ -8575,14 +8965,14 @@ var MessageScroller = ({
 };
 
 // src/ui/components/ui/Stepper.tsx
-var import_react60 = require("react");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_react62 = require("react");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var Stepper = ({
   numberOfSteps,
   current = 0,
   size = 28,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
   "nav",
   {
     "aria-label": "progression",
@@ -8593,8 +8983,8 @@ var Stepper = ({
     children: Array.from({ length: numberOfSteps }, (_, i) => {
       const isActive = i === current;
       const isCompleted = i < current;
-      return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_react60.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react62.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
           "div",
           {
             "aria-hidden": true,
@@ -8603,24 +8993,24 @@ 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_runtime97.jsx)(FaIcon, { name: "check", family: "solid", size: 12 }) : i + 1
+            children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(FaIcon, { name: "check", family: "solid", size: 12 }) : i + 1
           }
         ),
-        i < numberOfSteps - 1 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "h-px min-w-[8px] flex-1 bg-grey-300" })
+        i < numberOfSteps - 1 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "h-px min-w-[8px] flex-1 bg-grey-300" })
       ] }, i);
     })
   }
 );
 
 // src/ui/components/ui/DatePicker.tsx
-var import_react61 = require("react");
+var import_react63 = require("react");
 var import_react_day_picker = require("react-day-picker");
 var import_locale = require("react-day-picker/locale");
 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_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime111 = 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) => {
@@ -8638,10 +9028,19 @@ var parseTypedRange = (text, minDate, maxDate) => {
   if (!start || !end || start > end) return null;
   return [start, end];
 };
+var formatDigitsAsDate = (digits) => [digits.slice(0, 2), digits.slice(2, 4), digits.slice(4, 8)].filter(Boolean).join("/");
+var autoFormatTypedInput = (raw, isRange) => {
+  const digits = raw.replace(/\D/g, "").slice(0, isRange ? 16 : 8);
+  if (!isRange) return formatDigitsAsDate(digits);
+  const first = digits.slice(0, 8);
+  const second = digits.slice(8, 16);
+  if (!second) return formatDigitsAsDate(first);
+  return `${formatDigitsAsDate(first)} - ${formatDigitsAsDate(second)}`;
+};
 var RANGE_PRESETS = [
   {
     label: "Mois pr\xE9c\xE9dent",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(FaIcon, { name: "calendar-arrow-up", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime111.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))
@@ -8649,34 +9048,34 @@ var RANGE_PRESETS = [
   },
   {
     label: "Ce mois",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime111.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_runtime98.jsx)(FaIcon, { name: "calendar-range", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime111.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_runtime98.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime111.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_runtime98.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
     getValue: () => /* @__PURE__ */ new Date()
   },
   {
     label: "Demain",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(FaIcon, { name: "calendar-plus", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime111.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_runtime98.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
     getValue: () => (0, import_date_fns.addDays)(/* @__PURE__ */ new Date(), 7)
   }
 ];
@@ -8698,12 +9097,12 @@ var DatePicker = ({
   className
 }) => {
   const isRange = mode === "range";
-  const [open, setOpen] = (0, import_react61.useState)(false);
-  const [isEditing, setIsEditing] = (0, import_react61.useState)(false);
-  const [draftValue, setDraftValue] = (0, import_react61.useState)("");
-  const [isDirty, setIsDirty] = (0, import_react61.useState)(false);
+  const [open, setOpen] = (0, import_react63.useState)(false);
+  const [isEditing, setIsEditing] = (0, import_react63.useState)(false);
+  const [draftValue, setDraftValue] = (0, import_react63.useState)("");
+  const [isDirty, setIsDirty] = (0, import_react63.useState)(false);
   const resolvedPresets = presets != null ? presets : isRange ? RANGE_PRESETS : SINGLE_PRESETS;
-  const activePreset = (0, import_react61.useMemo)(() => {
+  const activePreset = (0, import_react63.useMemo)(() => {
     var _a;
     const match = resolvedPresets.find((preset) => {
       const result = preset.getValue();
@@ -8764,7 +9163,7 @@ var DatePicker = ({
       setIsEditing(false);
     }
   };
-  const calendar = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(RadixPopover6.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  const calendar = /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(RadixPopover6.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
     RadixPopover6.Content,
     {
       align,
@@ -8776,7 +9175,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_runtime98.jsx)(
+      children: isRange ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         import_react_day_picker.DayPicker,
         {
           mode: "range",
@@ -8794,7 +9193,7 @@ var DatePicker = ({
           showOutsideDays: true,
           formatters: { formatCaption: formatMonthCaption }
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         import_react_day_picker.DayPicker,
         {
           mode: "single",
@@ -8812,8 +9211,8 @@ var DatePicker = ({
     }
   ) });
   if (!showPresets) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(RadixPopover6.Anchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+    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)(
         Layout,
         {
           align: "center",
@@ -8827,7 +9226,7 @@ var DatePicker = ({
             className
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
               "input",
               {
                 type: "text",
@@ -8836,7 +9235,7 @@ var DatePicker = ({
                 placeholder: isRange ? "jj/mm/aaaa - jj/mm/aaaa" : "jj/mm/aaaa",
                 onFocus: startEditing,
                 onChange: (event) => {
-                  setDraftValue(event.target.value);
+                  setDraftValue(autoFormatTypedInput(event.target.value, isRange));
                   setIsDirty(true);
                 },
                 onBlur: commitDraft,
@@ -8848,14 +9247,14 @@ var DatePicker = ({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime111.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_runtime98.jsx)(FaIcon, { name: "calendar", size: 14 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar", size: 14 })
               }
             ) })
           ]
@@ -8864,10 +9263,10 @@ var DatePicker = ({
       calendar
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Layout, { column: true, gap: 1.5, align, className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Layout, { align: "center", gap: 1.5, width: "auto", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  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)(
           "button",
           {
             type: "button",
@@ -8879,12 +9278,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_runtime98.jsx)(FaIcon, { name: "calendar", size: 16 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(FaIcon, { name: "calendar", size: 16 })
           }
         ) }),
         resolvedPresets.map((preset) => {
           const active = activePreset === preset.label;
-          return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Tooltip, { content: preset.label, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Tooltip, { content: preset.label, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             "button",
             {
               type: "button",
@@ -8902,7 +9301,7 @@ var DatePicker = ({
           ) }, preset.label);
         })
       ] }),
-      hasValue && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      hasValue && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         "button",
         {
           type: "button",
@@ -9371,9 +9770,9 @@ var optimizeImage = async (file, desiredBaseName, opts = {}) => {
 };
 
 // src/ui/components/ui/Tour.tsx
-var import_react62 = require("react");
+var import_react64 = require("react");
 var import_driver = require("driver.js");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var TOUR_TARGET_ATTRIBUTE = "data-tour-target";
 var DEFAULT_LABELS = {
   previous: "Pr\xE9c\xE9dent",
@@ -9385,7 +9784,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_runtime99.jsx)("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
+var TourTarget = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
 var isContents = (element) => getComputedStyle(element).display === "contents";
 var measure = (element) => {
   if (!isContents(element)) {
@@ -9426,9 +9825,9 @@ var Tour = ({
   const current = steps[step];
   const total = steps.length;
   const isLast = step === total - 1;
-  const driverRef = (0, import_react62.useRef)(null);
-  const ghostRef = (0, import_react62.useRef)(null);
-  const actions = (0, import_react62.useRef)({
+  const driverRef = (0, import_react64.useRef)(null);
+  const ghostRef = (0, import_react64.useRef)(null);
+  const actions = (0, import_react64.useRef)({
     next: () => {
     },
     previous: () => {
@@ -9443,7 +9842,7 @@ var Tour = ({
     },
     close: () => onClose("close")
   };
-  (0, import_react62.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (!open) return;
     const ghost = document.createElement("div");
     ghost.className = "dz-tour-target";
@@ -9469,7 +9868,7 @@ var Tour = ({
       ghostRef.current = null;
     };
   }, [open]);
-  (0, import_react62.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (!open) return;
     const onKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -9481,7 +9880,7 @@ var Tour = ({
     window.addEventListener("keydown", onKeyDown, true);
     return () => window.removeEventListener("keydown", onKeyDown, true);
   }, [open]);
-  const view = (0, import_react62.useRef)({ current, text, step, total, isLast });
+  const view = (0, import_react64.useRef)({ current, text, step, total, isLast });
   view.current = { current, text, step, total, isLast };
   const targetKey = [(_a = current == null ? void 0 : current.target) != null ? _a : []].flat().join("|");
   const popoverKey = [
@@ -9494,7 +9893,7 @@ var Tour = ({
     isLast ? text.finish : text.next,
     text.close
   ].join("|");
-  (0, import_react62.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     const instance = driverRef.current;
     const ghost = ghostRef.current;
     const { current: current2, text: text2, step: step2, total: total2, isLast: isLast2 } = view.current;
@@ -9693,14 +10092,24 @@ var Tour = ({
   Switch,
   TOUR_TARGET_ATTRIBUTE,
   Table,
+  TableActionsCell,
+  TableAlertRow,
   TableCell,
+  TableClientCell,
+  TableExpandedRow,
   TableFooter,
   TableFooterCell,
   TableFooterRow,
   TableHeader,
   TableHeaderCell,
   TableHeaderRow,
+  TablePersonCell,
   TableRow,
+  TableSectionRow,
+  TableSelectCell,
+  TableSelectHeaderCell,
+  TableStatusCell,
+  TableSubgroupRow,
   Tabs,
   TagBubble,
   TagLevelPicker,
@@ -9765,5 +10174,6 @@ var Tour = ({
   toast,
   truncateFileName,
   truncateText,
-  useAvatarSize
+  useAvatarSize,
+  useRowSelection
 });