@workspace-platform/ui 0.1.2 → 0.2.1

package/dist/index.js

@@ -0,0 +1,4158 @@
+"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)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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,
+  workspaceStreamdownComponents: () => workspaceStreamdownComponents
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/provider.tsx
+var import_react = require("react");
+
+// src/api/client.ts
+function createWorkspaceClient(config) {
+  function buildHeaders(extra) {
+    const base = {
+      "Content-Type": "application/json",
+      ...extra
+    };
+    const token = config.getAuthToken();
+    if (token) base["Authorization"] = `Bearer ${token}`;
+    if (config.extraHeaders) Object.assign(base, config.extraHeaders);
+    return base;
+  }
+  async function req(path, options) {
+    const res = await fetch(`${config.baseUrl}${path}`, {
+      ...options,
+      headers: buildHeaders(options?.headers)
+    });
+    if (res.status === 204) return void 0;
+    const json = await res.json();
+    if (!res.ok) {
+      const rawMessage = json?.message ?? `Error ${res.status}`;
+      const errorMessage = Array.isArray(rawMessage) ? rawMessage.join(", ") : typeof rawMessage === "string" ? rawMessage : JSON.stringify(rawMessage);
+      throw new Error(errorMessage);
+    }
+    return json;
+  }
+  async function reqBlob(path) {
+    const res = await fetch(`${config.baseUrl}${path}`, {
+      headers: buildHeaders()
+    });
+    if (!res.ok) {
+      const text = await res.text().catch(() => "");
+      throw new Error(`Error ${res.status}: ${text}`);
+    }
+    return res.blob();
+  }
+  async function upload(path, formData) {
+    const headers = {};
+    const token = config.getAuthToken();
+    if (token) headers["Authorization"] = `Bearer ${token}`;
+    if (config.extraHeaders) Object.assign(headers, config.extraHeaders);
+    const res = await fetch(`${config.baseUrl}${path}`, {
+      method: "POST",
+      headers,
+      body: formData
+    });
+    if (!res.ok) {
+      const json = await res.json().catch(() => ({}));
+      throw new Error(
+        json?.message ?? `Upload failed (${res.status})`
+      );
+    }
+    return res.json();
+  }
+  return {
+    get: (path) => req(path),
+    post: (path, body) => req(path, { method: "POST", body: JSON.stringify(body) }),
+    patch: (path, body) => req(path, { method: "PATCH", body: JSON.stringify(body) }),
+    delete: (path) => req(path, { method: "DELETE" }),
+    upload: (path, formData) => upload(path, formData),
+    getBlob: (path) => reqBlob(path)
+  };
+}
+
+// src/socket/client.ts
+var import_socket = require("socket.io-client");
+function createWorkspaceSocket(config) {
+  let socket = null;
+  function getSocket() {
+    if (!socket) {
+      const token = config.getAuthToken();
+      socket = (0, import_socket.io)(`${config.baseUrl}/workspaces`, {
+        autoConnect: false,
+        auth: { token: token ?? "" }
+      });
+    }
+    return socket;
+  }
+  function connect(userId) {
+    const s = getSocket();
+    if (!s.connected) s.connect();
+    const uid = userId ?? config.currentUserId;
+    if (uid) {
+      if (s.connected) {
+        s.emit("authenticate", { userId: uid });
+      } else {
+        s.once("connect", () => {
+          s.emit("authenticate", { userId: uid });
+        });
+      }
+    }
+    return s;
+  }
+  function disconnect() {
+    socket?.disconnect();
+    socket = null;
+  }
+  return { getSocket, connect, disconnect };
+}
+
+// src/provider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var WorkspaceContext = (0, import_react.createContext)(null);
+function WorkspaceProvider({
+  config,
+  children
+}) {
+  const value = (0, import_react.useMemo)(() => {
+    const apiClient = createWorkspaceClient(config);
+    const socket = createWorkspaceSocket(config);
+    return { config, apiClient, socket };
+  }, [config.baseUrl, config.currentUserId]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WorkspaceContext.Provider, { value, children });
+}
+function useWorkspaceContext() {
+  const ctx = (0, import_react.useContext)(WorkspaceContext);
+  if (!ctx)
+    throw new Error(
+      "useWorkspaceContext must be used within <WorkspaceProvider>"
+    );
+  return ctx;
+}
+
+// src/types/index.ts
+var WorkspaceEvent = /* @__PURE__ */ ((WorkspaceEvent2) => {
+  WorkspaceEvent2["WORKSPACE_CREATED"] = "workspace.created";
+  WorkspaceEvent2["WORKSPACE_UPDATED"] = "workspace.updated";
+  WorkspaceEvent2["WORKSPACE_DELETED"] = "workspace.deleted";
+  WorkspaceEvent2["WORKSPACE_STATUS_CHANGED"] = "workspace.statusChanged";
+  WorkspaceEvent2["WORKSPACE_ADDED"] = "workspace.added";
+  WorkspaceEvent2["WORKSPACE_REMOVED"] = "workspace.removed";
+  WorkspaceEvent2["WORKSPACE_MEMBER_ADDED"] = "workspace.member.added";
+  WorkspaceEvent2["WORKSPACE_MEMBER_UPDATED"] = "workspace.member.updated";
+  WorkspaceEvent2["WORKSPACE_MEMBER_REMOVED"] = "workspace.member.removed";
+  WorkspaceEvent2["WORKSPACE_MESSAGE_CREATED"] = "workspace.message.created";
+  WorkspaceEvent2["WORKSPACE_MESSAGE_UPDATED"] = "workspace.message.updated";
+  WorkspaceEvent2["WORKSPACE_MESSAGE_DELETED"] = "workspace.message.deleted";
+  WorkspaceEvent2["WORKSPACE_MEMBER_USER_MENTIONED"] = "workspace.member.user.mentioned";
+  WorkspaceEvent2["WORKSPACE_MEMBER_AGENT_MENTIONED"] = "workspace.member.agent.mentioned";
+  WorkspaceEvent2["WORKSPACE_ARTEFACT_CREATED"] = "workspace.artefact.created";
+  WorkspaceEvent2["WORKSPACE_TYPING_STARTED"] = "workspace.typing.started";
+  WorkspaceEvent2["WORKSPACE_TYPING_STOPPED"] = "workspace.typing.stopped";
+  WorkspaceEvent2["WORKSPACE_MESSAGE_REACTION_CREATED"] = "workspace.message.reaction.created";
+  WorkspaceEvent2["WORKSPACE_MESSAGE_REACTION_DELETED"] = "workspace.message.reaction.deleted";
+  WorkspaceEvent2["WORKSPACE_MESSAGE_PINNED"] = "workspace.message.pinned";
+  WorkspaceEvent2["PRIVATE_WORKSPACE_CREATED"] = "private.workspace.created";
+  WorkspaceEvent2["PRIVATE_WORKSPACE_MESSAGE_CREATED"] = "private.workspace.message.created";
+  WorkspaceEvent2["PRIVATE_WORKSPACE_MEMBER_ADDED"] = "private.workspace.member.added";
+  return WorkspaceEvent2;
+})(WorkspaceEvent || {});
+
+// src/types/activity.ts
+var FILTER_PILLS = [
+  {
+    label: "Tout",
+    value: void 0,
+    entityType: void 0,
+    category: void 0
+  },
+  {
+    label: "Contexte",
+    value: "context",
+    entityType: "workspaces",
+    category: "context"
+  },
+  {
+    label: "Membres",
+    value: "members",
+    entityType: "workspace_members",
+    category: "members"
+  },
+  {
+    label: "Artefacts",
+    value: "artefacts",
+    entityType: "workspace_artefacts",
+    category: "artefacts"
+  }
+];
+var WORKSPACE_FIELD_LABELS = {
+  name: "Nom",
+  type: "Type",
+  scope: "P\xE9rim\xE8tre",
+  entities: "Entit\xE9s",
+  entitiesWithSecrets: "Entit\xE9s",
+  status: "Statut",
+  description: "Description"
+};
+var WORKSPACE_STATUS_LABELS = {
+  ACTIVE: "Actif",
+  ARCHIVED: "Archiv\xE9",
+  DRAFT: "Brouillon",
+  CLOSED: "Cl\xF4tur\xE9"
+};
+var MEMBER_ROLE_LABELS = {
+  owner: "Propri\xE9taire",
+  participant: "Participant",
+  viewer: "Lecteur"
+};
+var IGNORED_FIELDS = [
+  "_id",
+  "__v",
+  "updatedAt",
+  "createdAt",
+  "createdBy",
+  "updatedBy",
+  "workspace"
+];
+var CATEGORY_STYLES = {
+  context: {
+    dot: "bg-primary/15 border-primary/30",
+    badge: "bg-primary/10 text-primary",
+    label: "Contexte"
+  },
+  members: {
+    dot: "bg-info/15 border-info/30",
+    badge: "bg-info/10 text-info",
+    label: "Membre"
+  },
+  artefacts: {
+    dot: "bg-success/15 border-success/30",
+    badge: "bg-success/10 text-success",
+    label: "Artefact"
+  },
+  other: {
+    dot: "bg-border",
+    badge: "bg-border text-text-muted",
+    label: "Autre"
+  }
+};
+var ICON_COLOR = {
+  created: "text-primary",
+  updated: "text-primary",
+  deleted: "text-danger",
+  member_added: "text-info",
+  member_removed: "text-danger",
+  member_role: "text-info",
+  artefact_added: "text-success",
+  artefact_deleted: "text-danger",
+  archived: "text-text-muted",
+  generic: "text-text-muted"
+};
+
+// src/api/index.ts
+function createWorkspaceApis(client) {
+  const workspaceTypeApi = {
+    list: () => client.get("/workspace-types"),
+    get: (id) => client.get(`/workspace-types/${id}`),
+    create: (payload) => client.post("/workspace-types", payload),
+    update: (id, payload) => client.patch(`/workspace-types/${id}`, payload),
+    delete: (id) => client.delete(`/workspace-types/${id}`)
+  };
+  const workspaceApi = {
+    list: (params) => {
+      const cleanParams = Object.fromEntries(
+        Object.entries(params || {}).filter(([, v]) => v != null && v !== "" && v !== "all").map(([k, v]) => [k, String(v)])
+      );
+      const qs = Object.keys(cleanParams).length > 0 ? "?" + new URLSearchParams(cleanParams).toString() : "";
+      return client.get(`/workspaces${qs}`);
+    },
+    get: (id) => client.get(`/workspaces/${id}`),
+    create: (payload) => client.post("/workspaces", payload),
+    update: (id, payload) => client.patch(`/workspaces/${id}`, payload),
+    updateStatus: (id, status) => client.patch(`/workspaces/${id}/status`, { status }),
+    delete: (id) => client.delete(`/workspaces/${id}`),
+    startTyping: (id) => client.post(`/workspaces/${id}/writing/start`, {}),
+    stopTyping: (id) => client.post(`/workspaces/${id}/writing/stop`, {}),
+    timeline: (workspaceId, params) => {
+      const qs = params ? "?" + new URLSearchParams(
+        Object.fromEntries(
+          Object.entries(params).filter(([, v]) => v != null).map(([k, v]) => [k, String(v)])
+        )
+      ).toString() : "";
+      return client.get(`/workspaces/${workspaceId}/timeline${qs}`);
+    }
+  };
+  const memberApi = {
+    list: (workspaceId) => client.get(`/workspaces/${workspaceId}/members`),
+    add: (workspaceId, payload) => client.post(`/workspaces/${workspaceId}/members`, payload),
+    updateRole: (workspaceId, memberId, role) => client.patch(`/workspaces/${workspaceId}/members/${memberId}`, { role }),
+    remove: (workspaceId, memberId) => client.delete(`/workspaces/${workspaceId}/members/${memberId}`)
+  };
+  const messageApi = {
+    list: (workspaceId, params) => {
+      const qs = params ? "?" + new URLSearchParams(
+        Object.fromEntries(
+          Object.entries(params).filter(([, v]) => v != null).map(([k, v]) => [k, String(v)])
+        )
+      ).toString() : "";
+      return client.get(`/workspaces/${workspaceId}/messages${qs}`);
+    },
+    send: (workspaceId, payload) => client.post(`/workspaces/${workspaceId}/messages`, payload),
+    update: (workspaceId, messageId, payload) => client.patch(`/workspaces/${workspaceId}/messages/${messageId}`, payload),
+    delete: (workspaceId, messageId) => client.delete(`/workspaces/${workspaceId}/messages/${messageId}`),
+    togglePin: (workspaceId, messageId) => client.patch(`/workspaces/${workspaceId}/messages/${messageId}/pin`, {})
+  };
+  const artefactApi = {
+    upload: async (workspaceId, files, messageId, artefactType) => {
+      const formData = new FormData();
+      files.forEach((f) => formData.append("files", f));
+      if (messageId) formData.append("messageId", messageId);
+      if (artefactType) formData.append("type", artefactType);
+      return client.upload(`/workspaces/${workspaceId}/artefacts`, formData);
+    },
+    list: (workspaceId, artefactType) => {
+      const query = artefactType ? `?type=${artefactType}` : "";
+      return client.get(
+        `/workspaces/${workspaceId}/artefacts${query}`
+      );
+    },
+    listPaginated: (workspaceId, params) => {
+      const entries = [];
+      if (params) {
+        if (params.type) entries.push(["type", params.type]);
+        if (params.limit != null) entries.push(["limit", String(params.limit)]);
+        if (params.offset != null) entries.push(["offset", String(params.offset)]);
+      }
+      const qs = entries.length > 0 ? "?" + new URLSearchParams(entries).toString() : "";
+      return client.get(
+        `/workspaces/${workspaceId}/artefacts${qs}`
+      );
+    },
+    delete: (workspaceId, artefactId) => client.delete(`/workspaces/${workspaceId}/artefacts/${artefactId}`),
+    getSignedUrl: (fileId) => client.get(`/files/${fileId}/signed-url`),
+    getDownloadBlob: (fileId) => client.getBlob(`/files/${fileId}/download`),
+    messagesWithArtefacts: (workspaceId, params) => {
+      const entries = [];
+      if (params) {
+        if (params.limit != null) entries.push(["limit", String(params.limit)]);
+        if (params.offset != null) entries.push(["offset", String(params.offset)]);
+        if (params.sort) entries.push(["sort", params.sort]);
+        if (params.members && params.members.length > 0)
+          entries.push(["members", params.members.join(",")]);
+        if (params.concernsMe) entries.push(["concernsMe", "true"]);
+        if (params.pinned) entries.push(["pinned", "true"]);
+      }
+      const qs = entries.length > 0 ? "?" + new URLSearchParams(entries).toString() : "";
+      return client.get(
+        `/workspaces/${workspaceId}/messages/with-artefacts${qs}`
+      );
+    }
+  };
+  const reactionApi = {
+    toggle: (workspaceId, messageId, reaction) => client.post(
+      `/workspaces/${workspaceId}/messages/${messageId}/reactions/toggle`,
+      { reaction }
+    )
+  };
+  const agentApi = {
+    list: (search) => {
+      const qs = search ? `?search=${encodeURIComponent(search)}` : "";
+      return client.get(`/workspace-agents${qs}`);
+    },
+    create: (body) => client.post("/workspace-agents", body),
+    update: (id, body) => client.patch(`/workspace-agents/${id}`, body),
+    delete: (id) => client.delete(`/workspace-agents/${id}`),
+    getDeleteInfo: (id) => client.get(`/workspace-agents/${id}/delete-info`)
+  };
+  const summaryApi = {
+    generate: (workspaceId) => client.post(`/workspaces/${workspaceId}/summaries/generate`, {}),
+    getLatest: (workspaceId) => client.get(`/workspaces/${workspaceId}/summaries/latest`),
+    getHistory: (workspaceId) => client.get(`/workspaces/${workspaceId}/summaries`),
+    create: (workspaceId, payload) => client.post(`/workspaces/${workspaceId}/summaries`, payload),
+    update: (workspaceId, summaryId, payload) => client.patch(
+      `/workspaces/${workspaceId}/summaries/${summaryId}`,
+      payload
+    )
+  };
+  const webhookApi = {
+    list: (params) => {
+      const cleanParams = Object.fromEntries(
+        Object.entries(params || {}).filter(([, v]) => v !== void 0 && v !== "")
+      );
+      const qs = Object.keys(cleanParams).length > 0 ? "?" + new URLSearchParams(cleanParams).toString() : "";
+      return client.get(`/webhook-subscriptions${qs}`);
+    },
+    create: (data) => client.post("/webhook-subscriptions", data),
+    update: (id, data) => client.patch(`/webhook-subscriptions/${id}`, data),
+    delete: (id) => client.delete(`/webhook-subscriptions/${id}`)
+  };
+  const syncApi = {
+    getAvailableProviders: () => client.get("/workspaces/sync/providers").then((res) => res.providers),
+    getStatus: (workspaceId) => client.get(`/workspaces/${workspaceId}/sync-status`),
+    toggleSync: (workspaceId, provider, enabled) => client.patch(`/workspaces/${workspaceId}/sync`, { provider, enabled })
+  };
+  return {
+    workspaceTypeApi,
+    workspaceApi,
+    memberApi,
+    messageApi,
+    artefactApi,
+    reactionApi,
+    agentApi,
+    summaryApi,
+    webhookApi,
+    syncApi
+  };
+}
+
+// src/store/useWorkspaceListStore.ts
+var import_zustand = require("zustand");
+var PAGE_SIZE = 12;
+function createWorkspaceListStore(apis) {
+  return (0, import_zustand.create)()((set, get) => ({
+    workspaces: [],
+    total: 0,
+    membersMap: {},
+    types: [],
+    tab: "group",
+    page: 1,
+    pageSize: PAGE_SIZE,
+    totalPages: 0,
+    filters: { search: "", status: "ACTIVE", type: "all" },
+    initialLoading: true,
+    fetching: false,
+    hydrated: false,
+    setTab: (tab) => {
+      const prev = get().tab;
+      if (prev === tab) return;
+      set({
+        tab,
+        page: 1,
+        workspaces: [],
+        total: 0,
+        totalPages: 0,
+        membersMap: {}
+      });
+      get().fetchWorkspaces();
+    },
+    setFilters: (filters) => {
+      set({ filters, page: 1 });
+    },
+    setPage: (page) => {
+      set({ page });
+    },
+    fetchTypes: async () => {
+      try {
+        const types = await apis.workspaceTypeApi.list();
+        set({ types });
+      } catch (err) {
+        console.error("Failed to load workspace types:", err);
+      }
+    },
+    fetchWorkspaces: async () => {
+      const { filters, page, pageSize, hydrated, tab } = get();
+      if (!hydrated) set({ initialLoading: true });
+      set({ fetching: true });
+      try {
+        const skip = (page - 1) * pageSize;
+        const result = await apis.workspaceApi.list({
+          ...filters,
+          isPrivate: tab === "private",
+          limit: pageSize,
+          skip
+        });
+        const wsList = result.data;
+        const totalPages = Math.ceil(result.total / pageSize);
+        const map = {};
+        await Promise.all(
+          wsList.map(async (ws) => {
+            try {
+              map[ws._id] = await apis.memberApi.list(ws._id);
+            } catch {
+              map[ws._id] = [];
+            }
+          })
+        );
+        set({
+          workspaces: wsList,
+          total: result.total,
+          totalPages,
+          membersMap: map,
+          hydrated: true,
+          initialLoading: false,
+          fetching: false
+        });
+      } catch (err) {
+        console.error("Failed to load workspaces:", err);
+        set({ initialLoading: false, fetching: false });
+      }
+    },
+    prependWorkspace: (ws, members = []) => {
+      set((state) => {
+        if (state.workspaces.some((w) => w._id === ws._id)) return state;
+        return {
+          workspaces: [ws, ...state.workspaces],
+          total: state.total + 1,
+          totalPages: Math.ceil((state.total + 1) / state.pageSize),
+          membersMap: { ...state.membersMap, [ws._id]: members }
+        };
+      });
+    },
+    removeWorkspace: (workspaceId) => {
+      set((state) => {
+        const next = { ...state.membersMap };
+        delete next[workspaceId];
+        const newTotal = Math.max(0, state.total - 1);
+        return {
+          workspaces: state.workspaces.filter((w) => w._id !== workspaceId),
+          total: newTotal,
+          totalPages: Math.ceil(newTotal / state.pageSize),
+          membersMap: next
+        };
+      });
+    },
+    refresh: async () => {
+      const { fetchWorkspaces } = get();
+      await fetchWorkspaces();
+    }
+  }));
+}
+
+// src/hooks/useWorkspaceApi.ts
+var import_react2 = require("react");
+function useWorkspaceApi() {
+  const { apiClient } = useWorkspaceContext();
+  return (0, import_react2.useMemo)(() => createWorkspaceApis(apiClient), [apiClient]);
+}
+
+// src/utils/constants.ts
+var AVAILABLE_AGENTS = [
+  { memberId: "james-agent", memberName: "James", memberType: "agent" },
+  { memberId: "eclaireur-agent", memberName: "\xC9claireur IA", memberType: "agent" },
+  { memberId: "sentinelle-agent", memberName: "Sentinelle", memberType: "agent" },
+  { memberId: "archiviste-agent", memberName: "Archiviste", memberType: "agent" },
+  { memberId: "stratege-agent", memberName: "Strat\xE8ge", memberType: "agent" }
+];
+var ROLE_LABELS = {
+  owner: "Propri\xE9taire",
+  participant: "Participant",
+  viewer: "Observateur"
+};
+var STATUS_LABELS = {
+  ACTIVE: "Actif",
+  CLOSED: "Ferm\xE9",
+  ARCHIVED: "Archiv\xE9"
+};
+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 = {
+  owner: "Propri\xE9taire",
+  participant: "Participant",
+  viewer: "Observateur"
+};
+var MEMBER_TYPE_LABELS = {
+  user: "Utilisateur",
+  agent: "Agent IA"
+};
+function formatDate(iso) {
+  return new Date(iso).toLocaleDateString("fr-FR", {
+    weekday: "long",
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+}
+function formatDateTime(iso) {
+  return new Date(iso).toLocaleString("fr-FR", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function getTypeName(workspace) {
+  if (!workspace.type) return "\u2014";
+  if (typeof workspace.type === "object") return workspace.type.name;
+  return workspace.type;
+}
+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) {
+  const { workspace, members, messages } = data;
+  const lines = [];
+  lines.push(`# \u{1F4CB} Export \u2014 ${workspace.name}`);
+  lines.push("");
+  lines.push(`> Export g\xE9n\xE9r\xE9 le **${formatDateTime((/* @__PURE__ */ new Date()).toISOString())}**`);
+  lines.push("");
+  lines.push("---");
+  lines.push("");
+  lines.push("## \u{1F4CC} Contexte");
+  lines.push("");
+  lines.push(`| Champ | Valeur |`);
+  lines.push(`| ----- | ------ |`);
+  lines.push(`| **Nom** | ${workspace.name} |`);
+  lines.push(`| **Type** | ${getTypeName(workspace)} |`);
+  lines.push(`| **Scope** | ${workspace.scope || "\u2014"} |`);
+  lines.push(`| **Statut** | ${workspace.status} |`);
+  lines.push(`| **Cr\xE9\xE9 le** | ${formatDate(workspace.createdAt)} |`);
+  lines.push(`| **Mis \xE0 jour le** | ${formatDate(workspace.updatedAt)} |`);
+  const displayEntities = workspace.entitiesWithSecrets ?? [];
+  if (displayEntities.length > 0) {
+    lines.push("");
+    lines.push("### Entit\xE9s");
+    lines.push("");
+    lines.push("| Cl\xE9 | Valeur | Secret |");
+    lines.push("| --- | ------ | ------ |");
+    for (const ent of displayEntities) {
+      lines.push(
+        `| ${ent.key} | ${ent.isSecret ? "\u2022\u2022\u2022\u2022\u2022\u2022" : ent.value} | ${ent.isSecret ? "\u{1F512} Oui" : "Non"} |`
+      );
+    }
+  }
+  lines.push("");
+  lines.push("---");
+  lines.push("");
+  lines.push(`## \u{1F465} Membres (${members.length})`);
+  lines.push("");
+  lines.push("| Nom | Type | R\xF4le | Rejoint le |");
+  lines.push("| --- | ---- | ---- | ---------- |");
+  for (const m of members) {
+    lines.push(
+      `| ${m.memberName} | ${MEMBER_TYPE_LABELS[m.memberType] || m.memberType} | ${ROLE_LABELS2[m.role] || m.role} | ${m.joinedAt || m.createdAt ? formatDate(m.joinedAt || m.createdAt) : "\u2014"} |`
+    );
+  }
+  lines.push("");
+  lines.push("---");
+  lines.push("");
+  lines.push(`## \u{1F4AC} Discussion (${messages.length} messages)`);
+  lines.push("");
+  if (messages.length === 0) {
+    lines.push("_Aucun message dans ce workspace._");
+  } else {
+    let currentDay = "";
+    for (const msg of messages) {
+      const day = formatDate(msg.createdAt);
+      if (day !== currentDay) {
+        currentDay = day;
+        lines.push(`### \u{1F4C5} ${day}`);
+        lines.push("");
+      }
+      const timeStr = new Date(msg.createdAt).toLocaleTimeString("fr-FR", {
+        hour: "2-digit",
+        minute: "2-digit"
+      });
+      const senderIcon = msg.senderType === "agent" ? "\u{1F916}" : "\u{1F464}";
+      lines.push(`**${senderIcon} ${msg.senderName}** \u2014 _${timeStr}_`);
+      lines.push("");
+      lines.push(msg.content);
+      lines.push("");
+      if (msg.artefacts && msg.artefacts.length > 0) {
+        lines.push("> \u{1F4CE} Pi\xE8ces jointes :");
+        for (const art of msg.artefacts) {
+          lines.push(`> - \`${fixMojibake2(art.file.originalName)}\` (${art.type})`);
+        }
+        lines.push("");
+      }
+      lines.push("---");
+      lines.push("");
+    }
+  }
+  lines.push("");
+  lines.push(`_Fin de l'export \u2014 ${workspace.name}_`);
+  return lines.join("\n");
+}
+
+// src/components/ui/Modal.tsx
+var import_react3 = require("react");
+var import_react_dom = require("react-dom");
+var import_lucide_react = require("lucide-react");
+
+// src/components/ui/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/Modal.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var MODAL_SIZE_CLASS = {
+  sm: "w-full min-w-0 max-w-sm",
+  md: "w-full min-w-0 max-w-md",
+  lg: "w-full min-w-0 max-w-lg",
+  xl: "w-full min-w-0 max-w-xl",
+  "2xl": "w-full min-w-0 max-w-2xl",
+  "3xl": "w-full min-w-0 max-w-3xl",
+  "4xl": "w-full min-w-0 max-w-4xl",
+  "5xl": "w-full min-w-0 max-w-5xl",
+  "6xl": "w-full min-w-0 max-w-6xl",
+  "7xl": "w-full min-w-0 max-w-7xl",
+  full: "w-full min-w-0 max-w-[calc(100vw-2rem)] sm:max-w-[min(96vw,90rem)]"
+};
+function Modal({
+  open,
+  onClose,
+  children,
+  zIndexClass = "z-[100]",
+  backdropClassName = "bg-black/40 backdrop-blur-sm",
+  size,
+  panelClassName,
+  className,
+  closeOnBackdropClick = false,
+  closeOnEscape = true,
+  ariaLabelledBy: ariaLabelledByProp,
+  ariaDescribedBy: ariaDescribedByProp,
+  title,
+  description,
+  titleIcon,
+  headingId,
+  modalHeaderVariant = "strip",
+  hideCloseButton = false,
+  headerTrailing,
+  closeButtonAriaLabel = "Fermer",
+  closeButtonDisabled = false,
+  closeButtonClassName,
+  closeIconSize = 20,
+  headerClassName,
+  titleClassName,
+  descriptionClassName = "text-text-secondary mt-1 text-sm"
+}) {
+  const [mounted, setMounted] = (0, import_react3.useState)(false);
+  const autoHeadingId = (0, import_react3.useId)();
+  const autoDescIdByModal = (0, import_react3.useId)();
+  const hasHeader = title != null;
+  const resolvedHeadingId = headingId ?? ariaLabelledByProp ?? autoHeadingId;
+  const assignAutoDescriptionId = hasHeader && description != null && ariaDescribedByProp === void 0 && (typeof description === "string" || typeof description === "number");
+  const resolvedAriaDescribedBy = assignAutoDescriptionId ? autoDescIdByModal : ariaDescribedByProp;
+  const resolvedAriaLabelledBy = hasHeader ? ariaLabelledByProp ?? resolvedHeadingId : ariaLabelledByProp;
+  (0, import_react3.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  (0, import_react3.useEffect)(() => {
+    if (!open) return;
+    const prevOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prevOverflow;
+    };
+  }, [open]);
+  (0, import_react3.useEffect)(() => {
+    if (!open || !closeOnEscape) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [open, closeOnEscape, onClose]);
+  const defaultCloseClasses = closeButtonClassName ?? "text-text-secondary hover:text-text rounded p-1 transition-colors";
+  const trailing = headerTrailing ?? (!hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "button",
+    {
+      type: "button",
+      disabled: closeButtonDisabled,
+      onClick: onClose,
+      className: cn(defaultCloseClasses, closeButtonDisabled && "opacity-40"),
+      "aria-label": closeButtonAriaLabel,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.X, { size: closeIconSize })
+    }
+  ) : null);
+  const descriptionSlot = description == null ? null : typeof description === "string" || typeof description === "number" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "p",
+    {
+      id: assignAutoDescriptionId ? autoDescIdByModal : void 0,
+      className: descriptionClassName,
+      children: description
+    }
+  ) : description;
+  const headerShellClass = modalHeaderVariant === "strip" ? "border-border flex shrink-0 items-start justify-between gap-3 border-b px-6 py-4" : "mb-4 flex shrink-0 items-start justify-between gap-3";
+  const modalHeaderMarkup = hasHeader ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: cn(headerShellClass, headerClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+      titleIcon != null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mt-0.5 shrink-0", children: titleIcon }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "h2",
+          {
+            id: resolvedHeadingId,
+            className: cn("text-text text-lg font-semibold", titleClassName),
+            children: title
+          }
+        ),
+        descriptionSlot
+      ] })
+    ] }),
+    trailing ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex shrink-0 items-start", children: trailing }) : null
+  ] }) : null;
+  if (!mounted || !open) return null;
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        className: cn(
+          "fixed inset-0 flex items-center justify-center p-4",
+          zIndexClass,
+          backdropClassName,
+          className
+        ),
+        onClick: closeOnBackdropClick ? onClose : void 0,
+        "aria-hidden": false,
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": resolvedAriaLabelledBy,
+            "aria-describedby": resolvedAriaDescribedBy,
+            className: cn(size ? MODAL_SIZE_CLASS[size] : void 0, panelClassName),
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              modalHeaderMarkup,
+              children
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+
+// 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 },
+  md: { container: "h-9 w-9", text: "text-xs", icon: 16 },
+  lg: { container: "h-10 w-10", text: "text-sm", icon: 18 }
+};
+var MemberAvatar = ({
+  memberName,
+  memberType,
+  avatarUrl,
+  size = "md",
+  className,
+  variant = "primary"
+}) => {
+  const s = SIZES[size];
+  if (memberType === "agent") {
+    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_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_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/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 })
+      }
+    )
+  ] });
+};
+
+// src/components/WorkspaceCard.tsx
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var WorkspaceCard = ({
+  workspace,
+  members = [],
+  avatarUsers,
+  onClick,
+  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 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_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_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_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,
+          ":"
+        ] }),
+        /* @__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
+      ] })
+    ] }),
+    /* @__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_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" })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+
+// 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 })
+          ] }),
+          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_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_react7.useId)();
+  const stepDescriptionId = (0, import_react7.useId)();
+  const { config } = useWorkspaceContext();
+  const apis = useWorkspaceApi();
+  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_react7.useEffect)(() => {
+    if (memberSearch.length < 2 || !config.searchUsers) {
+      setSearchResults([]);
+      return;
+    }
+    let cancelled = false;
+    setSearchingUsers(true);
+    config.searchUsers(memberSearch).then((r) => {
+      if (!cancelled) setSearchResults(r);
+    }).catch(() => {
+      if (!cancelled) setSearchResults([]);
+    }).finally(() => {
+      if (!cancelled) setSearchingUsers(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [memberSearch]);
+  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]) => {
+      setTypes(wt);
+      setAgents(ag);
+    }).catch(() => {
+      setTypes([]);
+      setAgents([]);
+    }).finally(() => setTypesLoading(false));
+    apis.syncApi.getAvailableProviders().then((providers) => setSlackAvailable(providers.some((p) => p.id === "slack" && p.enabled))).catch(() => setSlackAvailable(false));
+  }, [open]);
+  (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_react7.useEffect)(() => {
+    if (!open) {
+      setStep(0);
+      setSelectedTypeId(null);
+      setName("");
+      setScope("");
+      setEntities([]);
+      setSyncWithSlack(false);
+      setMembers([]);
+      setMemberSearch("");
+      setError(null);
+    }
+  }, [open]);
+  const selectedType = types.find((t) => t._id === selectedTypeId);
+  const canAdvance = () => {
+    switch (step) {
+      case 0:
+        return !!selectedTypeId;
+      case 1:
+        return name.trim().length > 0;
+      default:
+        return true;
+    }
+  };
+  const addMember = (memberId, memberName, memberType) => {
+    if (members.some((m) => m.memberId === memberId)) return;
+    setMembers((prev) => [...prev, { memberId, memberName, memberType, role: "participant" }]);
+    setMemberSearch("");
+  };
+  const removeMember = (memberId) => setMembers((prev) => prev.filter((m) => m.memberId !== memberId));
+  const handleCreate = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const entitiesWithSecrets = entities.filter((e) => e.key.trim()).map((e) => ({ key: e.key.trim(), value: e.value, isSecret: e.isSecret }));
+      const payload = {
+        name: name.trim(),
+        type: selectedTypeId || void 0,
+        scope: scope.trim() || void 0,
+        entitiesWithSecrets: entitiesWithSecrets.length > 0 ? entitiesWithSecrets : void 0,
+        members: members.length > 0 ? members.map((m) => ({ memberId: m.memberId, memberName: m.memberName, memberType: m.memberType, role: m.role })) : void 0,
+        syncWithSlack: syncWithSlack || void 0
+      };
+      const ws = await apis.workspaceApi.create(payload);
+      onCreated?.(ws);
+      onClose();
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  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_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_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_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_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_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_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_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_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_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_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_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_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_runtime11.jsx)(import_lucide_react8.Plus, { size: 14, className: "text-primary/75" })
+            ] }, u.id)) })
+          ] }),
+          /* @__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_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_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_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_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_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_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_runtime11.jsx)(import_lucide_react8.X, { size: 10 }) })
+              ] }, m.memberId)),
+              /* @__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: () => {
+                setAgentSearchFocused(true);
+                setShowAgentDropdown(true);
+              }, onBlur: () => setTimeout(() => {
+                setAgentSearchFocused(false);
+                setShowAgentDropdown(false);
+              }, 200) })
+            ] }),
+            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_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_runtime11.jsx)(import_lucide_react8.Plus, { size: 14, className: "text-primary/75" })
+            ] }, agent.agentId)) })
+          ] })
+        ] })
+      ] }),
+      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_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_runtime11.jsx)("span", { className: "text-text", children: e.isSecret ? "\u2022\u2022\u2022\u2022\u2022\u2022" : e.value })
+          ] }, i)) }),
+          /* @__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_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_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_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",
+                  ")"
+                ] })
+              ] })
+            ] }, m.memberId)) })
+          ] })
+        ] }),
+        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_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_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_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"
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/CreatePrivateWorkspaceModal.tsx
+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_react8.useId)();
+  const { config } = useWorkspaceContext();
+  const apis = useWorkspaceApi();
+  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;
+    }
+    let cancelled = false;
+    setSearchingUsers(true);
+    config.searchUsers(search).then((r) => {
+      if (!cancelled) setSearchResults(r);
+    }).catch(() => {
+      if (!cancelled) setSearchResults([]);
+    }).finally(() => {
+      if (!cancelled) setSearchingUsers(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [search]);
+  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);
+      setError(null);
+      setLoading(false);
+    } else {
+      setTimeout(() => searchInputRef.current?.focus(), 100);
+    }
+  }, [open]);
+  const handleCreate = async () => {
+    if (!selectedUser || !config.currentUserId) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const payload = {
+        name: `${config.currentUserName ?? config.currentUserId} \u2194 ${selectedUser.displayName}`,
+        isPrivate: true,
+        members: [{ memberId: selectedUser.email, memberName: selectedUser.displayName, memberType: "user", role: "participant" }]
+      };
+      const ws = await apis.workspaceApi.create(payload);
+      onCreated?.(ws);
+      onClose();
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  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_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_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_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_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_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_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_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 ?",
+  description: "La synchronisation bidirectionnelle relie ce workspace \xE0 un canal externe (Slack, Teams\u2026). Les messages, fichiers et membres sont automatiquement r\xE9pliqu\xE9s dans les deux sens.",
+  features: [
+    "Messages envoy\xE9s depuis le workspace sont r\xE9pliqu\xE9s vers Slack",
+    "Messages envoy\xE9s depuis Slack sont r\xE9pliqu\xE9s vers le workspace",
+    "Fichiers et artefacts sont synchronis\xE9s dans les deux sens",
+    "Les nouveaux membres ajout\xE9s au workspace sont invit\xE9s dans Slack",
+    "Les mentions Slack sont converties en mentions workspace",
+    "D\xE9sactiver la synchronisation conserve le canal Slack ouvert (pas d'archivage)"
+  ],
+  limitations: [
+    "Les messages initialement post\xE9s par un utilisateur r\xE9el dans Slack ne peuvent pas \xEAtre modifi\xE9s/supprim\xE9s depuis le workspace (limitation API Slack)",
+    "Le bot Slack doit avoir les scopes n\xE9cessaires (channels:*, chat:write, files:read, users:read.email)",
+    "Le listener Socket Mode doit tourner sur une seule instance en production",
+    "Seuls les utilisateurs ayant le m\xEAme email dans Slack et le workspace sont synchronis\xE9s"
+  ]
+};
+var SyncPanel = ({
+  workspaceId,
+  syncWithSlack,
+  isOwner,
+  slackConfigured = true,
+  onToggleSync
+}) => {
+  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_react11.useCallback)(async () => {
+    try {
+      const status = await apis.syncApi.getStatus(workspaceId);
+      setSyncStatus(status);
+    } catch (err) {
+      console.error("Failed to fetch sync status:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [workspaceId]);
+  (0, import_react11.useEffect)(() => {
+    fetchSyncStatus();
+  }, [fetchSyncStatus]);
+  (0, import_react11.useEffect)(() => {
+    if (syncStatus) {
+      setSyncStatus(
+        (prev) => prev ? { ...prev, syncWithSlack: syncWithSlack ?? false } : prev
+      );
+    }
+  }, [syncWithSlack]);
+  const handleToggle = async (provider, enabled) => {
+    setToggling(true);
+    try {
+      await onToggleSync?.(provider, enabled);
+      await fetchSyncStatus();
+    } catch (err) {
+      console.error("Failed to toggle sync:", err);
+    } finally {
+      setToggling(false);
+    }
+  };
+  const slackLink = syncStatus?.links?.find((l) => l.provider === "slack");
+  const isSlackActive = syncStatus?.syncWithSlack ?? syncWithSlack ?? false;
+  if (loading) {
+    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_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_runtime15.jsx)(import_lucide_react12.RefreshCw, { size: 11 }),
+            " Rafra\xEEchir"
+          ]
+        }
+      )
+    ] }),
+    /* @__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_runtime15.jsx)(import_lucide_react12.Hash, { size: 16, className: "text-white" })
+            }
+          ),
+          /* @__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_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_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_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_runtime15.jsx)(import_lucide_react12.Loader2, { size: 12, className: "animate-spin" }) : isSlackActive ? "D\xE9sactiver" : "Activer"
+          }
+        ),
+        !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_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_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_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_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_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_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_runtime15.jsxs)("span", { children: [
+              "Cr\xE9\xE9 le",
+              " ",
+              new Date(slackLink.createdAt).toLocaleDateString("fr-FR")
+            ] })
+          ] }),
+          !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_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_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_runtime15.jsx)(import_lucide_react12.XCircle, { size: 14, className: "text-text-muted" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-text-muted text-[10px]", children: "Bient\xF4t disponible" })
+        ] })
+      ] }),
+      /* @__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_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_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" : ""}`,
+                children: "\u25BE"
+              }
+            )
+          ]
+        }
+      ),
+      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_runtime15.jsx)(
+                  import_lucide_react12.CheckCircle2,
+                  {
+                    size: 12,
+                    className: "text-success mt-0.5 flex-shrink-0"
+                  }
+                ),
+                f
+              ]
+            },
+            i
+          )) })
+        ] }),
+        /* @__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_runtime15.jsx)(
+                  import_lucide_react12.AlertTriangle,
+                  {
+                    size: 12,
+                    className: "text-warning mt-0.5 flex-shrink-0"
+                  }
+                ),
+                l
+              ]
+            },
+            i
+          )) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+
+// 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);
+    }
+  };
+  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",
+      {
+        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_runtime20.jsx)(
+      ConfirmModal,
+      {
+        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 })
+      }
+    ),
+    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);
+        },
+        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: () => onToggle(g.reaction),
+          className: cn(
+            "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"
+          ),
+          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"
+              }
+            )
+          ]
+        },
+        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_runtime20.jsx)(
+      ConfirmModal,
+      {
+        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
+      }
+    ),
+    viewingArtefact && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      ArtefactViewerDialog,
+      {
+        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,
+  workspaceStreamdownComponents
+});
+//# sourceMappingURL=index.js.map