design-zystem 1.0.445 → 1.0.447

package/dist/ui/index.js

@@ -64,6 +64,7 @@ __export(index_exports, {
   AudioPlayer: () => AudioPlayer,
   Avatar: () => Avatar,
   AvatarBadge: () => AvatarBadge,
+  AvatarEditOverlay: () => AvatarEditOverlay,
   AvatarFallback: () => AvatarFallback,
   AvatarGroup: () => AvatarGroup,
   AvatarImage: () => AvatarImage,
@@ -158,6 +159,7 @@ __export(index_exports, {
   SidebarTrigger: () => SidebarTrigger,
   SidebarUserMenu: () => SidebarUserMenu,
   Skeleton: () => Skeleton,
+  Slider: () => Slider,
   Spinner: () => Spinner,
   Stepper: () => Stepper,
   Switch: () => Switch,
@@ -447,6 +449,7 @@ var Layout = (0, import_react.forwardRef)(
       paddingLeft,
       width,
       maxWidth,
+      height,
       flex,
       className,
       style
@@ -468,6 +471,7 @@ var Layout = (0, import_react.forwardRef)(
       "paddingLeft",
       "width",
       "maxWidth",
+      "height",
       "flex",
       "className",
       "style"
@@ -496,7 +500,7 @@ var Layout = (0, import_react.forwardRef)(
           }),
           className
         ),
-        style: __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, width ? { width } : {}), maxWidth ? { maxWidth } : {}), flex !== void 0 ? { flex } : {}), style)
+        style: __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, width ? { width } : {}), maxWidth ? { maxWidth } : {}), height ? { height } : {}), flex !== void 0 ? { flex } : {}), style)
       }, props)
     );
   }
@@ -958,7 +962,7 @@ var Icon = (0, import_react7.forwardRef)(
     var _a2, _b2;
     const themeClasses = theme ? THEME_CLASSES[variant][theme] : void 0;
     const glyphClassName = cn(
-      disabled ? "text-grey-500" : hexColor ? void 0 : color ? COLOR_CLASS[color] : (_a2 = themeClasses == null ? void 0 : themeClasses.glyph) != null ? _a2 : "text-neutral-800",
+      disabled ? "text-grey-500" : hexColor ? void 0 : color ? COLOR_CLASS[color] : (_a2 = themeClasses == null ? void 0 : themeClasses.glyph) != null ? _a2 : "text-inherit",
       className
     );
     const glyphStyle = !disabled && hexColor ? { color: hexColor } : void 0;
@@ -4490,12 +4494,13 @@ var TableGroupBand = (_a) => {
 
 // src/ui/components/ui/table/TableSectionRow.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
-var TableSectionRow = (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-  TableGroupBand,
-  __spreadProps(__spreadValues({}, props), {
-    className: "h-8 bg-grey-300 px-2 text-left text-[11px] font-bold uppercase tracking-wide text-neutral-800"
-  })
-);
+var SECTION_ROW_CLASS = "h-8 bg-grey-300 px-2 text-left text-[11px] font-bold uppercase tracking-wide text-neutral-800";
+var TableSectionRow = (props) => {
+  if (props.title === void 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(TableRow, { className: "hover:bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("td", { colSpan: props.colSpan, className: SECTION_ROW_CLASS, children: props.children }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(TableGroupBand, __spreadProps(__spreadValues({}, props), { className: SECTION_ROW_CLASS }));
+};
 
 // src/ui/components/ui/table/TableSubgroupRow.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
@@ -4757,7 +4762,7 @@ var Avatar = (0, import_react30.forwardRef)(
       __spreadProps(__spreadValues({
         ref,
         className: cn(
-          "relative flex shrink-0",
+          "group/avatar relative flex shrink-0",
           shape === "circle" ? "rounded-full" : "rounded-[4px]",
           className
         ),
@@ -4873,6 +4878,33 @@ var AvatarBadge = (0, import_react30.forwardRef)(
   }
 );
 AvatarBadge.displayName = "AvatarBadge";
+var AvatarEditOverlay = (0, import_react30.forwardRef)((_a, ref) => {
+  var _b = _a, { icon = "camera", iconFamily = "solid", className } = _b, props = __objRest(_b, ["icon", "iconFamily", "className"]);
+  const avatarSize = useAvatarSize();
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    "div",
+    __spreadProps(__spreadValues({
+      ref,
+      "aria-hidden": true,
+      className: cn(
+        "pointer-events-none absolute inset-0 flex items-center justify-center rounded-[inherit] bg-neutral-800/50 opacity-0 transition-opacity",
+        "group-hover/avatar:opacity-100 group-focus-visible/avatar:opacity-100",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        FaIcon,
+        {
+          name: icon,
+          family: iconFamily,
+          size: Math.round(avatarSize * 0.3),
+          className: "text-white"
+        }
+      )
+    })
+  );
+});
+AvatarEditOverlay.displayName = "AvatarEditOverlay";
 var AvatarGroup = (_a) => {
   var _b = _a, {
     size = 40,
@@ -5575,9 +5607,166 @@ var ProgressBar = ({
   );
 };
 
+// src/ui/components/ui/Slider.tsx
+var RadixSlider2 = __toESM(require("@radix-ui/react-slider"));
+var import_class_variance_authority14 = require("class-variance-authority");
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var sliderTrackVariants = (0, import_class_variance_authority14.cva)(
+  "relative w-full grow overflow-hidden rounded-full bg-grey-200",
+  {
+    variants: {
+      height: {
+        xs: "h-1",
+        sm: "h-1.5",
+        md: "h-2",
+        lg: "h-3",
+        xl: "h-4"
+      }
+    },
+    defaultVariants: { height: "md" }
+  }
+);
+var SIZE = {
+  sm: { root: "h-4", thumb: "h-4 w-4", height: "xs", labelOffset: "pt-5" },
+  md: { root: "h-5", thumb: "h-5 w-5", height: "md", labelOffset: "pt-6" },
+  lg: { root: "h-6", thumb: "h-6 w-6", height: "lg", labelOffset: "pt-7" }
+};
+var FILL_CLASS2 = {
+  "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 THUMB_BORDER_CLASS2 = {
+  "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 Slider = ({
+  value,
+  onChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  disabled = false,
+  size = "md",
+  height,
+  color = "blue-700",
+  hexColor,
+  label,
+  "aria-label": ariaLabel,
+  showLabel = false,
+  formatValue,
+  className
+}) => {
+  const current = Math.max(min, Math.min(max, value));
+  const percent = max !== min ? (current - min) / (max - min) * 100 : 0;
+  const display = (v) => formatValue ? formatValue(v) : String(v);
+  const dimensions = SIZE[size];
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    Layout,
+    {
+      column: true,
+      fullWidth: true,
+      gap: 1,
+      className: cn(disabled && "cursor-not-allowed opacity-60", className),
+      children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-xs text-grey-600", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+          "div",
+          {
+            className: cn("relative w-full", showLabel && dimensions.labelOffset),
+            children: [
+              showLabel && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                "span",
+                {
+                  className: "absolute top-0 -translate-x-1/2 text-xs font-semibold text-neutral-800",
+                  style: { left: `${percent}%` },
+                  children: display(current)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+                RadixSlider2.Root,
+                {
+                  value: [current],
+                  onValueChange: ([next]) => onChange(next),
+                  min,
+                  max,
+                  step,
+                  disabled,
+                  className: cn(
+                    "relative flex w-full touch-none select-none items-center",
+                    dimensions.root
+                  ),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                      RadixSlider2.Track,
+                      {
+                        className: sliderTrackVariants({
+                          height: height != null ? height : dimensions.height
+                        }),
+                        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                          RadixSlider2.Range,
+                          {
+                            className: cn(
+                              "absolute h-full rounded-full",
+                              !hexColor && FILL_CLASS2[color]
+                            ),
+                            style: { backgroundColor: hexColor }
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                      RadixSlider2.Thumb,
+                      {
+                        "aria-label": ariaLabel != null ? ariaLabel : label,
+                        className: cn(
+                          "block rounded-full border-2 bg-white shadow-[0_2px_6px_rgba(15,23,42,0.2)] outline-none transition-transform",
+                          "hover:scale-110 focus-visible:ring-2 focus-visible:ring-blue-200",
+                          dimensions.thumb,
+                          !hexColor && THUMB_BORDER_CLASS2[color]
+                        ),
+                        style: { borderColor: hexColor }
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        showLabel && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Layout, { align: "center", justify: "between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-xs text-grey-600", children: display(min) }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-xs text-grey-600", children: display(max) })
+        ] })
+      ]
+    }
+  );
+};
+
 // src/ui/components/ui/Collapsible.tsx
 var RadixCollapsible = __toESM(require("@radix-ui/react-collapsible"));
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var Collapsible = RadixCollapsible.Root;
 var CollapsibleTrigger = RadixCollapsible.Trigger;
 var CollapsibleContent = (_a) => {
@@ -5586,7 +5775,7 @@ var CollapsibleContent = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.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 : "")
@@ -5667,7 +5856,7 @@ var swallowRestOfClick = () => {
 };
 
 // src/ui/components/ui/Drawer.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = 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",
@@ -5735,8 +5924,8 @@ var Drawer = ({
     return () => cancelAnimationFrame(frame);
   }, [modal, open]);
   const closeOnDismiss = (next) => !next && closeDrawer();
-  const drawerPortal = /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_vaul.Drawer.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  const drawerPortal = /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_vaul.Drawer.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       import_vaul.Drawer.Overlay,
       {
         ref: (node) => {
@@ -5751,7 +5940,7 @@ var Drawer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       import_vaul.Drawer.Content,
       __spreadProps(__spreadValues({
         ref: (node) => {
@@ -5784,14 +5973,14 @@ var Drawer = ({
       })
     )
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     import_vaul.Drawer.Root,
     {
       direction,
       modal,
       open,
       onOpenChange: closeOnDismiss,
-      children: modal ? drawerPortal : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      children: modal ? drawerPortal : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         DialogPrimitive.Root,
         {
           modal: false,
@@ -5809,7 +5998,7 @@ var DrawerHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     "div",
     __spreadValues({
       className: cn("flex w-full items-center justify-between", className)
@@ -5822,7 +6011,7 @@ var DrawerTitle = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     import_vaul.Drawer.Title,
     __spreadValues({
       className: cn("text-base font-bold text-neutral-800", className)
@@ -5835,7 +6024,7 @@ var DrawerDescription = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     import_vaul.Drawer.Description,
     __spreadValues({
       className: cn("text-sm text-grey-500", className)
@@ -5848,7 +6037,7 @@ var DrawerBody = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", __spreadValues({ className: cn("min-h-0 flex-1 overflow-y-auto", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", __spreadValues({ className: cn("min-h-0 flex-1 overflow-y-auto", className) }, props));
 };
 var DrawerFooter = (_a) => {
   var _b = _a, {
@@ -5856,7 +6045,7 @@ var DrawerFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", __spreadValues({ className: cn("flex w-full flex-col gap-3", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", __spreadValues({ className: cn("flex w-full flex-col gap-3", className) }, props));
 };
 var DrawerClose = import_vaul.Drawer.Close;
 
@@ -5870,11 +6059,11 @@ var SidebarCollapsedProvider = SidebarCollapsedContext.Provider;
 var useSidebarCollapsed = () => (0, import_react34.useContext)(SidebarCollapsedContext);
 
 // src/ui/components/ui/sidebar/Sidebar.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var Sidebar = (0, import_react35.forwardRef)(
   (_a, ref) => {
     var _b = _a, { collapsed = false, className, children } = _b, props = __objRest(_b, ["collapsed", "className", "children"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SidebarCollapsedProvider, { value: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SidebarCollapsedProvider, { value: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "aside",
       __spreadProps(__spreadValues({
         ref,
@@ -5893,10 +6082,10 @@ Sidebar.displayName = "Sidebar";
 
 // src/ui/components/ui/sidebar/SidebarTrigger.tsx
 var import_react36 = require("react");
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var SidebarTrigger = (0, import_react36.forwardRef)((_a, ref) => {
   var _b = _a, { collapsed, className } = _b, props = __objRest(_b, ["collapsed", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     "button",
     __spreadProps(__spreadValues({
       ref,
@@ -5907,7 +6096,7 @@ var SidebarTrigger = (0, import_react36.forwardRef)((_a, ref) => {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
         FaIcon,
         {
           name: collapsed ? "chevrons-right" : "chevrons-left",
@@ -5922,11 +6111,11 @@ SidebarTrigger.displayName = "SidebarTrigger";
 
 // src/ui/components/ui/sidebar/SidebarHeader.tsx
 var import_react37 = require("react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var SidebarHeader = (0, import_react37.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -5939,11 +6128,11 @@ SidebarHeader.displayName = "SidebarHeader";
 
 // src/ui/components/ui/sidebar/SidebarContent.tsx
 var import_react38 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var SidebarContent = (0, import_react38.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -5960,20 +6149,20 @@ SidebarContent.displayName = "SidebarContent";
 
 // src/ui/components/ui/sidebar/SidebarGroup.tsx
 var import_react39 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var SidebarGroup = (0, import_react39.forwardRef)(
   (_a, ref) => {
     var _b = _a, { label, className, children } = _b, props = __objRest(_b, ["label", "className", "children"]);
     const collapsed = useSidebarCollapsed();
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       "div",
       __spreadProps(__spreadValues({
         ref,
         className: cn("flex w-full flex-col p-2", className)
       }, props), {
         children: [
-          label && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime76.jsx)("div", { className: "flex flex-col gap-1", children })
+          label && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.jsx)("div", { className: "flex flex-col gap-1", children })
         ]
       })
     );
@@ -5983,7 +6172,7 @@ SidebarGroup.displayName = "SidebarGroup";
 
 // src/ui/components/ui/sidebar/SidebarMenuButton.tsx
 var import_react40 = require("react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var SidebarMenuButton = (0, import_react40.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
@@ -6006,7 +6195,7 @@ var SidebarMenuButton = (0, import_react40.forwardRef)(
       "className"
     ]);
     const collapsed = useSidebarCollapsed();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
       "button",
       __spreadProps(__spreadValues({
         ref,
@@ -6022,7 +6211,7 @@ var SidebarMenuButton = (0, import_react40.forwardRef)(
         )
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             FaIcon,
             {
               name: icon,
@@ -6031,7 +6220,7 @@ var SidebarMenuButton = (0, import_react40.forwardRef)(
               className: "shrink-0"
             }
           ),
-          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             Text,
             {
               as: "span",
@@ -6042,8 +6231,8 @@ var SidebarMenuButton = (0, import_react40.forwardRef)(
               children: label
             }
           ),
-          !collapsed && shortcut && /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime77.jsx)(
+          !collapsed && shortcut && /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime78.jsx)(
             "span",
             {
               className: cn(
@@ -6058,14 +6247,14 @@ var SidebarMenuButton = (0, import_react40.forwardRef)(
       })
     );
     if (!collapsed) return button;
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Tooltip, { content: label, side: "right", children: button });
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Tooltip, { content: label, side: "right", children: button });
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
 
 // src/ui/components/ui/sidebar/SidebarActionCard.tsx
 var import_react41 = require("react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var SidebarActionCard = (0, import_react41.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
@@ -6086,11 +6275,11 @@ var SidebarActionCard = (0, import_react41.forwardRef)(
     const collapsed = useSidebarCollapsed();
     const tooltip = subtitle ? `${title} ${subtitle}` : title;
     const counter = badge ? badge > 99 ? "99+" : badge : null;
-    const iconBadge = /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime78.jsx)(FaIcon, { name: icon, family: iconFamily, size: 16 }),
-      collapsed && counter && /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime79.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_runtime79.jsx)(FaIcon, { name: icon, family: iconFamily, size: 16 }),
+      collapsed && counter && /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime78.jsxs)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
       "button",
       __spreadProps(__spreadValues({
         ref,
@@ -6105,12 +6294,12 @@ var SidebarActionCard = (0, import_react41.forwardRef)(
       }, props), {
         children: [
           iconBadge,
-          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "truncate text-sm font-bold text-white", children: title }),
-              subtitle && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "truncate text-xs text-white/60", children: subtitle })
+          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "truncate text-sm font-bold text-white", children: title }),
+              subtitle && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "truncate text-xs text-white/60", children: subtitle })
             ] }),
-            counter ? /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime78.jsx)(
+            counter ? /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime79.jsx)(
               FaIcon,
               {
                 name: "chevron-right",
@@ -6124,18 +6313,18 @@ var SidebarActionCard = (0, import_react41.forwardRef)(
       })
     );
     if (!collapsed) return button;
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Tooltip, { content: tooltip, side: "right", children: button });
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Tooltip, { content: tooltip, side: "right", children: button });
   }
 );
 SidebarActionCard.displayName = "SidebarActionCard";
 
 // src/ui/components/ui/sidebar/SidebarMenuSub.tsx
 var import_react42 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var SidebarMenuSub = (0, import_react42.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       "ul",
       __spreadValues({
         ref,
@@ -6151,23 +6340,23 @@ SidebarMenuSub.displayName = "SidebarMenuSub";
 
 // src/ui/components/ui/sidebar/SidebarMenuSubItem.tsx
 var import_react43 = require("react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var SidebarMenuSubItem = (0, import_react43.forwardRef)((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("li", __spreadValues({ ref, className: cn("relative", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("li", __spreadValues({ ref, className: cn("relative", className) }, props));
 });
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
 
 // src/ui/components/ui/sidebar/SidebarMenuSubButton.tsx
 var import_react44 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var SIZE_CLASS = {
   default: "h-10",
   lg: "h-14"
 };
 var SidebarMenuSubButton = (0, import_react44.forwardRef)((_a, ref) => {
   var _b = _a, { active, size = "default", className } = _b, props = __objRest(_b, ["active", "size", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     "button",
     __spreadValues({
       ref,
@@ -6187,11 +6376,11 @@ SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 
 // src/ui/components/ui/sidebar/SidebarFooter.tsx
 var import_react45 = require("react");
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var SidebarFooter = (0, import_react45.forwardRef)(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -6203,7 +6392,7 @@ var SidebarFooter = (0, import_react45.forwardRef)(
 SidebarFooter.displayName = "SidebarFooter";
 
 // src/ui/components/ui/sidebar/SidebarSupportInfo.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var SidebarSupportInfo = ({
   phone,
   hours,
@@ -6212,27 +6401,27 @@ var SidebarSupportInfo = ({
   className
 }) => {
   const collapsed = useSidebarCollapsed();
-  const badge = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-white/10 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(FaIcon, { name: icon, family: iconFamily, size: 16 }) });
+  const badge = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-white/10 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(FaIcon, { name: icon, family: iconFamily, size: 16 }) });
   if (collapsed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: cn("flex justify-center px-2 py-1.5", className), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Tooltip, { content: `${phone} \u2014 ${hours}`, side: "right", children: badge }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: cn("flex justify-center px-2 py-1.5", className), children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Tooltip, { content: `${phone} \u2014 ${hours}`, side: "right", children: badge }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: cn("flex items-center gap-2 px-2 py-1.5", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: cn("flex items-center gap-2 px-2 py-1.5", className), children: [
     badge,
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex min-w-0 flex-col leading-tight", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "truncate text-sm font-bold text-white", children: phone }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "truncate text-xs text-white/50", children: hours })
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex min-w-0 flex-col leading-tight", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "truncate text-sm font-bold text-white", children: phone }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "truncate text-xs text-white/50", children: hours })
     ] })
   ] });
 };
 
 // src/ui/components/ui/sidebar/SidebarMenuSearchInput.tsx
 var import_react46 = require("react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var SidebarMenuSearchInput = (0, import_react46.forwardRef)((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(InputGroup, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(FaIcon, { name: "magnifying-glass", size: 14, className: "text-white/50" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(InputGroup, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(InputGroupAddon, { align: "inline-start", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(FaIcon, { name: "magnifying-glass", size: 14, className: "text-white/50" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       Input,
       __spreadValues({
         ref,
@@ -6249,7 +6438,7 @@ SidebarMenuSearchInput.displayName = "SidebarMenuSearchInput";
 // src/ui/components/ui/sidebar/SidebarUserMenu.tsx
 var import_react47 = require("react");
 var RadixPopover5 = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = 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]"
@@ -6271,8 +6460,8 @@ var SidebarUserMenu = ({
     action();
     setOpen(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(RadixPopover5.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(RadixPopover5.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       "button",
       {
         type: "button",
@@ -6282,10 +6471,10 @@ var SidebarUserMenu = ({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Avatar, { name, src: avatarSrc, size: collapsed ? 28 : 32 }),
-          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Avatar, { name, src: avatarSrc, size: collapsed ? 28 : 32 }),
+          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                 Text,
                 {
                   as: "span",
@@ -6296,10 +6485,10 @@ var SidebarUserMenu = ({
                   children: name
                 }
               ),
-              email && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "truncate text-xs text-white/50", children: email }),
-              subtitle && !hideSubtitleInTrigger && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "truncate text-xs text-white/50", children: subtitle })
+              email && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "truncate text-xs text-white/50", children: email }),
+              subtitle && !hideSubtitleInTrigger && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "truncate text-xs text-white/50", children: subtitle })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
               FaIcon,
               {
                 name: "sort",
@@ -6312,7 +6501,7 @@ var SidebarUserMenu = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(RadixPopover5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(RadixPopover5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       RadixPopover5.Content,
       {
         align: "end",
@@ -6320,10 +6509,10 @@ var SidebarUserMenu = ({
         sideOffset: 6,
         className: panelClassName,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center gap-2 px-2 py-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Avatar, { name, src: avatarSrc, size: 32 }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-2 px-2 py-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Avatar, { name, src: avatarSrc, size: 32 }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col leading-tight", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                 Text,
                 {
                   as: "span",
@@ -6334,20 +6523,20 @@ var SidebarUserMenu = ({
                   children: name
                 }
               ),
-              email && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "truncate text-xs text-white/50", children: email }),
-              subtitle && !hideSubtitleInPanel && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "truncate text-xs text-white/50", children: subtitle })
+              email && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "truncate text-xs text-white/50", children: email }),
+              subtitle && !hideSubtitleInPanel && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "truncate text-xs text-white/50", children: subtitle })
             ] })
           ] }),
-          actionGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          actionGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime85.jsxs)(RadixPopover5.Root, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("button", { type: "button", className: rowClassName, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                  return item.renderPanel || item.subActions ? /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(RadixPopover5.Root, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(RadixPopover5.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("button", { type: "button", className: rowClassName, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                         FaIcon,
                         {
                           name: item.icon,
@@ -6356,8 +6545,8 @@ var SidebarUserMenu = ({
                           className: "shrink-0 text-white/70"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "flex-1", children: item.label }),
-                      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "flex-1", children: item.label }),
+                      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                         FaIcon,
                         {
                           name: "chevron-right",
@@ -6366,21 +6555,21 @@ var SidebarUserMenu = ({
                         }
                       )
                     ] }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(RadixPopover5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(RadixPopover5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime85.jsxs)(
+                        children: item.renderPanel ? item.renderPanel(() => setOpen(false)) : (_a = item.subActions) == null ? void 0 : _a.map((sub) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
                           "button",
                           {
                             type: "button",
                             onClick: () => runAndClose(sub.action),
                             className: rowClassName,
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                                 FaIcon,
                                 {
                                   name: sub.icon,
@@ -6396,14 +6585,14 @@ var SidebarUserMenu = ({
                         ))
                       }
                     ) })
-                  ] }, item.label) : /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+                  ] }, item.label) : /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
                     "button",
                     {
                       type: "button",
                       onClick: () => runAndClose(item.action),
                       className: rowClassName,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                           FaIcon,
                           {
                             name: item.icon,
@@ -6430,15 +6619,15 @@ var SidebarUserMenu = ({
 
 // src/ui/components/ui/Toaster.tsx
 var import_sonner = require("sonner");
-var import_jsx_runtime86 = require("react/jsx-runtime");
-var Toaster = () => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_sonner.Toaster, { position: "bottom-right", gap: 8 });
+var import_jsx_runtime87 = require("react/jsx-runtime");
+var Toaster = () => /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var ICON = {
   success: "circle-check",
   error: "circle-xmark",
@@ -6480,7 +6669,7 @@ var ToastCard = ({
   title,
   message,
   timeOut
-}) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
   Layout,
   {
     role: "status",
@@ -6492,14 +6681,14 @@ var ToastCard = ({
       ACCENT_BORDER[type]
     ),
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime87.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             FaIcon,
             {
               name: ICON[type],
@@ -6512,21 +6701,21 @@ var ToastCard = ({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Layout, { column: true, flex: 1, gap: 0.5, className: "min-w-0", children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-sm font-bold text-neutral-800", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-sm text-neutral-800", children: message })
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Layout, { column: true, flex: 1, gap: 0.5, className: "min-w-0", children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-sm font-bold text-neutral-800", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-sm text-neutral-800", children: message })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime87.jsx)(FaIcon, { name: "xmark", size: 14 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(FaIcon, { name: "xmark", size: 14 })
         }
       ),
-      type !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      type !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
         "div",
         {
           className: cn(
@@ -6541,13 +6730,13 @@ var ToastCard = ({
 );
 
 // src/ui/lib/toast.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = 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_runtime88.jsx)(
+    (id) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       ToastCard,
       {
         id,
@@ -6586,9 +6775,9 @@ var toast = {
 
 // src/ui/components/ui/PageContainer.tsx
 var import_react48 = require("react");
-var import_class_variance_authority14 = require("class-variance-authority");
-var import_jsx_runtime89 = require("react/jsx-runtime");
-var pageContainerVariants = (0, import_class_variance_authority14.cva)(
+var import_class_variance_authority15 = require("class-variance-authority");
+var import_jsx_runtime90 = require("react/jsx-runtime");
+var pageContainerVariants = (0, import_class_variance_authority15.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)]",
   {
     variants: {
@@ -6605,7 +6794,7 @@ var pageContainerVariants = (0, import_class_variance_authority14.cva)(
 var PageContainer = (0, import_react48.forwardRef)(
   (_a, ref) => {
     var _b = _a, { padding, className } = _b, props = __objRest(_b, ["padding", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -6618,7 +6807,7 @@ PageContainer.displayName = "PageContainer";
 
 // src/ui/components/ui/IconTabs.tsx
 var import_react49 = require("react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var IconTabs = ({
   items,
   value,
@@ -6649,8 +6838,8 @@ var IconTabs = ({
     if (listRef.current) ro.observe(listRef.current);
     return () => ro.disconnect();
   }, [updateBar]);
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(Layout, { column: true, className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Layout, { column: true, className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
       Layout,
       {
         ref: listRef,
@@ -6659,7 +6848,7 @@ var IconTabs = ({
         gap: 1,
         className: "relative rounded-[5px] bg-grey-100 p-1",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             "div",
             {
               className: "absolute rounded-[5px] bg-blue-50 transition-all duration-300",
@@ -6675,7 +6864,7 @@ var IconTabs = ({
             var _a2;
             const disabled = disabledIndexes.includes(index);
             const active = value === index;
-            return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
               "button",
               {
                 type: "button",
@@ -6692,14 +6881,14 @@ var IconTabs = ({
                   disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                     "i",
                     {
                       className: `fa-${(_a2 = item.iconFamily) != null ? _a2 : "regular"} fa-${item.icon}`,
                       style: { fontSize: 16 }
                     }
                   ),
-                  item.caption && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+                  item.caption && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                     "span",
                     {
                       className: cn(
@@ -6717,14 +6906,14 @@ var IconTabs = ({
         ]
       }
     ),
-    ((_a = items[value]) == null ? void 0 : _a.label) && /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime91.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_runtime91 = require("react/jsx-runtime");
-var bannerVariants = (0, import_class_variance_authority15.cva)("rounded-[6px] px-4 py-2", {
+var import_class_variance_authority16 = require("class-variance-authority");
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var bannerVariants = (0, import_class_variance_authority16.cva)("rounded-[6px] px-4 py-2", {
   variants: {
     theme: {
       "blue-700": "bg-blue-50 text-blue-900",
@@ -6780,14 +6969,14 @@ var Banner = ({
 }) => {
   const align = textAlignByJustify[justify];
   const textClass = TEXT_CLASS2[theme != null ? theme : "blue-700"];
-  const content = children ? children : message ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { size: "s", align, className: textClass, children: message }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Layout, { column: true, align: justify, gap: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(Layout, { align: "center", gap: 2, children: [
-      badge && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Badge, { theme: theme != null ? theme : "blue-700", size: "m", children: badge }),
-      title && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { size: "s", weight: "bold", align, className: textClass, children: title })
+  const content = children ? children : message ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Text, { size: "s", align, className: textClass, children: message }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Layout, { column: true, align: justify, gap: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Layout, { align: "center", gap: 2, children: [
+      badge && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Badge, { theme: theme != null ? theme : "blue-700", size: "m", children: badge }),
+      title && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Text, { size: "s", weight: "bold", align, className: textClass, children: title })
     ] }),
-    subtitle && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Text, { size: "xs", align, className: textClass, children: subtitle })
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Text, { size: "xs", align, className: textClass, children: subtitle })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     Layout,
     {
       role: "alert",
@@ -6798,15 +6987,15 @@ var Banner = ({
       width,
       className: cn(bannerVariants({ theme }), className),
       children: [
-        justify === "start" ? content : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Layout, { flex: 1, justify, align: "center", gap: 2, wrap: true, children: content }),
-        toggle ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        justify === "start" ? content : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Layout, { flex: 1, justify, align: "center", gap: 2, wrap: true, children: content }),
+        toggle ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           Switch,
           {
             checked: toggle.checked,
             onChange: toggle.onChange,
             disabled: toggle.disabled
           }
-        ) : action && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+        ) : action && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
           Button,
           {
             variant: "outline",
@@ -6917,7 +7106,7 @@ var resolveArcPlacement = (request) => {
 };
 
 // src/ui/components/ui/FloatingButton.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var readStoredOffset = (key) => {
   if (!key || typeof window === "undefined") return { x: 0, y: 0 };
   try {
@@ -7115,7 +7304,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_runtime92.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -7133,7 +7322,7 @@ var FloatingButton = ({
         actions.map((action, index) => {
           var _a;
           const itemOffset = arcOffset(index, actions.length, placement.geometry);
-          return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
             "button",
             {
               type: "button",
@@ -7151,14 +7340,14 @@ var FloatingButton = ({
                 transform: isOpen ? `translate(${itemOffset.x}px, ${itemOffset.y}px)` : "scale(0.4)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: SUB_ICON[color], children: action.icon }),
-                ((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime93.jsx)("span", { className: SUB_ICON[color], children: action.icon }),
+                ((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime92.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
           "button",
           {
             type: "button",
@@ -7175,8 +7364,8 @@ var FloatingButton = ({
               touchAction: draggable ? "none" : void 0
             },
             children: [
-              isOpen ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(FaIcon, { name: "xmark", size: 20 }) : icon,
-              !isOpen && mainBadge > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime93.jsx)(FaIcon, { name: "xmark", size: 20 }) : icon,
+              !isOpen && mainBadge > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.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 })
             ]
           }
         )
@@ -7187,7 +7376,7 @@ var FloatingButton = ({
 
 // src/ui/components/ui/ActivityFeedPanel.tsx
 var import_react51 = require("react");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var PANEL_WIDTH = 500;
 var PANEL_MAX_HEIGHT = 750;
 var GAP = 8;
@@ -7254,7 +7443,7 @@ var ActivityFeedPanel = ({
     return () => window.removeEventListener("resize", recompute);
   }, [open, offset]);
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
     Layout,
     {
       ref: panelRef,
@@ -7262,7 +7451,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_runtime93.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
           Layout,
           {
             align: "center",
@@ -7270,12 +7459,12 @@ var ActivityFeedPanel = ({
             padding: 4,
             className: "border-b border-grey-200",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(IconBadge, __spreadValues({ name: "bell", size: "m" }, PULSE_ICON_BADGE)),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Text, { size: "s", weight: "bold", children: title })
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(IconBadge, __spreadValues({ name: "bell", size: "m" }, PULSE_ICON_BADGE)),
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { size: "s", weight: "bold", children: title })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Layout, { column: true, fullWidth: true, style: { flex: "1 1 0%", minHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Layout, { column: true, fullWidth: true, style: { flex: "1 1 0%", minHeight: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           "div",
           {
             style: {
@@ -7286,10 +7475,10 @@ var ActivityFeedPanel = ({
               scrollbarWidth: "none"
             },
             className: "[&::-webkit-scrollbar]:hidden",
-            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Layout, { column: true, padding: 2, gap: 1, fullWidth: true, children: [
-              isLoading && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Layout, { fullWidth: true, justify: "center", padding: 6, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Spinner, {}) }),
-              !isLoading && items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Text, { size: "s", color: "grey-500", align: "center", className: "p-4", children: emptyMessage }),
-              items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Layout, { column: true, padding: 2, gap: 1, fullWidth: true, children: [
+              isLoading && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Layout, { fullWidth: true, justify: "center", padding: 6, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Spinner, {}) }),
+              !isLoading && items.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { size: "s", color: "grey-500", align: "center", className: "p-4", children: emptyMessage }),
+              items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
                 Layout,
                 {
                   gap: 3,
@@ -7297,7 +7486,7 @@ var ActivityFeedPanel = ({
                   className: "cursor-pointer items-start rounded-[8px] p-2 hover:bg-grey-100",
                   onClick: item.onClick,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
                       IconBadge,
                       {
                         name: item.icon,
@@ -7306,9 +7495,9 @@ var ActivityFeedPanel = ({
                         iconColor: item.iconColor
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Layout, { column: true, gap: 0.5, className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Text, { size: "xs", children: item.text }),
-                      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Text, { size: "xxs", color: "grey-500", children: item.timeLabel })
+                    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Layout, { column: true, gap: 0.5, className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { size: "xs", children: item.text }),
+                      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { size: "xxs", color: "grey-500", children: item.timeLabel })
                     ] })
                   ]
                 },
@@ -7323,7 +7512,7 @@ var ActivityFeedPanel = ({
 };
 
 // src/ui/components/ui/MetricCard.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var ICON_WRAP_CLASS = {
   "blue-700": "bg-blue-50 text-blue-700",
   "blue-900": "bg-blue-50 text-blue-900",
@@ -7352,7 +7541,7 @@ var MetricCard = ({
   selected = false,
   children,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
   "div",
   {
     onClick,
@@ -7362,25 +7551,25 @@ var MetricCard = ({
       selected && "border-blue-700",
       className
     ),
-    children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Layout, { align: "center", gap: 3, fullWidth: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Layout, { align: "center", gap: 3, fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime94.jsx)("i", { className: `fa-${iconFamily} fa-${icon}`, style: { fontSize: 18 } })
+          children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("i", { className: `fa-${iconFamily} fa-${icon}`, style: { fontSize: 18 } })
         }
       ),
-      children ? children : layout === "row" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Layout, { align: "center", gap: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { size: "s", color: "grey-600", children: title })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Layout, { column: true, gap: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { size: "s", color: "grey-600", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Layout, { align: "baseline", gap: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
-          subtitle && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { size: "xs", color: "grey-600", children: subtitle })
+      children ? children : layout === "row" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Layout, { align: "center", gap: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Text, { size: "s", color: "grey-600", children: title })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Layout, { column: true, gap: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Text, { size: "s", color: "grey-600", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Layout, { align: "baseline", gap: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Text, { size: "s", weight: "bold", color: valueColor, children: value }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Text, { size: "xs", color: "grey-600", children: subtitle })
         ] })
       ] })
     ] })
@@ -7388,7 +7577,7 @@ var MetricCard = ({
 );
 
 // src/ui/components/ui/Tile.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var Tile = ({
   children,
   onClick,
@@ -7398,7 +7587,7 @@ var Tile = ({
   className
 }) => {
   const isOutline = variant === "outline";
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
     "div",
     {
       className: cn(
@@ -7409,7 +7598,7 @@ var Tile = ({
         className
       ),
       children: [
-        onClick ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        onClick ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           "button",
           {
             type: "button",
@@ -7422,7 +7611,7 @@ var Tile = ({
             children
           }
         ) : children,
-        expandedContent && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: cn(isOutline && "border-t border-grey-300"), children: expandedContent })
+        expandedContent && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: cn(isOutline && "border-t border-grey-300"), children: expandedContent })
       ]
     }
   );
@@ -7577,16 +7766,16 @@ var formatName = (person, fallback = "") => {
 };
 
 // src/ui/components/ui/history/HistoryChangeRow.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var HistoryChangeRow = ({ change }) => {
   const { label, previousValue, nextValue, href, onClick } = change;
   const hasValues = Boolean(previousValue || nextValue);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Layout, { align: "center", gap: 1.5, wrap: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Text, { size: "xs", weight: "semibold", color: "grey-600", children: hasValues ? `${label} :` : label }),
-    previousValue && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Text, { size: "xs", color: "grey-600", children: previousValue }),
-    previousValue && nextValue && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon, { name: "arrow-right", size: "xs", color: "grey-500" }),
-    nextValue && href && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Link, { href, newTab: true, size: "xs", children: nextValue }),
-    nextValue && onClick && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Layout, { align: "center", gap: 1.5, wrap: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Text, { size: "xs", weight: "semibold", color: "grey-600", children: hasValues ? `${label} :` : label }),
+    previousValue && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Text, { size: "xs", color: "grey-600", children: previousValue }),
+    previousValue && nextValue && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Icon, { name: "arrow-right", size: "xs", color: "grey-500" }),
+    nextValue && href && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Link, { href, newTab: true, size: "xs", children: nextValue }),
+    nextValue && onClick && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       "button",
       {
         type: "button",
@@ -7598,27 +7787,27 @@ var HistoryChangeRow = ({ change }) => {
         children: nextValue
       }
     ),
-    nextValue && !href && !onClick && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Text, { size: "xs", weight: "semibold", children: nextValue })
+    nextValue && !href && !onClick && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Text, { size: "xs", weight: "semibold", children: nextValue })
   ] });
 };
 
 // src/ui/components/ui/history/HistoryEntryCard.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = 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_runtime97.jsxs)(Layout, { column: true, gap: 1, fullWidth: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Layout, { align: "center", justify: "between", gap: 2, fullWidth: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Layout, { align: "center", gap: 3, fullWidth: false, className: "min-w-0", children: [
-        author && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Avatar, { name: author.name, src: author.avatarSrc, size: 40 }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Text, { size: "xs", weight: "bold", className: "whitespace-nowrap", children: author.name })
+  const summary = /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Layout, { column: true, gap: 1, fullWidth: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Layout, { align: "center", justify: "between", gap: 2, fullWidth: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Layout, { align: "center", gap: 3, fullWidth: false, className: "min-w-0", children: [
+        author && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Avatar, { name: author.name, src: author.avatarSrc, size: 40 }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Text, { size: "xs", weight: "bold", className: "whitespace-nowrap", children: author.name })
         ] }),
-        badge && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Badge, { theme: badge.theme, size: "s", children: badge.label })
+        badge && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Badge, { theme: badge.theme, size: "s", children: badge.label })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Layout, { align: "center", gap: 2, fullWidth: false, className: "shrink-0", children: [
-        date && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Layout, { align: "center", gap: 2, fullWidth: false, className: "shrink-0", children: [
+        date && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           Text,
           {
             size: "xxs",
@@ -7628,7 +7817,7 @@ var HistoryEntryCard = ({ entry }) => {
             children: formatDate(date, "dateTime", "fr")
           }
         ),
-        hasChanges && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        hasChanges && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           Icon,
           {
             name: "chevron-down",
@@ -7639,14 +7828,14 @@ var HistoryEntryCard = ({ entry }) => {
         )
       ] })
     ] }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Text, { size: "xs", className: author ? "pl-[52px]" : void 0, children: title })
+    title && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Text, { size: "xs", className: author ? "pl-[52px]" : void 0, children: title })
   ] });
   if (!hasChanges) {
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: `${CARD_CLASS} p-3`, children: summary });
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: `${CARD_CLASS} p-3`, children: summary });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Collapsible, { className: CARD_CLASS, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime97.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Collapsible, { className: CARD_CLASS, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime98.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       Layout,
       {
         column: true,
@@ -7654,7 +7843,7 @@ var HistoryEntryCard = ({ entry }) => {
         paddingX: 3,
         paddingBottom: 3,
         className: author ? "pl-[64px]" : void 0,
-        children: changes.map((change, index) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        children: changes.map((change, index) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           HistoryChangeRow,
           {
             change
@@ -7667,7 +7856,7 @@ var HistoryEntryCard = ({ entry }) => {
 };
 
 // src/ui/components/ui/history/HistoryList.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var SKELETON_COUNT = 4;
 var HistoryList = ({
   entries,
@@ -7679,8 +7868,8 @@ var HistoryList = ({
   emptyLabel = "Aucun historique",
   emptyDescription = "Aucune action enregistr\xE9e pour le moment.",
   notice
-}) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Layout, { column: true, gap: 2, fullWidth: true, className: "flex-1", children: [
-  filters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Layout, { gap: 2, wrap: true, fullWidth: true, justify: "center", children: filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Layout, { column: true, gap: 2, fullWidth: true, className: "flex-1", children: [
+  filters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Layout, { gap: 2, wrap: true, fullWidth: true, justify: "center", children: filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     TagBubble,
     {
       label: filter.label,
@@ -7691,22 +7880,22 @@ var HistoryList = ({
     },
     filter.value
   )) }),
-  isLoading && Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Skeleton, { height: "72px" }, index)),
-  !isLoading && isError && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Text, { size: "s", color: "red-900", align: "center", children: errorLabel }),
-  !isLoading && !isError && entries.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  isLoading && Array.from({ length: SKELETON_COUNT }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Skeleton, { height: "72px" }, index)),
+  !isLoading && isError && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Text, { size: "s", color: "red-900", align: "center", children: errorLabel }),
+  !isLoading && !isError && entries.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     EmptyState,
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(FaIcon, { name: "clock-rotate-left", size: 20 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(FaIcon, { name: "clock-rotate-left", size: 20 }),
       title: emptyLabel,
       description: emptyDescription
     }
   ),
-  !isLoading && !isError && entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(HistoryEntryCard, { entry }, entry.id)),
-  !isLoading && !isError && notice && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Text, { size: "xs", color: "grey-600", align: "center", children: notice })
+  !isLoading && !isError && entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(HistoryEntryCard, { entry }, entry.id)),
+  !isLoading && !isError && notice && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Text, { size: "xs", color: "grey-600", align: "center", children: notice })
 ] });
 
 // src/ui/components/ui/history/HistoryDrawer.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var HistoryDrawer = (_a) => {
   var _b = _a, {
     open,
@@ -7717,7 +7906,7 @@ var HistoryDrawer = (_a) => {
     "onClose",
     "title"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
     Drawer,
     {
       open,
@@ -7725,9 +7914,9 @@ var HistoryDrawer = (_a) => {
       className: "z-[1060]",
       overlayClassName: "z-[1050]",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(DrawerHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DrawerTitle, { className: "uppercase", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(DrawerHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(DrawerTitle, { className: "uppercase", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(DrawerClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             Icon,
             {
               name: "xmark",
@@ -7737,7 +7926,7 @@ var HistoryDrawer = (_a) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DrawerBody, { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(HistoryList, __spreadValues({}, listProps)) })
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(DrawerBody, { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(HistoryList, __spreadValues({}, listProps)) })
       ]
     }
   );
@@ -7745,7 +7934,7 @@ var HistoryDrawer = (_a) => {
 
 // src/ui/components/ui/history/HistoryButton.tsx
 var import_react52 = require("react");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var LABEL = "Historique";
 var SHORT_TOOLTIP = "Voir l\u2019historique des actions";
 var HistoryButton = (_a) => {
@@ -7766,10 +7955,10 @@ var HistoryButton = (_a) => {
     onOpenChange == null ? void 0 : onOpenChange(nextIsOpen);
   };
   const open = () => changeOpen(true);
-  const icon = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(FaIcon, { name: "clock-rotate-left", size: 14 });
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-    variant === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Tooltip, { content: tooltip, className: "z-[1100]", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { iconLeft: icon, "aria-label": LABEL, onClick: open }) }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { label: LABEL, iconLeft: icon, onClick: open }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  const icon = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(FaIcon, { name: "clock-rotate-left", size: 14 });
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    variant === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Tooltip, { content: tooltip, className: "z-[1100]", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { iconLeft: icon, "aria-label": LABEL, onClick: open }) }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { label: LABEL, iconLeft: icon, onClick: open }),
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       HistoryDrawer,
       __spreadValues({
         open: isOpen,
@@ -7781,7 +7970,7 @@ var HistoryButton = (_a) => {
 };
 
 // src/ui/components/ui/Gantt.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var Gantt = ({
   days,
   rows,
@@ -7797,7 +7986,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_runtime101.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
     "div",
     {
       className: cn(
@@ -7805,13 +7994,13 @@ var Gantt = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
           "div",
           {
             className: "grid border-b border-grey-300 bg-grey-100",
             style: gridCols,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                 Layout,
                 {
                   align: "center",
@@ -7819,7 +8008,7 @@ var Gantt = ({
                   children: labelHeader
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "relative h-[30px]", children: days.map((day) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "relative h-[30px]", children: days.map((day) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                 Layout,
                 {
                   fullHeight: true,
@@ -7833,13 +8022,13 @@ var Gantt = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
           "div",
           {
             className: "grid overflow-y-auto overflow-x-hidden",
             style: __spreadProps(__spreadValues({}, gridCols), { maxHeight }),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "min-w-0 border-r border-grey-300", children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "min-w-0 border-r border-grey-300", children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                 Layout,
                 {
                   column: true,
@@ -7856,8 +8045,8 @@ var Gantt = ({
                 },
                 row.key
               )) }),
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "min-w-0 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "relative w-full", style: { height: bodyHeight }, children: [
-                days.map((day, i) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "min-w-0 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "relative w-full", style: { height: bodyHeight }, children: [
+                days.map((day, i) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                   "div",
                   {
                     className: cn(
@@ -7868,7 +8057,7 @@ var Gantt = ({
                   },
                   day.key
                 )),
-                bands.map((band) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                bands.map((band) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                   "div",
                   {
                     title: band.title,
@@ -7879,7 +8068,7 @@ var Gantt = ({
                 )),
                 rows.map((row, i) => {
                   var _a, _b, _c;
-                  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                     "div",
                     {
                       className: cn(
@@ -7887,7 +8076,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_runtime101.jsx)(
+                      children: row.bar && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                         Layout,
                         {
                           align: "center",
@@ -7902,7 +8091,7 @@ var Gantt = ({
                             background: row.bar.color,
                             borderColor: row.bar.color
                           },
-                          children: row.bar.label && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                          children: row.bar.label && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                             "span",
                             {
                               className: "overflow-hidden text-ellipsis whitespace-nowrap text-[10px] font-semibold",
@@ -7924,7 +8113,7 @@ var Gantt = ({
     }
   );
 };
-var GanttDot = ({ color }) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+var GanttDot = ({ color }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
   "span",
   {
     className: "inline-block h-[9px] w-[9px] shrink-0 rounded-[3px]",
@@ -7934,7 +8123,7 @@ var GanttDot = ({ color }) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
 var GanttSwatch = ({
   color,
   filled = true
-}) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
   "span",
   {
     className: "box-border inline-block h-3 w-[18px] shrink-0 rounded-[3px] border-[1.5px]",
@@ -7943,7 +8132,7 @@ var GanttSwatch = ({
 );
 
 // src/ui/components/ui/Timeline.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var Timeline = ({
   items,
   lineColor = "#F1F5F9",
@@ -7951,22 +8140,22 @@ var Timeline = ({
   className
 }) => {
   if (items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Text, { size: "s", color: "grey-600", children: emptyLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Text, { size: "s", color: "grey-600", children: emptyLabel });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Layout, { column: true, className, children: items.map((item, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime103.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_runtime102.jsxs)(Layout, { gap: 3, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(Layout, { column: true, align: "center", className: "w-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Layout, { gap: 3, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Layout, { column: true, align: "center", className: "w-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "span",
           {
             className: "mt-1 h-2.5 w-2.5 shrink-0 rounded-full",
             style: { background: dotColor }
           }
         ),
-        !isLast && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "span",
           {
             className: "w-0.5 flex-1 min-h-[16px]",
@@ -7974,10 +8163,10 @@ var Timeline = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(Layout, { column: true, gap: 0.5, className: isLast ? void 0 : "pb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Text, { size: "s", weight: item.highlighted ? "bold" : "semibold", children: item.title }),
-        item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Text, { size: "xs", color: "grey-600", children: item.subtitle }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "text-xs italic text-neutral-800", children: item.description })
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Layout, { column: true, gap: 0.5, className: isLast ? void 0 : "pb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Text, { size: "s", weight: item.highlighted ? "bold" : "semibold", children: item.title }),
+        item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Text, { size: "xs", color: "grey-600", children: item.subtitle }),
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "text-xs italic text-neutral-800", children: item.description })
       ] })
     ] }, item.id);
   }) });
@@ -7985,9 +8174,9 @@ var Timeline = ({
 
 // src/ui/components/ui/ColorPicker.tsx
 var import_react53 = require("react");
-var import_class_variance_authority16 = require("class-variance-authority");
-var import_jsx_runtime103 = require("react/jsx-runtime");
-var swatchVariants = (0, import_class_variance_authority16.cva)(
+var import_class_variance_authority17 = require("class-variance-authority");
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var swatchVariants = (0, import_class_variance_authority17.cva)(
   "inline-flex shrink-0 overflow-hidden rounded-[6px] border border-grey-300",
   {
     variants: {
@@ -8000,7 +8189,7 @@ var swatchVariants = (0, import_class_variance_authority16.cva)(
     defaultVariants: { size: "m" }
   }
 );
-var inputVariants = (0, import_class_variance_authority16.cva)(
+var inputVariants = (0, import_class_variance_authority17.cva)(
   "min-w-0 flex-1 rounded-[6px] border border-grey-300 bg-white font-mono uppercase text-grey-600 outline-none transition-colors focus:border-blue-700 disabled:cursor-not-allowed disabled:bg-grey-100",
   {
     variants: {
@@ -8030,7 +8219,7 @@ var ColorPicker = (0, import_react53.forwardRef)(
       if (value === void 0) setInternalColor(next);
       onChange == null ? void 0 : onChange(next);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
       Layout,
       {
         column: true,
@@ -8038,21 +8227,21 @@ var ColorPicker = (0, import_react53.forwardRef)(
         gap: 1.5,
         className: cn(disabled && "opacity-60", className),
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "text-xs font-semibold text-neutral-800", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Layout, { gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "text-xs font-semibold text-neutral-800", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Layout, { gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
               "label",
               {
                 className: cn(
                   swatchVariants({ size }),
                   disabled ? "cursor-not-allowed" : "cursor-pointer"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                   "span",
                   {
                     className: "relative block h-full w-full",
                     style: { backgroundColor: currentColor },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                       "input",
                       {
                         ref,
@@ -8067,7 +8256,7 @@ var ColorPicker = (0, import_react53.forwardRef)(
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
               "input",
               __spreadProps(__spreadValues({
                 type: "text",
@@ -8107,7 +8296,7 @@ var COLOR_TOKENS = [
 ];
 
 // src/ui/components/ui/ColorTokenPicker.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var SWATCH_CLASS = {
   "blue-700": "bg-blue-700",
   "blue-900": "bg-blue-900",
@@ -8129,13 +8318,13 @@ var ColorTokenPicker = ({
   disabled = false
 }) => {
   const [open, setOpen] = (0, import_react54.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     Popover,
     {
       open,
       onOpenChange: disabled ? void 0 : setOpen,
       align: "start",
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         "button",
         {
           type: "button",
@@ -8146,7 +8335,7 @@ var ColorTokenPicker = ({
             "focus-visible:ring-2 focus-visible:ring-blue-200",
             disabled && "cursor-not-allowed opacity-50"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             "span",
             {
               className: cn(
@@ -8157,7 +8346,7 @@ var ColorTokenPicker = ({
           )
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Layout, { wrap: true, gap: 2, className: "w-[168px] p-1", children: COLOR_TOKENS.map((token) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Layout, { wrap: true, gap: 2, className: "w-[168px] p-1", children: COLOR_TOKENS.map((token) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         "button",
         {
           type: "button",
@@ -8181,7 +8370,7 @@ var ColorTokenPicker = ({
 
 // src/ui/components/ui/FileUploadZone.tsx
 var import_react55 = require("react");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var ACCEPT_MAP = {
   png: "image/png",
   jpg: "image/jpeg",
@@ -8309,7 +8498,7 @@ var FileUploadZone = ({
     onRemove == null ? void 0 : onRemove();
   };
   if (previewUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
       Layout,
       {
         column: true,
@@ -8321,14 +8510,14 @@ var FileUploadZone = ({
           className
         ),
         children: [
-          fileType && isPdf(fileType) ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          fileType && isPdf(fileType) ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             "embed",
             {
               src: previewUrl,
               type: "application/pdf",
               className: "h-[500px] w-full rounded"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             "img",
             {
               src: previewUrl,
@@ -8336,13 +8525,13 @@ var FileUploadZone = ({
               className: "max-h-[400px] max-w-full rounded object-contain"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             Button,
             {
               label: "Supprimer",
               theme: "red-900",
               size: "s",
-              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(FaIcon, { name: "trash", size: 14 }),
+              iconLeft: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(FaIcon, { name: "trash", size: 14 }),
               onClick: handleRemove
             }
           )
@@ -8351,14 +8540,14 @@ var FileUploadZone = ({
     );
   }
   const showBrowse = !compact && browseLabel !== false;
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
     Layout,
     {
       column: true,
       gap: 1,
       className: cn(fullWidth ? "w-full" : "w-fit", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
           "label",
           {
             onDragOver: handleDragOver,
@@ -8372,7 +8561,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_runtime105.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                 "input",
                 {
                   ref: inputRef,
@@ -8384,11 +8573,11 @@ var FileUploadZone = ({
                   className: "hidden"
                 }
               ),
-              showIcon && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(FaIcon, { name: "cloud-arrow-up", size: 28, className: "text-blue-700" }),
-              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-center text-sm text-grey-600", children: label }),
-              showBrowse && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-center text-xs text-grey-600", children: "ou" }),
-                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+              showIcon && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(FaIcon, { name: "cloud-arrow-up", size: 28, className: "text-blue-700" }),
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-center text-sm text-grey-600", children: label }),
+              showBrowse && /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_jsx_runtime106.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-center text-xs text-grey-600", children: "ou" }),
+                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                   Button,
                   {
                     label: browseLabel,
@@ -8402,15 +8591,15 @@ var FileUploadZone = ({
                   }
                 )
               ] }),
-              sublabel && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-center text-xs text-grey-500", children: sublabel })
+              sublabel && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-center text-xs text-grey-500", children: sublabel })
             ]
           }
         ),
-        showFileName && fileName && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Layout, { align: "center", justify: "center", gap: 2, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(FaIcon, { name: "file", size: 16, className: "text-green-700" }),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-sm text-green-700", children: fileName })
+        showFileName && fileName && /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Layout, { align: "center", justify: "center", gap: 2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(FaIcon, { name: "file", size: 16, className: "text-green-700" }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-sm text-green-700", children: fileName })
         ] }),
-        inlineError && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-center text-sm text-red-900", children: inlineError })
+        inlineError && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-center text-sm text-red-900", children: inlineError })
       ]
     }
   );
@@ -8418,7 +8607,7 @@ var FileUploadZone = ({
 
 // src/ui/components/ui/FilePicker.tsx
 var import_react56 = require("react");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var FilePicker = ({
   label,
   onSelect,
@@ -8433,8 +8622,8 @@ var FilePicker = ({
   className
 }) => {
   const inputRef = (0, import_react56.useRef)(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_jsx_runtime106.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       "input",
       {
         ref: inputRef,
@@ -8450,20 +8639,20 @@ var FilePicker = ({
         }
       }
     ),
-    variant === "button" ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    variant === "button" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       Button,
       {
         variant: "outline",
         label,
         disabled,
         className,
-        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Icon, { name: icon, family: iconFamily, size: "s", color: "inherit" }),
+        iconLeft: /* @__PURE__ */ (0, import_jsx_runtime107.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_runtime106.jsx)(Tooltip, { content: label, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Tooltip, { content: label, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       Icon,
       {
         name: icon,
@@ -8484,9 +8673,9 @@ var FilePicker = ({
 
 // src/ui/components/ui/Item.tsx
 var import_react57 = require("react");
-var import_class_variance_authority17 = require("class-variance-authority");
-var import_jsx_runtime107 = require("react/jsx-runtime");
-var itemVariants = (0, import_class_variance_authority17.cva)(
+var import_class_variance_authority18 = require("class-variance-authority");
+var import_jsx_runtime108 = require("react/jsx-runtime");
+var itemVariants = (0, import_class_variance_authority18.cva)(
   "group/item flex items-center rounded-[6px] border border-transparent transition-colors",
   {
     variants: {
@@ -8506,7 +8695,7 @@ var itemVariants = (0, import_class_variance_authority17.cva)(
 var Item4 = (0, import_react57.forwardRef)(
   (_a, ref) => {
     var _b = _a, { variant, size, className } = _b, props = __objRest(_b, ["variant", "size", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       "div",
       __spreadValues({
         ref,
@@ -8516,7 +8705,7 @@ var Item4 = (0, import_react57.forwardRef)(
   }
 );
 Item4.displayName = "Item";
-var itemMediaVariants = (0, import_class_variance_authority17.cva)(
+var itemMediaVariants = (0, import_class_variance_authority18.cva)(
   "flex shrink-0 items-center justify-center gap-2",
   {
     variants: {
@@ -8531,7 +8720,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_runtime107.jsx)("div", __spreadValues({ className: cn(itemMediaVariants({ variant }), className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", __spreadValues({ className: cn(itemMediaVariants({ variant }), className) }, props));
 };
 var ItemContent = (_a) => {
   var _b = _a, {
@@ -8539,7 +8728,7 @@ var ItemContent = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "div",
     __spreadValues({
       className: cn("flex min-w-0 flex-1 flex-col gap-1", className)
@@ -8552,7 +8741,7 @@ var ItemTitle = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -8568,7 +8757,7 @@ var ItemDescription = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", __spreadValues({ className: cn("text-sm text-grey-500", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", __spreadValues({ className: cn("text-sm text-grey-500", className) }, props));
 };
 var ItemActions = (_a) => {
   var _b = _a, {
@@ -8576,7 +8765,7 @@ var ItemActions = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "div",
     __spreadValues({
       className: cn("flex shrink-0 items-center gap-2", className)
@@ -8585,7 +8774,7 @@ var ItemActions = (_a) => {
 };
 
 // src/ui/components/ui/Attachment.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var Attachment = ({
   name,
   size,
@@ -8599,7 +8788,7 @@ var Attachment = ({
 }) => {
   const isUploading = status === "uploading";
   const isError = status === "error";
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
     Item4,
     {
       variant: "outline",
@@ -8611,12 +8800,12 @@ var Attachment = ({
       ),
       style: { width },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
           ItemMedia,
           {
             variant: "icon",
             className: cn(isError && "border-red-900 bg-red-50"),
-            children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Spinner, { size: "s", color: "blue-700" }) : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+            children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Spinner, { size: "s", color: "blue-700" }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
               FaIcon,
               {
                 name: isError ? "triangle-exclamation" : "file",
@@ -8626,33 +8815,33 @@ var Attachment = ({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(ItemContent, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ItemTitle, { children: name }),
-          isUploading ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(ItemDescription, { className: "text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(ItemContent, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ItemTitle, { children: name }),
+          isUploading ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(ItemDescription, { className: "text-xs", children: [
             "Uploading - ",
             progress,
             "%"
-          ] }) : isError ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ItemDescription, { className: "text-xs text-red-900", children: errorMessage }) : size && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ItemDescription, { className: "text-xs", children: size })
+          ] }) : isError ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ItemDescription, { className: "text-xs text-red-900", children: errorMessage }) : size && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ItemDescription, { className: "text-xs", children: size })
         ] }),
-        (onRetry || onRemove) && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(ItemActions, { children: [
-          isError && onRetry && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+        (onRetry || onRemove) && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(ItemActions, { children: [
+          isError && onRetry && /* @__PURE__ */ (0, import_jsx_runtime109.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_runtime108.jsx)(FaIcon, { name: "rotate-right", size: 12 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(FaIcon, { name: "rotate-right", size: 12 })
             }
           ),
-          onRemove && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+          onRemove && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
             "button",
             {
               type: "button",
               onClick: onRemove,
               "aria-label": `Retirer ${name}`,
               className: "text-grey-400 hover:text-grey-600",
-              children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(FaIcon, { name: "xmark", size: 12 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(FaIcon, { name: "xmark", size: 12 })
             }
           )
         ] })
@@ -8664,7 +8853,7 @@ var Attachment = ({
 // src/ui/components/ui/PdfPreview.tsx
 var import_react58 = require("react");
 var import_react_pdf = require("react-pdf");
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime110 = 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,
@@ -8675,9 +8864,9 @@ var PdfPreview = ({
   const [hasError, setHasError] = (0, import_react58.useState)(false);
   const [numPages, setNumPages] = (0, import_react58.useState)(0);
   const height = Math.round(width * 1.3);
-  const thumbnailSkeleton = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Skeleton, { width, height });
+  const thumbnailSkeleton = /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Skeleton, { width, height });
   if (hasError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
       Layout,
       {
         column: true,
@@ -8690,13 +8879,13 @@ var PdfPreview = ({
         ),
         style: { width, height },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(FaIcon, { name: "file-pdf", size: 24 }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "text-xs", children: "Aper\xE7u indisponible" })
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(FaIcon, { name: "file-pdf", size: 24 }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-xs", children: "Aper\xE7u indisponible" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     "div",
     {
       className: cn(
@@ -8704,7 +8893,7 @@ var PdfPreview = ({
         className
       ),
       style: { width, maxHeight },
-      children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
         import_react_pdf.Document,
         {
           file,
@@ -8712,7 +8901,7 @@ var PdfPreview = ({
           onLoadError: () => setHasError(true),
           loading: thumbnailSkeleton,
           error: thumbnailSkeleton,
-          children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Layout, { column: true, gap: 2, className: "p-2", children: Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Layout, { column: true, gap: 2, className: "p-2", children: Array.from({ length: numPages }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
             import_react_pdf.Page,
             {
               pageNumber: i + 1,
@@ -8733,7 +8922,7 @@ var import_react60 = require("react");
 
 // src/ui/components/ui/VideoPlayer.tsx
 var import_react59 = require("react");
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var formatVideoDuration = (seconds) => {
   if (seconds === void 0 || !Number.isFinite(seconds) || seconds < 0)
     return "";
@@ -8832,8 +9021,8 @@ var VideoPlayer = ({
   const stopBubbling = (e) => {
     e.stopPropagation();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
       Layout,
       {
         className: cn(
@@ -8844,7 +9033,7 @@ var VideoPlayer = ({
         onClick: stopBubbling,
         "data-testid": "video-player",
         children: [
-          isInlinePlaying ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+          isInlinePlaying ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             "video",
             {
               ref: attachInlineVideo,
@@ -8856,7 +9045,7 @@ var VideoPlayer = ({
               className: "h-full w-full bg-black object-contain",
               "aria-label": title
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
             "button",
             {
               type: "button",
@@ -8864,7 +9053,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_runtime110.jsx)(
+                visiblePoster ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                   "img",
                   {
                     src: visiblePoster,
@@ -8875,7 +9064,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_runtime110.jsx)(
+                  !hasFramePreviewError && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                     "video",
                     {
                       src: `${src}#t=0.1`,
@@ -8890,12 +9079,12 @@ var VideoPlayer = ({
                     }
                   )
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime110.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_runtime110.jsx)(FaIcon, { name: "play", family: "solid", size: 18 }) }),
-                formattedDuration && /* @__PURE__ */ (0, import_jsx_runtime110.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_runtime111.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_runtime111.jsx)(FaIcon, { name: "play", family: "solid", size: 18 }) }),
+                formattedDuration && /* @__PURE__ */ (0, import_jsx_runtime111.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_runtime110.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             Layout,
             {
               width: "auto",
@@ -8903,14 +9092,14 @@ var VideoPlayer = ({
               children: label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
             Layout,
             {
               width: "auto",
               gap: 1,
               className: "absolute right-1 top-1 rounded-full bg-white/90",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Tooltip, { content: "Agrandir la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Tooltip, { content: "Agrandir la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                   Icon,
                   {
                     name: "up-right-and-down-left-from-center",
@@ -8919,7 +9108,7 @@ var VideoPlayer = ({
                     "aria-label": "Agrandir la vid\xE9o"
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                   Icon,
                   {
                     name: "download",
@@ -8931,7 +9120,7 @@ var VideoPlayer = ({
               ]
             }
           ),
-          meta && !isInlinePlaying && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+          meta && !isInlinePlaying && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             Layout,
             {
               width: "auto",
@@ -8942,7 +9131,7 @@ var VideoPlayer = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
       Modal,
       {
         open: isExpanded,
@@ -8950,9 +9139,9 @@ var VideoPlayer = ({
         onOpenAutoFocus: focusExpandedVideo,
         width: "70vw",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(ModalHeader, { className: "items-start text-left", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Layout, { align: "center", justify: "between", fullWidth: true, gap: 2, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Layout, { align: "center", gap: 2, className: "min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ModalHeader, { className: "items-start text-left", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Layout, { align: "center", justify: "between", fullWidth: true, gap: 2, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Layout, { align: "center", gap: 2, className: "min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 IconBadge,
                 {
                   name: "video",
@@ -8961,10 +9150,10 @@ var VideoPlayer = ({
                   iconColor: "blue_900"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(ModalTitle, { className: "truncate", children: title })
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ModalTitle, { className: "truncate", children: title })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Layout, { width: "auto", align: "center", gap: 1, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Layout, { width: "auto", align: "center", gap: 1, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Tooltip, { content: "T\xE9l\xE9charger la vid\xE9o", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 Icon,
                 {
                   name: "download",
@@ -8973,7 +9162,7 @@ var VideoPlayer = ({
                   "aria-label": "T\xE9l\xE9charger la vid\xE9o"
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(ModalClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ModalClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                 Icon,
                 {
                   name: "xmark",
@@ -8985,7 +9174,7 @@ var VideoPlayer = ({
               ) })
             ] })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             "video",
             {
               ref: attachExpandedVideo,
@@ -9006,7 +9195,7 @@ var VideoPlayer = ({
 };
 
 // src/ui/components/ui/AudioPlayer.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = 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 = ({
@@ -9049,7 +9238,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_runtime111.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
     Layout,
     {
       gap: 3,
@@ -9058,7 +9247,7 @@ var AudioPlayer = ({
       className: cn("rounded-lg border border-grey-300 p-2", className),
       "data-testid": "audio-player",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           "audio",
           {
             ref: attachAudio,
@@ -9076,19 +9265,19 @@ var AudioPlayer = ({
             "aria-label": title
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           Button,
           {
             variant: "outline",
             size: "s",
             iconOnly: true,
             "aria-label": isPlaying ? `Mettre en pause ${title}` : `Lire ${title}`,
-            iconLeft: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Icon, { name: isPlaying ? "pause" : "play", size: "s", color: "inherit" }),
+            iconLeft: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Icon, { name: isPlaying ? "pause" : "play", size: "s", color: "inherit" }),
             onClick: togglePlayback
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(currentTime) }),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(currentTime) }),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           "input",
           {
             type: "range",
@@ -9102,7 +9291,7 @@ var AudioPlayer = ({
             className: "h-1 min-w-0 flex-1 cursor-pointer accent-blue-700 disabled:cursor-default"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(duration) })
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Text, { size: "xs", color: "grey-600", className: "tabular-nums", children: formatVideoDuration(duration) })
       ]
     }
   );
@@ -9110,7 +9299,7 @@ var AudioPlayer = ({
 
 // src/ui/components/ui/ScrollArea.tsx
 var RadixScrollArea = __toESM(require("@radix-ui/react-scroll-area"));
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var HIDDEN_SCROLLBAR_CLASSNAME = "w-0 h-0 opacity-0";
 var ScrollArea = (_a) => {
   var _b = _a, {
@@ -9126,13 +9315,13 @@ var ScrollArea = (_a) => {
     "viewportRef",
     "maxHeight"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
     RadixScrollArea.Root,
     __spreadProps(__spreadValues({
       className: cn("relative overflow-hidden", className)
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
           RadixScrollArea.Viewport,
           {
             ref: viewportRef,
@@ -9145,23 +9334,23 @@ var ScrollArea = (_a) => {
             children
           }
         ),
-        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+        (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
           RadixScrollArea.Scrollbar,
           {
             orientation: "vertical",
             className: HIDDEN_SCROLLBAR_CLASSNAME,
-            children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
           }
         ),
-        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+        (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
           RadixScrollArea.Scrollbar,
           {
             orientation: "horizontal",
             className: HIDDEN_SCROLLBAR_CLASSNAME,
-            children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(RadixScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-grey-400" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(RadixScrollArea.Corner, {})
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(RadixScrollArea.Corner, {})
       ]
     })
   );
@@ -9169,7 +9358,7 @@ var ScrollArea = (_a) => {
 
 // src/ui/components/ui/Message.tsx
 var import_react61 = require("react");
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime114 = 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" },
@@ -9228,7 +9417,7 @@ var Message = (0, import_react61.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_runtime113.jsx)(Avatar, { name: authorName, src: authorSrc, size: avatarSize }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+    const avatar = showAuthor ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Avatar, { name: authorName, src: authorSrc, size: avatarSize }) : /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
       Layout,
       {
         width: `${avatarSize}px`,
@@ -9236,8 +9425,8 @@ var Message = (0, import_react61.forwardRef)(
         "aria-hidden": "true"
       }
     );
-    const actionsSlot = actions && !actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Layout, { width: "auto", align: "center", className: "shrink-0", children: actions }) : null;
-    const cornerActions = actions && actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+    const actionsSlot = actions && !actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Layout, { width: "auto", align: "center", className: "shrink-0", children: actions }) : null;
+    const cornerActions = actions && actionsOnHover ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
       Layout,
       {
         width: "auto",
@@ -9250,7 +9439,7 @@ var Message = (0, import_react61.forwardRef)(
         children: actions
       }
     ) : null;
-    return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
       Layout,
       __spreadProps(__spreadValues({
         ref,
@@ -9261,7 +9450,7 @@ var Message = (0, import_react61.forwardRef)(
         className
       }, props), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
             Layout,
             {
               fullWidth: true,
@@ -9272,7 +9461,7 @@ var Message = (0, import_react61.forwardRef)(
               children: [
                 !isRightAligned && avatar,
                 isRightAligned && actionsSlot,
-                /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
                   Layout,
                   {
                     column: true,
@@ -9281,7 +9470,7 @@ var Message = (0, import_react61.forwardRef)(
                     align: isRightAligned ? "end" : "start",
                     style: { maxWidth },
                     children: [
-                      bubble ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+                      bubble ? /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
                         Layout,
                         {
                           column: true,
@@ -9295,16 +9484,16 @@ var Message = (0, import_react61.forwardRef)(
                             cornerActions && "pr-8"
                           ),
                           children: [
-                            deleted ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { size: "s", italic: true, color: metaColor, children: deletedLabel }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { size: "s", color: contentColor, children }),
-                            time && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Layout, { fullWidth: true, justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { size: "xxs", color: metaColor, children: time }) }),
+                            deleted ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Text, { size: "s", italic: true, color: metaColor, children: deletedLabel }) : /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Text, { size: "s", color: contentColor, children }),
+                            time && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Layout, { fullWidth: true, justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Text, { size: "xxs", color: metaColor, children: time }) }),
                             cornerActions
                           ]
                         }
-                      ) : cornerActions ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Layout, { width: "auto", className: "relative", children: [
+                      ) : cornerActions ? /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Layout, { width: "auto", className: "relative", children: [
                         children,
                         cornerActions
                       ] }) : children,
-                      status && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Layout, { fullWidth: true, justify: isRightAligned ? "end" : "start", children: status })
+                      status && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Layout, { fullWidth: true, justify: isRightAligned ? "end" : "start", children: status })
                     ]
                   }
                 ),
@@ -9313,7 +9502,7 @@ var Message = (0, import_react61.forwardRef)(
               ]
             }
           ),
-          showAuthor && showAuthorName && authorName && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { size: "xs", color: "grey-600", children: authorName })
+          showAuthor && showAuthorName && authorName && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Text, { size: "xs", color: "grey-600", children: authorName })
         ]
       })
     );
@@ -9323,7 +9512,7 @@ Message.displayName = "Message";
 
 // src/ui/components/ui/MessageScroller.tsx
 var import_react62 = require("react");
-var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 var SEPARATOR_LINE = {
   neutral: "",
   alert: "bg-red-500"
@@ -9336,9 +9525,9 @@ var MessageDateSeparator = ({
   label,
   tone = "neutral",
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Layout, { fullWidth: true, gap: 2, align: "center", className, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Layout, { width: "auto", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Layout, { fullWidth: true, gap: 2, align: "center", className, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Layout, { width: "auto", className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     Text,
     {
       size: "xs",
@@ -9347,7 +9536,7 @@ var MessageDateSeparator = ({
       children: label
     }
   ) }),
-  /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) })
+  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Layout, { flex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Divider, { className: SEPARATOR_LINE[tone] }) })
 ] });
 var MessageScroller = ({
   children,
@@ -9387,13 +9576,13 @@ var MessageScroller = ({
     if (isEmpty && emptyState) return emptyState;
     return children;
   };
-  const scroller = /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+  const scroller = /* @__PURE__ */ (0, import_jsx_runtime115.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_runtime114.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
         Layout,
         {
           column: true,
@@ -9416,9 +9605,9 @@ var MessageScroller = ({
     }
   );
   if (!floatingFooter) return scroller;
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Layout, { column: true, fullWidth: true, className: cn("relative min-h-0", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Layout, { column: true, fullWidth: true, className: cn("relative min-h-0", className), children: [
     scroller,
-    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       Layout,
       {
         width: "auto",
@@ -9431,13 +9620,13 @@ var MessageScroller = ({
 
 // src/ui/components/ui/Stepper.tsx
 var import_react63 = require("react");
-var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var Stepper = ({
   numberOfSteps,
   current = 0,
   size = 28,
   className
-}) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
   "nav",
   {
     "aria-label": "progression",
@@ -9448,8 +9637,8 @@ var Stepper = ({
     children: Array.from({ length: numberOfSteps }, (_, i) => {
       const isActive = i === current;
       const isCompleted = i < current;
-      return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_react63.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_react63.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
           "div",
           {
             "aria-hidden": true,
@@ -9458,10 +9647,10 @@ var Stepper = ({
               isCompleted ? "border-blue-800 bg-blue-800 text-white" : isActive ? "border-blue-800 bg-white text-blue-800" : "border-grey-500 bg-white text-grey-500"
             ),
             style: { width: size, height: size },
-            children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(FaIcon, { name: "check", family: "solid", size: 12 }) : i + 1
+            children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(FaIcon, { name: "check", family: "solid", size: 12 }) : i + 1
           }
         ),
-        i < numberOfSteps - 1 && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "h-px min-w-[8px] flex-1 bg-grey-300" })
+        i < numberOfSteps - 1 && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "h-px min-w-[8px] flex-1 bg-grey-300" })
       ] }, i);
     })
   }
@@ -9475,7 +9664,7 @@ var import_style2 = require("react-day-picker/style.css");
 var import_date_fns = require("date-fns");
 var import_locale2 = require("date-fns/locale");
 var RadixPopover6 = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_jsx_runtime117 = 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) => {
@@ -9505,7 +9694,7 @@ var autoFormatTypedInput = (raw, isRange) => {
 var RANGE_PRESETS = [
   {
     label: "Mois pr\xE9c\xE9dent",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(FaIcon, { name: "calendar-arrow-up", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime117.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))
@@ -9513,34 +9702,34 @@ var RANGE_PRESETS = [
   },
   {
     label: "Ce mois",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime117.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_runtime116.jsx)(FaIcon, { name: "calendar-range", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime117.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_runtime116.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime117.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_runtime116.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(FaIcon, { name: "calendar-days", size: 15 }),
     getValue: () => /* @__PURE__ */ new Date()
   },
   {
     label: "Demain",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(FaIcon, { name: "calendar-plus", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime117.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_runtime116.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(FaIcon, { name: "calendar-clock", size: 15 }),
     getValue: () => (0, import_date_fns.addDays)(/* @__PURE__ */ new Date(), 7)
   }
 ];
@@ -9628,7 +9817,7 @@ var DatePicker = ({
       setIsEditing(false);
     }
   };
-  const calendar = /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(RadixPopover6.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  const calendar = /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(RadixPopover6.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
     RadixPopover6.Content,
     {
       align,
@@ -9640,7 +9829,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_runtime116.jsx)(
+      children: isRange ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
         import_react_day_picker.DayPicker,
         {
           mode: "range",
@@ -9658,7 +9847,7 @@ var DatePicker = ({
           showOutsideDays: true,
           formatters: { formatCaption: formatMonthCaption }
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
         import_react_day_picker.DayPicker,
         {
           mode: "single",
@@ -9676,8 +9865,8 @@ var DatePicker = ({
     }
   ) });
   if (!showPresets) {
-    return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(RadixPopover6.Anchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(RadixPopover6.Anchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
         Layout,
         {
           align: "center",
@@ -9691,7 +9880,7 @@ var DatePicker = ({
             className
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
               "input",
               {
                 type: "text",
@@ -9712,14 +9901,14 @@ var DatePicker = ({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime117.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_runtime116.jsx)(FaIcon, { name: "calendar", size: 14 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(FaIcon, { name: "calendar", size: 14 })
               }
             ) })
           ]
@@ -9728,10 +9917,10 @@ var DatePicker = ({
       calendar
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Layout, { column: true, gap: 1.5, align, className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Layout, { align: "center", gap: 1.5, width: "auto", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(RadixPopover6.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Layout, { column: true, gap: 1.5, align, className, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Layout, { align: "center", gap: 1.5, width: "auto", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(RadixPopover6.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
           "button",
           {
             type: "button",
@@ -9743,12 +9932,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_runtime116.jsx)(FaIcon, { name: "calendar", size: 16 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(FaIcon, { name: "calendar", size: 16 })
           }
         ) }),
         resolvedPresets.map((preset) => {
           const active = activePreset === preset.label;
-          return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Tooltip, { content: preset.label, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Tooltip, { content: preset.label, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
             "button",
             {
               type: "button",
@@ -9766,7 +9955,7 @@ var DatePicker = ({
           ) }, preset.label);
         })
       ] }),
-      hasValue && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+      hasValue && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
         "button",
         {
           type: "button",
@@ -9785,7 +9974,7 @@ var DatePicker = ({
 
 // src/ui/components/ui/VehicleDamageMap.tsx
 var import_react65 = require("react");
-var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 var WIDTH = 240;
 var HEIGHT = 140;
 var ZONE_POSITIONS = {
@@ -9818,29 +10007,29 @@ var TONES = {
 };
 var VehicleOutline = ({
   sideLabels
-}) => /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
   "svg",
   {
     viewBox: `0 0 ${WIDTH} ${HEIGHT}`,
     className: "absolute inset-0 h-full w-full",
     "aria-hidden": true,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("g", { fill: colors.grey_600, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("rect", { x: "54", y: "20", width: "26", height: "10", rx: "3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("rect", { x: "54", y: "110", width: "26", height: "10", rx: "3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("rect", { x: "162", y: "20", width: "26", height: "10", rx: "3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("rect", { x: "162", y: "110", width: "26", height: "10", rx: "3" })
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("g", { fill: colors.grey_600, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("rect", { x: "54", y: "20", width: "26", height: "10", rx: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("rect", { x: "54", y: "110", width: "26", height: "10", rx: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("rect", { x: "162", y: "20", width: "26", height: "10", rx: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("rect", { x: "162", y: "110", width: "26", height: "10", rx: "3" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("g", { fill: colors.grey_200, stroke: colors.grey_400, strokeWidth: "1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("ellipse", { cx: "94", cy: "26", rx: "3", ry: "5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("ellipse", { cx: "94", cy: "114", rx: "3", ry: "5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", { d: "M34 48 Q34 28 58 28 H184 Q206 28 206 48 V92 Q206 112 184 112 H58 Q34 112 34 92 Z" })
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("g", { fill: colors.grey_200, stroke: colors.grey_400, strokeWidth: "1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("ellipse", { cx: "94", cy: "26", rx: "3", ry: "5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("ellipse", { cx: "94", cy: "114", rx: "3", ry: "5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("path", { d: "M34 48 Q34 28 58 28 H184 Q206 28 206 48 V92 Q206 112 184 112 H58 Q34 112 34 92 Z" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("g", { fill: colors.grey_300, stroke: colors.grey_400, strokeWidth: "1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", { d: "M78 40 L98 46 V94 L78 100 Q70 70 78 40 Z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", { d: "M180 42 L166 47 V93 L180 98 Q186 70 180 42 Z" })
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("g", { fill: colors.grey_300, stroke: colors.grey_400, strokeWidth: "1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("path", { d: "M78 40 L98 46 V94 L78 100 Q70 70 78 40 Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("path", { d: "M180 42 L166 47 V93 L180 98 Q186 70 180 42 Z" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
         "rect",
         {
           x: "102",
@@ -9853,7 +10042,7 @@ var VehicleOutline = ({
           strokeWidth: "1"
         }
       ),
-      sideLabels && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+      sideLabels && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
         "g",
         {
           fill: colors.grey_500,
@@ -9862,10 +10051,10 @@ var VehicleOutline = ({
           textAnchor: "middle",
           letterSpacing: "0.5",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("text", { x: "120", y: "11", children: sideLabels.right.toUpperCase() }),
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("text", { x: "120", y: "135", children: sideLabels.left.toUpperCase() }),
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("text", { x: "14", y: "70", transform: "rotate(-90 14 70)", children: sideLabels.front.toUpperCase() }),
-            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("text", { x: "226", y: "70", transform: "rotate(90 226 70)", children: sideLabels.rear.toUpperCase() })
+            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("text", { x: "120", y: "11", children: sideLabels.right.toUpperCase() }),
+            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("text", { x: "120", y: "135", children: sideLabels.left.toUpperCase() }),
+            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("text", { x: "14", y: "70", transform: "rotate(-90 14 70)", children: sideLabels.front.toUpperCase() }),
+            /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("text", { x: "226", y: "70", transform: "rotate(90 226 70)", children: sideLabels.rear.toUpperCase() })
           ]
         }
       )
@@ -9889,7 +10078,7 @@ var VehicleDamageMap = (0, import_react65.forwardRef)(
       "width",
       "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
       "div",
       __spreadProps(__spreadValues({
         ref,
@@ -9897,7 +10086,7 @@ var VehicleDamageMap = (0, import_react65.forwardRef)(
         style: { width, height: width * HEIGHT / WIDTH }
       }, rest), {
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(VehicleOutline, { sideLabels }),
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(VehicleOutline, { sideLabels }),
           marks.map((mark) => {
             var _a2, _b2, _c;
             const [x, y] = ZONE_POSITIONS[mark.zone];
@@ -9912,7 +10101,7 @@ var VehicleDamageMap = (0, import_react65.forwardRef)(
               backgroundColor: TONES[(_a2 = mark.tone) != null ? _a2 : "danger"],
               boxShadow: selected ? `0 0 0 2px ${colors.blue_950}` : void 0
             };
-            const pin = onZoneClick ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+            const pin = onZoneClick ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
               "button",
               {
                 type: "button",
@@ -9923,7 +10112,7 @@ var VehicleDamageMap = (0, import_react65.forwardRef)(
                 style: pinStyle,
                 children: mark.content
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
               "span",
               {
                 role: "img",
@@ -9933,7 +10122,7 @@ var VehicleDamageMap = (0, import_react65.forwardRef)(
                 children: mark.content
               }
             );
-            return mark.label ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Tooltip, { content: mark.label, children: pin }, mark.zone) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { children: pin }, mark.zone);
+            return mark.label ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Tooltip, { content: mark.label, children: pin }, mark.zone) : /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { children: pin }, mark.zone);
           })
         ]
       })
@@ -10396,7 +10585,7 @@ var optimizeImage = async (file, desiredBaseName, opts = {}) => {
 // src/ui/components/ui/Tour.tsx
 var import_react66 = require("react");
 var import_driver = require("driver.js");
-var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 var TOUR_TARGET_ATTRIBUTE = "data-tour-target";
 var DEFAULT_LABELS = {
   previous: "Pr\xE9c\xE9dent",
@@ -10408,7 +10597,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_runtime118.jsx)("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
+var TourTarget = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
 var isContents = (element) => getComputedStyle(element).display === "contents";
 var measure = (element) => {
   if (!isContents(element)) {
@@ -10617,6 +10806,7 @@ var Tour = ({
   AudioPlayer,
   Avatar,
   AvatarBadge,
+  AvatarEditOverlay,
   AvatarFallback,
   AvatarGroup,
   AvatarImage,
@@ -10711,6 +10901,7 @@ var Tour = ({
   SidebarTrigger,
   SidebarUserMenu,
   Skeleton,
+  Slider,
   Spinner,
   Stepper,
   Switch,