@workspace-platform/ui 0.2.0 → 0.2.1

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,39 +17,63 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
   AVAILABLE_AGENTS: () => AVAILABLE_AGENTS,
+  ArtefactViewerDialog: () => ArtefactViewerDialog,
+  Badge: () => Badge,
   CATEGORY_STYLES: () => CATEGORY_STYLES,
+  ChartRenderer: () => ChartRenderer,
+  ConfirmModal: () => ConfirmModal,
+  ContextPanel: () => ContextPanel,
   CreatePrivateWorkspaceModal: () => CreatePrivateWorkspaceModal,
   CreateWorkspaceModal: () => CreateWorkspaceModal,
+  EMPTY_FILTERS: () => EMPTY_FILTERS,
   FILTER_PILLS: () => FILTER_PILLS,
   ICON_COLOR: () => ICON_COLOR,
   IGNORED_FIELDS: () => IGNORED_FIELDS,
   MEMBER_ROLE_LABELS: () => MEMBER_ROLE_LABELS,
   MemberAvatar: () => MemberAvatar,
   MembersPanel: () => MembersPanel,
+  MessageFeed: () => MessageFeed,
+  MessageFilterDialog: () => MessageFilterDialog,
+  MessageItem: () => MessageItem,
   Modal: () => Modal,
   Pagination: () => Pagination,
   ROLE_LABELS: () => ROLE_LABELS,
   STATUS_LABELS: () => STATUS_LABELS,
   SyncPanel: () => SyncPanel,
+  TableRenderer: () => TableRenderer,
+  Tooltip: () => Tooltip,
   WORKSPACE_FIELD_LABELS: () => WORKSPACE_FIELD_LABELS,
   WORKSPACE_STATUS_LABELS: () => WORKSPACE_STATUS_LABELS,
+  WorkspaceCard: () => WorkspaceCard,
   WorkspaceEvent: () => WorkspaceEvent,
+  WorkspaceList: () => WorkspaceList,
   WorkspaceProvider: () => WorkspaceProvider,
+  WorkspaceRow: () => WorkspaceRow,
   cn: () => cn,
   createWorkspaceApis: () => createWorkspaceApis,
   createWorkspaceClient: () => createWorkspaceClient,
   createWorkspaceListStore: () => createWorkspaceListStore,
   createWorkspaceSocket: () => createWorkspaceSocket,
+  fixMojibake: () => fixMojibake,
   formatWorkspaceExport: () => formatWorkspaceExport,
   getInitials: () => getInitials,
   useWorkspaceApi: () => useWorkspaceApi,
-  useWorkspaceContext: () => useWorkspaceContext
+  useWorkspaceContext: () => useWorkspaceContext,
+  workspaceStreamdownComponents: () => workspaceStreamdownComponents
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -593,6 +619,14 @@ var STATUS_LABELS = {
 function getInitials(name) {
   return name.split(/\s+/).map((w) => w[0]).join("").toUpperCase().slice(0, 2);
 }
+function fixMojibake(str) {
+  try {
+    const bytes = new Uint8Array(str.split("").map((c) => c.charCodeAt(0)));
+    return new TextDecoder("utf-8").decode(bytes);
+  } catch {
+    return str;
+  }
+}
 
 // src/utils/formatExport.ts
 var ROLE_LABELS2 = {
@@ -626,7 +660,7 @@ function getTypeName(workspace) {
   if (typeof workspace.type === "object") return workspace.type.name;
   return workspace.type;
 }
-function fixMojibake(text) {
+function fixMojibake2(text) {
   return text.replace(/é/g, "\xE9").replace(/è/g, "\xE8").replace(/à /g, "\xE0").replace(/ç/g, "\xE7").replace(/ô/g, "\xF4").replace(/î/g, "\xEE").replace(/â/g, "\xE2").replace(/ë/g, "\xEB").replace(/ü/g, "\xFC");
 }
 function formatWorkspaceExport(data) {
@@ -701,7 +735,7 @@ function formatWorkspaceExport(data) {
       if (msg.artefacts && msg.artefacts.length > 0) {
         lines.push("> \u{1F4CE} Pi\xE8ces jointes :");
         for (const art of msg.artefacts) {
-          lines.push(`> - \`${fixMojibake(art.file.originalName)}\` (${art.type})`);
+          lines.push(`> - \`${fixMojibake2(art.file.originalName)}\` (${art.type})`);
         }
         lines.push("");
       }
@@ -868,9 +902,204 @@ function Modal({
   );
 }
 
-// src/components/MemberAvatar.tsx
-var import_lucide_react2 = require("lucide-react");
+// src/components/ui/Badge.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var VARIANT_CLASSES = {
+  default: "bg-[var(--color-bg,#f1f5f9)] text-[var(--color-text-muted,#64748b)] border-[var(--color-border,#e2e8f0)]",
+  primary: "bg-[var(--color-primary-light,#eff6ff)] text-[var(--color-primary,#3b82f6)] border-[var(--color-primary,#3b82f6)]/30",
+  success: "bg-emerald-50 text-emerald-700 border-emerald-200 dark:bg-emerald-500/10 dark:text-emerald-400 dark:border-emerald-500/20",
+  warning: "bg-amber-50 text-amber-700 border-amber-200 dark:bg-amber-500/10 dark:text-amber-400 dark:border-amber-500/20",
+  danger: "bg-red-50 text-red-700 border-red-200 dark:bg-red-500/10 dark:text-red-400 dark:border-red-500/20",
+  info: "bg-sky-50 text-sky-700 border-sky-200 dark:bg-sky-500/10 dark:text-sky-400 dark:border-sky-500/20"
+};
+var SIZE_CLASSES = {
+  xs: "px-1.5 py-0.5 text-[10px] font-medium",
+  sm: "px-2 py-0.5 text-[11px] font-medium",
+  md: "px-2.5 py-1 text-xs font-semibold"
+};
+var Badge = ({
+  variant = "default",
+  size = "sm",
+  className,
+  children,
+  title
+}) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  "span",
+  {
+    title,
+    className: cn(
+      "inline-flex items-center rounded-full border leading-none",
+      VARIANT_CLASSES[variant],
+      SIZE_CLASSES[size],
+      className
+    ),
+    children
+  }
+);
+
+// src/components/ui/Tooltip.tsx
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var POSITION = {
+  top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+  bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+  left: "right-full top-1/2 -translate-y-1/2 mr-2",
+  right: "left-full top-1/2 -translate-y-1/2 ml-2"
+};
+var Tooltip = ({
+  text,
+  children,
+  position = "top",
+  className,
+  delay = 400
+}) => {
+  const [visible, setVisible] = (0, import_react4.useState)(false);
+  const timerRef = (0, import_react4.useRef)(null);
+  const show = () => {
+    timerRef.current = setTimeout(() => setVisible(true), delay);
+  };
+  const hide = () => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    setVisible(false);
+  };
+  (0, import_react4.useEffect)(() => () => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    {
+      className: "relative inline-flex",
+      onMouseEnter: show,
+      onMouseLeave: hide,
+      onFocus: show,
+      onBlur: hide,
+      children: [
+        children,
+        visible && text && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "div",
+          {
+            role: "tooltip",
+            className: cn(
+              "pointer-events-none absolute z-50 max-w-xs rounded-lg px-2.5 py-1.5",
+              "bg-[#1e293b] text-white text-[11px] leading-snug whitespace-nowrap shadow-lg",
+              POSITION[position],
+              className
+            ),
+            children: text
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/ui/ConfirmModal.tsx
+var import_react5 = __toESM(require("react"));
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ConfirmModal = ({
+  open,
+  onClose,
+  onConfirm,
+  title,
+  description,
+  confirmText = "Confirmer",
+  cancelText = "Annuler",
+  danger = false
+}) => {
+  const [loading, setLoading] = import_react5.default.useState(false);
+  (0, import_react5.useEffect)(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (e.key === "Escape" && !loading) onClose();
+    };
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [open, loading, onClose]);
+  if (!open) return null;
+  const handleConfirm = async () => {
+    setLoading(true);
+    try {
+      await onConfirm();
+    } finally {
+      setLoading(false);
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+      style: { backgroundColor: "rgba(0,0,0,0.5)" },
+      onClick: (e) => {
+        if (e.target === e.currentTarget && !loading) onClose();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        "div",
+        {
+          className: cn(
+            "relative flex w-full max-w-sm flex-col gap-4 rounded-2xl border p-6 shadow-2xl",
+            "bg-[var(--color-surface,#fff)] border-[var(--color-border,#e2e8f0)]"
+          ),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "confirm-title",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "button",
+              {
+                onClick: onClose,
+                disabled: loading,
+                className: "absolute top-4 right-4 rounded-full p-1 text-[var(--color-text-muted,#94a3b8)] hover:text-[var(--color-text,#0f172a)] transition-colors",
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.X, { size: 16 })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: cn(
+                "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full",
+                danger ? "bg-red-100 dark:bg-red-500/10" : "bg-[var(--color-bg,#f1f5f9)]"
+              ), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.AlertTriangle, { size: 18, className: danger ? "text-red-500" : "text-[var(--color-text-muted,#94a3b8)]" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0 flex-1 pt-0.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { id: "confirm-title", className: "text-sm font-semibold text-[var(--color-text,#0f172a)]", children: title }),
+                description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mt-1 text-xs text-[var(--color-text-secondary,#64748b)] leading-relaxed", children: description })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex justify-end gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "button",
+                {
+                  onClick: onClose,
+                  disabled: loading,
+                  className: "rounded-lg border border-[var(--color-border,#e2e8f0)] px-4 py-1.5 text-xs font-medium text-[var(--color-text-muted,#64748b)] hover:text-[var(--color-text,#0f172a)] transition-colors disabled:opacity-50",
+                  children: cancelText
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                "button",
+                {
+                  onClick: handleConfirm,
+                  disabled: loading,
+                  className: cn(
+                    "flex items-center gap-1.5 rounded-lg px-4 py-1.5 text-xs font-medium text-white transition-colors disabled:opacity-70",
+                    danger ? "bg-red-500 hover:bg-red-600" : "bg-[var(--color-primary,#3b82f6)] hover:bg-[var(--color-primary-hover,#2563eb)]"
+                  ),
+                  children: [
+                    loading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Loader2, { size: 12, className: "animate-spin" }),
+                    confirmText
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/components/MemberAvatar.tsx
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var SIZES = {
   xs: { container: "h-6 w-6", text: "text-[9px]", icon: 10 },
   sm: { container: "h-7 w-7", text: "text-[10px]", icon: 12 },
@@ -887,210 +1116,505 @@ var MemberAvatar = ({
 }) => {
   const s = SIZES[size];
   if (memberType === "agent") {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: cn("flex flex-shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-violet-100 to-indigo-100 ring-1 ring-indigo-200/60", s.container, className), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Brain, { size: s.icon, className: "text-indigo-600" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: cn("flex flex-shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-violet-100 to-indigo-100 ring-1 ring-indigo-200/60", s.container, className), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Brain, { size: s.icon, className: "text-indigo-600" }) });
   }
   if (avatarUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: avatarUrl, alt: memberName, className: cn("flex-shrink-0 rounded-full object-cover ring-2 ring-white", s.container, className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: avatarUrl, alt: memberName, className: cn("flex-shrink-0 rounded-full object-cover ring-2 ring-white", s.container, className) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: cn("flex flex-shrink-0 items-center justify-center rounded-full font-semibold", s.container, s.text, variant === "currentUser" ? "bg-primary text-white shadow-md" : variant === "owner" ? "bg-warning-light text-warning" : "bg-primary-light text-primary", className), children: getInitials(memberName) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: cn("flex flex-shrink-0 items-center justify-center rounded-full font-semibold", s.container, s.text, variant === "currentUser" ? "bg-primary text-white shadow-md" : variant === "owner" ? "bg-warning-light text-warning" : "bg-primary-light text-primary", className), children: getInitials(memberName) });
 };
 
-// src/components/MembersPanel.tsx
-var import_react4 = require("react");
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var roleIcon = (role) => {
-  switch (role) {
-    case "owner":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Crown, { size: 11, className: "text-warning" });
-    case "viewer":
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Eye, { size: 11, className: "text-text-muted" });
-    default:
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Users, { size: 11, className: "text-primary" });
+// src/components/Pagination.tsx
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var NavButton = ({
+  onClick,
+  disabled,
+  children,
+  title
+}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  "button",
+  {
+    onClick,
+    disabled,
+    title,
+    className: cn(
+      "flex h-9 w-9 items-center justify-center rounded-lg border text-sm transition-all duration-200",
+      disabled ? "border-border-light text-text-placeholder cursor-not-allowed opacity-40" : "border-border bg-surface text-text-secondary hover:bg-primary/8 hover:border-primary/30 hover:text-primary active:scale-95"
+    ),
+    children
   }
+);
+var Pagination = ({
+  currentPage,
+  totalPages,
+  onPageChange,
+  loading = false
+}) => {
+  if (totalPages <= 1) return null;
+  const getVisiblePages = () => {
+    const pages2 = [];
+    const maxVisible = 5;
+    if (totalPages <= maxVisible + 2) {
+      for (let i = 1; i <= totalPages; i++) pages2.push(i);
+      return pages2;
+    }
+    pages2.push(1);
+    const start = Math.max(2, currentPage - 1);
+    const end = Math.min(totalPages - 1, currentPage + 1);
+    if (start > 2) pages2.push("ellipsis");
+    for (let i = start; i <= end; i++) pages2.push(i);
+    if (end < totalPages - 1) pages2.push("ellipsis");
+    pages2.push(totalPages);
+    return pages2;
+  };
+  const pages = getVisiblePages();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mt-6 flex items-center justify-center gap-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      NavButton,
+      {
+        onClick: () => onPageChange(1),
+        disabled: currentPage === 1 || loading,
+        title: "Premi\xE8re page",
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react4.ChevronsLeft, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      NavButton,
+      {
+        onClick: () => onPageChange(currentPage - 1),
+        disabled: currentPage === 1 || loading,
+        title: "Page pr\xE9c\xE9dente",
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react4.ChevronLeft, { size: 16 })
+      }
+    ),
+    pages.map(
+      (p, idx) => p === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "span",
+        {
+          className: "text-text-muted flex h-9 w-9 items-center justify-center text-sm",
+          children: "\u2026"
+        },
+        `ellipsis-${idx}`
+      ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          onClick: () => onPageChange(p),
+          disabled: loading,
+          className: cn(
+            "flex h-9 w-9 items-center justify-center rounded-lg text-sm font-medium transition-all duration-200",
+            p === currentPage ? "bg-primary text-white shadow-sm shadow-primary/30" : "border-border bg-surface text-text-secondary hover:bg-primary/8 hover:border-primary/30 hover:text-primary border active:scale-95"
+          ),
+          children: p
+        },
+        p
+      )
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      NavButton,
+      {
+        onClick: () => onPageChange(currentPage + 1),
+        disabled: currentPage === totalPages || loading,
+        title: "Page suivante",
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react4.ChevronRight, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      NavButton,
+      {
+        onClick: () => onPageChange(totalPages),
+        disabled: currentPage === totalPages || loading,
+        title: "Derni\xE8re page",
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react4.ChevronsRight, { size: 16 })
+      }
+    )
+  ] });
 };
-var MembersPanel = ({
-  members,
+
+// src/components/WorkspaceCard.tsx
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var WorkspaceCard = ({
+  workspace,
+  members = [],
   avatarUsers,
-  onAddMember,
-  onRemoveMember,
-  onUpdateRole,
-  readonly,
-  hideAgents = false
+  onClick,
+  currentUserId
 }) => {
-  const { config } = useWorkspaceContext();
-  const apis = useWorkspaceApi();
-  const [showUserSearch, setShowUserSearch] = (0, import_react4.useState)(false);
-  const [search, setSearch] = (0, import_react4.useState)("");
-  const [searchResults, setSearchResults] = (0, import_react4.useState)([]);
-  const [searchingUsers, setSearchingUsers] = (0, import_react4.useState)(false);
-  const [allAgents, setAllAgents] = (0, import_react4.useState)([]);
-  (0, import_react4.useEffect)(() => {
-    apis.agentApi.list().then(setAllAgents).catch(() => setAllAgents([]));
-  }, []);
-  (0, import_react4.useEffect)(() => {
-    if (search.length < 2 || !showUserSearch || !config.searchUsers) {
-      setSearchResults([]);
-      return;
-    }
-    let cancelled = false;
-    setSearchingUsers(true);
-    config.searchUsers(search).then((results) => {
-      if (!cancelled) setSearchResults(results);
-    }).catch(() => {
-      if (!cancelled) setSearchResults([]);
-    }).finally(() => {
-      if (!cancelled) setSearchingUsers(false);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [search, showUserSearch, config.searchUsers]);
-  const filteredUsers = (0, import_react4.useMemo)(() => {
-    return searchResults.filter(
-      (u) => u.email !== config.currentUserId && !members.some((m) => m.memberId === u.email)
-    );
-  }, [searchResults, members, config.currentUserId]);
+  const isPrivate = workspace.isPrivate === true;
+  const typeName = typeof workspace.type === "object" && workspace.type !== null ? workspace.type.name : workspace.type;
+  const userRole = currentUserId ? members.find((m) => m.memberId === currentUserId)?.role : void 0;
   const userMembers = members.filter((m) => m.memberType === "user");
   const agentMembers = members.filter((m) => m.memberType === "agent");
-  const agentMemberIds = (0, import_react4.useMemo)(() => new Set(agentMembers.map((m) => m.memberId)), [agentMembers]);
-  const agentMemberIdMap = (0, import_react4.useMemo)(() => new Map(agentMembers.map((m) => [m.memberId, m._id])), [agentMembers]);
-  const handleAddUser = (user) => {
-    onAddMember?.({ memberId: user.email, memberName: user.displayName, memberType: "user", role: "participant" });
-    setSearch("");
-    setShowUserSearch(false);
-  };
-  const handleAddAgent = (agent) => {
-    onAddMember?.({ memberId: agent.agentId, memberName: agent.agentName, memberType: "agent", role: "participant" });
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "text-text-muted flex items-center gap-1.5 text-xs font-semibold tracking-wider uppercase", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Users, { size: 14, className: "text-primary" }),
-          " Utilisateurs"
+  const otherMember = isPrivate ? members.find((m) => m.memberId !== currentUserId) : null;
+  const otherAvatarUrl = otherMember ? avatarUsers?.find((u) => u.email.toLowerCase() === otherMember.memberId.toLowerCase())?.avatarUrl : void 0;
+  const displayEntities = workspace.entitiesWithSecrets ?? [];
+  const isActive = workspace.status === "ACTIVE";
+  const cardClass = cn(
+    "group bg-[var(--color-surface,#fff)] border-[var(--color-border,#e2e8f0)] relative flex cursor-pointer flex-col rounded-2xl border p-5 transition-all duration-300",
+    "shadow-sm hover:shadow-md hover:-translate-y-1 overflow-hidden"
+  );
+  if (isPrivate) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: cardClass, onClick, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "bg-[var(--color-primary-light,#eff6ff)] text-[var(--color-primary,#3b82f6)] flex items-center gap-1.5 rounded-lg px-2.5 py-1 text-[11px] font-semibold tracking-wide uppercase", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.MessageSquare, { size: 11 }),
+          " Priv\xE9"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "bg-primary-light text-primary rounded-full px-2 py-0.5 text-[10px] font-bold", children: userMembers.length }),
-          !readonly && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: "text-primary hover:bg-primary-light flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors", onClick: () => setShowUserSearch(!showUserSearch), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.UserPlus, { size: 12 }),
-            " Inviter"
-          ] })
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.ArrowUpRight, { size: 14, className: "text-[var(--color-text-muted,#94a3b8)] group-hover:text-[var(--color-primary,#3b82f6)] transition-all duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" })
       ] }),
-      showUserSearch && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "relative mt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Search, { size: 12, className: "text-text-muted absolute top-1/2 left-2 -translate-y-1/2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { className: "border-border bg-surface text-text focus:border-primary w-full rounded-lg border py-1.5 pr-2 pl-7 text-xs focus:outline-none", placeholder: "Rechercher par nom ou email...", value: search, onChange: (e) => setSearch(e.target.value), autoFocus: true })
-        ] }),
-        search.length >= 2 && searchingUsers && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex items-center justify-center py-3", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Loader2, { size: 14, className: "text-primary animate-spin" }) }),
-        filteredUsers.length > 0 && !searchingUsers && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "bg-surface border-border mt-1 flex flex-col rounded-lg border shadow-sm", children: filteredUsers.map((u) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "hover:bg-primary-light flex cursor-pointer items-center gap-2 px-3 py-2 text-xs transition-colors first:rounded-t-lg last:rounded-b-lg", onClick: () => handleAddUser(u), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "bg-primary-light text-primary flex h-6 w-6 items-center justify-center rounded-full text-[10px] font-semibold", children: getInitials(u.displayName) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-text", children: u.displayName }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Plus, { size: 12, className: "text-primary ml-auto" })
-        ] }, u.id)) })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mb-4 flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MemberAvatar, { memberName: otherMember?.memberName ?? "Inconnu", memberType: "user", avatarUrl: otherAvatarUrl, size: "lg" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { className: "text-[var(--color-text,#0f172a)] group-hover:text-[var(--color-primary,#3b82f6)] text-[15px] leading-snug font-bold transition-colors duration-200", children: otherMember?.memberName ?? "Utilisateur inconnu" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[var(--color-text-muted,#94a3b8)] truncate text-xs", children: otherMember?.memberId ?? "" })
+        ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-2 flex flex-col gap-1", children: userMembers.map((m) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "bg-bg group flex items-center gap-2 rounded-lg p-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MemberAvatar, { memberName: m.memberName, memberType: m.memberType, avatarUrl: avatarUsers?.find((u) => u.email.toLowerCase() === m.memberId.toLowerCase())?.avatarUrl, size: "sm", variant: m.role === "owner" ? "owner" : "primary" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-text truncate text-xs font-medium", children: m.memberName }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "text-text-muted flex items-center gap-1 text-[10px]", children: [
-            roleIcon(m.role),
-            " ",
-            ROLE_LABELS[m.role] ?? m.role
-          ] })
-        ] }),
-        !(readonly || m.role === "owner" && members.filter((x) => x.role === "owner").length === 1) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("select", { className: "border-border bg-surface text-text-muted rounded border px-1 py-0.5 text-[10px] opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", value: m.role, onChange: (e) => {
-          e.stopPropagation();
-          onUpdateRole?.(m._id, e.target.value);
-        }, disabled: readonly || m.role === "owner" && members.filter((x) => x.role === "owner").length === 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "owner", children: "Propri\xE9taire" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "participant", children: "Participant" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "viewer", children: "Observateur" })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mt-auto", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "border-[var(--color-border,#e2e8f0)] mb-3 border-t" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-[var(--color-text-muted,#94a3b8)] flex items-center gap-1 text-[11px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.Calendar, { size: 11, className: "opacity-50" }),
+          new Date(workspace.updatedAt).toLocaleDateString("fr-FR")
+        ] }) })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: cardClass, onClick, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mb-3 flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center gap-2", children: typeName && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "bg-[var(--color-primary-light,#eff6ff)] text-[var(--color-primary,#3b82f6)] rounded-lg px-2.5 py-1 text-[11px] font-semibold tracking-wide uppercase", children: typeName }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        userRole && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: cn(
+          "rounded-lg px-2 py-0.5 text-[10px] font-semibold",
+          userRole === "owner" ? "bg-amber-50 text-amber-600 dark:bg-amber-500/10 dark:text-amber-400" : userRole === "participant" ? "bg-[var(--color-primary-light,#eff6ff)] text-[var(--color-primary,#3b82f6)]" : "bg-[var(--color-bg,#f8fafc)] text-[var(--color-text-muted,#94a3b8)]"
+        ), children: ROLE_LABELS[userRole] ?? userRole }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Badge, { variant: isActive ? "success" : "default", size: "xs", children: STATUS_LABELS[workspace.status] ?? workspace.status })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { className: "text-[var(--color-text,#0f172a)] group-hover:text-[var(--color-primary,#3b82f6)] mb-1 text-[15px] leading-snug font-bold transition-colors duration-200", children: workspace.name }),
+      workspace.scope && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[var(--color-text-secondary,#475569)] line-clamp-2 text-[13px] leading-relaxed", children: workspace.scope })
+    ] }),
+    displayEntities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mb-3 flex flex-wrap gap-1.5", children: [
+      displayEntities.slice(0, 3).map((ent) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "bg-[var(--color-bg,#f8fafc)] border-[var(--color-border,#e2e8f0)] inline-flex items-center gap-1 rounded-lg border px-2 py-1 text-[10px]", children: [
+        ent.isSecret && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.Lock, { size: 9, className: "text-amber-500 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-[var(--color-text-muted,#94a3b8)] font-medium", children: [
+          ent.key,
+          ":"
         ] }),
-        m.role !== "owner" && !readonly && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "text-text-muted hover:text-danger rounded p-0.5 opacity-0 transition-all group-hover:opacity-100", onClick: (e) => {
-          e.stopPropagation();
-          onRemoveMember?.(m._id);
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.X, { size: 14 }) })
-      ] }, m._id)) })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-[var(--color-text,#0f172a)]", children: ent.isSecret ? "\u2022\u2022\u2022\u2022\u2022\u2022" : ent.value })
+      ] }, ent.key)),
+      displayEntities.length > 3 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-[var(--color-text-muted,#94a3b8)] self-center text-[10px]", children: [
+        "+",
+        displayEntities.length - 3
+      ] })
     ] }),
-    !hideAgents && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "text-text-muted flex items-center gap-1.5 text-xs font-semibold tracking-wider uppercase", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Brain, { size: 14, className: "text-primary" }),
-          " Agents IA"
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mt-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "border-[var(--color-border,#e2e8f0)] mb-3 border-t" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex -space-x-2", children: userMembers.slice(0, 4).map((m) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Tooltip, { text: `${m.memberName} (${ROLE_LABELS[m.role] ?? m.role})`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              MemberAvatar,
+              {
+                memberName: m.memberName,
+                memberType: m.memberType,
+                avatarUrl: avatarUsers?.find((u) => u.email.toLowerCase() === m.memberId.toLowerCase())?.avatarUrl,
+                size: "xs"
+              }
+            ) }, m._id)) }),
+            userMembers.length > 4 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-[var(--color-text-muted,#94a3b8)] ml-1.5 text-[11px] font-medium", children: [
+              "+",
+              userMembers.length - 4
+            ] })
+          ] }),
+          agentMembers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Tooltip, { text: `${agentMembers.length} agent(s): ${agentMembers.map((a) => a.memberName).join(", ")}`, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "bg-[var(--color-primary-light,#eff6ff)] text-[var(--color-primary,#3b82f6)] flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] font-medium", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.Brain, { size: 12 }),
+            " ",
+            agentMembers.length
+          ] }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "bg-primary-light text-primary rounded-full px-2 py-0.5 text-[10px] font-bold", children: [
-          agentMembers.length,
-          "/",
-          allAgents.length
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-[var(--color-text-muted,#94a3b8)] flex items-center gap-1 text-[11px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.Calendar, { size: 11, className: "opacity-50" }),
+            new Date(workspace.updatedAt).toLocaleDateString("fr-FR")
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.ArrowUpRight, { size: 14, className: "text-[var(--color-text-muted,#94a3b8)] group-hover:text-[var(--color-primary,#3b82f6)] transition-all duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" })
         ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-2 flex flex-col gap-1", children: allAgents.map((agent) => {
-        const isMember = agentMemberIds.has(agent.agentId);
-        const memberId = agentMemberIdMap.get(agent.agentId);
-        return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "bg-bg group flex items-center gap-2 rounded-lg p-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "bg-surface border-border flex h-7 w-7 items-center justify-center rounded-full border", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Brain, { size: 14, className: "text-primary" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-text truncate text-xs font-medium", children: agent.agentName }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-text-muted text-[10px]", children: "Agent IA" })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/WorkspaceRow.tsx
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var WorkspaceRow = ({
+  workspace,
+  members = [],
+  avatarUsers,
+  onClick,
+  currentUserId
+}) => {
+  const typeName = typeof workspace.type === "object" && workspace.type !== null ? workspace.type.name : workspace.type;
+  const userRole = currentUserId ? members.find((m) => m.memberId === currentUserId)?.role : void 0;
+  const userMembers = members.filter((m) => m.memberType === "user");
+  const agentMembers = members.filter((m) => m.memberType === "agent");
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "div",
+    {
+      className: "bg-[var(--color-surface,#fff)] border-[var(--color-border,#e2e8f0)] hover:bg-[var(--color-primary-light,#eff6ff)]/30 flex cursor-pointer items-center gap-4 rounded-lg border px-4 py-3 transition-colors",
+      onClick,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-[var(--color-text,#0f172a)] truncate font-semibold", children: workspace.name }),
+            typeName && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Badge, { size: "xs", title: typeName, children: typeName })
           ] }),
-          !readonly && (isMember ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: "relative flex h-6 w-6 items-center justify-center rounded-full transition-colors", onClick: (e) => {
-            e.stopPropagation();
-            if (memberId) onRemoveMember?.(memberId);
-          }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Check, { size: 14, className: "text-success absolute transition-opacity group-hover:opacity-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.X, { size: 14, className: "text-danger absolute opacity-0 transition-opacity group-hover:opacity-100" })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "text-text-muted hover:text-primary hover:bg-primary-light flex h-6 w-6 items-center justify-center rounded-full transition-colors", onClick: (e) => {
-            e.stopPropagation();
-            handleAddAgent(agent);
-          }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Plus, { size: 14 }) }))
-        ] }, agent.agentId);
-      }) })
+          workspace.scope && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-[var(--color-text-muted,#94a3b8)] mt-0.5 truncate text-xs", children: workspace.scope })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex -space-x-1.5", children: userMembers.slice(0, 3).map((m) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Tooltip, { text: m.memberName, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            MemberAvatar,
+            {
+              memberName: m.memberName,
+              memberType: m.memberType,
+              avatarUrl: avatarUsers?.find((u) => u.email.toLowerCase() === m.memberId.toLowerCase())?.avatarUrl,
+              size: "xs"
+            }
+          ) }, m._id)) }),
+          agentMembers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "text-[var(--color-text-muted,#94a3b8)] flex items-center gap-0.5 text-[10px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react6.Brain, { size: 10 }),
+            " ",
+            agentMembers.length
+          ] })
+        ] }),
+        userRole && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn(
+          "rounded-full px-2 py-0.5 text-[10px] font-medium",
+          userRole === "owner" ? "bg-amber-50 text-amber-600 dark:bg-amber-500/10 dark:text-amber-400" : "bg-[var(--color-primary-light,#eff6ff)] text-[var(--color-primary,#3b82f6)]"
+        ), children: ROLE_LABELS[userRole] ?? userRole }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Badge, { variant: workspace.status === "ACTIVE" ? "success" : "default", size: "xs", children: STATUS_LABELS[workspace.status] ?? workspace.status }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-[var(--color-text-muted,#94a3b8)] text-[10px] whitespace-nowrap", children: new Date(workspace.updatedAt).toLocaleDateString("fr-FR") })
+      ]
+    }
+  );
+};
+
+// src/components/WorkspaceList.tsx
+var import_react6 = __toESM(require("react"));
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var SkeletonCard = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "bg-[var(--color-surface,#fff)] border-[var(--color-border,#e2e8f0)] animate-pulse rounded-2xl border p-5", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "mb-3 flex items-center justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "bg-[var(--color-border,#e2e8f0)] h-5 w-20 rounded-lg" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "bg-[var(--color-border,#e2e8f0)] h-4 w-14 rounded-lg" })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "mb-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "bg-[var(--color-border,#e2e8f0)] mb-2 h-4 w-3/4 rounded" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "bg-[var(--color-border,#e2e8f0)] h-3 w-1/2 rounded" })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "mt-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "border-[var(--color-border,#e2e8f0)] mb-3 border-t" }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex -space-x-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "bg-[var(--color-border,#e2e8f0)] h-6 w-6 rounded-full" }, i)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "bg-[var(--color-border,#e2e8f0)] h-3 w-16 rounded" })
+    ] })
+  ] })
+] });
+var WorkspaceList = ({
+  workspaces,
+  total,
+  membersMap = {},
+  avatarUsers,
+  types = [],
+  loading = false,
+  fetching = false,
+  onOpen,
+  title = "Workspaces",
+  showViewToggle = true,
+  currentUserId,
+  headerActions,
+  hideHeader = false,
+  hideFilters = false,
+  filters,
+  onFiltersChange,
+  currentPage = 1,
+  totalPages = 1,
+  onPageChange
+}) => {
+  const [viewMode, setViewMode] = import_react6.default.useState("grid");
+  const search = filters?.search ?? "";
+  const statusFilter = filters?.status ?? "ACTIVE";
+  const typeFilter = filters?.type ?? "all";
+  const statusOptions = [
+    { value: "all", label: "Tous" },
+    { value: "ACTIVE", label: "Actifs" },
+    { value: "ARCHIVED", label: "Archiv\xE9s" }
+  ];
+  const showSkeletons = loading || fetching && workspaces.length === 0;
+  const Header = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "mb-5 flex items-center justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "bg-[var(--color-primary-light,#eff6ff)] flex h-9 w-9 items-center justify-center rounded-xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.Layers, { size: 18, className: "text-[var(--color-primary,#3b82f6)]" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "text-[var(--color-text,#0f172a)] text-lg font-bold tracking-tight", children: title }),
+        total != null && !showSkeletons && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "text-[var(--color-text-muted,#94a3b8)] text-xs", children: [
+          total,
+          " workspace",
+          total !== 1 ? "s" : ""
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2", children: [
+      showViewToggle && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "bg-[var(--color-bg,#f8fafc)] border-[var(--color-border,#e2e8f0)] flex rounded-lg border p-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "button",
+          {
+            className: cn(
+              "rounded-md p-1.5 transition-all duration-200",
+              viewMode === "grid" ? "bg-[var(--color-primary,#3b82f6)] text-white shadow-sm" : "text-[var(--color-text-muted,#94a3b8)] hover:text-[var(--color-text,#0f172a)]"
+            ),
+            onClick: () => setViewMode("grid"),
+            title: "Vue grille",
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.LayoutGrid, { size: 14 })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "button",
+          {
+            className: cn(
+              "rounded-md p-1.5 transition-all duration-200",
+              viewMode === "list" ? "bg-[var(--color-primary,#3b82f6)] text-white shadow-sm" : "text-[var(--color-text-muted,#94a3b8)] hover:text-[var(--color-text,#0f172a)]"
+            ),
+            onClick: () => setViewMode("list"),
+            title: "Vue liste",
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.List, { size: 14 })
+          }
+        )
+      ] }),
+      headerActions
+    ] })
+  ] });
+  if (showSkeletons) {
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+      !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Header, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SkeletonCard, {}, i)) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+    !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Header, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "mb-5 flex flex-wrap items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative min-w-[220px] flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.Search, { size: 15, className: "text-[var(--color-text-muted,#94a3b8)] absolute top-1/2 left-3.5 -translate-y-1/2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "input",
+          {
+            className: "border-[var(--color-border,#e2e8f0)] bg-[var(--color-surface,#fff)] text-[var(--color-text,#0f172a)] w-full rounded-xl border py-2.5 pr-3 pl-10 text-sm transition-all duration-200 focus:border-[var(--color-primary,#3b82f6)]/50 focus:outline-none focus:ring-2 focus:ring-[var(--color-primary,#3b82f6)]/10 placeholder:text-[var(--color-text-muted,#94a3b8)]",
+            placeholder: "Rechercher un workspace\u2026",
+            value: search,
+            onChange: (e) => onFiltersChange?.({ search: e.target.value, status: statusFilter, type: typeFilter })
+          }
+        )
+      ] }),
+      !hideFilters && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.Filter, { size: 13, className: "text-[var(--color-text-muted,#94a3b8)] mr-0.5" }),
+          statusOptions.map(({ value, label }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            "button",
+            {
+              className: cn(
+                "rounded-full px-3 py-1.5 text-xs font-medium transition-all duration-200",
+                statusFilter === value ? "bg-[var(--color-primary,#3b82f6)] text-white shadow-sm" : "bg-[var(--color-surface,#fff)] border-[var(--color-border,#e2e8f0)] text-[var(--color-text-muted,#94a3b8)] hover:bg-[var(--color-primary-light,#eff6ff)] hover:text-[var(--color-primary,#3b82f6)] border"
+              ),
+              onClick: () => onFiltersChange?.({ search, status: value, type: typeFilter }),
+              children: label
+            },
+            value
+          ))
+        ] }),
+        types.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          "select",
+          {
+            className: "border-[var(--color-border,#e2e8f0)] bg-[var(--color-surface,#fff)] text-[var(--color-text,#0f172a)] rounded-xl border px-3 py-2 text-xs transition-all duration-200 focus:border-[var(--color-primary,#3b82f6)]/50 focus:outline-none focus:ring-2 focus:ring-[var(--color-primary,#3b82f6)]/10",
+            value: typeFilter,
+            onChange: (e) => onFiltersChange?.({ search, status: statusFilter, type: e.target.value }),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: "all", children: "Tous les types" }),
+              types.map((t) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: t._id, children: t.name }, t._id))
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: cn("transition-opacity duration-300", fetching ? "opacity-60" : "opacity-100"), children: [
+      workspaces.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-[var(--color-text-muted,#94a3b8)] border-[var(--color-border,#e2e8f0)] flex flex-col items-center justify-center rounded-2xl border border-dashed py-12 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "bg-[var(--color-bg,#f8fafc)] mb-3 flex h-12 w-12 items-center justify-center rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.Layers, { size: 22, className: "opacity-40" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "mb-1 text-sm font-medium", children: "Aucun workspace trouv\xE9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-xs", children: search || statusFilter !== "all" || typeFilter !== "all" ? "Modifiez vos filtres pour voir plus de r\xE9sultats" : "Cr\xE9ez un workspace pour commencer \xE0 collaborer" })
+      ] }) : viewMode === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: workspaces.map((ws) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        WorkspaceCard,
+        {
+          workspace: ws,
+          members: membersMap[ws._id],
+          avatarUsers,
+          onClick: () => onOpen(ws._id),
+          currentUserId
+        },
+        ws._id
+      )) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex flex-col gap-2", children: workspaces.map((ws) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        WorkspaceRow,
+        {
+          workspace: ws,
+          members: membersMap[ws._id],
+          avatarUsers,
+          onClick: () => onOpen(ws._id),
+          currentUserId
+        },
+        ws._id
+      )) }),
+      onPageChange && totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Pagination, { currentPage, totalPages, onPageChange, loading: fetching })
     ] })
   ] });
 };
 
 // src/components/CreateWorkspaceModal.tsx
-var import_react5 = require("react");
-var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var STEP_TITLES = ["Type de workspace", "Contexte", "Membres", "Confirmation"];
 var CreateWorkspaceModal = ({ open, onClose, onCreated }) => {
-  const titleId = (0, import_react5.useId)();
-  const stepDescriptionId = (0, import_react5.useId)();
+  const titleId = (0, import_react7.useId)();
+  const stepDescriptionId = (0, import_react7.useId)();
   const { config } = useWorkspaceContext();
   const apis = useWorkspaceApi();
-  const [step, setStep] = (0, import_react5.useState)(0);
-  const [loading, setLoading] = (0, import_react5.useState)(false);
-  const [error, setError] = (0, import_react5.useState)(null);
-  const [types, setTypes] = (0, import_react5.useState)([]);
-  const [typesLoading, setTypesLoading] = (0, import_react5.useState)(false);
-  const [selectedTypeId, setSelectedTypeId] = (0, import_react5.useState)(null);
-  const [name, setName] = (0, import_react5.useState)("");
-  const [scope, setScope] = (0, import_react5.useState)("");
-  const [entities, setEntities] = (0, import_react5.useState)([]);
-  const [syncWithSlack, setSyncWithSlack] = (0, import_react5.useState)(false);
-  const [slackAvailable, setSlackAvailable] = (0, import_react5.useState)(false);
-  const [memberSearch, setMemberSearch] = (0, import_react5.useState)("");
-  const [members, setMembers] = (0, import_react5.useState)([]);
-  const [agents, setAgents] = (0, import_react5.useState)([]);
-  const [searchResults, setSearchResults] = (0, import_react5.useState)([]);
-  const [searchingUsers, setSearchingUsers] = (0, import_react5.useState)(false);
-  const [avatarMap, setAvatarMap] = (0, import_react5.useState)({});
-  const [agentSearch, setAgentSearch] = (0, import_react5.useState)("");
-  const [showAgentDropdown, setShowAgentDropdown] = (0, import_react5.useState)(false);
-  const [agentSearchFocused, setAgentSearchFocused] = (0, import_react5.useState)(false);
-  const agentSearchInputRef = (0, import_react5.useRef)(null);
-  const invitedUsers = (0, import_react5.useMemo)(() => members.filter((m) => m.memberType === "user"), [members]);
-  const invitedAgents = (0, import_react5.useMemo)(() => members.filter((m) => m.memberType === "agent"), [members]);
-  const unselectedAgents = (0, import_react5.useMemo)(() => agents.filter((a) => !members.some((m) => m.memberId === a.agentId) && (agentSearch.trim() === "" || a.agentName.toLowerCase().includes(agentSearch.toLowerCase()))), [agents, members, agentSearch]);
-  (0, import_react5.useEffect)(() => {
+  const [step, setStep] = (0, import_react7.useState)(0);
+  const [loading, setLoading] = (0, import_react7.useState)(false);
+  const [error, setError] = (0, import_react7.useState)(null);
+  const [types, setTypes] = (0, import_react7.useState)([]);
+  const [typesLoading, setTypesLoading] = (0, import_react7.useState)(false);
+  const [selectedTypeId, setSelectedTypeId] = (0, import_react7.useState)(null);
+  const [name, setName] = (0, import_react7.useState)("");
+  const [scope, setScope] = (0, import_react7.useState)("");
+  const [entities, setEntities] = (0, import_react7.useState)([]);
+  const [syncWithSlack, setSyncWithSlack] = (0, import_react7.useState)(false);
+  const [slackAvailable, setSlackAvailable] = (0, import_react7.useState)(false);
+  const [memberSearch, setMemberSearch] = (0, import_react7.useState)("");
+  const [members, setMembers] = (0, import_react7.useState)([]);
+  const [agents, setAgents] = (0, import_react7.useState)([]);
+  const [searchResults, setSearchResults] = (0, import_react7.useState)([]);
+  const [searchingUsers, setSearchingUsers] = (0, import_react7.useState)(false);
+  const [avatarMap, setAvatarMap] = (0, import_react7.useState)({});
+  const [agentSearch, setAgentSearch] = (0, import_react7.useState)("");
+  const [showAgentDropdown, setShowAgentDropdown] = (0, import_react7.useState)(false);
+  const [agentSearchFocused, setAgentSearchFocused] = (0, import_react7.useState)(false);
+  const agentSearchInputRef = (0, import_react7.useRef)(null);
+  const invitedUsers = (0, import_react7.useMemo)(() => members.filter((m) => m.memberType === "user"), [members]);
+  const invitedAgents = (0, import_react7.useMemo)(() => members.filter((m) => m.memberType === "agent"), [members]);
+  const unselectedAgents = (0, import_react7.useMemo)(() => agents.filter((a) => !members.some((m) => m.memberId === a.agentId) && (agentSearch.trim() === "" || a.agentName.toLowerCase().includes(agentSearch.toLowerCase()))), [agents, members, agentSearch]);
+  (0, import_react7.useEffect)(() => {
     if (!config.resolveAvatars || invitedUsers.length === 0) return;
     config.resolveAvatars(invitedUsers.map((m) => m.memberId)).then(setAvatarMap).catch(() => {
     });
   }, [invitedUsers.length]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (memberSearch.length < 2 || !config.searchUsers) {
       setSearchResults([]);
       return;
@@ -1108,8 +1632,8 @@ var CreateWorkspaceModal = ({ open, onClose, onCreated }) => {
       cancelled = true;
     };
   }, [memberSearch]);
-  const filteredUsers = (0, import_react5.useMemo)(() => searchResults.filter((u) => u.email !== config.currentUserId && !members.some((m) => m.memberId === u.email)), [searchResults, members, config.currentUserId]);
-  (0, import_react5.useEffect)(() => {
+  const filteredUsers = (0, import_react7.useMemo)(() => searchResults.filter((u) => u.email !== config.currentUserId && !members.some((m) => m.memberId === u.email)), [searchResults, members, config.currentUserId]);
+  (0, import_react7.useEffect)(() => {
     if (!open) return;
     setTypesLoading(true);
     Promise.all([apis.workspaceTypeApi.list(), apis.agentApi.list()]).then(([wt, ag]) => {
@@ -1121,14 +1645,14 @@ var CreateWorkspaceModal = ({ open, onClose, onCreated }) => {
     }).finally(() => setTypesLoading(false));
     apis.syncApi.getAvailableProviders().then((providers) => setSlackAvailable(providers.some((p) => p.id === "slack" && p.enabled))).catch(() => setSlackAvailable(false));
   }, [open]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!selectedTypeId) return;
     const t = types.find((tp) => tp._id === selectedTypeId);
     if (t?.entitiesWithSecrets && t.entitiesWithSecrets.length > 0) {
       setEntities(t.entitiesWithSecrets.map((e) => ({ key: e.key, value: e.value, isSecret: e.isSecret })));
     }
   }, [selectedTypeId, types]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!open) {
       setStep(0);
       setSelectedTypeId(null);
@@ -1180,128 +1704,128 @@ var CreateWorkspaceModal = ({ open, onClose, onCreated }) => {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Modal, { open, onClose, zIndexClass: "z-50", size: "md", closeOnBackdropClick: false, backdropClassName: "bg-black/40", panelClassName: "bg-surface border-border flex h-[600px] max-h-[min(90dvh,100vh)] flex-col overflow-hidden rounded-2xl border shadow-xl", headingId: titleId, ariaLabelledBy: titleId, ariaDescribedBy: stepDescriptionId, title: "Nouveau Workspace", description: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { id: stepDescriptionId, className: "text-text-muted text-xs", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Modal, { open, onClose, zIndexClass: "z-50", size: "md", closeOnBackdropClick: false, backdropClassName: "bg-black/40", panelClassName: "bg-surface border-border flex h-[600px] max-h-[min(90dvh,100vh)] flex-col overflow-hidden rounded-2xl border shadow-xl", headingId: titleId, ariaLabelledBy: titleId, ariaDescribedBy: stepDescriptionId, title: "Nouveau Workspace", description: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { id: stepDescriptionId, className: "text-text-muted text-xs", children: [
     "\xC9tape ",
     step + 1,
     "/4 \u2014 ",
     STEP_TITLES[step]
   ] }), headerClassName: "items-center", closeButtonClassName: "text-text-muted hover:text-text transition-colors", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex shrink-0 gap-1 px-6 pt-4", children: [0, 1, 2, 3].map((s) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: cn("h-1 flex-1 rounded-full transition-colors", s <= step ? "bg-primary" : "bg-border-light") }, s)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: [
-      step === 0 && (typesLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex h-[220px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Loader2, { size: 20, className: "text-primary animate-spin" }) }) : types.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-muted py-8 text-center text-sm", children: "Aucun type disponible" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "grid grid-cols-2 gap-2", children: types.map((t) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: cn("flex flex-col items-start gap-1 rounded-xl border p-3 text-left transition-all", selectedTypeId === t._id ? "border-primary bg-primary-light shadow-sm" : "border-border hover:border-primary/50 hover:bg-bg"), onClick: () => setSelectedTypeId(t._id), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-text text-sm font-medium", children: t.name }) }, t._id)) })),
-      step === 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "text-text-muted mb-1 block text-xs font-medium", children: "Nom du workspace" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { className: "border-border bg-bg text-text focus:border-primary w-full rounded-lg border px-3 py-2 text-sm focus:outline-none", placeholder: `Ex: ${selectedType?.name ?? "Workspace"} - ...`, value: name, onChange: (e) => setName(e.target.value), autoFocus: true })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex shrink-0 gap-1 px-6 pt-4", children: [0, 1, 2, 3].map((s) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("h-1 flex-1 rounded-full transition-colors", s <= step ? "bg-primary" : "bg-border-light") }, s)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: [
+      step === 0 && (typesLoading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex h-[220px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Loader2, { size: 20, className: "text-primary animate-spin" }) }) : types.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-text-muted py-8 text-center text-sm", children: "Aucun type disponible" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "grid grid-cols-2 gap-2", children: types.map((t) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: cn("flex flex-col items-start gap-1 rounded-xl border p-3 text-left transition-all", selectedTypeId === t._id ? "border-primary bg-primary-light shadow-sm" : "border-border hover:border-primary/50 hover:bg-bg"), onClick: () => setSelectedTypeId(t._id), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-text text-sm font-medium", children: t.name }) }, t._id)) })),
+      step === 1 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { className: "text-text-muted mb-1 block text-xs font-medium", children: "Nom du workspace" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { className: "border-border bg-bg text-text focus:border-primary w-full rounded-lg border px-3 py-2 text-sm focus:outline-none", placeholder: `Ex: ${selectedType?.name ?? "Workspace"} - ...`, value: name, onChange: (e) => setName(e.target.value), autoFocus: true })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "text-text-muted mb-1 block text-xs font-medium", children: "Scope" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { className: "border-border bg-bg text-text focus:border-primary w-full rounded-lg border px-3 py-2 text-sm focus:outline-none", placeholder: "Ex: production, engineering...", value: scope, onChange: (e) => setScope(e.target.value) })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { className: "text-text-muted mb-1 block text-xs font-medium", children: "Scope" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { className: "border-border bg-bg text-text focus:border-primary w-full rounded-lg border px-3 py-2 text-sm focus:outline-none", placeholder: "Ex: production, engineering...", value: scope, onChange: (e) => setScope(e.target.value) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "text-text-muted mb-1 block text-xs font-medium", children: "Entit\xE9s" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2", children: [
-            entities.map((e, idx) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { className: "border-border bg-bg text-text focus:border-primary w-28 rounded border px-2 py-1 text-xs focus:outline-none", value: e.key, onChange: (ev) => {
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { className: "text-text-muted mb-1 block text-xs font-medium", children: "Entit\xE9s" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
+            entities.map((e, idx) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { className: "border-border bg-bg text-text focus:border-primary w-28 rounded border px-2 py-1 text-xs focus:outline-none", value: e.key, onChange: (ev) => {
                 const arr = [...entities];
                 arr[idx].key = ev.target.value;
                 setEntities(arr);
               }, placeholder: "Cl\xE9" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { className: "border-border bg-bg text-text focus:border-primary flex-1 rounded border px-2 py-1 text-xs focus:outline-none", value: e.value, onChange: (ev) => {
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { className: "border-border bg-bg text-text focus:border-primary flex-1 rounded border px-2 py-1 text-xs focus:outline-none", value: e.value, onChange: (ev) => {
                 const arr = [...entities];
                 arr[idx].value = ev.target.value;
                 setEntities(arr);
               }, placeholder: "Valeur" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: `rounded p-1 transition-colors ${e.isSecret ? "bg-warning/15 text-warning" : "text-text-muted hover:text-text hover:bg-bg"}`, onClick: () => {
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", className: `rounded p-1 transition-colors ${e.isSecret ? "bg-warning/15 text-warning" : "text-text-muted hover:text-text hover:bg-bg"}`, onClick: () => {
                 const arr = [...entities];
                 arr[idx].isSecret = !arr[idx].isSecret;
                 setEntities(arr);
-              }, children: e.isSecret ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Lock, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Unlock, { size: 12 }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { className: "text-text-muted hover:text-danger", onClick: () => setEntities(entities.filter((_, i) => i !== idx)), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Trash2, { size: 14 }) })
+              }, children: e.isSecret ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Lock, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Unlock, { size: 12 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "text-text-muted hover:text-danger", onClick: () => setEntities(entities.filter((_, i) => i !== idx)), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Trash2, { size: 14 }) })
             ] }, idx)),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { className: "text-primary hover:bg-primary-light flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors", onClick: () => setEntities([...entities, { key: "", value: "", isSecret: false }]), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Plus, { size: 12 }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { className: "text-primary hover:bg-primary-light flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors", onClick: () => setEntities([...entities, { key: "", value: "", isSecret: false }]), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Plus, { size: 12 }),
               " Ajouter une entit\xE9"
             ] })
           ] })
         ] }),
-        slackAvailable && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: cn("border-border bg-bg hover:border-primary/50 flex cursor-pointer items-start gap-3 rounded-xl border p-3 transition-colors", syncWithSlack && "border-primary bg-primary-light/40"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "checkbox", className: "accent-primary mt-0.5 h-4 w-4 shrink-0 cursor-pointer", checked: syncWithSlack, onChange: (e) => setSyncWithSlack(e.target.checked) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "text-text flex items-center gap-1.5 text-sm font-medium", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Slack, { size: 14, className: "text-primary" }),
+        slackAvailable && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: cn("border-border bg-bg hover:border-primary/50 flex cursor-pointer items-start gap-3 rounded-xl border p-3 transition-colors", syncWithSlack && "border-primary bg-primary-light/40"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { type: "checkbox", className: "accent-primary mt-0.5 h-4 w-4 shrink-0 cursor-pointer", checked: syncWithSlack, onChange: (e) => setSyncWithSlack(e.target.checked) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "text-text flex items-center gap-1.5 text-sm font-medium", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Slack, { size: 14, className: "text-primary" }),
               " Synchroniser avec Slack"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-text-muted text-[11px] leading-snug", children: "Un canal Slack priv\xE9 sera cr\xE9\xE9 et les membres utilisateurs y seront invit\xE9s automatiquement." })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-text-muted text-[11px] leading-snug", children: "Un canal Slack priv\xE9 sera cr\xE9\xE9 et les membres utilisateurs y seront invit\xE9s automatiquement." })
           ] })
         ] })
       ] }),
-      step === 2 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "text-text-muted flex items-center gap-1.5 text-xs font-semibold tracking-wider uppercase", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Users, { size: 14, className: "text-primary" }),
+      step === 2 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "text-text-muted flex items-center gap-1.5 text-xs font-semibold tracking-wider uppercase", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Users, { size: 14, className: "text-primary" }),
               " Membres Utilisateurs"
             ] }),
-            invitedUsers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "bg-primary-light text-primary rounded-full px-2 py-0.5 text-[10px] font-bold", children: [
+            invitedUsers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "bg-primary-light text-primary rounded-full px-2 py-0.5 text-[10px] font-bold", children: [
               invitedUsers.length,
               " invit\xE9",
               invitedUsers.length > 1 ? "s" : ""
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "search", name: "workspace-member-search", autoComplete: "off", "data-lpignore": "true", "data-1p-ignore": "true", className: "border-border bg-bg text-text focus:border-primary focus:ring-primary/10 placeholder:text-text-muted/65 w-full rounded-xl border px-3.5 py-2.5 text-sm transition-all focus:ring-2 focus:outline-none", placeholder: "Rechercher un membre par nom ou identifiant...", value: memberSearch, onChange: (e) => setMemberSearch(e.target.value) }),
-            memberSearch.length >= 2 && searchingUsers && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute top-1/2 right-3.5 flex -translate-y-1/2 items-center justify-center py-3", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Loader2, { size: 16, className: "text-primary animate-spin" }) }),
-            filteredUsers.length > 0 && memberSearch.length >= 2 && !searchingUsers && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "border-border bg-surface divide-border/30 absolute top-full left-0 z-20 mt-1 flex max-h-48 w-full flex-col divide-y overflow-y-auto rounded-xl border shadow-md", children: filteredUsers.slice(0, 5).map((u) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "hover:bg-primary-light/50 flex cursor-pointer items-center justify-between px-3.5 py-2.5 text-xs transition-colors", onClick: () => addMember(u.email, u.displayName, "user"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "bg-primary-light text-primary ring-primary/10 flex h-7 w-7 items-center justify-center rounded-full text-[10px] font-semibold ring-1", children: getInitials(u.displayName) }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-text font-medium", children: u.displayName }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-text-muted text-[10px]", children: u.email })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { type: "search", name: "workspace-member-search", autoComplete: "off", "data-lpignore": "true", "data-1p-ignore": "true", className: "border-border bg-bg text-text focus:border-primary focus:ring-primary/10 placeholder:text-text-muted/65 w-full rounded-xl border px-3.5 py-2.5 text-sm transition-all focus:ring-2 focus:outline-none", placeholder: "Rechercher un membre par nom ou identifiant...", value: memberSearch, onChange: (e) => setMemberSearch(e.target.value) }),
+            memberSearch.length >= 2 && searchingUsers && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute top-1/2 right-3.5 flex -translate-y-1/2 items-center justify-center py-3", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Loader2, { size: 16, className: "text-primary animate-spin" }) }),
+            filteredUsers.length > 0 && memberSearch.length >= 2 && !searchingUsers && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "border-border bg-surface divide-border/30 absolute top-full left-0 z-20 mt-1 flex max-h-48 w-full flex-col divide-y overflow-y-auto rounded-xl border shadow-md", children: filteredUsers.slice(0, 5).map((u) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "hover:bg-primary-light/50 flex cursor-pointer items-center justify-between px-3.5 py-2.5 text-xs transition-colors", onClick: () => addMember(u.email, u.displayName, "user"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "bg-primary-light text-primary ring-primary/10 flex h-7 w-7 items-center justify-center rounded-full text-[10px] font-semibold ring-1", children: getInitials(u.displayName) }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-text font-medium", children: u.displayName }),
+                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-text-muted text-[10px]", children: u.email })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Plus, { size: 14, className: "text-primary/75" })
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Plus, { size: 14, className: "text-primary/75" })
             ] }, u.id)) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mt-1 flex flex-col gap-1.5", children: invitedUsers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "bg-bg/40 border-border/40 flex items-center justify-center rounded-xl border border-dashed py-4 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-muted text-xs italic", children: "Aucun utilisateur invit\xE9 pour le moment." }) }) : invitedUsers.map((m) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "bg-bg-subtle hover:bg-bg border-border/30 flex items-center gap-3 rounded-xl border p-2.5 transition-all duration-200", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MemberAvatar, { memberName: m.memberName, memberType: "user", avatarUrl: avatarMap[m.memberId.toLowerCase()], size: "sm", variant: m.role === "owner" ? "owner" : "primary" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-text truncate text-xs font-semibold", children: m.memberName }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-text-muted truncate text-[10px]", children: m.memberId })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mt-1 flex flex-col gap-1.5", children: invitedUsers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "bg-bg/40 border-border/40 flex items-center justify-center rounded-xl border border-dashed py-4 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-text-muted text-xs italic", children: "Aucun utilisateur invit\xE9 pour le moment." }) }) : invitedUsers.map((m) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "bg-bg-subtle hover:bg-bg border-border/30 flex items-center gap-3 rounded-xl border p-2.5 transition-all duration-200", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MemberAvatar, { memberName: m.memberName, memberType: "user", avatarUrl: avatarMap[m.memberId.toLowerCase()], size: "sm", variant: m.role === "owner" ? "owner" : "primary" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-text truncate text-xs font-semibold", children: m.memberName }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-text-muted truncate text-[10px]", children: m.memberId })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("select", { className: "border-border bg-surface text-text focus:border-primary rounded-lg border px-2 py-1 text-[10px] font-medium focus:outline-none", value: m.role, onChange: (e) => setMembers(members.map((x) => x.memberId === m.memberId ? { ...x, role: e.target.value } : x)), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "owner", children: "Propri\xE9taire" }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "participant", children: "Participant" }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "viewer", children: "Observateur" })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("select", { className: "border-border bg-surface text-text focus:border-primary rounded-lg border px-2 py-1 text-[10px] font-medium focus:outline-none", value: m.role, onChange: (e) => setMembers(members.map((x) => x.memberId === m.memberId ? { ...x, role: e.target.value } : x)), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("option", { value: "owner", children: "Propri\xE9taire" }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("option", { value: "participant", children: "Participant" }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("option", { value: "viewer", children: "Observateur" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "text-text-muted hover:text-danger hover:bg-danger-light/20 rounded-lg p-1.5 transition-colors", onClick: () => removeMember(m.memberId), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.X, { size: 14 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", className: "text-text-muted hover:text-danger hover:bg-danger-light/20 rounded-lg p-1.5 transition-colors", onClick: () => removeMember(m.memberId), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.X, { size: 14 }) })
             ] })
           ] }, m.memberId)) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "text-text-muted flex items-center gap-1.5 text-xs font-semibold tracking-wider uppercase", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Brain, { size: 14, className: "text-primary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "text-text-muted flex items-center gap-1.5 text-xs font-semibold tracking-wider uppercase", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Brain, { size: 14, className: "text-primary" }),
               " Agents IA"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "bg-primary-light text-primary rounded-full px-2 py-0.5 text-[10px] font-bold", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "bg-primary-light text-primary rounded-full px-2 py-0.5 text-[10px] font-bold", children: [
               invitedAgents.length,
               "/",
               agents.length
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: cn("border-border bg-bg focus-within:border-primary focus-within:ring-primary/10 flex min-h-[44px] cursor-text flex-wrap items-center gap-1.5 rounded-xl border px-3 py-1.5 text-sm transition-all focus-within:ring-2", agentSearchFocused && "border-primary ring-primary/10 ring-2"), onClick: () => agentSearchInputRef.current?.focus(), children: [
-              invitedAgents.map((m) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "bg-primary-light/50 border-primary/20 text-primary flex items-center gap-1 rounded-lg border py-1 pr-1.5 pl-2 text-xs font-medium", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Brain, { size: 10, className: "text-primary/80" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: cn("border-border bg-bg focus-within:border-primary focus-within:ring-primary/10 flex min-h-[44px] cursor-text flex-wrap items-center gap-1.5 rounded-xl border px-3 py-1.5 text-sm transition-all focus-within:ring-2", agentSearchFocused && "border-primary ring-primary/10 ring-2"), onClick: () => agentSearchInputRef.current?.focus(), children: [
+              invitedAgents.map((m) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "bg-primary-light/50 border-primary/20 text-primary flex items-center gap-1 rounded-lg border py-1 pr-1.5 pl-2 text-xs font-medium", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Brain, { size: 10, className: "text-primary/80" }),
                 m.memberName,
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", className: "hover:bg-primary-light text-primary rounded-md p-0.5 transition-colors", onClick: (e) => {
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", className: "hover:bg-primary-light text-primary rounded-md p-0.5 transition-colors", onClick: (e) => {
                   e.stopPropagation();
                   removeMember(m.memberId);
-                }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.X, { size: 10 }) })
+                }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.X, { size: 10 }) })
               ] }, m.memberId)),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { ref: agentSearchInputRef, type: "search", name: "workspace-agent-search", autoComplete: "off", "data-lpignore": "true", "data-1p-ignore": "true", className: "text-text placeholder:text-text-muted/65 min-w-[100px] flex-1 border-none bg-transparent p-0.5 text-xs focus:ring-0 focus:outline-none", placeholder: invitedAgents.length === 0 ? "Rechercher et inviter des agents..." : "", value: agentSearch, onChange: (e) => {
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { ref: agentSearchInputRef, type: "search", name: "workspace-agent-search", autoComplete: "off", "data-lpignore": "true", "data-1p-ignore": "true", className: "text-text placeholder:text-text-muted/65 min-w-[100px] flex-1 border-none bg-transparent p-0.5 text-xs focus:ring-0 focus:outline-none", placeholder: invitedAgents.length === 0 ? "Rechercher et inviter des agents..." : "", value: agentSearch, onChange: (e) => {
                 setAgentSearch(e.target.value);
                 setShowAgentDropdown(true);
               }, onFocus: () => {
@@ -1312,61 +1836,61 @@ var CreateWorkspaceModal = ({ open, onClose, onCreated }) => {
                 setShowAgentDropdown(false);
               }, 200) })
             ] }),
-            showAgentDropdown && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "border-border bg-surface divide-border/30 absolute z-20 mt-1.5 flex max-h-48 w-full flex-col divide-y overflow-y-auto rounded-xl border shadow-lg", children: unselectedAgents.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-muted p-3 text-center text-xs italic", children: agentSearch.trim().length > 0 ? "Aucun agent ne correspond." : "Tous les agents ont \xE9t\xE9 invit\xE9s." }) : unselectedAgents.map((agent) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "hover:bg-primary-light/50 flex cursor-pointer items-center justify-between px-3.5 py-2.5 text-xs transition-colors", onClick: () => {
+            showAgentDropdown && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "border-border bg-surface divide-border/30 absolute z-20 mt-1.5 flex max-h-48 w-full flex-col divide-y overflow-y-auto rounded-xl border shadow-lg", children: unselectedAgents.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-text-muted p-3 text-center text-xs italic", children: agentSearch.trim().length > 0 ? "Aucun agent ne correspond." : "Tous les agents ont \xE9t\xE9 invit\xE9s." }) : unselectedAgents.map((agent) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "hover:bg-primary-light/50 flex cursor-pointer items-center justify-between px-3.5 py-2.5 text-xs transition-colors", onClick: () => {
               addMember(agent.agentId, agent.agentName, "agent");
               setAgentSearch("");
             }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "bg-surface border-border flex h-7 w-7 items-center justify-center rounded-full border", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Brain, { size: 12, className: "text-primary" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-text font-medium", children: agent.agentName })
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "bg-surface border-border flex h-7 w-7 items-center justify-center rounded-full border", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Brain, { size: 12, className: "text-primary" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-text font-medium", children: agent.agentName })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Plus, { size: 14, className: "text-primary/75" })
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Plus, { size: 14, className: "text-primary/75" })
             ] }, agent.agentId)) })
           ] })
         ] })
       ] }),
-      step === 3 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "bg-bg rounded-xl p-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mb-3 flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-text text-sm font-semibold", children: name || "Sans nom" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-text-muted text-xs", children: [
+      step === 3 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "bg-bg rounded-xl p-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mb-3 flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-text text-sm font-semibold", children: name || "Sans nom" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "text-text-muted text-xs", children: [
               selectedType?.name ?? "\u2014",
               " \u2022 ",
               scope || "Sans scope"
             ] })
           ] }) }),
-          entities.filter((e) => e.key.trim() && e.value.trim()).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mb-2 flex flex-wrap gap-1", children: entities.filter((e) => e.key.trim() && e.value.trim()).map((e, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "border-border inline-flex items-center gap-1 rounded border px-2 py-0.5 text-xs", children: [
-            e.isSecret && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Lock, { size: 10, className: "text-warning shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "text-text-muted mr-1 font-medium", children: [
+          entities.filter((e) => e.key.trim() && e.value.trim()).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mb-2 flex flex-wrap gap-1", children: entities.filter((e) => e.key.trim() && e.value.trim()).map((e, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "border-border inline-flex items-center gap-1 rounded border px-2 py-0.5 text-xs", children: [
+            e.isSecret && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Lock, { size: 10, className: "text-warning shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "text-text-muted mr-1 font-medium", children: [
               e.key,
               ":"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-text", children: e.isSecret ? "\u2022\u2022\u2022\u2022\u2022\u2022" : e.value })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-text", children: e.isSecret ? "\u2022\u2022\u2022\u2022\u2022\u2022" : e.value })
           ] }, i)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-text-muted flex items-center gap-3 text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Users, { size: 12 }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "text-text-muted flex items-center gap-3 text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Users, { size: 12 }),
               " ",
               members.length,
               " membre",
               members.length > 1 ? "s" : ""
             ] }),
-            syncWithSlack && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "text-primary flex items-center gap-1 font-medium", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Slack, { size: 12 }),
+            syncWithSlack && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "text-primary flex items-center gap-1 font-medium", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Slack, { size: 12 }),
               " Synchronis\xE9 avec Slack"
             ] })
           ] }),
-          members.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "border-border/30 mt-3 border-t pt-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "text-text-muted mb-2 block text-[10px] font-bold tracking-wider uppercase", children: [
+          members.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "border-border/30 mt-3 border-t pt-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "text-text-muted mb-2 block text-[10px] font-bold tracking-wider uppercase", children: [
               "Membres et Agents invit\xE9s (",
               members.length,
               ")"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex max-h-40 flex-col gap-1.5 overflow-y-auto pr-1", children: members.map((m) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "bg-bg-subtle/50 flex items-center gap-2.5 rounded-lg p-2 text-xs", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MemberAvatar, { memberName: m.memberName, memberType: m.memberType, avatarUrl: m.memberType === "user" ? avatarMap[m.memberId.toLowerCase()] : void 0, size: "xs", variant: m.role === "owner" ? "owner" : "primary" }),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-text truncate font-medium", children: m.memberName }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "text-text-muted ml-2 text-[10px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex max-h-40 flex-col gap-1.5 overflow-y-auto pr-1", children: members.map((m) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "bg-bg-subtle/50 flex items-center gap-2.5 rounded-lg p-2 text-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MemberAvatar, { memberName: m.memberName, memberType: m.memberType, avatarUrl: m.memberType === "user" ? avatarMap[m.memberId.toLowerCase()] : void 0, size: "xs", variant: m.role === "owner" ? "owner" : "primary" }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-text truncate font-medium", children: m.memberName }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "text-text-muted ml-2 text-[10px]", children: [
                   "(",
                   m.memberType === "agent" ? "Agent" : m.role === "owner" ? "Propri\xE9taire" : m.role === "viewer" ? "Observateur" : "Participant",
                   ")"
@@ -1375,19 +1899,19 @@ var CreateWorkspaceModal = ({ open, onClose, onCreated }) => {
             ] }, m.memberId)) })
           ] })
         ] }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "bg-danger-light text-danger rounded-lg px-3 py-2 text-xs", children: error })
+        error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "bg-danger-light text-danger rounded-lg px-3 py-2 text-xs", children: error })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "border-border flex shrink-0 items-center justify-between border-t px-6 py-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", className: cn("text-text-muted hover:text-text flex items-center gap-1 text-sm transition-colors", step === 0 && "invisible"), onClick: () => setStep((s) => s - 1), disabled: loading, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.ArrowLeft, { size: 14 }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "border-border flex shrink-0 items-center justify-between border-t px-6 py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { type: "button", className: cn("text-text-muted hover:text-text flex items-center gap-1 text-sm transition-colors", step === 0 && "invisible"), onClick: () => setStep((s) => s - 1), disabled: loading, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.ArrowLeft, { size: 14 }),
         " Pr\xE9c\xE9dent"
       ] }),
-      step < 3 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", className: cn("flex items-center gap-1 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors", canAdvance() ? "bg-primary hover:bg-primary-hover" : "bg-border cursor-not-allowed"), onClick: () => setStep((s) => s + 1), disabled: !canAdvance(), children: [
+      step < 3 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { type: "button", className: cn("flex items-center gap-1 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors", canAdvance() ? "bg-primary hover:bg-primary-hover" : "bg-border cursor-not-allowed"), onClick: () => setStep((s) => s + 1), disabled: !canAdvance(), children: [
         "Suivant ",
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.ArrowRight, { size: 14 })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", className: "bg-primary hover:bg-primary-hover flex items-center gap-1 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors disabled:opacity-50", onClick: handleCreate, disabled: loading, children: [
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Loader2, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Check, { size: 14 }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.ArrowRight, { size: 14 })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { type: "button", className: "bg-primary hover:bg-primary-hover flex items-center gap-1 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors disabled:opacity-50", onClick: handleCreate, disabled: loading, children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Loader2, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Check, { size: 14 }),
         " Cr\xE9er le workspace"
       ] })
     ] })
@@ -1395,21 +1919,21 @@ var CreateWorkspaceModal = ({ open, onClose, onCreated }) => {
 };
 
 // src/components/CreatePrivateWorkspaceModal.tsx
-var import_react6 = require("react");
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var CreatePrivateWorkspaceModal = ({ open, onClose, onCreated }) => {
-  const titleId = (0, import_react6.useId)();
+  const titleId = (0, import_react8.useId)();
   const { config } = useWorkspaceContext();
   const apis = useWorkspaceApi();
-  const [loading, setLoading] = (0, import_react6.useState)(false);
-  const [error, setError] = (0, import_react6.useState)(null);
-  const [search, setSearch] = (0, import_react6.useState)("");
-  const [searchResults, setSearchResults] = (0, import_react6.useState)([]);
-  const [searchingUsers, setSearchingUsers] = (0, import_react6.useState)(false);
-  const [selectedUser, setSelectedUser] = (0, import_react6.useState)(null);
-  const searchInputRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react8.useState)(false);
+  const [error, setError] = (0, import_react8.useState)(null);
+  const [search, setSearch] = (0, import_react8.useState)("");
+  const [searchResults, setSearchResults] = (0, import_react8.useState)([]);
+  const [searchingUsers, setSearchingUsers] = (0, import_react8.useState)(false);
+  const [selectedUser, setSelectedUser] = (0, import_react8.useState)(null);
+  const searchInputRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     if (search.length < 2 || !config.searchUsers) {
       setSearchResults([]);
       return;
@@ -1427,8 +1951,8 @@ var CreatePrivateWorkspaceModal = ({ open, onClose, onCreated }) => {
       cancelled = true;
     };
   }, [search]);
-  const filteredUsers = (0, import_react6.useMemo)(() => searchResults.filter((u) => u.email !== config.currentUserId), [searchResults, config.currentUserId]);
-  (0, import_react6.useEffect)(() => {
+  const filteredUsers = (0, import_react8.useMemo)(() => searchResults.filter((u) => u.email !== config.currentUserId), [searchResults, config.currentUserId]);
+  (0, import_react8.useEffect)(() => {
     if (!open) {
       setSearch("");
       setSelectedUser(null);
@@ -1457,50 +1981,396 @@ var CreatePrivateWorkspaceModal = ({ open, onClose, onCreated }) => {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Modal, { open, onClose, zIndexClass: "z-50", size: "sm", closeOnBackdropClick: false, backdropClassName: "bg-black/40", panelClassName: "bg-surface border-border flex max-h-[min(70dvh,500px)] flex-col overflow-hidden rounded-2xl border shadow-xl", headingId: titleId, ariaLabelledBy: titleId, title: "Conversation Priv\xE9e", description: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-muted text-xs", children: "Choisissez un utilisateur pour d\xE9marrer une conversation priv\xE9e." }), headerClassName: "items-center", closeButtonClassName: "text-text-muted hover:text-text transition-colors", titleIcon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "bg-primary-light text-primary flex h-8 w-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Lock, { size: 16 }) }), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: [
-      selectedUser ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "bg-primary-light/30 border-primary/20 flex items-center gap-3 rounded-xl border p-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MemberAvatar, { memberName: selectedUser.displayName, memberType: "user", avatarUrl: selectedUser.avatarUrl, size: "md", variant: "primary" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-text text-sm font-semibold", children: selectedUser.displayName }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-text-muted text-xs", children: selectedUser.email })
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Modal, { open, onClose, zIndexClass: "z-50", size: "sm", closeOnBackdropClick: false, backdropClassName: "bg-black/40", panelClassName: "bg-surface border-border flex max-h-[min(70dvh,500px)] flex-col overflow-hidden rounded-2xl border shadow-xl", headingId: titleId, ariaLabelledBy: titleId, title: "Conversation Priv\xE9e", description: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-text-muted text-xs", children: "Choisissez un utilisateur pour d\xE9marrer une conversation priv\xE9e." }), headerClassName: "items-center", closeButtonClassName: "text-text-muted hover:text-text transition-colors", titleIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "bg-primary-light text-primary flex h-8 w-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.Lock, { size: 16 }) }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: [
+      selectedUser ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "bg-primary-light/30 border-primary/20 flex items-center gap-3 rounded-xl border p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MemberAvatar, { memberName: selectedUser.displayName, memberType: "user", avatarUrl: selectedUser.avatarUrl, size: "md", variant: "primary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-text text-sm font-semibold", children: selectedUser.displayName }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-text-muted text-xs", children: selectedUser.email })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "text-text-muted hover:text-danger rounded p-1 transition-colors", onClick: () => setSelectedUser(null), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.X, { size: 16 }) })
-      ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Search, { size: 14, className: "text-text-muted absolute top-1/2 left-3 -translate-y-1/2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { ref: searchInputRef, type: "search", autoComplete: "off", "data-lpignore": "true", "data-1p-ignore": "true", className: "border-border bg-bg text-text focus:border-primary focus:ring-primary/10 placeholder:text-text-muted/65 w-full rounded-xl border py-2.5 pr-3 pl-9 text-sm transition-all focus:ring-2 focus:outline-none", placeholder: "Rechercher un utilisateur...", value: search, onChange: (e) => setSearch(e.target.value) }),
-          search.length >= 2 && searchingUsers && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Loader2, { size: 16, className: "text-primary animate-spin" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "text-text-muted hover:text-danger rounded p-1 transition-colors", onClick: () => setSelectedUser(null), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.X, { size: 16 }) })
+      ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.Search, { size: 14, className: "text-text-muted absolute top-1/2 left-3 -translate-y-1/2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { ref: searchInputRef, type: "search", autoComplete: "off", "data-lpignore": "true", "data-1p-ignore": "true", className: "border-border bg-bg text-text focus:border-primary focus:ring-primary/10 placeholder:text-text-muted/65 w-full rounded-xl border py-2.5 pr-3 pl-9 text-sm transition-all focus:ring-2 focus:outline-none", placeholder: "Rechercher un utilisateur...", value: search, onChange: (e) => setSearch(e.target.value) }),
+          search.length >= 2 && searchingUsers && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.Loader2, { size: 16, className: "text-primary animate-spin" }) })
         ] }),
-        search.length >= 2 && !searchingUsers && filteredUsers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "border-border bg-surface mt-2 flex max-h-48 flex-col overflow-y-auto rounded-xl border shadow-sm", children: filteredUsers.slice(0, 8).map((u) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: "hover:bg-primary-light/50 flex items-center gap-3 px-3.5 py-2.5 text-left transition-colors first:rounded-t-xl last:rounded-b-xl", onClick: () => {
+        search.length >= 2 && !searchingUsers && filteredUsers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "border-border bg-surface mt-2 flex max-h-48 flex-col overflow-y-auto rounded-xl border shadow-sm", children: filteredUsers.slice(0, 8).map((u) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", className: "hover:bg-primary-light/50 flex items-center gap-3 px-3.5 py-2.5 text-left transition-colors first:rounded-t-xl last:rounded-b-xl", onClick: () => {
           setSelectedUser(u);
           setSearch("");
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "bg-primary-light text-primary flex h-8 w-8 items-center justify-center rounded-full text-xs font-semibold", children: getInitials(u.displayName) }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-text text-sm font-medium", children: u.displayName }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-text-muted text-[11px]", children: u.email })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "bg-primary-light text-primary flex h-8 w-8 items-center justify-center rounded-full text-xs font-semibold", children: getInitials(u.displayName) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-text text-sm font-medium", children: u.displayName }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-text-muted text-[11px]", children: u.email })
           ] })
         ] }, u.id)) }),
-        search.length >= 2 && !searchingUsers && filteredUsers.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-muted mt-3 text-center text-xs italic", children: "Aucun utilisateur trouv\xE9." }),
-        search.length < 2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-muted mt-4 text-center text-xs", children: "Saisissez au moins 2 caract\xE8res pour rechercher." })
+        search.length >= 2 && !searchingUsers && filteredUsers.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-text-muted mt-3 text-center text-xs italic", children: "Aucun utilisateur trouv\xE9." }),
+        search.length < 2 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-text-muted mt-4 text-center text-xs", children: "Saisissez au moins 2 caract\xE8res pour rechercher." })
       ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "bg-danger-light text-danger mt-3 rounded-lg px-3 py-2 text-xs", children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "bg-danger-light text-danger mt-3 rounded-lg px-3 py-2 text-xs", children: error })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "border-border flex shrink-0 items-center justify-end gap-2 border-t px-6 py-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "text-text-muted hover:text-text text-sm transition-colors", onClick: onClose, disabled: loading, children: "Annuler" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", className: cn("flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors disabled:opacity-50", selectedUser ? "bg-primary hover:bg-primary-hover" : "bg-border cursor-not-allowed"), onClick: handleCreate, disabled: !selectedUser || loading, children: [
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Loader2, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.MessageSquare, { size: 14 }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "border-border flex shrink-0 items-center justify-end gap-2 border-t px-6 py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "text-text-muted hover:text-text text-sm transition-colors", onClick: onClose, disabled: loading, children: "Annuler" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("button", { type: "button", className: cn("flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium text-white transition-colors disabled:opacity-50", selectedUser ? "bg-primary hover:bg-primary-hover" : "bg-border cursor-not-allowed"), onClick: handleCreate, disabled: !selectedUser || loading, children: [
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.Loader2, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.MessageSquare, { size: 14 }),
         " D\xE9marrer"
       ] })
     ] })
   ] });
 };
 
+// src/components/ContextPanel.tsx
+var import_react9 = require("react");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function toEditableEntities(ws) {
+  return (ws.entitiesWithSecrets ?? []).map((e) => ({ key: e.key, value: e.value, isSecret: e.isSecret }));
+}
+function getDisplayEntities(ws) {
+  return ws.entitiesWithSecrets ?? [];
+}
+var ContextPanel = ({
+  workspace,
+  types = [],
+  onUpdateContext,
+  readonly
+}) => {
+  const [editing, setEditing] = (0, import_react9.useState)(false);
+  const [editName, setEditName] = (0, import_react9.useState)(workspace.name ?? "");
+  const [editType, setEditType] = (0, import_react9.useState)("");
+  const [editScope, setEditScope] = (0, import_react9.useState)(workspace.scope ?? "");
+  const [editEntities, setEditEntities] = (0, import_react9.useState)(toEditableEntities(workspace));
+  const currentTypeId = typeof workspace.type === "object" && workspace.type !== null ? workspace.type._id : workspace.type;
+  const typeName = typeof workspace.type === "object" && workspace.type !== null ? workspace.type.name : workspace.type;
+  const handleEdit = () => {
+    setEditName(workspace.name ?? "");
+    setEditType(currentTypeId ?? "");
+    setEditScope(workspace.scope ?? "");
+    setEditEntities(toEditableEntities(workspace));
+    setEditing(true);
+  };
+  const handleSave = () => {
+    const entitiesWithSecrets = editEntities.filter((e) => e.key.trim()).map((e) => ({ key: e.key.trim(), value: e.value, isSecret: e.isSecret }));
+    onUpdateContext?.({ name: editName.trim() || void 0, type: editType || void 0, scope: editScope, entitiesWithSecrets });
+    setEditing(false);
+  };
+  const handleCancel = () => {
+    setEditName(workspace.name ?? "");
+    setEditType(currentTypeId ?? "");
+    setEditScope(workspace.scope ?? "");
+    setEditEntities(toEditableEntities(workspace));
+    setEditing(false);
+  };
+  const handleTypeChange = (id) => {
+    setEditType(id);
+    const sel = types.find((t) => t._id === id);
+    if (sel?.entitiesWithSecrets?.length) {
+      setEditEntities(sel.entitiesWithSecrets.map((e) => ({ key: e.key, value: e.value, isSecret: e.isSecret })));
+    }
+  };
+  const displayEntities = getDisplayEntities(workspace);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[var(--color-text-muted,#94a3b8)] text-xs font-semibold tracking-wider uppercase", children: "Contexte" }),
+      !editing && !readonly && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { className: "text-[var(--color-text-muted,#94a3b8)] hover:text-[var(--color-primary,#3b82f6)] flex items-center gap-1 text-xs transition-colors", onClick: handleEdit, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Edit2, { size: 11 }),
+        " Modifier"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "bg-[var(--color-bg,#f8fafc)] flex items-center gap-2 rounded-lg p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[var(--color-text-muted,#94a3b8)] text-xs", children: "Nom :" }),
+      editing ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        "input",
+        {
+          className: "border-[var(--color-border,#e2e8f0)] bg-[var(--color-surface,#fff)] text-[var(--color-text,#0f172a)] focus:border-[var(--color-primary,#3b82f6)] w-48 rounded border px-2 py-1 text-xs focus:outline-none",
+          value: editName,
+          onChange: (e) => setEditName(e.target.value),
+          placeholder: "Nom du workspace"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[var(--color-text,#0f172a)] text-sm font-medium", children: workspace.name ?? "\u2014" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "bg-[var(--color-bg,#f8fafc)] flex items-center gap-2 rounded-lg p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[var(--color-text-muted,#94a3b8)] text-xs", children: "Type :" }),
+      editing && types.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        "select",
+        {
+          className: "border-[var(--color-border,#e2e8f0)] bg-[var(--color-surface,#fff)] text-[var(--color-text,#0f172a)] focus:border-[var(--color-primary,#3b82f6)] rounded border px-2 py-1 text-xs focus:outline-none",
+          value: editType,
+          onChange: (e) => handleTypeChange(e.target.value),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "", children: "\u2014 Aucun \u2014" }),
+            types.map((t) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: t._id, children: t.name }, t._id))
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[var(--color-text,#0f172a)] text-sm font-medium", children: typeName ?? "\u2014" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "bg-[var(--color-bg,#f8fafc)] flex items-center gap-2 rounded-lg p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[var(--color-text-muted,#94a3b8)] text-xs", children: "Scope :" }),
+      editing ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        "input",
+        {
+          className: "border-[var(--color-border,#e2e8f0)] bg-[var(--color-surface,#fff)] text-[var(--color-text,#0f172a)] focus:border-[var(--color-primary,#3b82f6)] w-36 rounded border px-2 py-1 text-xs focus:outline-none",
+          value: editScope,
+          onChange: (e) => setEditScope(e.target.value),
+          placeholder: "Saisir..."
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[var(--color-text,#0f172a)] text-sm font-medium", children: workspace.scope ?? "\u2014" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[var(--color-text-muted,#94a3b8)] text-xs", children: "Entit\xE9s" }),
+      editing ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "mt-1 flex flex-col gap-1", children: [
+        editEntities.map((e, idx) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "input",
+            {
+              className: "border-[var(--color-border,#e2e8f0)] bg-[var(--color-surface,#fff)] text-[var(--color-text,#0f172a)] focus:border-[var(--color-primary,#3b82f6)] w-20 rounded border px-2 py-1 text-xs focus:outline-none",
+              value: e.key,
+              onChange: (ev) => {
+                const arr = [...editEntities];
+                arr[idx].key = ev.target.value;
+                setEditEntities(arr);
+              },
+              placeholder: "Cl\xE9"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "input",
+            {
+              className: "border-[var(--color-border,#e2e8f0)] bg-[var(--color-surface,#fff)] text-[var(--color-text,#0f172a)] focus:border-[var(--color-primary,#3b82f6)] flex-1 rounded border px-2 py-1 text-xs focus:outline-none",
+              value: e.value,
+              onChange: (ev) => {
+                const arr = [...editEntities];
+                arr[idx].value = ev.target.value;
+                setEditEntities(arr);
+              },
+              placeholder: "Valeur"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "button",
+            {
+              type: "button",
+              className: `rounded p-0.5 transition-colors ${e.isSecret ? "bg-amber-100 text-amber-600 dark:bg-amber-500/10 dark:text-amber-400" : "text-[var(--color-text-muted,#94a3b8)] hover:text-[var(--color-text,#0f172a)] hover:bg-[var(--color-bg,#f8fafc)]"}`,
+              onClick: () => {
+                const arr = [...editEntities];
+                arr[idx].isSecret = !arr[idx].isSecret;
+                setEditEntities(arr);
+              },
+              title: e.isSecret ? "Secret (cliquer pour rendre public)" : "Public (cliquer pour rendre secret)",
+              children: e.isSecret ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Lock, { size: 12 }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Unlock, { size: 12 })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            "button",
+            {
+              className: "text-red-500 hover:bg-red-50 dark:hover:bg-red-500/10 rounded p-0.5 transition-colors",
+              onClick: () => setEditEntities(editEntities.filter((_, i) => i !== idx)),
+              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Trash2, { size: 12 })
+            }
+          )
+        ] }, idx)),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          "button",
+          {
+            className: "text-[var(--color-primary,#3b82f6)] hover:bg-[var(--color-primary-light,#eff6ff)] mt-1 flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors",
+            onClick: () => setEditEntities([...editEntities, { key: "", value: "", isSecret: false }]),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Plus, { size: 12 }),
+              " Ajouter"
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "mt-1 flex flex-wrap gap-1", children: [
+        displayEntities.map((ent) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "bg-[var(--color-bg,#f8fafc)] border-[var(--color-border,#e2e8f0)] inline-flex items-center gap-1 rounded border px-2 py-0.5 text-xs", children: [
+          ent.isSecret && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Lock, { size: 10, className: "text-amber-500 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "text-[var(--color-text-muted,#94a3b8)] mr-1 font-medium", children: [
+            ent.key,
+            ":"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[var(--color-text,#0f172a)]", children: ent.isSecret ? "\u2022\u2022\u2022\u2022\u2022\u2022" : ent.value })
+        ] }, ent.key)),
+        displayEntities.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-[var(--color-text-muted,#94a3b8)] text-xs", children: "Aucune entit\xE9" })
+      ] })
+    ] }),
+    editing && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex justify-end gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { className: "text-[var(--color-text-muted,#94a3b8)] hover:text-[var(--color-text,#0f172a)] flex items-center gap-1 text-xs transition-colors", onClick: handleCancel, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.X, { size: 11 }),
+        " Annuler"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { className: "text-emerald-600 hover:bg-emerald-50 dark:hover:bg-emerald-500/10 flex items-center gap-1 rounded px-2 py-1 text-xs font-medium transition-colors", onClick: handleSave, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Check, { size: 11 }),
+        " Enregistrer"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "text-[var(--color-text-muted,#94a3b8)] bg-[var(--color-bg,#f8fafc)] mt-2 flex items-center gap-2 rounded-lg p-2 text-xs italic", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react10.Brain, { size: 14 }),
+      " Ce contexte est inject\xE9 dans les requ\xEAtes IA (RAG)"
+    ] })
+  ] });
+};
+
+// src/components/MembersPanel.tsx
+var import_react10 = require("react");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var roleIcon = (role) => {
+  switch (role) {
+    case "owner":
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Crown, { size: 11, className: "text-warning" });
+    case "viewer":
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Eye, { size: 11, className: "text-text-muted" });
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Users, { size: 11, className: "text-primary" });
+  }
+};
+var MembersPanel = ({
+  members,
+  avatarUsers,
+  onAddMember,
+  onRemoveMember,
+  onUpdateRole,
+  readonly,
+  hideAgents = false
+}) => {
+  const { config } = useWorkspaceContext();
+  const apis = useWorkspaceApi();
+  const [showUserSearch, setShowUserSearch] = (0, import_react10.useState)(false);
+  const [search, setSearch] = (0, import_react10.useState)("");
+  const [searchResults, setSearchResults] = (0, import_react10.useState)([]);
+  const [searchingUsers, setSearchingUsers] = (0, import_react10.useState)(false);
+  const [allAgents, setAllAgents] = (0, import_react10.useState)([]);
+  (0, import_react10.useEffect)(() => {
+    apis.agentApi.list().then(setAllAgents).catch(() => setAllAgents([]));
+  }, []);
+  (0, import_react10.useEffect)(() => {
+    if (search.length < 2 || !showUserSearch || !config.searchUsers) {
+      setSearchResults([]);
+      return;
+    }
+    let cancelled = false;
+    setSearchingUsers(true);
+    config.searchUsers(search).then((results) => {
+      if (!cancelled) setSearchResults(results);
+    }).catch(() => {
+      if (!cancelled) setSearchResults([]);
+    }).finally(() => {
+      if (!cancelled) setSearchingUsers(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [search, showUserSearch, config.searchUsers]);
+  const filteredUsers = (0, import_react10.useMemo)(() => {
+    return searchResults.filter(
+      (u) => u.email !== config.currentUserId && !members.some((m) => m.memberId === u.email)
+    );
+  }, [searchResults, members, config.currentUserId]);
+  const userMembers = members.filter((m) => m.memberType === "user");
+  const agentMembers = members.filter((m) => m.memberType === "agent");
+  const agentMemberIds = (0, import_react10.useMemo)(() => new Set(agentMembers.map((m) => m.memberId)), [agentMembers]);
+  const agentMemberIdMap = (0, import_react10.useMemo)(() => new Map(agentMembers.map((m) => [m.memberId, m._id])), [agentMembers]);
+  const handleAddUser = (user) => {
+    onAddMember?.({ memberId: user.email, memberName: user.displayName, memberType: "user", role: "participant" });
+    setSearch("");
+    setShowUserSearch(false);
+  };
+  const handleAddAgent = (agent) => {
+    onAddMember?.({ memberId: agent.agentId, memberName: agent.agentName, memberType: "agent", role: "participant" });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "text-text-muted flex items-center gap-1.5 text-xs font-semibold tracking-wider uppercase", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Users, { size: 14, className: "text-primary" }),
+          " Utilisateurs"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "bg-primary-light text-primary rounded-full px-2 py-0.5 text-[10px] font-bold", children: userMembers.length }),
+          !readonly && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { className: "text-primary hover:bg-primary-light flex items-center gap-1 rounded px-2 py-1 text-xs transition-colors", onClick: () => setShowUserSearch(!showUserSearch), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.UserPlus, { size: 12 }),
+            " Inviter"
+          ] })
+        ] })
+      ] }),
+      showUserSearch && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative mt-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Search, { size: 12, className: "text-text-muted absolute top-1/2 left-2 -translate-y-1/2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { className: "border-border bg-surface text-text focus:border-primary w-full rounded-lg border py-1.5 pr-2 pl-7 text-xs focus:outline-none", placeholder: "Rechercher par nom ou email...", value: search, onChange: (e) => setSearch(e.target.value), autoFocus: true })
+        ] }),
+        search.length >= 2 && searchingUsers && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-center py-3", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Loader2, { size: 14, className: "text-primary animate-spin" }) }),
+        filteredUsers.length > 0 && !searchingUsers && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "bg-surface border-border mt-1 flex flex-col rounded-lg border shadow-sm", children: filteredUsers.map((u) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "hover:bg-primary-light flex cursor-pointer items-center gap-2 px-3 py-2 text-xs transition-colors first:rounded-t-lg last:rounded-b-lg", onClick: () => handleAddUser(u), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "bg-primary-light text-primary flex h-6 w-6 items-center justify-center rounded-full text-[10px] font-semibold", children: getInitials(u.displayName) }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-text", children: u.displayName }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Plus, { size: 12, className: "text-primary ml-auto" })
+        ] }, u.id)) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "mt-2 flex flex-col gap-1", children: userMembers.map((m) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "bg-bg group flex items-center gap-2 rounded-lg p-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MemberAvatar, { memberName: m.memberName, memberType: m.memberType, avatarUrl: avatarUsers?.find((u) => u.email.toLowerCase() === m.memberId.toLowerCase())?.avatarUrl, size: "sm", variant: m.role === "owner" ? "owner" : "primary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-text truncate text-xs font-medium", children: m.memberName }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "text-text-muted flex items-center gap-1 text-[10px]", children: [
+            roleIcon(m.role),
+            " ",
+            ROLE_LABELS[m.role] ?? m.role
+          ] })
+        ] }),
+        !(readonly || m.role === "owner" && members.filter((x) => x.role === "owner").length === 1) && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("select", { className: "border-border bg-surface text-text-muted rounded border px-1 py-0.5 text-[10px] opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100", value: m.role, onChange: (e) => {
+          e.stopPropagation();
+          onUpdateRole?.(m._id, e.target.value);
+        }, disabled: readonly || m.role === "owner" && members.filter((x) => x.role === "owner").length === 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "owner", children: "Propri\xE9taire" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "participant", children: "Participant" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "viewer", children: "Observateur" })
+        ] }),
+        m.role !== "owner" && !readonly && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "text-text-muted hover:text-danger rounded p-0.5 opacity-0 transition-all group-hover:opacity-100", onClick: (e) => {
+          e.stopPropagation();
+          onRemoveMember?.(m._id);
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.X, { size: 14 }) })
+      ] }, m._id)) })
+    ] }),
+    !hideAgents && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "text-text-muted flex items-center gap-1.5 text-xs font-semibold tracking-wider uppercase", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Brain, { size: 14, className: "text-primary" }),
+          " Agents IA"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "bg-primary-light text-primary rounded-full px-2 py-0.5 text-[10px] font-bold", children: [
+          agentMembers.length,
+          "/",
+          allAgents.length
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "mt-2 flex flex-col gap-1", children: allAgents.map((agent) => {
+        const isMember = agentMemberIds.has(agent.agentId);
+        const memberId = agentMemberIdMap.get(agent.agentId);
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "bg-bg group flex items-center gap-2 rounded-lg p-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "bg-surface border-border flex h-7 w-7 items-center justify-center rounded-full border", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Brain, { size: 14, className: "text-primary" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-text truncate text-xs font-medium", children: agent.agentName }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-text-muted text-[10px]", children: "Agent IA" })
+          ] }),
+          !readonly && (isMember ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("button", { className: "relative flex h-6 w-6 items-center justify-center rounded-full transition-colors", onClick: (e) => {
+            e.stopPropagation();
+            if (memberId) onRemoveMember?.(memberId);
+          }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Check, { size: 14, className: "text-success absolute transition-opacity group-hover:opacity-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.X, { size: 14, className: "text-danger absolute opacity-0 transition-opacity group-hover:opacity-100" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { className: "text-text-muted hover:text-primary hover:bg-primary-light flex h-6 w-6 items-center justify-center rounded-full transition-colors", onClick: (e) => {
+            e.stopPropagation();
+            handleAddAgent(agent);
+          }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react11.Plus, { size: 14 }) }))
+        ] }, agent.agentId);
+      }) })
+    ] })
+  ] });
+};
+
 // src/components/SyncPanel.tsx
-var import_react7 = require("react");
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var SLACK_COLOR = "#4A154B";
 var SYNC_INFO = {
   title: "Comment fonctionne la synchronisation ?",
@@ -1527,12 +2397,12 @@ var SyncPanel = ({
   slackConfigured = true,
   onToggleSync
 }) => {
-  const [syncStatus, setSyncStatus] = (0, import_react7.useState)(null);
-  const [loading, setLoading] = (0, import_react7.useState)(true);
-  const [toggling, setToggling] = (0, import_react7.useState)(false);
-  const [infoOpen, setInfoOpen] = (0, import_react7.useState)(false);
+  const [syncStatus, setSyncStatus] = (0, import_react11.useState)(null);
+  const [loading, setLoading] = (0, import_react11.useState)(true);
+  const [toggling, setToggling] = (0, import_react11.useState)(false);
+  const [infoOpen, setInfoOpen] = (0, import_react11.useState)(false);
   const apis = useWorkspaceApi();
-  const fetchSyncStatus = (0, import_react7.useCallback)(async () => {
+  const fetchSyncStatus = (0, import_react11.useCallback)(async () => {
     try {
       const status = await apis.syncApi.getStatus(workspaceId);
       setSyncStatus(status);
@@ -1542,10 +2412,10 @@ var SyncPanel = ({
       setLoading(false);
     }
   }, [workspaceId]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     fetchSyncStatus();
   }, [fetchSyncStatus]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (syncStatus) {
       setSyncStatus(
         (prev) => prev ? { ...prev, syncWithSlack: syncWithSlack ?? false } : prev
@@ -1566,126 +2436,126 @@ var SyncPanel = ({
   const slackLink = syncStatus?.links?.find((l) => l.provider === "slack");
   const isSlackActive = syncStatus?.syncWithSlack ?? syncWithSlack ?? false;
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Loader2, { size: 20, className: "text-primary animate-spin" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.Loader2, { size: 20, className: "text-primary animate-spin" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-muted text-xs font-semibold tracking-wider uppercase", children: "Synchronisation" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-text-muted text-xs font-semibold tracking-wider uppercase", children: "Synchronisation" }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "button",
         {
           className: "text-text-muted hover:text-primary flex items-center gap-1 text-xs transition-colors",
           onClick: () => fetchSyncStatus(),
           title: "Rafra\xEEchir",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.RefreshCw, { size: 11 }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.RefreshCw, { size: 11 }),
             " Rafra\xEEchir"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: cn("bg-bg border-border rounded-lg border", !slackConfigured && "opacity-60"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between p-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("bg-bg border-border rounded-lg border", !slackConfigured && "opacity-60"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "div",
             {
               className: "flex h-8 w-8 items-center justify-center rounded-lg",
               style: { backgroundColor: SLACK_COLOR },
-              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Hash, { size: 16, className: "text-white" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.Hash, { size: 16, className: "text-white" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-text flex items-center gap-1.5 text-sm font-medium", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "text-text flex items-center gap-1.5 text-sm font-medium", children: [
               "Slack",
-              !slackConfigured ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.XCircle, { size: 14, className: "text-text-muted" }) : isSlackActive ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.CheckCircle2, { size: 14, className: "text-success" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.XCircle, { size: 14, className: "text-text-muted" })
+              !slackConfigured ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.XCircle, { size: 14, className: "text-text-muted" }) : isSlackActive ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.CheckCircle2, { size: 14, className: "text-success" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.XCircle, { size: 14, className: "text-text-muted" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-muted text-[10px]", children: !slackConfigured ? "Non configur\xE9" : isSlackActive ? "Synchronisation active" : "Non synchronis\xE9" })
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-text-muted text-[10px]", children: !slackConfigured ? "Non configur\xE9" : isSlackActive ? "Synchronisation active" : "Non synchronis\xE9" })
           ] })
         ] }),
-        slackConfigured && isOwner && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        slackConfigured && isOwner && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "button",
           {
             className: `rounded-lg px-3 py-1.5 text-xs font-medium transition-colors ${isSlackActive ? "bg-danger-light text-danger hover:bg-danger/20" : "bg-success-light text-success hover:bg-success/20"}`,
             onClick: () => handleToggle("slack", !isSlackActive),
             disabled: toggling,
-            children: toggling ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Loader2, { size: 12, className: "animate-spin" }) : isSlackActive ? "D\xE9sactiver" : "Activer"
+            children: toggling ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.Loader2, { size: 12, className: "animate-spin" }) : isSlackActive ? "D\xE9sactiver" : "Activer"
           }
         ),
-        !slackConfigured && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "bg-bg border-border rounded border px-2 py-1 text-[10px] font-medium text-text-muted", children: "Non disponible" })
+        !slackConfigured && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "bg-bg border-border rounded border px-2 py-1 text-[10px] font-medium text-text-muted", children: "Non disponible" })
       ] }),
-      !slackConfigured && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "border-border border-t px-3 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-text-muted flex items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.AlertTriangle, { size: 14, className: "flex-shrink-0 text-warning" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "La synchronisation Slack n'est pas configur\xE9e sur le serveur. Contactez un administrateur pour l'activer." })
+      !slackConfigured && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "border-border border-t px-3 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "text-text-muted flex items-center gap-2 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.AlertTriangle, { size: 14, className: "flex-shrink-0 text-warning" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "La synchronisation Slack n'est pas configur\xE9e sur le serveur. Contactez un administrateur pour l'activer." })
       ] }) }),
-      slackConfigured && slackLink && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "border-border border-t px-3 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-muted text-[10px] font-medium uppercase tracking-wider", children: "Canal externe" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.ExternalLink, { size: 10, className: "text-text-muted" })
+      slackConfigured && slackLink && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "border-border border-t px-3 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-text-muted text-[10px] font-medium uppercase tracking-wider", children: "Canal externe" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.ExternalLink, { size: 10, className: "text-text-muted" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "bg-surface border-border rounded border p-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2 text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Hash, { size: 12, className: "text-text-muted flex-shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text font-medium", children: slackLink.externalName || slackLink.externalId })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "bg-surface border-border rounded border p-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2 text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.Hash, { size: 12, className: "text-text-muted flex-shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-text font-medium", children: slackLink.externalName || slackLink.externalId })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-text-muted mt-1 flex items-center gap-2 text-[10px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "text-text-muted mt-1 flex items-center gap-2 text-[10px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
               "ID: ",
               slackLink.externalId
             ] }),
-            slackLink.externalTeamId && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "\u2022" }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+            slackLink.externalTeamId && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "\u2022" }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
                 "Team: ",
                 slackLink.externalTeamId
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-text-muted mt-1 flex items-center gap-2 text-[10px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "text-text-muted mt-1 flex items-center gap-2 text-[10px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "span",
               {
                 className: `inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[9px] font-medium ${isSlackActive ? "bg-success-light text-success" : "bg-warning-light text-warning"}`,
                 children: isSlackActive ? "Sync active" : "Sync en pause"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
               "Cr\xE9\xE9 le",
               " ",
               new Date(slackLink.createdAt).toLocaleDateString("fr-FR")
             ] })
           ] }),
-          !isSlackActive && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "text-text-muted mt-1.5 text-[10px] italic", children: "Le canal Slack reste ouvert \u2014 seule la synchronisation est en pause." })
+          !isSlackActive && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "text-text-muted mt-1.5 text-[10px] italic", children: "Le canal Slack reste ouvert \u2014 seule la synchronisation est en pause." })
         ] })
       ] }) }),
-      slackConfigured && isSlackActive && !slackLink && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "border-border border-t px-3 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-warning bg-warning-light flex items-center gap-2 rounded-lg p-2 text-xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.AlertTriangle, { size: 14, className: "flex-shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "La synchronisation est activ\xE9e mais aucun canal Slack n'est encore li\xE9. Le canal sera cr\xE9\xE9 automatiquement." })
+      slackConfigured && isSlackActive && !slackLink && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "border-border border-t px-3 py-2.5", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "text-warning bg-warning-light flex items-center gap-2 rounded-lg p-2 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.AlertTriangle, { size: 14, className: "flex-shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: "La synchronisation est activ\xE9e mais aucun canal Slack n'est encore li\xE9. Le canal sera cr\xE9\xE9 automatiquement." })
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "bg-bg border-border rounded-lg border opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between p-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "bg-info flex h-8 w-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-xs font-bold text-white", children: "T" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-text flex items-center gap-1.5 text-sm font-medium", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "bg-bg border-border rounded-lg border opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center justify-between p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "bg-info flex h-8 w-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-xs font-bold text-white", children: "T" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "text-text flex items-center gap-1.5 text-sm font-medium", children: [
             "Microsoft Teams",
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.XCircle, { size: 14, className: "text-text-muted" })
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.XCircle, { size: 14, className: "text-text-muted" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-muted text-[10px]", children: "Bient\xF4t disponible" })
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-text-muted text-[10px]", children: "Bient\xF4t disponible" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "bg-bg border-border rounded border px-2 py-1 text-[10px] font-medium text-text-muted", children: "Prochainement" })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "bg-bg border-border rounded border px-2 py-1 text-[10px] font-medium text-text-muted", children: "Prochainement" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "bg-bg border-border rounded-lg border", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "bg-bg border-border rounded-lg border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         "button",
         {
           className: "flex w-full items-center gap-2 p-3 text-left",
           onClick: () => setInfoOpen(!infoOpen),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Info, { size: 14, className: "text-info flex-shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text text-xs font-medium", children: SYNC_INFO.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.Info, { size: 14, className: "text-info flex-shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-text text-xs font-medium", children: SYNC_INFO.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
               "span",
               {
                 className: `text-text-muted ml-auto text-[10px] transition-transform ${infoOpen ? "rotate-180" : ""}`,
@@ -1695,17 +2565,17 @@ var SyncPanel = ({
           ]
         }
       ),
-      infoOpen && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "border-border border-t px-3 pb-3 pt-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-text-muted mb-3 text-xs leading-relaxed", children: SYNC_INFO.description }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mb-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text mb-1.5 block text-[10px] font-semibold uppercase tracking-wider", children: "Fonctionnalit\xE9s" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "flex flex-col gap-1", children: SYNC_INFO.features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      infoOpen && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "border-border border-t px-3 pb-3 pt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-text-muted mb-3 text-xs leading-relaxed", children: SYNC_INFO.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-text mb-1.5 block text-[10px] font-semibold uppercase tracking-wider", children: "Fonctionnalit\xE9s" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ul", { className: "flex flex-col gap-1", children: SYNC_INFO.features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
             "li",
             {
               className: "text-text-muted flex items-start gap-1.5 text-xs",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                  import_lucide_react6.CheckCircle2,
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  import_lucide_react12.CheckCircle2,
                   {
                     size: 12,
                     className: "text-success mt-0.5 flex-shrink-0"
@@ -1717,15 +2587,15 @@ var SyncPanel = ({
             i
           )) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text mb-1.5 block text-[10px] font-semibold uppercase tracking-wider", children: "Limitations connues" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "flex flex-col gap-1", children: SYNC_INFO.limitations.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-text mb-1.5 block text-[10px] font-semibold uppercase tracking-wider", children: "Limitations connues" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("ul", { className: "flex flex-col gap-1", children: SYNC_INFO.limitations.map((l, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
             "li",
             {
               className: "text-text-muted flex items-start gap-1.5 text-xs",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                  import_lucide_react6.AlertTriangle,
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  import_lucide_react12.AlertTriangle,
                   {
                     size: 12,
                     className: "text-warning mt-0.5 flex-shrink-0"
@@ -1742,141 +2612,1547 @@ var SyncPanel = ({
   ] });
 };
 
-// src/components/Pagination.tsx
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var NavButton = ({
-  onClick,
-  disabled,
-  children,
-  title
-}) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-  "button",
-  {
-    onClick,
-    disabled,
-    title,
-    className: cn(
-      "flex h-9 w-9 items-center justify-center rounded-lg border text-sm transition-all duration-200",
-      disabled ? "border-border-light text-text-placeholder cursor-not-allowed opacity-40" : "border-border bg-surface text-text-secondary hover:bg-primary/8 hover:border-primary/30 hover:text-primary active:scale-95"
-    ),
-    children
-  }
-);
-var Pagination = ({
-  currentPage,
-  totalPages,
-  onPageChange,
-  loading = false
-}) => {
-  if (totalPages <= 1) return null;
-  const getVisiblePages = () => {
-    const pages2 = [];
-    const maxVisible = 5;
-    if (totalPages <= maxVisible + 2) {
-      for (let i = 1; i <= totalPages; i++) pages2.push(i);
-      return pages2;
+// src/components/MessageFeed.tsx
+var import_react17 = require("react");
+var import_lucide_react15 = require("lucide-react");
+var import_date_fns = require("date-fns");
+var import_locale = require("date-fns/locale");
+
+// src/components/MessageItem.tsx
+var import_react16 = __toESM(require("react"));
+var import_lucide_react14 = require("lucide-react");
+
+// src/components/ArtefactViewerDialog.tsx
+var import_react12 = require("react");
+var import_lucide_react13 = require("lucide-react");
+var import_streamdown = require("streamdown");
+var import_styles = require("streamdown/styles.css");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function ArtefactViewerDialog({ artefact, onClose }) {
+  const { artefactApi } = useWorkspaceApi();
+  const [url, setUrl] = (0, import_react12.useState)(null);
+  const [textContent, setTextContent] = (0, import_react12.useState)(null);
+  const [htmlContent, setHtmlContent] = (0, import_react12.useState)(null);
+  const [loading, setLoading] = (0, import_react12.useState)(true);
+  const mimetype = artefact.file?.mimetype ?? "";
+  const fileName = fixMojibake(artefact.file?.originalName ?? "");
+  const isImage = mimetype.startsWith("image/");
+  const isMarkdown = fileName.endsWith(".md") || mimetype === "text/markdown";
+  const isJson = fileName.endsWith(".json") || mimetype === "application/json";
+  const isDocx = fileName.endsWith(".docx") || mimetype === "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+  const isText = !isMarkdown && !isJson && !isDocx && (mimetype === "text/plain" || mimetype.startsWith("text/"));
+  (0, import_react12.useEffect)(() => {
+    if (!artefact.file?._id) {
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    setLoading(true);
+    (async () => {
+      try {
+        if (isImage) {
+          const { url: signedUrl } = await artefactApi.getSignedUrl(artefact.file._id);
+          if (!cancelled) setUrl(signedUrl);
+        } else if (isText || isMarkdown || isJson) {
+          const blob = await artefactApi.getDownloadBlob(artefact.file._id);
+          const text = await blob.text();
+          if (!cancelled) setTextContent(text);
+        } else if (isDocx) {
+          const blob = await artefactApi.getDownloadBlob(artefact.file._id);
+          const arrayBuffer = await blob.arrayBuffer();
+          const mammoth = await import("mammoth");
+          const result = await mammoth.convertToHtml({ arrayBuffer });
+          if (!cancelled) setHtmlContent(result.value);
+        }
+      } catch (err) {
+        console.error("Failed to load artefact preview:", err);
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [artefact.file?._id, isImage, isText, isMarkdown, isJson, isDocx, artefactApi]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    Modal,
+    {
+      open: true,
+      onClose,
+      size: "full",
+      panelClassName: "bg-[var(--color-surface,#fff)] border-[var(--color-border,#e2e8f0)] flex max-h-[95vh] h-[95vh] w-full flex-col overflow-hidden rounded-2xl border shadow-2xl",
+      className: "p-2 sm:p-4",
+      closeOnBackdropClick: true,
+      title: fileName,
+      titleClassName: "truncate text-sm font-semibold",
+      headerClassName: "items-center px-5 py-3",
+      closeIconSize: 18,
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex min-h-0 flex-1 flex-col overflow-auto p-4 sm:p-6", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex w-full flex-1 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react13.Loader2, { size: 28, className: "text-[var(--color-primary,#3b82f6)] animate-spin" }) }) : isImage && url ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex h-full w-full flex-1 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("img", { src: url, alt: fileName, className: "max-h-full max-w-full rounded-lg object-contain" }) }) : isMarkdown && textContent !== null ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_streamdown.Streamdown, { mode: "static", children: textContent }) }) : isJson && textContent !== null ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("pre", { className: "bg-[var(--color-bg,#f8fafc)] text-[var(--color-text,#0f172a)] w-full flex-1 overflow-auto rounded-lg p-6 text-sm leading-relaxed whitespace-pre-wrap", children: (() => {
+        try {
+          return JSON.stringify(JSON.parse(textContent), null, 2);
+        } catch {
+          return textContent;
+        }
+      })() }) : isDocx && htmlContent !== null ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "div",
+        {
+          className: "bg-[var(--color-bg,#f8fafc)] text-[var(--color-text,#0f172a)] w-full flex-1 overflow-auto rounded-lg p-6 text-sm leading-relaxed",
+          dangerouslySetInnerHTML: { __html: htmlContent }
+        }
+      ) : isText && textContent !== null ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("pre", { className: "bg-[var(--color-bg,#f8fafc)] text-[var(--color-text,#0f172a)] w-full flex-1 overflow-auto rounded-lg p-6 text-sm leading-relaxed whitespace-pre-wrap", children: textContent }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "text-[var(--color-text-muted,#94a3b8)] flex w-full flex-1 flex-col items-center justify-center gap-2 py-12 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react13.FileIcon, { size: 48, className: "opacity-30" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm", children: "Aper\xE7u non disponible pour ce type de fichier" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-[10px]", children: mimetype })
+      ] }) })
+    }
+  );
+}
+
+// src/components/MessageItem.tsx
+var import_streamdown2 = require("streamdown");
+var import_cjk = require("@streamdown/cjk");
+var import_code = require("@streamdown/code");
+var import_math = require("@streamdown/math");
+var import_mermaid = require("@streamdown/mermaid");
+var import_katex_min = require("katex/dist/katex.min.css");
+var import_styles2 = require("streamdown/styles.css");
+
+// src/components/streamdownCustomComponents.tsx
+var import_react15 = __toESM(require("react"));
+
+// src/components/ChartRenderer.tsx
+var import_react13 = __toESM(require("react"));
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var ChartJS = null;
+var loadChartJS = async () => {
+  if (ChartJS) return ChartJS;
+  const mod = await import("chart.js");
+  ChartJS = mod.Chart;
+  ChartJS.register(...mod.registerables);
+  return ChartJS;
+};
+var ChartRenderer = import_react13.default.memo(({ chartConfig }) => {
+  const containerRef = (0, import_react13.useRef)(null);
+  const chartInstanceRef = (0, import_react13.useRef)(null);
+  const [isLoading, setIsLoading] = (0, import_react13.useState)(true);
+  const [error, setError] = (0, import_react13.useState)(null);
+  const [canvasKey, setCanvasKey] = (0, import_react13.useState)(() => `canvas-${Date.now()}-${Math.random().toString(16).slice(2)}`);
+  const chartData = (0, import_react13.useMemo)(() => chartConfig.chartConfig.data, [chartConfig]);
+  const chartOptions = (0, import_react13.useMemo)(() => ({
+    ...chartConfig.chartConfig.options,
+    responsive: true,
+    maintainAspectRatio: false,
+    animation: { duration: 0 },
+    interaction: { intersect: false, mode: "index" },
+    plugins: {
+      ...chartConfig.chartConfig.options?.plugins,
+      legend: { ...chartConfig.chartConfig.options?.plugins?.legend, labels: { usePointStyle: true, padding: 15, font: { size: 12 } } }
+    }
+  }), [chartConfig]);
+  (0, import_react13.useEffect)(() => {
+    const timer = setTimeout(async () => {
+      try {
+        setIsLoading(true);
+        setError(null);
+        if (chartInstanceRef.current) {
+          try {
+            chartInstanceRef.current.destroy();
+          } catch {
+          }
+          chartInstanceRef.current = null;
+        }
+        setCanvasKey(`canvas-${Date.now()}-${Math.random().toString(16).slice(2)}`);
+        await new Promise((r) => setTimeout(r, 50));
+        const CJS = await loadChartJS();
+        if (containerRef.current) {
+          const canvas = containerRef.current.querySelector("canvas");
+          if (canvas) {
+            const existing = CJS.getChart(canvas);
+            if (existing) existing.destroy();
+            const ctx = canvas.getContext("2d");
+            if (ctx) {
+              ctx.clearRect(0, 0, canvas.width, canvas.height);
+              chartInstanceRef.current = new CJS(ctx, { type: chartConfig.chartConfig.type, data: chartData, options: chartOptions });
+              setIsLoading(false);
+            }
+          }
+        }
+      } catch (err) {
+        setError("\xC9chec du graphique : " + (err.message || "Erreur inconnue"));
+        setIsLoading(false);
+      }
+    }, 10);
+    return () => {
+      clearTimeout(timer);
+      if (chartInstanceRef.current) {
+        try {
+          chartInstanceRef.current.destroy();
+        } catch {
+        }
+        chartInstanceRef.current = null;
+      }
+    };
+  }, [chartConfig, chartData, chartOptions]);
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "my-4 rounded-lg border px-4 py-3 text-sm", style: { borderColor: "#ef4444", backgroundColor: "rgba(239,68,68,0.08)", color: "#b91c1c" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { className: "mb-1 block", children: "Erreur de graphique" }),
+    error
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "my-4 w-full", style: { height: 500, position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref: containerRef, className: "relative h-[calc(100%-40px)] p-2", children: [
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm", style: { color: "var(--color-text-secondary,#64748b)" }, children: "Chargement du graphique..." }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("canvas", { style: { width: "100%", height: "100%", display: isLoading ? "none" : "block" } }, canvasKey)
+  ] }) });
+});
+ChartRenderer.displayName = "ChartRenderer";
+
+// src/components/TableRenderer.tsx
+var import_react14 = __toESM(require("react"));
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var TableRenderer = import_react14.default.memo(({ tableConfig }) => {
+  const [error, setError] = (0, import_react14.useState)(null);
+  (0, import_react14.useEffect)(() => {
+    try {
+      if (!tableConfig.headers || !Array.isArray(tableConfig.headers)) throw new Error("Headers must be an array");
+      if (!tableConfig.rows || !Array.isArray(tableConfig.rows)) throw new Error("Rows must be an array");
+      setError(null);
+    } catch (err) {
+      setError(err.message || "Configuration de tableau invalide");
+    }
+  }, [tableConfig]);
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "my-4 rounded-lg border px-4 py-3 text-sm", style: { borderColor: "#ef4444", backgroundColor: "rgba(239,68,68,0.08)", color: "#b91c1c" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("strong", { className: "mb-1 block", children: "Erreur de tableau" }),
+    error
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "my-4 w-full overflow-x-auto rounded-lg border", style: { backgroundColor: "var(--color-surface,#fff)", borderColor: "var(--color-border,#e2e8f0)" }, children: [
+    tableConfig.caption && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "mb-3 text-center text-sm font-semibold", style: { color: "var(--color-text,#0f172a)" }, children: tableConfig.caption }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("table", { className: "min-w-full border-collapse text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", { children: tableConfig.headers.map((header, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        "th",
+        {
+          className: "border-b px-3 py-2 text-left text-xs font-semibold tracking-wide uppercase",
+          style: { backgroundColor: "var(--color-bg,#f8fafc)", borderColor: "var(--color-border,#e2e8f0)", color: "var(--color-text-secondary,#475569)", whiteSpace: "nowrap" },
+          children: header
+        },
+        i
+      )) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tbody", { children: tableConfig.rows.map((row, rowIdx) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", { style: { backgroundColor: rowIdx % 2 === 1 ? "var(--color-bg,#f8fafc)" : void 0 }, children: row.map((cell, cellIdx) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        "td",
+        {
+          className: "border-b px-3 py-2 align-top",
+          style: { borderColor: "var(--color-border,#e2e8f0)", maxWidth: "260px", wordBreak: "break-word", color: "var(--color-text,#0f172a)" },
+          children: String(cell)
+        },
+        cellIdx
+      )) }, rowIdx)) })
+    ] })
+  ] });
+});
+TableRenderer.displayName = "TableRenderer";
+
+// src/components/streamdownCustomComponents.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var CUSTOM_LANGUAGES = /* @__PURE__ */ new Set(["chart", "tabledata", "optionsblock", "table"]);
+var workspaceStreamdownComponents = {
+  pre: ({ children }) => {
+    const codeChild = import_react15.default.Children.toArray(children)[0];
+    if (codeChild && typeof codeChild === "object" && "props" in codeChild) {
+      const codeProps = codeChild.props || {};
+      const className = codeProps.className || "";
+      const match = /language-(\w+)/.exec(className);
+      const language = match ? match[1] : "";
+      const codeContent = codeProps.children;
+      if (language === "chart" && codeContent) {
+        try {
+          const cfg = JSON.parse(String(codeContent).replace(/\n$/, ""));
+          if (cfg.type === "chartjs" && cfg.chartConfig) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ChartRenderer, { chartConfig: cfg });
+        } catch {
+          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("pre", { children });
+        }
+      }
+      if (language === "tabledata" && codeContent) {
+        try {
+          const cfg = JSON.parse(String(codeContent).replace(/\n$/, ""));
+          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TableRenderer, { tableConfig: cfg });
+        } catch {
+          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("pre", { children });
+        }
+      }
+      if (CUSTOM_LANGUAGES.has(language)) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("pre", { children });
+      if (import_react15.default.isValidElement(codeChild)) {
+        return import_react15.default.cloneElement(codeChild, { "data-block": true });
+      }
+    }
+    return children;
+  }
+};
+
+// src/components/MessageItem.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var MAX_LINES = 12;
+var COLLAPSED_MAX_HEIGHT = MAX_LINES * 23 + 20;
+var MAX_VISIBLE_ARTEFACTS = 3;
+var REACTION_OPTIONS = [
+  { key: "like", emoji: "\u{1F44D}", label: "J\u2019aime", icon: import_lucide_react14.ThumbsUp },
+  { key: "dislike", emoji: "\u{1F44E}", label: "Pas d\u2019accord", icon: import_lucide_react14.ThumbsDown },
+  { key: "heart", emoji: "\u2764\uFE0F", label: "J\u2019adore", icon: import_lucide_react14.Heart },
+  { key: "laugh", emoji: "\u{1F602}", label: "Dr\xF4le", icon: import_lucide_react14.Laugh },
+  { key: "sad", emoji: "\u{1F622}", label: "Triste", icon: import_lucide_react14.Frown },
+  { key: "check", emoji: "\u2705", label: "Fait", icon: import_lucide_react14.CheckCircle2 }
+];
+var REACTION_EMOJI_MAP = Object.fromEntries(
+  REACTION_OPTIONS.map((r) => [r.key, r.emoji])
+);
+function preprocessMentions(content, members) {
+  let result = content;
+  const globalMentions = ["@Tous le monde et agents", "@Tous le monde"];
+  for (const token of globalMentions) {
+    const escaped = token.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const regex = new RegExp(`(${escaped})`, "gi");
+    result = result.replace(regex, "**$1**");
+  }
+  if (!members.length) return result;
+  const sorted = [...members].sort(
+    (a, b) => b.memberName.length - a.memberName.length
+  );
+  for (const member of sorted) {
+    const mentionByName = `@${member.memberName}`;
+    const mentionById = `@${member.memberId}`;
+    const escapedName = mentionByName.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const escapedId = mentionById.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const regex = new RegExp(`(${escapedName}|${escapedId})`, "gi");
+    result = result.replace(regex, "**$1**");
+  }
+  return result;
+}
+function formatTime(iso) {
+  return new Date(iso).toLocaleTimeString("fr-FR", {
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function InlineImagePreview({ artefact }) {
+  const { artefactApi } = useWorkspaceApi();
+  const [url, setUrl] = (0, import_react16.useState)(null);
+  const [loading, setLoading] = (0, import_react16.useState)(true);
+  (0, import_react16.useEffect)(() => {
+    let cancelled = false;
+    artefactApi.getSignedUrl(artefact.file._id).then(({ url: signedUrl }) => {
+      if (!cancelled) setUrl(signedUrl);
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [artefact.file._id, artefactApi]);
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "bg-bg flex h-32 w-full items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Loader2, { size: 16, className: "text-text-muted animate-spin" }) });
+  }
+  if (!url) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "bg-bg flex h-24 w-full items-center justify-center gap-2 rounded-lg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.ImageIcon, { size: 16, className: "text-text-muted" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-text-muted text-xs", children: "Image indisponible" })
+    ] });
+  }
+  return (
+    // eslint-disable-next-line @next/next/no-img-element
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      "img",
+      {
+        src: url,
+        alt: fixMojibake(artefact.file.originalName),
+        className: "max-h-48 w-full rounded-lg object-contain"
+      }
+    )
+  );
+}
+function ArtefactCard({
+  artefact,
+  isUserMessage,
+  workspaceId,
+  onView,
+  onDeleted,
+  canDelete = false
+}) {
+  const { artefactApi } = useWorkspaceApi();
+  const isImage = artefact.file.mimetype.startsWith("image/");
+  const [confirmOpen, setConfirmOpen] = (0, import_react16.useState)(false);
+  const handleDownload = async (e) => {
+    e.stopPropagation();
+    try {
+      const blob = await artefactApi.getDownloadBlob(artefact.file._id);
+      const blobUrl = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = blobUrl;
+      a.download = fixMojibake(artefact.file.originalName);
+      document.body.appendChild(a);
+      a.click();
+      a.remove();
+      URL.revokeObjectURL(blobUrl);
+    } catch (err) {
+      console.error("Download failed:", err);
     }
-    pages2.push(1);
-    const start = Math.max(2, currentPage - 1);
-    const end = Math.min(totalPages - 1, currentPage + 1);
-    if (start > 2) pages2.push("ellipsis");
-    for (let i = start; i <= end; i++) pages2.push(i);
-    if (end < totalPages - 1) pages2.push("ellipsis");
-    pages2.push(totalPages);
-    return pages2;
   };
-  const pages = getVisiblePages();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mt-6 flex items-center justify-center gap-1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      NavButton,
+  const handleDeleteConfirmed = async () => {
+    if (!workspaceId) return;
+    try {
+      await artefactApi.delete(workspaceId, artefact._id);
+      onDeleted?.(artefact._id);
+    } catch (err) {
+      console.error("Delete failed:", err);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      "div",
       {
-        onClick: () => onPageChange(1),
-        disabled: currentPage === 1 || loading,
-        title: "Premi\xE8re page",
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react7.ChevronsLeft, { size: 16 })
+        className: cn(
+          "group/art flex flex-col overflow-hidden rounded-xl border transition-shadow hover:shadow-md",
+          isUserMessage ? "border-white/20 bg-white/10" : "border-border bg-bg"
+        ),
+        children: [
+          isImage && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "cursor-pointer", onClick: onView, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(InlineImagePreview, { artefact }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 px-3 py-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              "div",
+              {
+                className: cn(
+                  "flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-lg",
+                  isUserMessage ? "bg-white/15" : "bg-primary-light"
+                ),
+                children: isImage ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  import_lucide_react14.ImageIcon,
+                  {
+                    size: 14,
+                    className: isUserMessage ? "text-white/80" : "text-primary"
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  import_lucide_react14.FileIcon,
+                  {
+                    size: 14,
+                    className: isUserMessage ? "text-white/80" : "text-primary"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                "div",
+                {
+                  className: cn(
+                    "truncate text-xs font-medium",
+                    isUserMessage ? "text-white" : "text-text"
+                  ),
+                  children: fixMojibake(artefact.file.originalName)
+                }
+              ),
+              artefact.file.size > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                "div",
+                {
+                  className: cn(
+                    "text-[10px]",
+                    isUserMessage ? "text-white/60" : "text-text-muted"
+                  ),
+                  children: artefact.file.size > 1024 * 1024 ? `${(artefact.file.size / (1024 * 1024)).toFixed(1)} MB` : `${(artefact.file.size / 1024).toFixed(0)} KB`
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-0.5 opacity-0 transition-opacity group-hover/art:opacity-100", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onView();
+                  },
+                  className: cn(
+                    "rounded-md p-1.5 transition-colors",
+                    isUserMessage ? "text-white/70 hover:bg-white/15 hover:text-white" : "text-info hover:bg-info-light"
+                  ),
+                  title: "Visualiser",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Eye, { size: 13 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                "button",
+                {
+                  onClick: handleDownload,
+                  className: cn(
+                    "rounded-md p-1.5 transition-colors",
+                    isUserMessage ? "text-white/70 hover:bg-white/15 hover:text-white" : "text-primary hover:bg-primary-light"
+                  ),
+                  title: "T\xE9l\xE9charger",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Download, { size: 13 })
+                }
+              ),
+              workspaceId && canDelete && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    setConfirmOpen(true);
+                  },
+                  className: cn(
+                    "rounded-md p-1.5 transition-colors",
+                    isUserMessage ? "text-white/70 hover:bg-white/15 hover:text-white" : "text-danger hover:bg-danger-light"
+                  ),
+                  title: "Supprimer",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Trash2, { size: 13 })
+                }
+              )
+            ] })
+          ] })
+        ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      NavButton,
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      ConfirmModal,
       {
-        onClick: () => onPageChange(currentPage - 1),
-        disabled: currentPage === 1 || loading,
-        title: "Page pr\xE9c\xE9dente",
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react7.ChevronLeft, { size: 16 })
+        open: confirmOpen,
+        onClose: () => setConfirmOpen(false),
+        onConfirm: handleDeleteConfirmed,
+        title: "Supprimer l'artefact",
+        description: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+          "Voulez-vous vraiment supprimer",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("strong", { children: fixMojibake(artefact.file.originalName) }),
+          " ? Cette action est irr\xE9versible."
+        ] }),
+        confirmText: "Supprimer",
+        danger: true
+      }
+    )
+  ] });
+}
+function MessageActionsMenu({
+  isUser,
+  onEdit,
+  onDelete
+}) {
+  const [open, setOpen] = (0, import_react16.useState)(false);
+  const menuRef = (0, import_react16.useRef)(null);
+  (0, import_react16.useEffect)(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (menuRef.current && !menuRef.current.contains(e.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative", ref: menuRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          setOpen((v) => !v);
+        },
+        className: cn(
+          "rounded-full p-1 shadow-sm transition-all",
+          "bg-surface border-border text-text-muted hover:text-text border"
+        ),
+        title: "Actions",
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.MoreVertical, { size: 14 })
       }
     ),
-    pages.map(
-      (p, idx) => p === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        "span",
-        {
-          className: "text-text-muted flex h-9 w-9 items-center justify-center text-sm",
-          children: "\u2026"
+    open && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      "div",
+      {
+        className: cn(
+          "bg-surface border-border absolute z-30 min-w-[140px] overflow-hidden rounded-lg border shadow-lg",
+          isUser ? "right-0 bottom-full mb-1" : "bottom-full left-0 mb-1"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                setOpen(false);
+                onEdit();
+              },
+              className: "text-text hover:bg-primary-light hover:text-primary flex w-full items-center gap-2 px-3 py-2 text-xs transition-colors",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Pencil, { size: 13 }),
+                "Modifier"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                setOpen(false);
+                onDelete();
+              },
+              className: "text-danger hover:bg-danger-light flex w-full items-center gap-2 px-3 py-2 text-xs transition-colors",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Trash2, { size: 13 }),
+                "Supprimer"
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ReactionPicker({
+  isUser,
+  onSelect
+}) {
+  const [open, setOpen] = (0, import_react16.useState)(false);
+  const pickerRef = (0, import_react16.useRef)(null);
+  (0, import_react16.useEffect)(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (pickerRef.current && !pickerRef.current.contains(e.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative", ref: pickerRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          setOpen((v) => !v);
         },
-        `ellipsis-${idx}`
-      ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        className: cn(
+          "rounded-full p-1 shadow-sm transition-all",
+          "bg-surface border-border text-text-muted hover:text-text border"
+        ),
+        title: "R\xE9agir",
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.SmilePlus, { size: 14 })
+      }
+    ),
+    open && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      "div",
+      {
+        className: cn(
+          "bg-surface border-border absolute z-30 flex items-center gap-0.5 rounded-full border px-1.5 py-1 shadow-lg",
+          isUser ? "right-0 bottom-full mb-1" : "bottom-full left-0 mb-1"
+        ),
+        children: REACTION_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              setOpen(false);
+              onSelect(opt.key);
+            },
+            className: "hover:bg-bg flex h-7 w-7 items-center justify-center rounded-full text-base transition-all hover:scale-125",
+            title: opt.label,
+            children: opt.emoji
+          },
+          opt.key
+        ))
+      }
+    )
+  ] });
+}
+function groupReactions(reactions, currentUserId) {
+  const map = /* @__PURE__ */ new Map();
+  for (const r of reactions) {
+    if (!map.has(r.reaction)) {
+      map.set(r.reaction, { count: 0, members: [], hasMine: false });
+    }
+    const group = map.get(r.reaction);
+    group.count++;
+    if (r.memberName) group.members.push(r.memberName);
+    if (r.memberId === currentUserId) group.hasMine = true;
+  }
+  return Array.from(map.entries()).map(([key, val]) => ({
+    reaction: key,
+    emoji: REACTION_EMOJI_MAP[key] ?? key,
+    count: val.count,
+    members: val.members,
+    hasMine: val.hasMine
+  }));
+}
+function ReactionBar({
+  reactions,
+  currentUserId,
+  isUser,
+  onToggle
+}) {
+  const grouped = groupReactions(reactions, currentUserId);
+  if (grouped.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      className: cn(
+        "mt-1 flex flex-wrap gap-1 px-1",
+        isUser ? "justify-end" : "justify-start"
+      ),
+      children: grouped.map((g) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
         "button",
         {
-          onClick: () => onPageChange(p),
-          disabled: loading,
+          onClick: () => onToggle(g.reaction),
           className: cn(
-            "flex h-9 w-9 items-center justify-center rounded-lg text-sm font-medium transition-all duration-200",
-            p === currentPage ? "bg-primary text-white shadow-sm shadow-primary/30" : "border-border bg-surface text-text-secondary hover:bg-primary/8 hover:border-primary/30 hover:text-primary border active:scale-95"
+            "group/reaction relative flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs transition-all hover:shadow-sm",
+            g.hasMine ? "border-primary bg-primary-light text-primary font-medium" : "border-border bg-surface text-text-secondary hover:border-primary/40 hover:bg-primary-light/50"
           ),
-          children: p
+          title: g.members.join(", "),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm", children: g.emoji }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: g.count }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              "div",
+              {
+                className: cn(
+                  "pointer-events-none absolute z-40 min-w-max rounded-lg px-2.5 py-1.5 text-[11px] leading-relaxed opacity-0 shadow-lg transition-opacity group-hover/reaction:opacity-100",
+                  "bg-[#1e293b] text-white",
+                  isUser ? "right-0 bottom-full mb-2" : "bottom-full left-0 mb-2"
+                ),
+                children: g.members.length > 0 ? g.members.join(", ") : "R\xE9action anonyme"
+              }
+            )
+          ]
         },
-        p
-      )
+        g.reaction
+      ))
+    }
+  );
+}
+var MessageItem = ({
+  message,
+  role,
+  members = [],
+  workspaceId,
+  currentUserId,
+  isOwner = false,
+  avatarUsers,
+  onArtefactDeleted,
+  onReply,
+  onEditMessage,
+  onDeleteMessage,
+  onToggleReaction,
+  onTogglePin
+}) => {
+  const isAgent = message.senderType === "agent";
+  const isUser = role === "user";
+  const isDeleted = message.deleted === true;
+  const processedContent = isDeleted ? "" : preprocessMentions(message.content, members);
+  const artefacts = isDeleted ? [] : "artefacts" in message ? message.artefacts : [];
+  const reactions = isDeleted ? [] : "reactions" in message ? message.reactions ?? [] : [];
+  const time = formatTime(message.createdAt);
+  const isPinned = !isDeleted && message.pinned === true;
+  const [isExpanded, setIsExpanded] = (0, import_react16.useState)(false);
+  const [artefactsExpanded, setArtefactsExpanded] = (0, import_react16.useState)(false);
+  const [isLong, setIsLong] = (0, import_react16.useState)(false);
+  const contentRef = (0, import_react16.useRef)(null);
+  (0, import_react16.useEffect)(() => {
+    if (isDeleted) return;
+    const el = contentRef.current;
+    if (!el) return;
+    const checkHeight = () => {
+      if (el.scrollHeight > COLLAPSED_MAX_HEIGHT) {
+        setIsLong(true);
+      } else {
+        setIsLong(false);
+      }
+    };
+    checkHeight();
+    const timer1 = setTimeout(checkHeight, 100);
+    const timer2 = setTimeout(checkHeight, 500);
+    let observer = null;
+    if (typeof ResizeObserver !== "undefined") {
+      observer = new ResizeObserver(checkHeight);
+      observer.observe(el);
+    }
+    return () => {
+      clearTimeout(timer1);
+      clearTimeout(timer2);
+      if (observer) observer.disconnect();
+    };
+  }, [message.content, isDeleted]);
+  const isDark = typeof document !== "undefined" && document.documentElement.getAttribute("data-theme") === "dark";
+  const codePlugin = import_react16.default.useMemo(
+    () => (0, import_code.createCodePlugin)({
+      themes: isDark ? ["min-dark", "min-dark"] : ["min-light", "min-light"]
+    }),
+    [isDark]
+  );
+  const [viewingArtefact, setViewingArtefact] = (0, import_react16.useState)(null);
+  const [confirmDeleteOpen, setConfirmDeleteOpen] = (0, import_react16.useState)(false);
+  const memberName = message.sender?.memberName || message.senderName;
+  if (isDeleted) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      "div",
+      {
+        className: cn(
+          "group flex max-w-[85%] gap-3",
+          isUser ? "flex-row-reverse self-end" : "self-start"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            MemberAvatar,
+            {
+              memberName,
+              memberType: message.senderType,
+              avatarUrl: avatarUsers?.find(
+                (u) => u.email.toLowerCase() === message.senderId.toLowerCase()
+              )?.avatarUrl,
+              size: "md",
+              variant: isUser ? "currentUser" : "primary",
+              className: "opacity-50 shadow-sm"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+            !isUser && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 px-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-text-muted text-[11px] font-semibold", children: memberName }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-text-placeholder text-[10px]", children: time })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              "div",
+              {
+                className: cn(
+                  "rounded-2xl px-4 py-2.5 italic",
+                  isUser ? "bg-primary/80 rounded-tr-sm text-white/80" : "bg-surface border-border text-text-muted rounded-tl-sm border"
+                ),
+                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-xs", children: "\u{1F5D1}\uFE0F Ce message a \xE9t\xE9 supprim\xE9" })
+              }
+            ),
+            isUser && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex items-center gap-1 self-end px-1", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-text-placeholder text-[10px]", children: time }) })
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      "div",
+      {
+        className: cn(
+          "group flex max-w-[85%] gap-3",
+          isUser ? "flex-row-reverse self-end" : "self-start"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            MemberAvatar,
+            {
+              memberName,
+              memberType: message.senderType,
+              avatarUrl: avatarUsers?.find(
+                (u) => u.email.toLowerCase() === message.senderId.toLowerCase()
+              )?.avatarUrl,
+              size: "md",
+              variant: isUser ? "currentUser" : "primary",
+              className: "mt-1 flex-shrink-0 self-start shadow-sm"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+            !isUser && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 px-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                "span",
+                {
+                  className: cn(
+                    "text-[11px] font-semibold",
+                    isAgent ? "text-indigo-600" : "text-text-secondary"
+                  ),
+                  children: memberName
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-text-placeholder text-[10px]", children: time }),
+              message.editedAt && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-text-placeholder text-[10px] italic", children: "(modifi\xE9)" }),
+              onReply && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                "button",
+                {
+                  onClick: () => onReply(message),
+                  className: "text-text-muted hover:text-primary ml-auto rounded p-0.5 opacity-0 transition-all group-hover:opacity-100",
+                  title: "R\xE9pondre",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Reply, { size: 13 })
+                }
+              )
+            ] }),
+            isPinned && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+              "div",
+              {
+                className: cn(
+                  "flex items-center gap-1 px-2 py-0.5 text-[10px] font-medium",
+                  isUser ? "self-end text-amber-200" : "text-amber-600 dark:text-amber-400"
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Pin, { size: 10, className: "rotate-45" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "\xC9pingl\xE9" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-start gap-1.5", children: [
+              isUser && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-shrink-0 items-center gap-0.5 self-center opacity-0 transition-opacity group-hover:opacity-100", children: [
+                onTogglePin && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onTogglePin(message._id);
+                    },
+                    className: cn(
+                      "rounded-full p-1 shadow-sm transition-all",
+                      "bg-surface border-border border",
+                      isPinned ? "text-amber-500 hover:text-amber-600" : "text-text-muted hover:text-text"
+                    ),
+                    title: isPinned ? "D\xE9s\xE9pingler" : "\xC9pingler",
+                    children: isPinned ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.PinOff, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Pin, { size: 14 })
+                  }
+                ),
+                onToggleReaction && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  ReactionPicker,
+                  {
+                    isUser,
+                    onSelect: (r) => onToggleReaction(message._id, r)
+                  }
+                ),
+                onEditMessage && onDeleteMessage && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  MessageActionsMenu,
+                  {
+                    isUser,
+                    onEdit: () => onEditMessage(message),
+                    onDelete: () => setConfirmDeleteOpen(true)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                "div",
+                {
+                  className: cn(
+                    "relative rounded-2xl px-4 py-2.5 shadow-sm transition-shadow group-hover:shadow-md",
+                    isUser ? "bg-primary rounded-tr-sm text-white" : isAgent ? "rounded-tl-sm border border-indigo-100 bg-gradient-to-br from-white to-indigo-50/40 dark:border-indigo-800/60 dark:from-indigo-900/20 dark:to-indigo-800/10" : "bg-surface border-border rounded-tl-sm border"
+                  ),
+                  children: [
+                    message.replyToMessage && typeof message.replyToMessage === "object" && "content" in message.replyToMessage && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                      "div",
+                      {
+                        className: cn(
+                          "mb-2 rounded-lg border-l-3 px-3 py-1.5",
+                          isUser ? "border-l-white/50 bg-white/15" : "border-l-[var(--color-primary)] bg-[var(--color-primary-light)]/60"
+                        ),
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                            "div",
+                            {
+                              className: cn(
+                                "text-[10px] font-semibold",
+                                isUser ? "text-white/80" : "text-primary"
+                              ),
+                              children: message.replyToMessage.senderName
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                            "div",
+                            {
+                              className: cn(
+                                "truncate text-[11px]",
+                                isUser ? "text-white/60" : "text-text-muted",
+                                message.replyToMessage.deleted && "italic"
+                              ),
+                              children: message.replyToMessage.deleted ? "\u{1F5D1}\uFE0F Ce message a \xE9t\xE9 supprim\xE9" : message.replyToMessage.content.length > 100 ? message.replyToMessage.content.slice(0, 100) + "\u2026" : message.replyToMessage.content
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                      "div",
+                      {
+                        ref: contentRef,
+                        className: cn(
+                          "streamdown-message overflow-hidden text-sm leading-relaxed transition-all duration-300 ease-in-out",
+                          isUser && "text-white [&_a]:text-white/80 [&_a]:underline [&_code]:bg-white/15 [&_code]:text-white [&_strong]:text-white/90"
+                        ),
+                        style: !isExpanded && isLong ? {
+                          maxHeight: `${COLLAPSED_MAX_HEIGHT}px`,
+                          maskImage: "linear-gradient(to bottom, black 70%, transparent 100%)",
+                          WebkitMaskImage: "linear-gradient(to bottom, black 70%, transparent 100%)"
+                        } : void 0,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                          import_streamdown2.Streamdown,
+                          {
+                            mode: "static",
+                            plugins: { code: codePlugin, mermaid: import_mermaid.mermaid, math: import_math.math, cjk: import_cjk.cjk },
+                            components: workspaceStreamdownComponents,
+                            children: processedContent
+                          }
+                        )
+                      }
+                    ),
+                    isLong && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                      "button",
+                      {
+                        onClick: () => setIsExpanded((prev) => !prev),
+                        className: cn(
+                          "mt-2 flex cursor-pointer items-center gap-0.5 self-start text-[10px] font-semibold transition-colors select-none",
+                          isUser ? "text-white/85 hover:text-white" : "text-primary hover:text-primary-hover"
+                        ),
+                        type: "button",
+                        children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.ChevronUp, { size: 12 }),
+                          "Voir moins"
+                        ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.ChevronDown, { size: 12 }),
+                          "Voir plus"
+                        ] })
+                      }
+                    ),
+                    artefacts.length > 0 && (() => {
+                      const hasMany = artefacts.length > MAX_VISIBLE_ARTEFACTS;
+                      const visibleArtefacts = artefactsExpanded || !hasMany ? artefacts : artefacts.slice(0, MAX_VISIBLE_ARTEFACTS);
+                      const hiddenCount = artefacts.length - MAX_VISIBLE_ARTEFACTS;
+                      return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                        "div",
+                        {
+                          className: cn(
+                            "mt-3 flex flex-col gap-2 border-t pt-2.5",
+                            isUser ? "border-white/20" : "border-border-light"
+                          ),
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                              "div",
+                              {
+                                className: cn(
+                                  "flex items-center gap-1 text-[10px] font-medium",
+                                  isUser ? "text-white/60" : "text-text-muted"
+                                ),
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Paperclip, { size: 10 }),
+                                  artefacts.length,
+                                  " pi\xE8ce",
+                                  artefacts.length > 1 ? "s" : "",
+                                  " jointe",
+                                  artefacts.length > 1 ? "s" : ""
+                                ]
+                              }
+                            ),
+                            visibleArtefacts.map((art) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                              ArtefactCard,
+                              {
+                                artefact: art,
+                                isUserMessage: isUser,
+                                workspaceId,
+                                onView: () => setViewingArtefact(art),
+                                onDeleted: onArtefactDeleted,
+                                canDelete: isOwner || art.createdBy === currentUserId
+                              },
+                              art._id
+                            )),
+                            hasMany && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                              "button",
+                              {
+                                onClick: () => setArtefactsExpanded((prev) => !prev),
+                                className: cn(
+                                  "mt-0.5 flex cursor-pointer items-center gap-1 self-start rounded-md px-2 py-1 text-[10px] font-semibold transition-all select-none",
+                                  isUser ? "text-white/80 hover:bg-white/10 hover:text-white" : "text-primary hover:bg-primary-light hover:text-primary-hover"
+                                ),
+                                type: "button",
+                                children: artefactsExpanded ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.ChevronUp, { size: 12 }),
+                                  "Voir moins"
+                                ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.ChevronDown, { size: 12 }),
+                                  "+",
+                                  hiddenCount,
+                                  " autre",
+                                  hiddenCount > 1 ? "s" : "",
+                                  " pi\xE8ce",
+                                  hiddenCount > 1 ? "s" : "",
+                                  " jointe",
+                                  hiddenCount > 1 ? "s" : ""
+                                ] })
+                              }
+                            )
+                          ]
+                        }
+                      );
+                    })()
+                  ]
+                }
+              ),
+              !isUser && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-shrink-0 items-center gap-0.5 self-center opacity-0 transition-opacity group-hover:opacity-100", children: [
+                onToggleReaction && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  ReactionPicker,
+                  {
+                    isUser,
+                    onSelect: (r) => onToggleReaction(message._id, r)
+                  }
+                ),
+                onTogglePin && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      onTogglePin(message._id);
+                    },
+                    className: cn(
+                      "rounded-full p-1 shadow-sm transition-all",
+                      "bg-surface border-border border",
+                      isPinned ? "text-amber-500 hover:text-amber-600" : "text-text-muted hover:text-text"
+                    ),
+                    title: isPinned ? "D\xE9s\xE9pingler" : "\xC9pingler",
+                    children: isPinned ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.PinOff, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Pin, { size: 14 })
+                  }
+                )
+              ] })
+            ] }),
+            onToggleReaction && reactions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              ReactionBar,
+              {
+                reactions,
+                currentUserId,
+                isUser,
+                onToggle: (r) => onToggleReaction(message._id, r)
+              }
+            ),
+            isUser && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-1 self-end px-1", children: [
+              message.editedAt && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-text-placeholder text-[10px] italic", children: "(modifi\xE9)" }),
+              onReply && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                "button",
+                {
+                  onClick: () => onReply(message),
+                  className: "text-text-muted hover:text-primary rounded p-0.5 opacity-0 transition-all group-hover:opacity-100",
+                  title: "R\xE9pondre",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Reply, { size: 13 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-text-placeholder text-[10px]", children: time })
+            ] })
+          ] })
+        ]
+      }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      NavButton,
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      ConfirmModal,
       {
-        onClick: () => onPageChange(currentPage + 1),
-        disabled: currentPage === totalPages || loading,
-        title: "Page suivante",
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react7.ChevronRight, { size: 16 })
+        open: confirmDeleteOpen,
+        onClose: () => setConfirmDeleteOpen(false),
+        onConfirm: () => {
+          onDeleteMessage?.(message._id);
+          setConfirmDeleteOpen(false);
+        },
+        title: "Supprimer le message",
+        description: "Voulez-vous vraiment supprimer ce message ? Cette action est irr\xE9versible.",
+        confirmText: "Supprimer",
+        danger: true
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      NavButton,
+    viewingArtefact && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      ArtefactViewerDialog,
       {
-        onClick: () => onPageChange(totalPages),
-        disabled: currentPage === totalPages || loading,
-        title: "Derni\xE8re page",
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react7.ChevronsRight, { size: 16 })
+        artefact: viewingArtefact,
+        onClose: () => setViewingArtefact(null)
+      }
+    )
+  ] });
+};
+
+// src/components/MessageFeed.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function getRole(msg, currentUserId) {
+  if (msg.senderType === "agent") return "assistant";
+  if (currentUserId && msg.senderId === currentUserId) return "user";
+  return "participant";
+}
+function getDateKey(dateStr) {
+  const d = typeof dateStr === "string" ? (0, import_date_fns.parseISO)(dateStr) : new Date(dateStr);
+  return (0, import_date_fns.format)(d, "yyyy-MM-dd");
+}
+function formatDateLabel(dateStr) {
+  const d = typeof dateStr === "string" ? (0, import_date_fns.parseISO)(dateStr) : new Date(dateStr);
+  if ((0, import_date_fns.isToday)(d)) return "Aujourd'hui";
+  if ((0, import_date_fns.isYesterday)(d)) return "Hier";
+  return (0, import_date_fns.format)(d, "EEEE d MMMM yyyy", { locale: import_locale.fr });
+}
+function DateSeparator({ date, isCollapsed, onToggle, messageCount }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-3 py-2 select-none", role: "separator", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "bg-[var(--color-border,#e2e8f0)] h-px flex-1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      "button",
+      {
+        onClick: onToggle,
+        className: "bg-[var(--color-surface,#fff)] border-[var(--color-border,#e2e8f0)] text-[var(--color-text-muted,#94a3b8)] hover:text-[var(--color-text,#0f172a)] hover:bg-[var(--color-bg,#f8fafc)] flex cursor-pointer items-center gap-1.5 rounded-full border px-3 py-1 text-[11px] font-medium capitalize shadow-sm transition-colors",
+        type: "button",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: formatDateLabel(date) }),
+          isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "bg-[var(--color-primary,#3b82f6)] flex h-4 min-w-[16px] items-center justify-center rounded-full px-1 text-[9px] leading-none font-bold text-white", children: messageCount }),
+          isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react15.ChevronRight, { size: 12, className: "text-[var(--color-text-muted,#94a3b8)] shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react15.ChevronDown, { size: 12, className: "text-[var(--color-text-muted,#94a3b8)] shrink-0" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "bg-[var(--color-border,#e2e8f0)] h-px flex-1" })
+  ] });
+}
+var BOTTOM_THRESHOLD = 80;
+var MessageFeed = ({
+  messages,
+  members = [],
+  currentUserId,
+  workspaceId,
+  avatarUsers,
+  isTyping,
+  typingText,
+  hasMore = false,
+  loadingMore = false,
+  onLoadMore,
+  onArtefactDeleted,
+  onReply,
+  onEditMessage,
+  onDeleteMessage,
+  onToggleReaction,
+  onTogglePin,
+  isOwner = false
+}) => {
+  const feedRef = (0, import_react17.useRef)(null);
+  const initialScrollDone = (0, import_react17.useRef)(false);
+  const prevScrollHeight = (0, import_react17.useRef)(0);
+  const prevMessageCount = (0, import_react17.useRef)(0);
+  const isAtBottom = (0, import_react17.useRef)(true);
+  const [newMessageCount, setNewMessageCount] = (0, import_react17.useState)(0);
+  const [collapsedDates, setCollapsedDates] = (0, import_react17.useState)({});
+  const toggleDateCollapse = (0, import_react17.useCallback)((dateKey) => {
+    setCollapsedDates((prev) => ({ ...prev, [dateKey]: !prev[dateKey] }));
+  }, []);
+  const checkIsAtBottom = (0, import_react17.useCallback)(() => {
+    const el = feedRef.current;
+    if (!el) return true;
+    return el.scrollHeight - el.scrollTop - el.clientHeight < BOTTOM_THRESHOLD;
+  }, []);
+  const scrollToBottom = (0, import_react17.useCallback)(() => {
+    const el = feedRef.current;
+    if (!el) return;
+    el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+    isAtBottom.current = true;
+    setNewMessageCount(0);
+  }, []);
+  const feedItems = (0, import_react17.useMemo)(() => {
+    const counts = {};
+    for (const msg of messages) {
+      const k = getDateKey(msg.createdAt);
+      counts[k] = (counts[k] || 0) + 1;
+    }
+    const items = [];
+    let lastDateKey = "";
+    for (const msg of messages) {
+      const dateKey = getDateKey(msg.createdAt);
+      if (dateKey !== lastDateKey) {
+        items.push({ type: "separator", dateKey, date: msg.createdAt, messageCount: counts[dateKey] || 0 });
+        lastDateKey = dateKey;
+      }
+      items.push({ type: "message", dateKey, msg });
+    }
+    return items;
+  }, [messages]);
+  (0, import_react17.useEffect)(() => {
+    const el = feedRef.current;
+    if (!el) return;
+    const messageCountGrew = messages.length > prevMessageCount.current;
+    const prependedOlder = messageCountGrew && prevScrollHeight.current > 0 && initialScrollDone.current;
+    if (!initialScrollDone.current) {
+      el.scrollTop = el.scrollHeight;
+      initialScrollDone.current = true;
+    } else if (prependedOlder) {
+      el.scrollTop = el.scrollHeight - prevScrollHeight.current;
+    } else if (messageCountGrew) {
+      if (isAtBottom.current) {
+        el.scrollTop = el.scrollHeight;
+      } else {
+        setNewMessageCount((prev) => prev + messages.length - prevMessageCount.current);
+      }
+    }
+    prevMessageCount.current = messages.length;
+    prevScrollHeight.current = 0;
+  }, [messages]);
+  (0, import_react17.useEffect)(() => {
+    if (isTyping && feedRef.current && isAtBottom.current) feedRef.current.scrollTop = feedRef.current.scrollHeight;
+  }, [isTyping]);
+  const handleScroll = (0, import_react17.useCallback)(() => {
+    const el = feedRef.current;
+    if (!el) return;
+    const atBottom = checkIsAtBottom();
+    isAtBottom.current = atBottom;
+    if (atBottom && newMessageCount > 0) setNewMessageCount(0);
+    if (!hasMore || loadingMore || !onLoadMore) return;
+    if (el.scrollTop <= 50) {
+      prevScrollHeight.current = el.scrollHeight;
+      onLoadMore();
+    }
+  }, [hasMore, loadingMore, onLoadMore, checkIsAtBottom, newMessageCount]);
+  if (messages.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-1 flex-col items-center justify-center gap-2 text-center", ref: feedRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react15.Brain, { size: 32, className: "text-[var(--color-text-muted,#94a3b8)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-[var(--color-text-muted,#94a3b8)] text-sm", children: "Aucun message pour le moment." }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-[var(--color-text-muted,#94a3b8)] text-xs", children: "Commencez par envoyer un message pour d\xE9marrer la conversation." })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative flex flex-1 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-1 flex-col gap-4 overflow-y-auto p-4", ref: feedRef, onScroll: handleScroll, children: [
+      loadingMore && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center justify-center gap-2 py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react15.Loader2, { size: 16, className: "text-[var(--color-primary,#3b82f6)] animate-spin" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-[var(--color-text-muted,#94a3b8)] text-xs", children: "Chargement des messages pr\xE9c\xE9dents\u2026" })
+      ] }),
+      !hasMore && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex items-center justify-center py-2", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-[var(--color-text-muted,#94a3b8)] text-[10px] italic", children: "D\xE9but de la conversation" }) }),
+      feedItems.map(
+        (item) => item.type === "separator" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          DateSeparator,
+          {
+            date: item.date,
+            isCollapsed: !!collapsedDates[item.dateKey],
+            onToggle: () => toggleDateCollapse(item.dateKey),
+            messageCount: item.messageCount
+          },
+          `sep-${item.dateKey}`
+        ) : !collapsedDates[item.dateKey] ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          MessageItem,
+          {
+            message: item.msg,
+            role: getRole(item.msg, currentUserId),
+            members,
+            workspaceId,
+            currentUserId,
+            isOwner,
+            avatarUsers,
+            onArtefactDeleted,
+            onReply,
+            onEditMessage,
+            onDeleteMessage,
+            onToggleReaction,
+            onTogglePin
+          },
+          item.msg._id
+        ) : null
+      ),
+      isTyping && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "text-[var(--color-text-muted,#94a3b8)] flex items-center gap-2 self-start text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex gap-0.5", children: [0, 150, 300].map((delay) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "bg-[var(--color-primary,#3b82f6)] h-1.5 w-1.5 animate-bounce rounded-full", style: { animationDelay: `${delay}ms` } }, delay)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: typingText || "Assistant IA est en train d'\xE9crire\u2026" })
+      ] })
+    ] }),
+    newMessageCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      "button",
+      {
+        onClick: scrollToBottom,
+        className: "bg-[var(--color-primary,#3b82f6)] hover:bg-[var(--color-primary-hover,#2563eb)] absolute bottom-4 left-1/2 z-10 flex -translate-x-1/2 items-center gap-2 rounded-full px-4 py-2 text-xs font-medium text-white shadow-lg transition-all hover:scale-105 active:scale-95",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react15.ArrowDown, { size: 14 }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { children: [
+            newMessageCount,
+            " nouveau",
+            newMessageCount > 1 ? "x" : "",
+            " message",
+            newMessageCount > 1 ? "s" : ""
+          ] })
+        ]
       }
     )
   ] });
 };
+
+// src/components/MessageFilterDialog.tsx
+var import_react18 = require("react");
+var import_lucide_react16 = require("lucide-react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var EMPTY_FILTERS = { concernsMe: false, members: [] };
+var MessageFilterDialog = ({
+  open,
+  onClose,
+  onApply,
+  currentFilters,
+  members,
+  avatarUsers = [],
+  hideAgents = false
+}) => {
+  const displayedMembers = hideAgents ? members.filter((m) => m.memberType !== "agent") : members;
+  const [draft, setDraft] = (0, import_react18.useState)({ ...currentFilters });
+  const [applying, setApplying] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
+    if (open) setDraft({ ...currentFilters });
+  }, [open, currentFilters]);
+  const handleToggleConcernsMe = () => setDraft((prev) => ({
+    concernsMe: !prev.concernsMe,
+    members: !prev.concernsMe ? [] : prev.members
+  }));
+  const handleToggleMember = (memberId) => setDraft((prev) => {
+    const isSelected = prev.members.includes(memberId);
+    return { ...prev, members: isSelected ? prev.members.filter((id) => id !== memberId) : [...prev.members, memberId] };
+  });
+  const handleApply = async () => {
+    setApplying(true);
+    try {
+      await onApply(draft);
+    } finally {
+      setApplying(false);
+      onClose();
+    }
+  };
+  const getAvatarForMember = (m) => avatarUsers.find((u) => u.email === m.memberId);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    Modal,
+    {
+      open,
+      onClose,
+      size: "md",
+      title: "Filtrer les messages",
+      description: "Affinez les messages affich\xE9s dans la discussion.",
+      titleIcon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "bg-[var(--color-primary-light,#eff6ff)] text-[var(--color-primary,#3b82f6)] flex h-8 w-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react16.Filter, { size: 16 }) }),
+      closeOnBackdropClick: true,
+      closeOnEscape: !applying,
+      closeButtonDisabled: applying,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col gap-5 px-6 py-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+            "button",
+            {
+              type: "button",
+              disabled: applying,
+              onClick: handleToggleConcernsMe,
+              className: cn(
+                "flex items-center justify-between rounded-xl border px-4 py-3 text-left transition-all",
+                draft.concernsMe ? "border-[var(--color-primary,#3b82f6)] bg-[var(--color-primary-light,#eff6ff)]" : "border-[var(--color-border,#e2e8f0)] hover:border-[var(--color-primary,#3b82f6)]/40"
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: cn("text-sm font-medium", draft.concernsMe ? "text-[var(--color-primary,#3b82f6)]" : "text-[var(--color-text,#0f172a)]"), children: "Messages qui me concernent" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-[var(--color-text-muted,#94a3b8)] text-[11px]", children: "Messages envoy\xE9s par moi ou dans lesquels je suis mentionn\xE9" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn(
+                  "relative h-6 w-11 flex-shrink-0 rounded-full transition-colors",
+                  draft.concernsMe ? "bg-[var(--color-primary,#3b82f6)]" : "bg-[var(--color-border,#e2e8f0)]"
+                ), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn(
+                  "absolute top-0.5 h-5 w-5 rounded-full bg-white shadow-sm transition-transform",
+                  draft.concernsMe ? "translate-x-[22px]" : "translate-x-0.5"
+                ) }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-[var(--color-text-muted,#94a3b8)] text-xs font-semibold tracking-wider uppercase", children: "Filtrer par membres" }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cn(
+              "flex max-h-52 flex-col gap-1 overflow-y-auto rounded-xl border p-2 transition-opacity",
+              draft.concernsMe ? "pointer-events-none border-[var(--color-border,#e2e8f0)]/50 opacity-50" : "border-[var(--color-border,#e2e8f0)]"
+            ), children: [
+              displayedMembers.map((member) => {
+                const isSelected = draft.members.includes(member.memberId);
+                const avatar = getAvatarForMember(member);
+                return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: draft.concernsMe || applying,
+                    onClick: () => handleToggleMember(member.memberId),
+                    className: cn(
+                      "flex items-center gap-2.5 rounded-lg px-3 py-2 text-left transition-all",
+                      isSelected ? "border-[var(--color-primary,#3b82f6)] bg-[var(--color-primary-light,#eff6ff)] border" : "border border-transparent hover:bg-[var(--color-bg,#f8fafc)]"
+                    ),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn(
+                        "flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-full text-[10px] font-semibold overflow-hidden",
+                        isSelected ? "bg-[var(--color-primary,#3b82f6)] text-white" : "bg-[var(--color-bg,#f8fafc)] text-[var(--color-text-muted,#94a3b8)]"
+                      ), children: avatar?.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: avatar.avatarUrl, alt: member.memberName, className: "h-full w-full object-cover" }) : getInitials(member.memberName) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("truncate text-xs font-medium", isSelected ? "text-[var(--color-primary,#3b82f6)]" : "text-[var(--color-text,#0f172a)]"), children: member.memberName }),
+                        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "text-[var(--color-text-muted,#94a3b8)] text-[10px]", children: member.memberType === "agent" ? "Agent IA" : "Utilisateur" })
+                      ] }),
+                      isSelected && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", { className: "text-[var(--color-primary,#3b82f6)] flex-shrink-0", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M3 8.5L6 11.5L13 4.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+                    ]
+                  },
+                  member._id
+                );
+              }),
+              displayedMembers.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "text-[var(--color-text-muted,#94a3b8)] py-4 text-center text-xs italic", children: "Aucun membre dans ce workspace" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "border-[var(--color-border,#e2e8f0)] flex items-center justify-between border-t px-6 py-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setDraft({ ...EMPTY_FILTERS }),
+              disabled: applying,
+              className: "text-[var(--color-text-muted,#94a3b8)] hover:text-[var(--color-text,#0f172a)] flex items-center gap-1.5 text-xs transition-colors disabled:opacity-50",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react16.RotateCcw, { size: 12 }),
+                " R\xE9initialiser"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                disabled: applying,
+                className: "border-[var(--color-border,#e2e8f0)] text-[var(--color-text-muted,#94a3b8)] hover:text-[var(--color-text,#0f172a)] rounded-lg border px-4 py-1.5 text-xs font-medium transition-colors disabled:opacity-50",
+                children: "Annuler"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+              "button",
+              {
+                type: "button",
+                onClick: handleApply,
+                disabled: applying,
+                className: "bg-[var(--color-primary,#3b82f6)] hover:bg-[var(--color-primary-hover,#2563eb)] flex items-center gap-1.5 rounded-lg px-4 py-1.5 text-xs font-medium text-white transition-colors disabled:opacity-70",
+                children: [
+                  applying && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react16.Loader2, { size: 12, className: "animate-spin" }),
+                  applying ? "Application..." : "Appliquer"
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AVAILABLE_AGENTS,
+  ArtefactViewerDialog,
+  Badge,
   CATEGORY_STYLES,
+  ChartRenderer,
+  ConfirmModal,
+  ContextPanel,
   CreatePrivateWorkspaceModal,
   CreateWorkspaceModal,
+  EMPTY_FILTERS,
   FILTER_PILLS,
   ICON_COLOR,
   IGNORED_FIELDS,
   MEMBER_ROLE_LABELS,
   MemberAvatar,
   MembersPanel,
+  MessageFeed,
+  MessageFilterDialog,
+  MessageItem,
   Modal,
   Pagination,
   ROLE_LABELS,
   STATUS_LABELS,
   SyncPanel,
+  TableRenderer,
+  Tooltip,
   WORKSPACE_FIELD_LABELS,
   WORKSPACE_STATUS_LABELS,
+  WorkspaceCard,
   WorkspaceEvent,
+  WorkspaceList,
   WorkspaceProvider,
+  WorkspaceRow,
   cn,
   createWorkspaceApis,
   createWorkspaceClient,
   createWorkspaceListStore,
   createWorkspaceSocket,
+  fixMojibake,
   formatWorkspaceExport,
   getInitials,
   useWorkspaceApi,
-  useWorkspaceContext
+  useWorkspaceContext,
+  workspaceStreamdownComponents
 });
 //# sourceMappingURL=index.js.map