@workspace-platform/ui 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1841 @@
+// src/provider.tsx
+import { createContext, useContext, useMemo } from "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
+import { io } from "socket.io-client";
+function createWorkspaceSocket(config) {
+  let socket = null;
+  function getSocket() {
+    if (!socket) {
+      const token = config.getAuthToken();
+      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
+import { jsx } from "react/jsx-runtime";
+var WorkspaceContext = createContext(null);
+function WorkspaceProvider({
+  config,
+  children
+}) {
+  const value = useMemo(() => {
+    const apiClient = createWorkspaceClient(config);
+    const socket = createWorkspaceSocket(config);
+    return { config, apiClient, socket };
+  }, [config.baseUrl, config.currentUserId]);
+  return /* @__PURE__ */ jsx(WorkspaceContext.Provider, { value, children });
+}
+function useWorkspaceContext() {
+  const ctx = 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
+import { create } from "zustand";
+var PAGE_SIZE = 12;
+function createWorkspaceListStore(apis) {
+  return 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
+import { useMemo as useMemo2 } from "react";
+function useWorkspaceApi() {
+  const { apiClient } = useWorkspaceContext();
+  return useMemo2(() => 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);
+}
+
+// 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 fixMojibake(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(`> - \`${fixMojibake(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
+import { useEffect, useId, useState } from "react";
+import { createPortal } from "react-dom";
+import { X } from "lucide-react";
+
+// src/components/ui/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/ui/Modal.tsx
+import { jsx as jsx2, jsxs } from "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] = useState(false);
+  const autoHeadingId = useId();
+  const autoDescIdByModal = 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;
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  useEffect(() => {
+    if (!open) return;
+    const prevOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prevOverflow;
+    };
+  }, [open]);
+  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__ */ jsx2(
+    "button",
+    {
+      type: "button",
+      disabled: closeButtonDisabled,
+      onClick: onClose,
+      className: cn(defaultCloseClasses, closeButtonDisabled && "opacity-40"),
+      "aria-label": closeButtonAriaLabel,
+      children: /* @__PURE__ */ jsx2(X, { size: closeIconSize })
+    }
+  ) : null);
+  const descriptionSlot = description == null ? null : typeof description === "string" || typeof description === "number" ? /* @__PURE__ */ jsx2(
+    "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__ */ jsxs("div", { className: cn(headerShellClass, headerClassName), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+      titleIcon != null ? /* @__PURE__ */ jsx2("div", { className: "mt-0.5 shrink-0", children: titleIcon }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx2(
+          "h2",
+          {
+            id: resolvedHeadingId,
+            className: cn("text-text text-lg font-semibold", titleClassName),
+            children: title
+          }
+        ),
+        descriptionSlot
+      ] })
+    ] }),
+    trailing ? /* @__PURE__ */ jsx2("div", { className: "flex shrink-0 items-start", children: trailing }) : null
+  ] }) : null;
+  if (!mounted || !open) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx2(
+      "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__ */ 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/MemberAvatar.tsx
+import { Brain } from "lucide-react";
+import { jsx as jsx3 } from "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__ */ jsx3("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__ */ jsx3(Brain, { size: s.icon, className: "text-indigo-600" }) });
+  }
+  if (avatarUrl) {
+    return /* @__PURE__ */ jsx3("img", { src: avatarUrl, alt: memberName, className: cn("flex-shrink-0 rounded-full object-cover ring-2 ring-white", s.container, className) });
+  }
+  return /* @__PURE__ */ jsx3("span", { className: cn("flex flex-shrink-0 items-center justify-center rounded-full font-semibold", s.container, s.text, variant === "currentUser" ? "bg-primary text-white shadow-md" : variant === "owner" ? "bg-warning-light text-warning" : "bg-primary-light text-primary", className), children: getInitials(memberName) });
+};
+
+// src/components/MembersPanel.tsx
+import { useState as useState2, useEffect as useEffect2, useMemo as useMemo3 } from "react";
+import { UserPlus, Crown, Eye, Users, X as X2, Search, Plus, Brain as Brain2, Loader2, Check } from "lucide-react";
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var roleIcon = (role) => {
+  switch (role) {
+    case "owner":
+      return /* @__PURE__ */ jsx4(Crown, { size: 11, className: "text-warning" });
+    case "viewer":
+      return /* @__PURE__ */ jsx4(Eye, { size: 11, className: "text-text-muted" });
+    default:
+      return /* @__PURE__ */ jsx4(Users, { size: 11, className: "text-primary" });
+  }
+};
+var MembersPanel = ({
+  members,
+  avatarUsers,
+  onAddMember,
+  onRemoveMember,
+  onUpdateRole,
+  readonly
+}) => {
+  const { config } = useWorkspaceContext();
+  const apis = useWorkspaceApi();
+  const [showUserSearch, setShowUserSearch] = useState2(false);
+  const [search, setSearch] = useState2("");
+  const [searchResults, setSearchResults] = useState2([]);
+  const [searchingUsers, setSearchingUsers] = useState2(false);
+  const [allAgents, setAllAgents] = useState2([]);
+  useEffect2(() => {
+    apis.agentApi.list().then(setAllAgents).catch(() => setAllAgents([]));
+  }, []);
+  useEffect2(() => {
+    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 = useMemo3(() => {
+    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 = useMemo3(() => new Set(agentMembers.map((m) => m.memberId)), [agentMembers]);
+  const agentMemberIdMap = useMemo3(() => 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__ */ jsxs2("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs2("span", { className: "text-text-muted flex items-center gap-1.5 text-xs font-semibold tracking-wider uppercase", children: [
+          /* @__PURE__ */ jsx4(Users, { size: 14, className: "text-primary" }),
+          " Utilisateurs"
+        ] }),
+        /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx4("span", { className: "bg-primary-light text-primary rounded-full px-2 py-0.5 text-[10px] font-bold", children: userMembers.length }),
+          !readonly && /* @__PURE__ */ jsxs2("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__ */ jsx4(UserPlus, { size: 12 }),
+            " Inviter"
+          ] })
+        ] })
+      ] }),
+      showUserSearch && /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsxs2("div", { className: "relative mt-2", children: [
+          /* @__PURE__ */ jsx4(Search, { size: 12, className: "text-text-muted absolute top-1/2 left-2 -translate-y-1/2" }),
+          /* @__PURE__ */ jsx4("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__ */ jsx4("div", { className: "flex items-center justify-center py-3", children: /* @__PURE__ */ jsx4(Loader2, { size: 14, className: "text-primary animate-spin" }) }),
+        filteredUsers.length > 0 && !searchingUsers && /* @__PURE__ */ jsx4("div", { className: "bg-surface border-border mt-1 flex flex-col rounded-lg border shadow-sm", children: filteredUsers.map((u) => /* @__PURE__ */ jsxs2("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__ */ jsx4("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__ */ jsx4("span", { className: "text-text", children: u.displayName }),
+          /* @__PURE__ */ jsx4(Plus, { size: 12, className: "text-primary ml-auto" })
+        ] }, u.id)) })
+      ] }),
+      /* @__PURE__ */ jsx4("div", { className: "mt-2 flex flex-col gap-1", children: userMembers.map((m) => /* @__PURE__ */ jsxs2("div", { className: "bg-bg group flex items-center gap-2 rounded-lg p-2", children: [
+        /* @__PURE__ */ jsx4(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__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx4("div", { className: "text-text truncate text-xs font-medium", children: m.memberName }),
+          /* @__PURE__ */ jsxs2("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__ */ jsxs2("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__ */ jsx4("option", { value: "owner", children: "Propri\xE9taire" }),
+          /* @__PURE__ */ jsx4("option", { value: "participant", children: "Participant" }),
+          /* @__PURE__ */ jsx4("option", { value: "viewer", children: "Observateur" })
+        ] }),
+        m.role !== "owner" && !readonly && /* @__PURE__ */ jsx4("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__ */ jsx4(X2, { size: 14 }) })
+      ] }, m._id)) })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs2("span", { className: "text-text-muted flex items-center gap-1.5 text-xs font-semibold tracking-wider uppercase", children: [
+          /* @__PURE__ */ jsx4(Brain2, { size: 14, className: "text-primary" }),
+          " Agents IA"
+        ] }),
+        /* @__PURE__ */ jsxs2("span", { className: "bg-primary-light text-primary rounded-full px-2 py-0.5 text-[10px] font-bold", children: [
+          agentMembers.length,
+          "/",
+          allAgents.length
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx4("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__ */ jsxs2("div", { className: "bg-bg group flex items-center gap-2 rounded-lg p-2", children: [
+          /* @__PURE__ */ jsx4("span", { className: "bg-surface border-border flex h-7 w-7 items-center justify-center rounded-full border", children: /* @__PURE__ */ jsx4(Brain2, { size: 14, className: "text-primary" }) }),
+          /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx4("div", { className: "text-text truncate text-xs font-medium", children: agent.agentName }),
+            /* @__PURE__ */ jsx4("div", { className: "text-text-muted text-[10px]", children: "Agent IA" })
+          ] }),
+          !readonly && (isMember ? /* @__PURE__ */ jsxs2("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__ */ jsx4(Check, { size: 14, className: "text-success absolute transition-opacity group-hover:opacity-0" }),
+            /* @__PURE__ */ jsx4(X2, { size: 14, className: "text-danger absolute opacity-0 transition-opacity group-hover:opacity-100" })
+          ] }) : /* @__PURE__ */ jsx4("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__ */ jsx4(Plus, { size: 14 }) }))
+        ] }, agent.agentId);
+      }) })
+    ] })
+  ] });
+};
+
+// src/components/CreateWorkspaceModal.tsx
+import { useState as useState3, useEffect as useEffect3, useMemo as useMemo4, useId as useId2, useRef } from "react";
+import { X as X3, ArrowRight, ArrowLeft, Plus as Plus2, Trash2, Check as Check2, Users as Users2, Brain as Brain3, Loader2 as Loader22, Lock, Unlock, Slack } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var STEP_TITLES = ["Type de workspace", "Contexte", "Membres", "Confirmation"];
+var CreateWorkspaceModal = ({ open, onClose, onCreated }) => {
+  const titleId = useId2();
+  const stepDescriptionId = useId2();
+  const { config } = useWorkspaceContext();
+  const apis = useWorkspaceApi();
+  const [step, setStep] = useState3(0);
+  const [loading, setLoading] = useState3(false);
+  const [error, setError] = useState3(null);
+  const [types, setTypes] = useState3([]);
+  const [typesLoading, setTypesLoading] = useState3(false);
+  const [selectedTypeId, setSelectedTypeId] = useState3(null);
+  const [name, setName] = useState3("");
+  const [scope, setScope] = useState3("");
+  const [entities, setEntities] = useState3([]);
+  const [syncWithSlack, setSyncWithSlack] = useState3(false);
+  const [slackAvailable, setSlackAvailable] = useState3(false);
+  const [memberSearch, setMemberSearch] = useState3("");
+  const [members, setMembers] = useState3([]);
+  const [agents, setAgents] = useState3([]);
+  const [searchResults, setSearchResults] = useState3([]);
+  const [searchingUsers, setSearchingUsers] = useState3(false);
+  const [avatarMap, setAvatarMap] = useState3({});
+  const [agentSearch, setAgentSearch] = useState3("");
+  const [showAgentDropdown, setShowAgentDropdown] = useState3(false);
+  const [agentSearchFocused, setAgentSearchFocused] = useState3(false);
+  const agentSearchInputRef = useRef(null);
+  const invitedUsers = useMemo4(() => members.filter((m) => m.memberType === "user"), [members]);
+  const invitedAgents = useMemo4(() => members.filter((m) => m.memberType === "agent"), [members]);
+  const unselectedAgents = useMemo4(() => agents.filter((a) => !members.some((m) => m.memberId === a.agentId) && (agentSearch.trim() === "" || a.agentName.toLowerCase().includes(agentSearch.toLowerCase()))), [agents, members, agentSearch]);
+  useEffect3(() => {
+    if (!config.resolveAvatars || invitedUsers.length === 0) return;
+    config.resolveAvatars(invitedUsers.map((m) => m.memberId)).then(setAvatarMap).catch(() => {
+    });
+  }, [invitedUsers.length]);
+  useEffect3(() => {
+    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 = useMemo4(() => searchResults.filter((u) => u.email !== config.currentUserId && !members.some((m) => m.memberId === u.email)), [searchResults, members, config.currentUserId]);
+  useEffect3(() => {
+    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]);
+  useEffect3(() => {
+    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]);
+  useEffect3(() => {
+    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__ */ jsxs3(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__ */ jsxs3("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__ */ jsx5("div", { className: "flex shrink-0 gap-1 px-6 pt-4", children: [0, 1, 2, 3].map((s) => /* @__PURE__ */ jsx5("div", { className: cn("h-1 flex-1 rounded-full transition-colors", s <= step ? "bg-primary" : "bg-border-light") }, s)) }),
+    /* @__PURE__ */ jsxs3("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: [
+      step === 0 && (typesLoading ? /* @__PURE__ */ jsx5("div", { className: "flex h-[220px] items-center justify-center", children: /* @__PURE__ */ jsx5(Loader22, { size: 20, className: "text-primary animate-spin" }) }) : types.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-text-muted py-8 text-center text-sm", children: "Aucun type disponible" }) : /* @__PURE__ */ jsx5("div", { className: "grid grid-cols-2 gap-2", children: types.map((t) => /* @__PURE__ */ jsx5("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__ */ jsx5("span", { className: "text-text text-sm font-medium", children: t.name }) }, t._id)) })),
+      step === 1 && /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx5("label", { className: "text-text-muted mb-1 block text-xs font-medium", children: "Nom du workspace" }),
+          /* @__PURE__ */ jsx5("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__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx5("label", { className: "text-text-muted mb-1 block text-xs font-medium", children: "Scope" }),
+          /* @__PURE__ */ jsx5("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__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx5("label", { className: "text-text-muted mb-1 block text-xs font-medium", children: "Entit\xE9s" }),
+          /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
+            entities.map((e, idx) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx5("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__ */ jsx5("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__ */ jsx5("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__ */ jsx5(Lock, { size: 12 }) : /* @__PURE__ */ jsx5(Unlock, { size: 12 }) }),
+              /* @__PURE__ */ jsx5("button", { className: "text-text-muted hover:text-danger", onClick: () => setEntities(entities.filter((_, i) => i !== idx)), children: /* @__PURE__ */ jsx5(Trash2, { size: 14 }) })
+            ] }, idx)),
+            /* @__PURE__ */ jsxs3("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__ */ jsx5(Plus2, { size: 12 }),
+              " Ajouter une entit\xE9"
+            ] })
+          ] })
+        ] }),
+        slackAvailable && /* @__PURE__ */ jsxs3("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__ */ jsx5("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__ */ jsxs3("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsxs3("span", { className: "text-text flex items-center gap-1.5 text-sm font-medium", children: [
+              /* @__PURE__ */ jsx5(Slack, { size: 14, className: "text-primary" }),
+              " Synchroniser avec Slack"
+            ] }),
+            /* @__PURE__ */ jsx5("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__ */ jsxs3("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs3("label", { className: "text-text-muted flex items-center gap-1.5 text-xs font-semibold tracking-wider uppercase", children: [
+              /* @__PURE__ */ jsx5(Users2, { size: 14, className: "text-primary" }),
+              " Membres Utilisateurs"
+            ] }),
+            invitedUsers.length > 0 && /* @__PURE__ */ jsxs3("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__ */ jsxs3("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx5("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__ */ jsx5("div", { className: "absolute top-1/2 right-3.5 flex -translate-y-1/2 items-center justify-center py-3", children: /* @__PURE__ */ jsx5(Loader22, { size: 16, className: "text-primary animate-spin" }) }),
+            filteredUsers.length > 0 && memberSearch.length >= 2 && !searchingUsers && /* @__PURE__ */ jsx5("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__ */ jsxs3("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__ */ jsxs3("div", { className: "flex items-center gap-2.5", children: [
+                /* @__PURE__ */ jsx5("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__ */ jsxs3("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx5("span", { className: "text-text font-medium", children: u.displayName }),
+                  /* @__PURE__ */ jsx5("span", { className: "text-text-muted text-[10px]", children: u.email })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx5(Plus2, { size: 14, className: "text-primary/75" })
+            ] }, u.id)) })
+          ] }),
+          /* @__PURE__ */ jsx5("div", { className: "mt-1 flex flex-col gap-1.5", children: invitedUsers.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "bg-bg/40 border-border/40 flex items-center justify-center rounded-xl border border-dashed py-4 text-center", children: /* @__PURE__ */ jsx5("p", { className: "text-text-muted text-xs italic", children: "Aucun utilisateur invit\xE9 pour le moment." }) }) : invitedUsers.map((m) => /* @__PURE__ */ jsxs3("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__ */ jsx5(MemberAvatar, { memberName: m.memberName, memberType: "user", avatarUrl: avatarMap[m.memberId.toLowerCase()], size: "sm", variant: m.role === "owner" ? "owner" : "primary" }),
+            /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx5("div", { className: "text-text truncate text-xs font-semibold", children: m.memberName }),
+              /* @__PURE__ */ jsx5("div", { className: "text-text-muted truncate text-[10px]", children: m.memberId })
+            ] }),
+            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxs3("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__ */ jsx5("option", { value: "owner", children: "Propri\xE9taire" }),
+                /* @__PURE__ */ jsx5("option", { value: "participant", children: "Participant" }),
+                /* @__PURE__ */ jsx5("option", { value: "viewer", children: "Observateur" })
+              ] }),
+              /* @__PURE__ */ jsx5("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__ */ jsx5(X3, { size: 14 }) })
+            ] })
+          ] }, m.memberId)) })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs3("label", { className: "text-text-muted flex items-center gap-1.5 text-xs font-semibold tracking-wider uppercase", children: [
+              /* @__PURE__ */ jsx5(Brain3, { size: 14, className: "text-primary" }),
+              " Agents IA"
+            ] }),
+            /* @__PURE__ */ jsxs3("span", { className: "bg-primary-light text-primary rounded-full px-2 py-0.5 text-[10px] font-bold", children: [
+              invitedAgents.length,
+              "/",
+              agents.length
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxs3("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__ */ jsxs3("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__ */ jsx5(Brain3, { size: 10, className: "text-primary/80" }),
+                m.memberName,
+                /* @__PURE__ */ jsx5("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__ */ jsx5(X3, { size: 10 }) })
+              ] }, m.memberId)),
+              /* @__PURE__ */ jsx5("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__ */ jsx5("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__ */ jsx5("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__ */ jsxs3("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__ */ jsxs3("div", { className: "flex items-center gap-2.5", children: [
+                /* @__PURE__ */ jsx5("span", { className: "bg-surface border-border flex h-7 w-7 items-center justify-center rounded-full border", children: /* @__PURE__ */ jsx5(Brain3, { size: 12, className: "text-primary" }) }),
+                /* @__PURE__ */ jsx5("span", { className: "text-text font-medium", children: agent.agentName })
+              ] }),
+              /* @__PURE__ */ jsx5(Plus2, { size: 14, className: "text-primary/75" })
+            ] }, agent.agentId)) })
+          ] })
+        ] })
+      ] }),
+      step === 3 && /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "bg-bg rounded-xl p-4", children: [
+          /* @__PURE__ */ jsx5("div", { className: "mb-3 flex items-center gap-2", children: /* @__PURE__ */ jsxs3("div", { children: [
+            /* @__PURE__ */ jsx5("div", { className: "text-text text-sm font-semibold", children: name || "Sans nom" }),
+            /* @__PURE__ */ jsxs3("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__ */ jsx5("div", { className: "mb-2 flex flex-wrap gap-1", children: entities.filter((e) => e.key.trim() && e.value.trim()).map((e, i) => /* @__PURE__ */ jsxs3("span", { className: "border-border inline-flex items-center gap-1 rounded border px-2 py-0.5 text-xs", children: [
+            e.isSecret && /* @__PURE__ */ jsx5(Lock, { size: 10, className: "text-warning shrink-0" }),
+            /* @__PURE__ */ jsxs3("span", { className: "text-text-muted mr-1 font-medium", children: [
+              e.key,
+              ":"
+            ] }),
+            /* @__PURE__ */ jsx5("span", { className: "text-text", children: e.isSecret ? "\u2022\u2022\u2022\u2022\u2022\u2022" : e.value })
+          ] }, i)) }),
+          /* @__PURE__ */ jsxs3("div", { className: "text-text-muted flex items-center gap-3 text-xs", children: [
+            /* @__PURE__ */ jsxs3("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx5(Users2, { size: 12 }),
+              " ",
+              members.length,
+              " membre",
+              members.length > 1 ? "s" : ""
+            ] }),
+            syncWithSlack && /* @__PURE__ */ jsxs3("span", { className: "text-primary flex items-center gap-1 font-medium", children: [
+              /* @__PURE__ */ jsx5(Slack, { size: 12 }),
+              " Synchronis\xE9 avec Slack"
+            ] })
+          ] }),
+          members.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "border-border/30 mt-3 border-t pt-3", children: [
+            /* @__PURE__ */ jsxs3("span", { className: "text-text-muted mb-2 block text-[10px] font-bold tracking-wider uppercase", children: [
+              "Membres et Agents invit\xE9s (",
+              members.length,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsx5("div", { className: "flex max-h-40 flex-col gap-1.5 overflow-y-auto pr-1", children: members.map((m) => /* @__PURE__ */ jsxs3("div", { className: "bg-bg-subtle/50 flex items-center gap-2.5 rounded-lg p-2 text-xs", children: [
+              /* @__PURE__ */ jsx5(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__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx5("span", { className: "text-text truncate font-medium", children: m.memberName }),
+                /* @__PURE__ */ jsxs3("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__ */ jsx5("div", { className: "bg-danger-light text-danger rounded-lg px-3 py-2 text-xs", children: error })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "border-border flex shrink-0 items-center justify-between border-t px-6 py-4", children: [
+      /* @__PURE__ */ jsxs3("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__ */ jsx5(ArrowLeft, { size: 14 }),
+        " Pr\xE9c\xE9dent"
+      ] }),
+      step < 3 ? /* @__PURE__ */ jsxs3("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__ */ jsx5(ArrowRight, { size: 14 })
+      ] }) : /* @__PURE__ */ jsxs3("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__ */ jsx5(Loader22, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx5(Check2, { size: 14 }),
+        " Cr\xE9er le workspace"
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/CreatePrivateWorkspaceModal.tsx
+import { useState as useState4, useEffect as useEffect4, useMemo as useMemo5, useId as useId3, useRef as useRef2 } from "react";
+import { X as X4, Loader2 as Loader23, Lock as Lock2, MessageSquare, Search as Search2 } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var CreatePrivateWorkspaceModal = ({ open, onClose, onCreated }) => {
+  const titleId = useId3();
+  const { config } = useWorkspaceContext();
+  const apis = useWorkspaceApi();
+  const [loading, setLoading] = useState4(false);
+  const [error, setError] = useState4(null);
+  const [search, setSearch] = useState4("");
+  const [searchResults, setSearchResults] = useState4([]);
+  const [searchingUsers, setSearchingUsers] = useState4(false);
+  const [selectedUser, setSelectedUser] = useState4(null);
+  const searchInputRef = useRef2(null);
+  useEffect4(() => {
+    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 = useMemo5(() => searchResults.filter((u) => u.email !== config.currentUserId), [searchResults, config.currentUserId]);
+  useEffect4(() => {
+    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__ */ jsxs4(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__ */ jsx6("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__ */ jsx6("span", { className: "bg-primary-light text-primary flex h-8 w-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx6(Lock2, { size: 16 }) }), children: [
+    /* @__PURE__ */ jsxs4("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: [
+      selectedUser ? /* @__PURE__ */ jsx6("div", { className: "mb-4", children: /* @__PURE__ */ jsxs4("div", { className: "bg-primary-light/30 border-primary/20 flex items-center gap-3 rounded-xl border p-3", children: [
+        /* @__PURE__ */ jsx6(MemberAvatar, { memberName: selectedUser.displayName, memberType: "user", avatarUrl: selectedUser.avatarUrl, size: "md", variant: "primary" }),
+        /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx6("div", { className: "text-text text-sm font-semibold", children: selectedUser.displayName }),
+          /* @__PURE__ */ jsx6("div", { className: "text-text-muted text-xs", children: selectedUser.email })
+        ] }),
+        /* @__PURE__ */ jsx6("button", { type: "button", className: "text-text-muted hover:text-danger rounded p-1 transition-colors", onClick: () => setSelectedUser(null), children: /* @__PURE__ */ jsx6(X4, { size: 16 }) })
+      ] }) }) : /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx6(Search2, { size: 14, className: "text-text-muted absolute top-1/2 left-3 -translate-y-1/2" }),
+          /* @__PURE__ */ jsx6("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__ */ jsx6("div", { className: "absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ jsx6(Loader23, { size: 16, className: "text-primary animate-spin" }) })
+        ] }),
+        search.length >= 2 && !searchingUsers && filteredUsers.length > 0 && /* @__PURE__ */ jsx6("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__ */ jsxs4("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__ */ jsx6("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__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx6("div", { className: "text-text text-sm font-medium", children: u.displayName }),
+            /* @__PURE__ */ jsx6("div", { className: "text-text-muted text-[11px]", children: u.email })
+          ] })
+        ] }, u.id)) }),
+        search.length >= 2 && !searchingUsers && filteredUsers.length === 0 && /* @__PURE__ */ jsx6("p", { className: "text-text-muted mt-3 text-center text-xs italic", children: "Aucun utilisateur trouv\xE9." }),
+        search.length < 2 && /* @__PURE__ */ jsx6("p", { className: "text-text-muted mt-4 text-center text-xs", children: "Saisissez au moins 2 caract\xE8res pour rechercher." })
+      ] }),
+      error && /* @__PURE__ */ jsx6("div", { className: "bg-danger-light text-danger mt-3 rounded-lg px-3 py-2 text-xs", children: error })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "border-border flex shrink-0 items-center justify-end gap-2 border-t px-6 py-4", children: [
+      /* @__PURE__ */ jsx6("button", { type: "button", className: "text-text-muted hover:text-text text-sm transition-colors", onClick: onClose, disabled: loading, children: "Annuler" }),
+      /* @__PURE__ */ jsxs4("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__ */ jsx6(Loader23, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx6(MessageSquare, { size: 14 }),
+        " D\xE9marrer"
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/SyncPanel.tsx
+import { useState as useState5, useEffect as useEffect5, useCallback } from "react";
+import {
+  RefreshCw,
+  ExternalLink,
+  Info,
+  CheckCircle2,
+  XCircle,
+  Loader2 as Loader24,
+  Hash,
+  AlertTriangle
+} from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "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] = useState5(null);
+  const [loading, setLoading] = useState5(true);
+  const [toggling, setToggling] = useState5(false);
+  const [infoOpen, setInfoOpen] = useState5(false);
+  const apis = useWorkspaceApi();
+  const fetchSyncStatus = 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]);
+  useEffect5(() => {
+    fetchSyncStatus();
+  }, [fetchSyncStatus]);
+  useEffect5(() => {
+    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__ */ jsx7("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx7(Loader24, { size: 20, className: "text-primary animate-spin" }) });
+  }
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx7("span", { className: "text-text-muted text-xs font-semibold tracking-wider uppercase", children: "Synchronisation" }),
+      /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          className: "text-text-muted hover:text-primary flex items-center gap-1 text-xs transition-colors",
+          onClick: () => fetchSyncStatus(),
+          title: "Rafra\xEEchir",
+          children: [
+            /* @__PURE__ */ jsx7(RefreshCw, { size: 11 }),
+            " Rafra\xEEchir"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: cn("bg-bg border-border rounded-lg border", !slackConfigured && "opacity-60"), children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between p-3", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2.5", children: [
+          /* @__PURE__ */ jsx7(
+            "div",
+            {
+              className: "flex h-8 w-8 items-center justify-center rounded-lg",
+              style: { backgroundColor: SLACK_COLOR },
+              children: /* @__PURE__ */ jsx7(Hash, { size: 16, className: "text-white" })
+            }
+          ),
+          /* @__PURE__ */ jsxs5("div", { children: [
+            /* @__PURE__ */ jsxs5("div", { className: "text-text flex items-center gap-1.5 text-sm font-medium", children: [
+              "Slack",
+              !slackConfigured ? /* @__PURE__ */ jsx7(XCircle, { size: 14, className: "text-text-muted" }) : isSlackActive ? /* @__PURE__ */ jsx7(CheckCircle2, { size: 14, className: "text-success" }) : /* @__PURE__ */ jsx7(XCircle, { size: 14, className: "text-text-muted" })
+            ] }),
+            /* @__PURE__ */ jsx7("span", { className: "text-text-muted text-[10px]", children: !slackConfigured ? "Non configur\xE9" : isSlackActive ? "Synchronisation active" : "Non synchronis\xE9" })
+          ] })
+        ] }),
+        slackConfigured && isOwner && /* @__PURE__ */ jsx7(
+          "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__ */ jsx7(Loader24, { size: 12, className: "animate-spin" }) : isSlackActive ? "D\xE9sactiver" : "Activer"
+          }
+        ),
+        !slackConfigured && /* @__PURE__ */ jsx7("span", { className: "bg-bg border-border rounded border px-2 py-1 text-[10px] font-medium text-text-muted", children: "Non disponible" })
+      ] }),
+      !slackConfigured && /* @__PURE__ */ jsx7("div", { className: "border-border border-t px-3 py-2.5", children: /* @__PURE__ */ jsxs5("div", { className: "text-text-muted flex items-center gap-2 text-xs", children: [
+        /* @__PURE__ */ jsx7(AlertTriangle, { size: 14, className: "flex-shrink-0 text-warning" }),
+        /* @__PURE__ */ jsx7("span", { children: "La synchronisation Slack n'est pas configur\xE9e sur le serveur. Contactez un administrateur pour l'activer." })
+      ] }) }),
+      slackConfigured && slackLink && /* @__PURE__ */ jsx7("div", { className: "border-border border-t px-3 py-2.5", children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx7("span", { className: "text-text-muted text-[10px] font-medium uppercase tracking-wider", children: "Canal externe" }),
+          /* @__PURE__ */ jsx7(ExternalLink, { size: 10, className: "text-text-muted" })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "bg-surface border-border rounded border p-2", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 text-xs", children: [
+            /* @__PURE__ */ jsx7(Hash, { size: 12, className: "text-text-muted flex-shrink-0" }),
+            /* @__PURE__ */ jsx7("span", { className: "text-text font-medium", children: slackLink.externalName || slackLink.externalId })
+          ] }),
+          /* @__PURE__ */ jsxs5("div", { className: "text-text-muted mt-1 flex items-center gap-2 text-[10px]", children: [
+            /* @__PURE__ */ jsxs5("span", { children: [
+              "ID: ",
+              slackLink.externalId
+            ] }),
+            slackLink.externalTeamId && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+              /* @__PURE__ */ jsx7("span", { children: "\u2022" }),
+              /* @__PURE__ */ jsxs5("span", { children: [
+                "Team: ",
+                slackLink.externalTeamId
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs5("div", { className: "text-text-muted mt-1 flex items-center gap-2 text-[10px]", children: [
+            /* @__PURE__ */ jsx7(
+              "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__ */ jsxs5("span", { children: [
+              "Cr\xE9\xE9 le",
+              " ",
+              new Date(slackLink.createdAt).toLocaleDateString("fr-FR")
+            ] })
+          ] }),
+          !isSlackActive && /* @__PURE__ */ jsx7("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__ */ jsx7("div", { className: "border-border border-t px-3 py-2.5", children: /* @__PURE__ */ jsxs5("div", { className: "text-warning bg-warning-light flex items-center gap-2 rounded-lg p-2 text-xs", children: [
+        /* @__PURE__ */ jsx7(AlertTriangle, { size: 14, className: "flex-shrink-0" }),
+        /* @__PURE__ */ jsx7("span", { children: "La synchronisation est activ\xE9e mais aucun canal Slack n'est encore li\xE9. Le canal sera cr\xE9\xE9 automatiquement." })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx7("div", { className: "bg-bg border-border rounded-lg border opacity-50", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between p-3", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2.5", children: [
+        /* @__PURE__ */ jsx7("div", { className: "bg-info flex h-8 w-8 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx7("span", { className: "text-xs font-bold text-white", children: "T" }) }),
+        /* @__PURE__ */ jsxs5("div", { children: [
+          /* @__PURE__ */ jsxs5("div", { className: "text-text flex items-center gap-1.5 text-sm font-medium", children: [
+            "Microsoft Teams",
+            /* @__PURE__ */ jsx7(XCircle, { size: 14, className: "text-text-muted" })
+          ] }),
+          /* @__PURE__ */ jsx7("span", { className: "text-text-muted text-[10px]", children: "Bient\xF4t disponible" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx7("span", { className: "bg-bg border-border rounded border px-2 py-1 text-[10px] font-medium text-text-muted", children: "Prochainement" })
+    ] }) }),
+    /* @__PURE__ */ jsxs5("div", { className: "bg-bg border-border rounded-lg border", children: [
+      /* @__PURE__ */ jsxs5(
+        "button",
+        {
+          className: "flex w-full items-center gap-2 p-3 text-left",
+          onClick: () => setInfoOpen(!infoOpen),
+          children: [
+            /* @__PURE__ */ jsx7(Info, { size: 14, className: "text-info flex-shrink-0" }),
+            /* @__PURE__ */ jsx7("span", { className: "text-text text-xs font-medium", children: SYNC_INFO.title }),
+            /* @__PURE__ */ jsx7(
+              "span",
+              {
+                className: `text-text-muted ml-auto text-[10px] transition-transform ${infoOpen ? "rotate-180" : ""}`,
+                children: "\u25BE"
+              }
+            )
+          ]
+        }
+      ),
+      infoOpen && /* @__PURE__ */ jsxs5("div", { className: "border-border border-t px-3 pb-3 pt-2", children: [
+        /* @__PURE__ */ jsx7("p", { className: "text-text-muted mb-3 text-xs leading-relaxed", children: SYNC_INFO.description }),
+        /* @__PURE__ */ jsxs5("div", { className: "mb-3", children: [
+          /* @__PURE__ */ jsx7("span", { className: "text-text mb-1.5 block text-[10px] font-semibold uppercase tracking-wider", children: "Fonctionnalit\xE9s" }),
+          /* @__PURE__ */ jsx7("ul", { className: "flex flex-col gap-1", children: SYNC_INFO.features.map((f, i) => /* @__PURE__ */ jsxs5(
+            "li",
+            {
+              className: "text-text-muted flex items-start gap-1.5 text-xs",
+              children: [
+                /* @__PURE__ */ jsx7(
+                  CheckCircle2,
+                  {
+                    size: 12,
+                    className: "text-success mt-0.5 flex-shrink-0"
+                  }
+                ),
+                f
+              ]
+            },
+            i
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { children: [
+          /* @__PURE__ */ jsx7("span", { className: "text-text mb-1.5 block text-[10px] font-semibold uppercase tracking-wider", children: "Limitations connues" }),
+          /* @__PURE__ */ jsx7("ul", { className: "flex flex-col gap-1", children: SYNC_INFO.limitations.map((l, i) => /* @__PURE__ */ jsxs5(
+            "li",
+            {
+              className: "text-text-muted flex items-start gap-1.5 text-xs",
+              children: [
+                /* @__PURE__ */ jsx7(
+                  AlertTriangle,
+                  {
+                    size: 12,
+                    className: "text-warning mt-0.5 flex-shrink-0"
+                  }
+                ),
+                l
+              ]
+            },
+            i
+          )) })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/Pagination.tsx
+import {
+  ChevronsLeft,
+  ChevronLeft,
+  ChevronRight,
+  ChevronsRight
+} from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var NavButton = ({
+  onClick,
+  disabled,
+  children,
+  title
+}) => /* @__PURE__ */ jsx8(
+  "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__ */ jsxs6("div", { className: "mt-6 flex items-center justify-center gap-1.5", children: [
+    /* @__PURE__ */ jsx8(
+      NavButton,
+      {
+        onClick: () => onPageChange(1),
+        disabled: currentPage === 1 || loading,
+        title: "Premi\xE8re page",
+        children: /* @__PURE__ */ jsx8(ChevronsLeft, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      NavButton,
+      {
+        onClick: () => onPageChange(currentPage - 1),
+        disabled: currentPage === 1 || loading,
+        title: "Page pr\xE9c\xE9dente",
+        children: /* @__PURE__ */ jsx8(ChevronLeft, { size: 16 })
+      }
+    ),
+    pages.map(
+      (p, idx) => p === "ellipsis" ? /* @__PURE__ */ jsx8(
+        "span",
+        {
+          className: "text-text-muted flex h-9 w-9 items-center justify-center text-sm",
+          children: "\u2026"
+        },
+        `ellipsis-${idx}`
+      ) : /* @__PURE__ */ jsx8(
+        "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__ */ jsx8(
+      NavButton,
+      {
+        onClick: () => onPageChange(currentPage + 1),
+        disabled: currentPage === totalPages || loading,
+        title: "Page suivante",
+        children: /* @__PURE__ */ jsx8(ChevronRight, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      NavButton,
+      {
+        onClick: () => onPageChange(totalPages),
+        disabled: currentPage === totalPages || loading,
+        title: "Derni\xE8re page",
+        children: /* @__PURE__ */ jsx8(ChevronsRight, { size: 16 })
+      }
+    )
+  ] });
+};
+export {
+  AVAILABLE_AGENTS,
+  CATEGORY_STYLES,
+  CreatePrivateWorkspaceModal,
+  CreateWorkspaceModal,
+  FILTER_PILLS,
+  ICON_COLOR,
+  IGNORED_FIELDS,
+  MEMBER_ROLE_LABELS,
+  MemberAvatar,
+  MembersPanel,
+  Modal,
+  Pagination,
+  ROLE_LABELS,
+  STATUS_LABELS,
+  SyncPanel,
+  WORKSPACE_FIELD_LABELS,
+  WORKSPACE_STATUS_LABELS,
+  WorkspaceEvent,
+  WorkspaceProvider,
+  cn,
+  createWorkspaceApis,
+  createWorkspaceClient,
+  createWorkspaceListStore,
+  createWorkspaceSocket,
+  formatWorkspaceExport,
+  getInitials,
+  useWorkspaceApi,
+  useWorkspaceContext
+};
+//# sourceMappingURL=index.mjs.map