@workspace-platform/ui 0.5.0 → 0.6.0

package/dist/admin.mjs

@@ -1 +1,1858 @@
+import {
+  ConfirmModal,
+  Modal,
+  useWorkspaceApi
+} from "./chunk-4UDSYAAD.mjs";
+import "./chunk-UBQ42LPM.mjs";
+
+// src/admin/WorkspaceTypesPage.tsx
+import { useCallback, useEffect, useState } from "react";
+import {
+  Plus,
+  Pencil,
+  Trash2,
+  Tag,
+  Loader2,
+  Clock,
+  User,
+  X,
+  ArrowLeft,
+  Lock,
+  Unlock
+} from "lucide-react";
+import { format } from "date-fns";
+import { fr } from "date-fns/locale";
+import { jsx, jsxs } from "react/jsx-runtime";
+function WorkspaceTypesPage({ onBack }) {
+  const { workspaceTypeApi } = useWorkspaceApi();
+  const [types, setTypes] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState("");
+  const [showForm, setShowForm] = useState(false);
+  const [editTarget, setEditTarget] = useState(null);
+  const [formName, setFormName] = useState("");
+  const [formEntities, setFormEntities] = useState([]);
+  const [saving, setSaving] = useState(false);
+  const [selectedId, setSelectedId] = useState(null);
+  const [deleteId, setDeleteId] = useState(null);
+  const load = useCallback(async () => {
+    try {
+      setLoading(true);
+      setTypes(await workspaceTypeApi.list());
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [workspaceTypeApi]);
+  useEffect(() => {
+    load();
+  }, [load]);
+  const toFormEntities = (t) => {
+    if (t.entitiesWithSecrets && t.entitiesWithSecrets.length > 0) {
+      return t.entitiesWithSecrets.map((e) => ({
+        key: e.key,
+        value: e.value,
+        isSecret: e.isSecret
+      }));
+    }
+    return [];
+  };
+  const openCreate = () => {
+    setEditTarget(null);
+    setFormName("");
+    setFormEntities([]);
+    setShowForm(true);
+  };
+  const openEdit = (t) => {
+    setEditTarget(t);
+    setFormName(t.name);
+    setFormEntities(toFormEntities(t));
+    setShowForm(true);
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!formName.trim()) return;
+    try {
+      setSaving(true);
+      const entitiesWithSecrets = formEntities.filter((ent) => ent.key.trim()).map((ent) => ({
+        key: ent.key.trim(),
+        value: ent.value,
+        isSecret: ent.isSecret
+      }));
+      if (editTarget) {
+        await workspaceTypeApi.update(editTarget._id, {
+          name: formName.trim(),
+          entitiesWithSecrets
+        });
+      } else {
+        await workspaceTypeApi.create({
+          name: formName.trim(),
+          entitiesWithSecrets: entitiesWithSecrets.length > 0 ? entitiesWithSecrets : void 0
+        });
+      }
+      setShowForm(false);
+      load();
+    } catch (e2) {
+      setError(e2.message);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const confirmDelete = (id) => setDeleteId(id);
+  const executeDelete = async () => {
+    if (!deleteId) return;
+    try {
+      await workspaceTypeApi.delete(deleteId);
+      load();
+    } catch (e) {
+      setError(e.message);
+    }
+  };
+  const getDisplayEntities = (t) => {
+    return t.entitiesWithSecrets ?? [];
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "bg-surface border-border flex shrink-0 items-center gap-4 border-b px-6 py-4", children: [
+      onBack && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onBack(),
+          className: "text-text-muted hover:text-text hover:bg-bg rounded-lg p-1.5 transition",
+          children: /* @__PURE__ */ jsx(ArrowLeft, { size: 20 })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "bg-primary-light text-primary flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx(Tag, { size: 24 }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-text text-xl font-semibold", children: "Types de Workspace" }),
+        /* @__PURE__ */ jsx("p", { className: "text-text-secondary text-sm", children: "G\xE9rez les cat\xE9gories d'espaces de travail" })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: openCreate,
+          className: "bg-primary hover:bg-primary-hover flex items-center gap-2 rounded-xl px-4 py-2.5 text-sm font-medium text-white transition",
+          children: [
+            /* @__PURE__ */ jsx(Plus, { size: 16 }),
+            " Nouveau type"
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxs("div", { className: "border-danger/30 bg-danger-light text-danger mx-6 mt-3 rounded-xl border px-4 py-3 text-sm", children: [
+      error,
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setError(""), className: "ml-2 underline", children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfirmModal,
+      {
+        open: !!deleteId,
+        onClose: () => setDeleteId(null),
+        onConfirm: executeDelete,
+        title: "Supprimer ce type",
+        description: "Voulez-vous vraiment supprimer ce type de workspace ?",
+        danger: true
+      }
+    ),
+    showForm && /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4 backdrop-blur-sm", children: /* @__PURE__ */ jsxs("div", { className: "bg-surface border-border w-full max-w-xl overflow-x-hidden overflow-y-auto rounded-2xl border p-6 shadow-2xl", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-text text-lg font-semibold", children: editTarget ? "Modifier le type" : "Cr\xE9er un type" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowForm(false),
+            className: "text-text-muted hover:text-text transition",
+            children: /* @__PURE__ */ jsx(X, { size: 20 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "text-text-secondary mb-1.5 block text-sm", children: "Nom" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: formName,
+              onChange: (e) => setFormName(e.target.value),
+              placeholder: "ex: incident, projet, client...",
+              className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-4 py-2.5 text-sm focus:ring-2 focus:outline-none",
+              autoFocus: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "text-text-secondary mb-1.5 block text-sm", children: "Entit\xE9s" }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            formEntities.map((ent, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  value: ent.key,
+                  onChange: (e) => {
+                    const updated = [...formEntities];
+                    updated[idx].key = e.target.value;
+                    setFormEntities(updated);
+                  },
+                  placeholder: "Cl\xE9",
+                  className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary flex-[1] rounded-xl border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  value: ent.value,
+                  onChange: (e) => {
+                    const updated = [...formEntities];
+                    updated[idx].value = e.target.value;
+                    setFormEntities(updated);
+                  },
+                  placeholder: "Ex: noemie-service",
+                  className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary flex-[2] rounded-xl border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => {
+                    const updated = [...formEntities];
+                    updated[idx].isSecret = !updated[idx].isSecret;
+                    setFormEntities(updated);
+                  },
+                  className: `rounded-lg p-2 transition ${ent.isSecret ? "bg-warning/15 text-warning" : "text-text-muted hover:text-text hover:bg-bg"}`,
+                  title: ent.isSecret ? "Secret (cliquer pour rendre public)" : "Public (cliquer pour rendre secret)",
+                  children: ent.isSecret ? /* @__PURE__ */ jsx(Lock, { size: 16 }) : /* @__PURE__ */ jsx(Unlock, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setFormEntities(
+                    (prev) => prev.filter((_, i) => i !== idx)
+                  ),
+                  className: "text-text-muted hover:text-danger p-2 transition",
+                  children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
+                }
+              )
+            ] }, idx)),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => setFormEntities((prev) => [
+                  ...prev,
+                  { key: "", value: "", isSecret: false }
+                ]),
+                className: "text-primary hover:text-primary-hover flex items-center gap-1 text-sm transition",
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { size: 14 }),
+                  " Ajouter une entit\xE9"
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-3 pt-1", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "submit",
+              disabled: saving,
+              className: "bg-primary hover:bg-primary-hover flex flex-1 items-center justify-center gap-2 rounded-xl py-2.5 text-sm font-medium text-white transition disabled:opacity-50",
+              children: [
+                saving && /* @__PURE__ */ jsx(Loader2, { size: 16, className: "animate-spin" }),
+                editTarget ? "Enregistrer" : "Cr\xE9er"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setShowForm(false),
+              className: "bg-bg text-text hover:bg-border-light flex-1 rounded-xl py-2.5 text-sm font-medium transition",
+              children: "Annuler"
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-6", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-3xl", children: loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-20", children: /* @__PURE__ */ jsx(Loader2, { size: 32, className: "text-primary animate-spin" }) }) : types.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "text-text-muted py-20 text-center", children: [
+      /* @__PURE__ */ jsx(Tag, { size: 40, className: "mx-auto mb-3 opacity-30" }),
+      /* @__PURE__ */ jsx("p", { children: "Aucun type de workspace cr\xE9\xE9." })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: types.map((t) => {
+      const displayEntities = getDisplayEntities(t);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "bg-surface border-border group overflow-hidden rounded-xl border transition hover:shadow-md",
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex cursor-pointer items-center justify-between px-5 py-4",
+                onClick: () => setSelectedId(selectedId === t._id ? null : t._id),
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ jsx("span", { className: "bg-primary h-2 w-2 rounded-full" }),
+                    /* @__PURE__ */ jsx("span", { className: "text-text font-medium", children: t.name }),
+                    displayEntities.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-text-muted text-xs", children: [
+                      displayEntities.length,
+                      " entit\xE9",
+                      displayEntities.length !== 1 ? "s" : ""
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex gap-2 opacity-0 transition group-hover:opacity-100", children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          openEdit(t);
+                        },
+                        className: "text-text-muted hover:text-primary hover:bg-primary-light rounded-lg p-2 transition",
+                        title: "Modifier",
+                        children: /* @__PURE__ */ jsx(Pencil, { size: 16 })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          confirmDelete(t._id);
+                        },
+                        className: "text-text-muted hover:text-danger hover:bg-danger-light rounded-lg p-2 transition",
+                        title: "Supprimer",
+                        children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            selectedId === t._id && /* @__PURE__ */ jsxs("div", { className: "border-border-light space-y-2 border-t px-5 pt-0 pb-4", children: [
+              displayEntities.length > 0 && /* @__PURE__ */ jsxs("div", { className: "pt-2", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-text-muted mb-1.5 text-xs", children: "Entit\xE9s" }),
+                /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: displayEntities.map((ent) => /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    className: "bg-bg text-text-secondary inline-flex items-center gap-1.5 rounded-lg px-2 py-1 text-xs",
+                    children: [
+                      ent.isSecret && /* @__PURE__ */ jsx(
+                        Lock,
+                        {
+                          size: 10,
+                          className: "text-warning shrink-0"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("span", { className: "text-text font-medium", children: [
+                        ent.key,
+                        ":"
+                      ] }),
+                      /* @__PURE__ */ jsx("span", { children: ent.isSecret ? "\u2022\u2022\u2022\u2022\u2022\u2022" : ent.value })
+                    ]
+                  },
+                  ent.key
+                )) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "text-text-muted flex items-center gap-2 pt-1 text-xs", children: [
+                /* @__PURE__ */ jsx(Clock, { size: 12 }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "Cr\xE9\xE9 le",
+                  " ",
+                  format(
+                    new Date(t.createdAt),
+                    "dd MMM yyyy \xE0 HH:mm",
+                    { locale: fr }
+                  )
+                ] })
+              ] }),
+              t.createdBy && /* @__PURE__ */ jsxs("div", { className: "text-text-muted flex items-center gap-2 text-xs", children: [
+                /* @__PURE__ */ jsx(User, { size: 12 }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "Cr\xE9\xE9 par ",
+                  t.createdBy
+                ] })
+              ] })
+            ] })
+          ]
+        },
+        t._id
+      );
+    }) }) }) })
+  ] });
+}
+
+// src/admin/WorkspaceAgentsPage.tsx
+import { useEffect as useEffect2, useState as useState2, useCallback as useCallback2, useId } from "react";
+import {
+  Plus as Plus2,
+  Pencil as Pencil2,
+  Trash2 as Trash22,
+  Loader2 as Loader22,
+  X as X2,
+  Bot,
+  Check,
+  Search,
+  ArrowLeft as ArrowLeft2,
+  Webhook,
+  AlertTriangle,
+  CircleCheck,
+  CircleX,
+  ExternalLink
+} from "lucide-react";
+import { formatDistanceToNow } from "date-fns";
+import { fr as fr2 } from "date-fns/locale";
+
+// src/admin/constants.ts
+var AVAILABLE_WEBHOOK_EVENTS = [
+  "*",
+  "workspace.created",
+  "workspace.updated",
+  "workspace.deleted",
+  "workspace.statusChanged",
+  "workspace.member.added",
+  "workspace.member.updated",
+  "workspace.member.removed",
+  "workspace.message.created",
+  "workspace.message.updated",
+  "workspace.message.deleted",
+  "workspace.member.user.mentioned",
+  "workspace.member.agent.mentioned",
+  "workspace.member.user.message.replied",
+  "workspace.member.agent.message.replied",
+  "workspace.message.reaction.created",
+  "workspace.message.reaction.deleted",
+  "private.workspace.created",
+  "private.workspace.message.created",
+  "private.workspace.member.added"
+];
+
+// src/admin/WorkspaceAgentsPage.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function WebhookDialog({ agent, open, onClose }) {
+  const { webhookApi } = useWorkspaceApi();
+  const webhookDialogTitleId = useId();
+  const [webhooks, setWebhooks] = useState2([]);
+  const [loading, setLoading] = useState2(true);
+  const [error, setError] = useState2("");
+  const [showForm, setShowForm] = useState2(false);
+  const [editingId, setEditingId] = useState2(null);
+  const [saving, setSaving] = useState2(false);
+  const [deleteId, setDeleteId] = useState2(null);
+  const [form, setForm] = useState2({
+    name: "",
+    targetUrl: "",
+    secretKey: "x-api-key",
+    secretValue: "",
+    eventTypes: ["*"],
+    active: true
+  });
+  const loadWebhooks = useCallback2(async () => {
+    try {
+      setLoading(true);
+      const data = await webhookApi.list({ agentId: agent.agentId });
+      setWebhooks(data);
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [agent.agentId, webhookApi]);
+  useEffect2(() => {
+    if (open) loadWebhooks();
+  }, [open, loadWebhooks]);
+  const resetForm = () => {
+    setForm({
+      name: "",
+      targetUrl: "",
+      secretKey: "x-api-key",
+      secretValue: "",
+      eventTypes: ["*"],
+      active: true
+    });
+    setEditingId(null);
+    setShowForm(false);
+  };
+  const openCreateForm = () => {
+    resetForm();
+    setShowForm(true);
+  };
+  const openEditForm = (sub) => {
+    setForm({
+      name: sub.name,
+      targetUrl: sub.targetUrl,
+      secretKey: sub.secretKey,
+      secretValue: "",
+      eventTypes: [...sub.eventTypes],
+      active: sub.active
+    });
+    setEditingId(sub._id);
+    setShowForm(true);
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!form.name.trim() || !form.targetUrl.trim()) return;
+    try {
+      setSaving(true);
+      if (editingId) {
+        await webhookApi.update(editingId, {
+          name: form.name,
+          targetUrl: form.targetUrl,
+          secretKey: form.secretKey,
+          eventTypes: form.eventTypes,
+          active: form.active,
+          isAgent: true,
+          agentId: agent.agentId,
+          ...form.secretValue.trim() ? { secretValue: form.secretValue } : {}
+        });
+      } else {
+        await webhookApi.create({
+          name: form.name,
+          targetUrl: form.targetUrl,
+          secretKey: form.secretKey,
+          secretValue: form.secretValue,
+          eventTypes: form.eventTypes,
+          active: form.active,
+          isAgent: true,
+          agentId: agent.agentId
+        });
+      }
+      resetForm();
+      await loadWebhooks();
+    } catch (e2) {
+      setError(e2.message);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const toggleActive = async (sub) => {
+    try {
+      await webhookApi.update(sub._id, { active: !sub.active });
+      setWebhooks(
+        (prev) => prev.map((s) => s._id === sub._id ? { ...s, active: !s.active } : s)
+      );
+    } catch (e) {
+      setError(e.message);
+    }
+  };
+  const executeDelete = async () => {
+    if (!deleteId) return;
+    try {
+      await webhookApi.delete(deleteId);
+      setWebhooks((prev) => prev.filter((s) => s._id !== deleteId));
+    } catch (e) {
+      setError(e.message);
+    }
+  };
+  const toggleEvent = (event) => {
+    setForm((prev) => {
+      if (event === "*") {
+        return { ...prev, eventTypes: ["*"] };
+      }
+      const without = prev.eventTypes.filter((e) => e !== "*" && e !== event);
+      if (prev.eventTypes.includes(event)) {
+        return { ...prev, eventTypes: without.length ? without : ["*"] };
+      }
+      return { ...prev, eventTypes: [...without, event] };
+    });
+  };
+  return /* @__PURE__ */ jsx2(
+    Modal,
+    {
+      open,
+      onClose,
+      zIndexClass: "z-[100]",
+      backdropClassName: "bg-black/40 backdrop-blur-sm",
+      size: "2xl",
+      panelClassName: "border-border bg-surface flex max-h-[85vh] w-full flex-col overflow-hidden rounded-2xl border shadow-xl",
+      className: "p-4",
+      closeOnBackdropClick: true,
+      closeOnEscape: !saving,
+      headingId: webhookDialogTitleId,
+      ariaLabelledBy: webhookDialogTitleId,
+      title: `Webhooks \u2014 ${agent.agentName}`,
+      description: /* @__PURE__ */ jsx2("p", { className: "text-text-muted mt-1 font-mono text-xs", children: agent.agentId }),
+      titleClassName: "text-base font-semibold",
+      titleIcon: /* @__PURE__ */ jsx2("div", { className: "bg-primary-light text-primary flex h-9 w-9 shrink-0 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx2(Webhook, { size: 18 }) }),
+      headerTrailing: /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsxs2(
+          "button",
+          {
+            type: "button",
+            onClick: openCreateForm,
+            className: "bg-primary hover:bg-primary-hover flex items-center gap-1.5 rounded-xl px-3 py-2 text-xs font-medium text-white transition",
+            children: [
+              /* @__PURE__ */ jsx2(Plus2, { size: 14 }),
+              " Nouveau"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "text-text-muted hover:text-text transition",
+            "aria-label": "Fermer",
+            children: /* @__PURE__ */ jsx2(X2, { size: 20 })
+          }
+        )
+      ] }),
+      headerClassName: "items-center",
+      children: /* @__PURE__ */ jsxs2("div", { className: "min-h-0 flex-1 overflow-y-auto p-6", children: [
+        error && /* @__PURE__ */ jsxs2("div", { className: "border-danger/30 bg-danger-light text-danger mb-4 rounded-xl border px-4 py-3 text-sm", children: [
+          error,
+          /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => setError(""), className: "ml-2 underline", children: "\xD7" })
+        ] }),
+        /* @__PURE__ */ jsx2(
+          ConfirmModal,
+          {
+            open: !!deleteId,
+            onClose: () => setDeleteId(null),
+            onConfirm: executeDelete,
+            title: "Supprimer ce webhook",
+            description: "Voulez-vous vraiment supprimer ce webhook ?",
+            danger: true
+          }
+        ),
+        showForm && /* @__PURE__ */ jsxs2("div", { className: "bg-bg border-border mb-4 rounded-xl border p-5", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "mb-3 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx2("h3", { className: "text-text text-sm font-semibold", children: editingId ? "Modifier le webhook" : "Nouveau webhook" }),
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                onClick: resetForm,
+                className: "text-text-muted hover:text-text transition",
+                children: /* @__PURE__ */ jsx2(X2, { size: 16 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "space-y-3", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ jsxs2("div", { children: [
+                /* @__PURE__ */ jsx2("label", { className: "text-text-secondary mb-1 block text-xs", children: "Nom" }),
+                /* @__PURE__ */ jsx2(
+                  "input",
+                  {
+                    value: form.name,
+                    onChange: (e) => setForm({ ...form, name: e.target.value }),
+                    required: true,
+                    placeholder: "Mon webhook agent",
+                    className: "bg-surface border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs2("div", { children: [
+                /* @__PURE__ */ jsx2("label", { className: "text-text-secondary mb-1 block text-xs", children: "URL cible" }),
+                /* @__PURE__ */ jsx2(
+                  "input",
+                  {
+                    value: form.targetUrl,
+                    onChange: (e) => setForm({ ...form, targetUrl: e.target.value }),
+                    required: true,
+                    placeholder: "https://api.example.com/webhooks",
+                    className: "bg-surface border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ jsxs2("div", { children: [
+                /* @__PURE__ */ jsx2("label", { className: "text-text-secondary mb-1 block text-xs", children: "Cl\xE9 du header" }),
+                /* @__PURE__ */ jsx2(
+                  "input",
+                  {
+                    value: form.secretKey,
+                    onChange: (e) => setForm({ ...form, secretKey: e.target.value }),
+                    required: true,
+                    placeholder: "x-api-key",
+                    className: "bg-surface border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs2("div", { children: [
+                /* @__PURE__ */ jsxs2("label", { className: "text-text-secondary mb-1 block text-xs", children: [
+                  "Secret",
+                  " ",
+                  editingId && /* @__PURE__ */ jsx2("span", { className: "text-text-muted", children: "(vide = inchang\xE9)" })
+                ] }),
+                /* @__PURE__ */ jsx2(
+                  "input",
+                  {
+                    value: form.secretValue,
+                    onChange: (e) => setForm({ ...form, secretValue: e.target.value }),
+                    required: !editingId,
+                    type: "password",
+                    placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+                    className: "bg-surface border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-3 py-2 text-sm focus:ring-2 focus:outline-none"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { children: [
+              /* @__PURE__ */ jsx2("label", { className: "text-text-secondary mb-1.5 block text-xs", children: "\xC9v\xE9nements" }),
+              /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap gap-1.5", children: AVAILABLE_WEBHOOK_EVENTS.map((evt) => /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => toggleEvent(evt),
+                  className: `rounded-full px-2.5 py-1 text-xs font-medium transition ${form.eventTypes.includes(evt) ? "bg-primary text-white" : "bg-surface border-border text-text-secondary hover:text-text hover:bg-border-light border"}`,
+                  children: evt === "*" ? "Tous (*)" : evt
+                },
+                evt
+              )) })
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setForm({ ...form, active: !form.active }),
+                  className: `relative h-5 w-10 rounded-full transition ${form.active ? "bg-primary" : "bg-border"}`,
+                  children: /* @__PURE__ */ jsx2(
+                    "span",
+                    {
+                      className: `absolute top-0.5 left-0.5 h-4 w-4 rounded-full bg-white shadow transition-transform ${form.active ? "translate-x-5" : ""}`
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx2("span", { className: "text-text text-sm", children: form.active ? "Active" : "Inactive" })
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { className: "flex gap-2 pt-1", children: [
+              /* @__PURE__ */ jsxs2(
+                "button",
+                {
+                  type: "submit",
+                  disabled: saving,
+                  className: "bg-primary hover:bg-primary-hover flex items-center gap-1.5 rounded-xl px-4 py-2 text-sm font-medium text-white transition disabled:opacity-50",
+                  children: [
+                    saving && /* @__PURE__ */ jsx2(Loader22, { size: 14, className: "animate-spin" }),
+                    editingId ? "Enregistrer" : "Cr\xE9er"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  onClick: resetForm,
+                  className: "bg-bg text-text hover:bg-border-light rounded-xl px-4 py-2 text-sm font-medium transition",
+                  children: "Annuler"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        loading ? /* @__PURE__ */ jsx2("div", { className: "flex justify-center py-10", children: /* @__PURE__ */ jsx2(Loader22, { size: 20, className: "text-primary animate-spin" }) }) : webhooks.length === 0 ? /* @__PURE__ */ jsxs2("div", { className: "text-text-muted py-12 text-center", children: [
+          /* @__PURE__ */ jsx2(Webhook, { size: 32, className: "mx-auto mb-2 opacity-30" }),
+          /* @__PURE__ */ jsx2("p", { className: "text-sm", children: "Aucun webhook branch\xE9 \xE0 cet agent." }),
+          /* @__PURE__ */ jsx2("p", { className: "text-text-muted mt-1 text-xs", children: "Cr\xE9ez un webhook pour que l'agent puisse recevoir les \xE9v\xE9nements." })
+        ] }) : /* @__PURE__ */ jsx2("div", { className: "space-y-2", children: webhooks.map((sub) => /* @__PURE__ */ jsx2(
+          "div",
+          {
+            className: "bg-bg border-border group rounded-xl border px-4 py-3 transition hover:shadow-sm",
+            children: /* @__PURE__ */ jsxs2("div", { className: "flex items-start justify-between gap-3", children: [
+              /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs2("div", { className: "mb-1 flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx2("h4", { className: "text-text truncate text-sm font-medium", children: sub.name }),
+                  sub.active ? /* @__PURE__ */ jsxs2("span", { className: "bg-success-light text-success ring-success/30 inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs ring-1", children: [
+                    /* @__PURE__ */ jsx2(CircleCheck, { size: 10 }),
+                    "Active"
+                  ] }) : /* @__PURE__ */ jsxs2("span", { className: "text-text-muted bg-bg border-border inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs", children: [
+                    /* @__PURE__ */ jsx2(CircleX, { size: 10 }),
+                    "Inactive"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs2("div", { className: "text-text-muted mb-1.5 flex items-center gap-1 text-xs", children: [
+                  /* @__PURE__ */ jsx2(ExternalLink, { size: 10, className: "shrink-0" }),
+                  /* @__PURE__ */ jsx2("span", { className: "truncate", children: sub.targetUrl })
+                ] }),
+                /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap gap-1", children: sub.eventTypes.map((evt) => /* @__PURE__ */ jsx2(
+                  "span",
+                  {
+                    className: "bg-surface text-text-secondary rounded px-1.5 py-0.5 text-xs",
+                    children: evt === "*" ? "Tous" : evt
+                  },
+                  evt
+                )) })
+              ] }),
+              /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-1", children: [
+                /* @__PURE__ */ jsx2(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => toggleActive(sub),
+                    className: `rounded-lg p-1.5 transition ${sub.active ? "text-success hover:bg-success-light" : "text-text-muted hover:bg-bg"}`,
+                    title: sub.active ? "D\xE9sactiver" : "Activer",
+                    children: sub.active ? /* @__PURE__ */ jsx2(CircleCheck, { size: 14 }) : /* @__PURE__ */ jsx2(CircleX, { size: 14 })
+                  }
+                ),
+                /* @__PURE__ */ jsx2(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => openEditForm(sub),
+                    className: "text-text-muted hover:text-primary hover:bg-primary-light rounded-lg p-1.5 transition",
+                    title: "Modifier",
+                    children: /* @__PURE__ */ jsx2(Pencil2, { size: 14 })
+                  }
+                ),
+                /* @__PURE__ */ jsx2(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setDeleteId(sub._id),
+                    className: "text-text-muted hover:text-danger hover:bg-danger-light rounded-lg p-1.5 opacity-0 transition group-hover:opacity-100",
+                    title: "Supprimer",
+                    children: /* @__PURE__ */ jsx2(Trash22, { size: 14 })
+                  }
+                )
+              ] })
+            ] })
+          },
+          sub._id
+        )) })
+      ] })
+    }
+  );
+}
+function WorkspaceAgentsPage({ onBack }) {
+  const { agentApi, webhookApi } = useWorkspaceApi();
+  const [agents, setAgents] = useState2([]);
+  const [loading, setLoading] = useState2(true);
+  const [error, setError] = useState2("");
+  const [search, setSearch] = useState2("");
+  const [showForm, setShowForm] = useState2(false);
+  const [editingAgent, setEditingAgent] = useState2(null);
+  const [saving, setSaving] = useState2(false);
+  const [form, setForm] = useState2({ agentId: "", agentName: "" });
+  const [webhookForm, setWebhookForm] = useState2({
+    name: "",
+    targetUrl: "",
+    secretKey: "x-api-key",
+    secretValue: "",
+    eventTypes: ["*"],
+    active: true
+  });
+  const [webhookNameTouched, setWebhookNameTouched] = useState2(false);
+  const [deleteAgent, setDeleteAgent] = useState2(null);
+  const [deleteInfo, setDeleteInfo] = useState2(null);
+  const [loadingDeleteInfo, setLoadingDeleteInfo] = useState2(false);
+  const [webhookDialogAgent, setWebhookDialogAgent] = useState2(null);
+  const load = useCallback2(async () => {
+    try {
+      setLoading(true);
+      const data = await agentApi.list(search.trim() || void 0);
+      setAgents(data);
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [search, agentApi]);
+  useEffect2(() => {
+    const t = setTimeout(() => load(), 300);
+    return () => clearTimeout(t);
+  }, [load]);
+  const resetForm = () => {
+    setForm({ agentId: "", agentName: "" });
+    setWebhookForm({
+      name: "",
+      targetUrl: "",
+      secretKey: "x-api-key",
+      secretValue: "",
+      eventTypes: ["*"],
+      active: true
+    });
+    setWebhookNameTouched(false);
+    setEditingAgent(null);
+    setShowForm(false);
+  };
+  const openCreate = () => {
+    setForm({ agentId: "", agentName: "" });
+    setEditingAgent(null);
+    setShowForm(true);
+  };
+  const openEdit = (agent) => {
+    setForm({ agentId: agent.agentId, agentName: agent.agentName });
+    setEditingAgent(agent);
+    setShowForm(true);
+  };
+  const toggleCreateEvent = (event) => {
+    setWebhookForm((prev) => {
+      if (event === "*") {
+        return { ...prev, eventTypes: ["*"] };
+      }
+      const without = prev.eventTypes.filter((e) => e !== "*" && e !== event);
+      if (prev.eventTypes.includes(event)) {
+        return { ...prev, eventTypes: without.length ? without : ["*"] };
+      }
+      return { ...prev, eventTypes: [...without, event] };
+    });
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!form.agentName.trim()) return;
+    if (!editingAgent && !form.agentId.trim()) return;
+    if (!editingAgent && (!webhookForm.name.trim() || !webhookForm.targetUrl.trim() || !webhookForm.secretValue.trim()))
+      return;
+    try {
+      setSaving(true);
+      if (editingAgent) {
+        await agentApi.update(editingAgent._id, {
+          agentName: form.agentName
+        });
+        resetForm();
+        await load();
+      } else {
+        const created = await agentApi.create({
+          agentId: form.agentId.trim(),
+          agentName: form.agentName.trim()
+        });
+        await webhookApi.create({
+          name: webhookForm.name.trim(),
+          targetUrl: webhookForm.targetUrl.trim(),
+          secretKey: webhookForm.secretKey.trim(),
+          secretValue: webhookForm.secretValue.trim(),
+          eventTypes: webhookForm.eventTypes,
+          active: webhookForm.active,
+          isAgent: true,
+          agentId: created.agentId
+        });
+        resetForm();
+        await load();
+      }
+    } catch (e2) {
+      setError(e2.message);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const requestDelete = async (agent) => {
+    setDeleteAgent(agent);
+    setDeleteInfo(null);
+    setLoadingDeleteInfo(true);
+    try {
+      const info = await agentApi.getDeleteInfo(agent._id);
+      setDeleteInfo(info);
+    } catch {
+      setDeleteInfo({ webhookCount: 0, memberCount: 0 });
+    } finally {
+      setLoadingDeleteInfo(false);
+    }
+  };
+  const handleDelete = async () => {
+    if (!deleteAgent) return;
+    try {
+      await agentApi.delete(deleteAgent._id);
+      setAgents((prev) => prev.filter((a) => a._id !== deleteAgent._id));
+    } catch (e) {
+      setError(e.message);
+    }
+  };
+  const buildDeleteDescription = () => {
+    if (loadingDeleteInfo) {
+      return /* @__PURE__ */ jsxs2("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx2(Loader22, { size: 14, className: "animate-spin" }),
+        "Chargement des informations..."
+      ] });
+    }
+    if (!deleteInfo) return "Voulez-vous vraiment supprimer cet agent ?";
+    const parts = [];
+    if (deleteInfo.webhookCount > 0) {
+      parts.push(
+        `${deleteInfo.webhookCount} webhook${deleteInfo.webhookCount > 1 ? "s" : ""}`
+      );
+    }
+    if (deleteInfo.memberCount > 0) {
+      parts.push(
+        `membre de ${deleteInfo.memberCount} workspace${deleteInfo.memberCount > 1 ? "s" : ""}`
+      );
+    }
+    if (parts.length === 0) {
+      return `Voulez-vous vraiment supprimer l'agent "${deleteAgent?.agentName}" ?`;
+    }
+    return /* @__PURE__ */ jsxs2(Fragment, { children: [
+      `Voulez-vous vraiment supprimer l'agent "`,
+      /* @__PURE__ */ jsx2("strong", { children: deleteAgent?.agentName }),
+      '" ? Cela supprimera \xE9galement :',
+      " ",
+      /* @__PURE__ */ jsx2("span", { className: "text-danger font-medium", children: parts.join(" et ") }),
+      "."
+    ] });
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "bg-surface border-border flex shrink-0 items-center gap-4 border-b px-6 py-4", children: [
+      onBack && /* @__PURE__ */ jsx2(
+        "button",
+        {
+          type: "button",
+          onClick: () => onBack(),
+          className: "text-text-muted hover:text-text hover:bg-bg rounded-lg p-1.5 transition",
+          children: /* @__PURE__ */ jsx2(ArrowLeft2, { size: 20 })
+        }
+      ),
+      /* @__PURE__ */ jsx2("div", { className: "bg-primary-light text-primary flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx2(Bot, { size: 24 }) }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx2("h1", { className: "text-text text-xl font-semibold", children: "Agents Workspace" }),
+        /* @__PURE__ */ jsx2("p", { className: "text-text-secondary text-sm", children: "G\xE9rer les agents disponibles pour les workspaces" })
+      ] }),
+      /* @__PURE__ */ jsxs2(
+        "button",
+        {
+          type: "button",
+          onClick: openCreate,
+          className: "bg-primary hover:bg-primary-hover flex items-center gap-2 rounded-xl px-4 py-2.5 text-sm font-medium text-white transition",
+          children: [
+            /* @__PURE__ */ jsx2(Plus2, { size: 16 }),
+            " Nouvel agent"
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxs2("div", { className: "border-danger/30 bg-danger-light text-danger mx-6 mt-3 rounded-xl border px-4 py-3 text-sm", children: [
+      error,
+      /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => setError(""), className: "ml-2 underline", children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ jsx2(
+      ConfirmModal,
+      {
+        open: !!deleteAgent,
+        onClose: () => setDeleteAgent(null),
+        onConfirm: handleDelete,
+        title: "Supprimer cet agent",
+        description: buildDeleteDescription(),
+        danger: true
+      }
+    ),
+    webhookDialogAgent && /* @__PURE__ */ jsx2(
+      WebhookDialog,
+      {
+        agent: webhookDialogAgent,
+        open: true,
+        onClose: () => setWebhookDialogAgent(null)
+      }
+    ),
+    /* @__PURE__ */ jsx2("div", { className: "flex-1 overflow-y-auto p-6", children: /* @__PURE__ */ jsxs2("div", { className: "mx-auto max-w-3xl", children: [
+      showForm && /* @__PURE__ */ jsxs2("div", { className: "bg-surface border-border mb-6 rounded-2xl border p-6 shadow-sm", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "mb-4 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx2("h2", { className: "text-text text-base font-semibold", children: editingAgent ? "Modifier l'agent" : "Nouvel agent" }),
+          /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              onClick: resetForm,
+              className: "text-text-muted hover:text-text transition",
+              children: /* @__PURE__ */ jsx2(X2, { size: 20 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs2("div", { children: [
+              /* @__PURE__ */ jsxs2("label", { className: "text-text-secondary mb-1 block text-xs", children: [
+                "Agent ID",
+                " ",
+                editingAgent && /* @__PURE__ */ jsx2("span", { className: "text-text-muted", children: "(non modifiable)" })
+              ] }),
+              /* @__PURE__ */ jsx2(
+                "input",
+                {
+                  value: form.agentId,
+                  onChange: (e) => setForm({ ...form, agentId: e.target.value }),
+                  required: !editingAgent,
+                  disabled: !!editingAgent,
+                  placeholder: "ex: james-agent",
+                  pattern: "^[a-z0-9-]+$",
+                  title: "Uniquement lettres minuscules, chiffres et tirets",
+                  className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-4 py-2.5 text-sm focus:ring-2 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { children: [
+              /* @__PURE__ */ jsx2("label", { className: "text-text-secondary mb-1 block text-xs", children: "Nom d'affichage" }),
+              /* @__PURE__ */ jsx2(
+                "input",
+                {
+                  value: form.agentName,
+                  onChange: (e) => {
+                    const newName = e.target.value;
+                    setForm({ ...form, agentName: newName });
+                    if (!editingAgent && !webhookNameTouched) {
+                      setWebhookForm((prev) => ({
+                        ...prev,
+                        name: newName.trim() ? `Webhook ${newName.trim()}` : ""
+                      }));
+                    }
+                  },
+                  required: true,
+                  autoFocus: !!editingAgent,
+                  placeholder: "ex: James",
+                  className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-4 py-2.5 text-sm focus:ring-2 focus:outline-none"
+                }
+              )
+            ] })
+          ] }),
+          editingAgent && /* @__PURE__ */ jsx2("p", { className: "text-warning text-xs", children: "\u26A0 La modification du nom sera propag\xE9e \xE0 tous les membres de workspace ayant cet agent." }),
+          !editingAgent && /* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsxs2("div", { className: "border-border mt-2 border-t pt-4", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "mb-3 flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx2("div", { className: "bg-primary-light text-primary flex h-7 w-7 shrink-0 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx2(Webhook, { size: 14 }) }),
+              /* @__PURE__ */ jsx2("h3", { className: "text-text text-sm font-semibold", children: "Webhook de l'agent" })
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { className: "grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxs2("div", { children: [
+                /* @__PURE__ */ jsx2("label", { className: "text-text-secondary mb-1 block text-xs", children: "Nom du webhook" }),
+                /* @__PURE__ */ jsx2(
+                  "input",
+                  {
+                    value: webhookForm.name,
+                    onChange: (e) => {
+                      setWebhookNameTouched(true);
+                      setWebhookForm({
+                        ...webhookForm,
+                        name: e.target.value
+                      });
+                    },
+                    required: true,
+                    placeholder: "ex: Webhook James",
+                    className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-4 py-2.5 text-sm focus:ring-2 focus:outline-none"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs2("div", { children: [
+                /* @__PURE__ */ jsx2("label", { className: "text-text-secondary mb-1 block text-xs", children: "URL cible" }),
+                /* @__PURE__ */ jsx2(
+                  "input",
+                  {
+                    value: webhookForm.targetUrl,
+                    onChange: (e) => setWebhookForm({
+                      ...webhookForm,
+                      targetUrl: e.target.value
+                    }),
+                    required: true,
+                    placeholder: "https://api.example.com/webhooks",
+                    className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-4 py-2.5 text-sm focus:ring-2 focus:outline-none"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { className: "mt-3 grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxs2("div", { children: [
+                /* @__PURE__ */ jsx2("label", { className: "text-text-secondary mb-1 block text-xs", children: "Cl\xE9 du header" }),
+                /* @__PURE__ */ jsx2(
+                  "input",
+                  {
+                    value: webhookForm.secretKey,
+                    onChange: (e) => setWebhookForm({
+                      ...webhookForm,
+                      secretKey: e.target.value
+                    }),
+                    required: true,
+                    placeholder: "x-api-key",
+                    className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-4 py-2.5 text-sm focus:ring-2 focus:outline-none"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs2("div", { children: [
+                /* @__PURE__ */ jsx2("label", { className: "text-text-secondary mb-1 block text-xs", children: "Secret" }),
+                /* @__PURE__ */ jsx2(
+                  "input",
+                  {
+                    value: webhookForm.secretValue,
+                    onChange: (e) => setWebhookForm({
+                      ...webhookForm,
+                      secretValue: e.target.value
+                    }),
+                    required: true,
+                    type: "password",
+                    placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+                    className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-4 py-2.5 text-sm focus:ring-2 focus:outline-none"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { className: "mt-3", children: [
+              /* @__PURE__ */ jsx2("label", { className: "text-text-secondary mb-1.5 block text-xs", children: "\xC9v\xE9nements" }),
+              /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap gap-1.5", children: AVAILABLE_WEBHOOK_EVENTS.map((evt) => /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => toggleCreateEvent(evt),
+                  className: `rounded-full px-2.5 py-1 text-xs font-medium transition ${webhookForm.eventTypes.includes(evt) ? "bg-primary text-white" : "bg-bg border-border text-text-secondary hover:text-text hover:bg-border-light border"}`,
+                  children: evt === "*" ? "Tous (*)" : evt
+                },
+                evt
+              )) })
+            ] }),
+            /* @__PURE__ */ jsxs2("div", { className: "mt-3 flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setWebhookForm({
+                    ...webhookForm,
+                    active: !webhookForm.active
+                  }),
+                  className: `relative h-5 w-10 rounded-full transition ${webhookForm.active ? "bg-primary" : "bg-border"}`,
+                  children: /* @__PURE__ */ jsx2(
+                    "span",
+                    {
+                      className: `absolute top-0.5 left-0.5 h-4 w-4 rounded-full bg-white shadow transition-transform ${webhookForm.active ? "translate-x-5" : ""}`
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx2("span", { className: "text-text text-sm", children: webhookForm.active ? "Webhook actif" : "Webhook inactif" })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxs2("div", { className: "flex gap-3 pt-1", children: [
+            /* @__PURE__ */ jsxs2(
+              "button",
+              {
+                type: "submit",
+                disabled: saving,
+                className: "bg-primary hover:bg-primary-hover flex items-center gap-2 rounded-xl px-5 py-2 text-sm font-medium text-white transition disabled:opacity-50",
+                children: [
+                  saving ? /* @__PURE__ */ jsx2(Loader22, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Check, { size: 16 }),
+                  editingAgent ? "Enregistrer" : "Cr\xE9er l'agent + webhook"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                onClick: resetForm,
+                className: "bg-bg text-text hover:bg-border-light rounded-xl px-5 py-2 text-sm font-medium transition",
+                children: "Annuler"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "relative mb-4", children: [
+        /* @__PURE__ */ jsx2(
+          Search,
+          {
+            size: 16,
+            className: "text-text-muted absolute top-1/2 left-3 -translate-y-1/2"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            placeholder: "Rechercher un agent...",
+            className: "bg-surface border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full max-w-md rounded-xl border py-2 pr-4 pl-10 text-sm focus:ring-2 focus:outline-none"
+          }
+        )
+      ] }),
+      loading ? /* @__PURE__ */ jsx2("div", { className: "flex justify-center py-10", children: /* @__PURE__ */ jsx2(Loader22, { size: 24, className: "text-primary animate-spin" }) }) : agents.length === 0 ? /* @__PURE__ */ jsxs2("div", { className: "text-text-muted py-20 text-center", children: [
+        /* @__PURE__ */ jsx2(Bot, { size: 40, className: "mx-auto mb-3 opacity-30" }),
+        /* @__PURE__ */ jsx2("p", { className: "text-sm", children: "Aucun agent trouv\xE9." }),
+        /* @__PURE__ */ jsx2("p", { className: "text-text-muted mt-1 text-xs", children: "Cr\xE9ez un agent pour le rendre disponible dans les workspaces." })
+      ] }) : /* @__PURE__ */ jsx2("div", { className: "space-y-2", children: agents.map((agent) => /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          className: "bg-surface border-border group flex items-center gap-4 rounded-xl border px-5 py-4 transition hover:shadow-md",
+          children: [
+            /* @__PURE__ */ jsx2("div", { className: "bg-primary-light text-primary flex h-9 w-9 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx2(Bot, { size: 16 }) }),
+            /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx2("span", { className: "text-text text-sm font-medium", children: agent.agentName }),
+                agent.webhookCount > 0 ? /* @__PURE__ */ jsxs2(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setWebhookDialogAgent(agent),
+                    className: "bg-primary-light text-primary ring-primary/30 hover:bg-primary/15 inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium ring-1 transition",
+                    children: [
+                      /* @__PURE__ */ jsx2(Webhook, { size: 10 }),
+                      agent.webhookCount,
+                      " webhook",
+                      agent.webhookCount > 1 ? "s" : ""
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs2(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setWebhookDialogAgent(agent),
+                    className: "bg-warning/10 text-warning ring-warning/30 hover:bg-warning/15 inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium ring-1 transition",
+                    title: "Aucun webhook branch\xE9 \u2014 cliquez pour en ajouter",
+                    children: [
+                      /* @__PURE__ */ jsx2(AlertTriangle, { size: 10 }),
+                      "Aucun webhook"
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx2("div", { className: "text-text-muted font-mono text-xs", children: agent.agentId })
+            ] }),
+            /* @__PURE__ */ jsx2("div", { className: "text-text-muted shrink-0 text-xs", children: formatDistanceToNow(new Date(agent.createdAt), {
+              addSuffix: true,
+              locale: fr2
+            }) }),
+            /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-1", children: [
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setWebhookDialogAgent(agent),
+                  className: "text-text-muted hover:text-primary hover:bg-primary-light rounded-lg p-2 transition",
+                  title: "G\xE9rer les webhooks",
+                  children: /* @__PURE__ */ jsx2(Webhook, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => openEdit(agent),
+                  className: "text-text-muted hover:text-primary hover:bg-primary-light rounded-lg p-2 transition",
+                  title: "Modifier",
+                  children: /* @__PURE__ */ jsx2(Pencil2, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => requestDelete(agent),
+                  className: "text-text-muted hover:text-danger hover:bg-danger-light rounded-lg p-2 opacity-0 transition group-hover:opacity-100",
+                  title: "Supprimer",
+                  children: /* @__PURE__ */ jsx2(Trash22, { size: 16 })
+                }
+              )
+            ] })
+          ]
+        },
+        agent._id
+      )) })
+    ] }) })
+  ] });
+}
+
+// src/admin/WorkspaceWebhooksPage.tsx
+import { useEffect as useEffect3, useState as useState3, useCallback as useCallback3 } from "react";
+import {
+  Plus as Plus3,
+  Pencil as Pencil3,
+  Trash2 as Trash23,
+  Loader2 as Loader23,
+  X as X3,
+  Webhook as Webhook2,
+  CircleCheck as CircleCheck2,
+  CircleX as CircleX2,
+  ExternalLink as ExternalLink2,
+  ArrowLeft as ArrowLeft3,
+  Search as Search2
+} from "lucide-react";
+import { formatDistanceToNow as formatDistanceToNow2 } from "date-fns";
+import { fr as fr3 } from "date-fns/locale";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function WorkspaceWebhooksPage({ onBack }) {
+  const { webhookApi, agentApi } = useWorkspaceApi();
+  const [subscriptions, setSubscriptions] = useState3([]);
+  const [agents, setAgents] = useState3([]);
+  const [loading, setLoading] = useState3(true);
+  const [error, setError] = useState3("");
+  const [deleteId, setDeleteId] = useState3(null);
+  const [searchFilter, setSearchFilter] = useState3("");
+  const [typeFilter, setTypeFilter] = useState3("all");
+  const [showForm, setShowForm] = useState3(false);
+  const [editingId, setEditingId] = useState3(null);
+  const [saving, setSaving] = useState3(false);
+  const [form, setForm] = useState3({
+    name: "",
+    targetUrl: "",
+    secretKey: "x-api-key",
+    secretValue: "",
+    eventTypes: ["*"],
+    active: true,
+    isAgent: false,
+    agentId: ""
+  });
+  const load = useCallback3(async () => {
+    try {
+      setLoading(true);
+      const params = {};
+      if (searchFilter.trim()) params.search = searchFilter.trim();
+      if (typeFilter === "agent") params.isAgent = "true";
+      else if (typeFilter === "standard") params.isAgent = "false";
+      const [data, agentsData] = await Promise.all([
+        webhookApi.list(params),
+        agentApi.list()
+      ]);
+      setSubscriptions(data);
+      setAgents(agentsData);
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [searchFilter, typeFilter, webhookApi, agentApi]);
+  useEffect3(() => {
+    const t = setTimeout(() => load(), 300);
+    return () => clearTimeout(t);
+  }, [load]);
+  const resetForm = () => {
+    setForm({
+      name: "",
+      targetUrl: "",
+      secretKey: "x-api-key",
+      secretValue: "",
+      eventTypes: ["*"],
+      active: true,
+      isAgent: false,
+      agentId: ""
+    });
+    setEditingId(null);
+    setShowForm(false);
+  };
+  const openCreateForm = () => {
+    resetForm();
+    setShowForm(true);
+  };
+  const openEditForm = (sub) => {
+    setForm({
+      name: sub.name,
+      targetUrl: sub.targetUrl,
+      secretKey: sub.secretKey,
+      secretValue: "",
+      eventTypes: [...sub.eventTypes],
+      active: sub.active,
+      isAgent: sub.isAgent ?? false,
+      agentId: sub.agentId ?? ""
+    });
+    setEditingId(sub._id);
+    setShowForm(true);
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!form.name.trim() || !form.targetUrl.trim()) return;
+    try {
+      setSaving(true);
+      if (editingId) {
+        await webhookApi.update(editingId, {
+          name: form.name,
+          targetUrl: form.targetUrl,
+          secretKey: form.secretKey,
+          eventTypes: form.eventTypes,
+          active: form.active,
+          isAgent: form.isAgent,
+          ...form.isAgent && form.agentId ? { agentId: form.agentId } : {},
+          ...form.secretValue.trim() ? { secretValue: form.secretValue } : {}
+        });
+      } else {
+        await webhookApi.create({
+          name: form.name,
+          targetUrl: form.targetUrl,
+          secretKey: form.secretKey,
+          secretValue: form.secretValue,
+          eventTypes: form.eventTypes,
+          active: form.active,
+          isAgent: form.isAgent,
+          agentId: form.isAgent ? form.agentId : void 0
+        });
+      }
+      resetForm();
+      await load();
+    } catch (e2) {
+      setError(e2.message);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const toggleActive = async (sub) => {
+    try {
+      await webhookApi.update(sub._id, { active: !sub.active });
+      setSubscriptions(
+        (prev) => prev.map((s) => s._id === sub._id ? { ...s, active: !s.active } : s)
+      );
+    } catch (e) {
+      setError(e.message);
+    }
+  };
+  const confirmDelete = (id) => setDeleteId(id);
+  const executeDelete = async () => {
+    if (!deleteId) return;
+    try {
+      await webhookApi.delete(deleteId);
+      setSubscriptions((prev) => prev.filter((s) => s._id !== deleteId));
+    } catch (e) {
+      setError(e.message);
+    }
+  };
+  const toggleEvent = (event) => {
+    setForm((prev) => {
+      if (event === "*") {
+        return { ...prev, eventTypes: ["*"] };
+      }
+      const without = prev.eventTypes.filter((e) => e !== "*" && e !== event);
+      if (prev.eventTypes.includes(event)) {
+        return { ...prev, eventTypes: without.length ? without : ["*"] };
+      }
+      return { ...prev, eventTypes: [...without, event] };
+    });
+  };
+  if (loading && subscriptions.length === 0) {
+    return /* @__PURE__ */ jsx3("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx3(Loader23, { size: 32, className: "text-primary animate-spin" }) });
+  }
+  return /* @__PURE__ */ jsxs3("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "bg-surface border-border flex shrink-0 items-center gap-4 border-b px-6 py-4", children: [
+      onBack && /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          onClick: () => onBack(),
+          className: "text-text-muted hover:text-text hover:bg-bg rounded-lg p-1.5 transition",
+          children: /* @__PURE__ */ jsx3(ArrowLeft3, { size: 20 })
+        }
+      ),
+      /* @__PURE__ */ jsx3("div", { className: "bg-primary-light text-primary flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx3(Webhook2, { size: 24 }) }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx3("h1", { className: "text-text text-xl font-semibold", children: "Webhook Subscriptions" }),
+        /* @__PURE__ */ jsx3("p", { className: "text-text-secondary text-sm", children: "G\xE9rer les souscriptions pour la distribution d'\xE9v\xE9nements" })
+      ] }),
+      /* @__PURE__ */ jsxs3(
+        "button",
+        {
+          type: "button",
+          onClick: openCreateForm,
+          className: "bg-primary hover:bg-primary-hover flex items-center gap-2 rounded-xl px-4 py-2.5 text-sm font-medium text-white transition",
+          children: [
+            /* @__PURE__ */ jsx3(Plus3, { size: 16 }),
+            " Nouvelle souscription"
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxs3("div", { className: "border-danger/30 bg-danger-light text-danger mx-6 mt-3 rounded-xl border px-4 py-3 text-sm", children: [
+      error,
+      /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => setError(""), className: "ml-2 underline", children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ jsx3(
+      ConfirmModal,
+      {
+        open: !!deleteId,
+        onClose: () => setDeleteId(null),
+        onConfirm: executeDelete,
+        title: "Supprimer ce webhook",
+        description: "Voulez-vous vraiment supprimer ce webhook ?",
+        danger: true
+      }
+    ),
+    /* @__PURE__ */ jsx3("div", { className: "flex-1 overflow-y-auto p-6", children: /* @__PURE__ */ jsxs3("div", { className: "mx-auto max-w-4xl", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "mb-4 flex flex-wrap items-center gap-3", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx3(
+            Search2,
+            {
+              size: 16,
+              className: "text-text-muted absolute top-1/2 left-3 -translate-y-1/2"
+            }
+          ),
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              value: searchFilter,
+              onChange: (e) => setSearchFilter(e.target.value),
+              placeholder: "Rechercher par nom ou URL...",
+              className: "bg-surface border-border text-text placeholder:text-text-placeholder focus:ring-primary w-72 rounded-xl border py-2 pr-4 pl-10 text-sm focus:ring-2 focus:outline-none"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-1.5", children: [
+          { key: "all", label: "Tous" },
+          { key: "standard", label: "Standard" },
+          { key: "agent", label: "Agent" }
+        ].map(({ key, label }) => /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            onClick: () => setTypeFilter(key),
+            className: `rounded-full px-3 py-1.5 text-xs font-medium transition ${typeFilter === key ? "bg-primary text-white" : "bg-bg border-border text-text-secondary hover:text-text hover:bg-border-light border"}`,
+            children: label
+          },
+          key
+        )) }),
+        !loading && /* @__PURE__ */ jsxs3("span", { className: "text-text-muted text-xs", children: [
+          subscriptions.length,
+          " r\xE9sultat",
+          subscriptions.length > 1 ? "s" : ""
+        ] })
+      ] }),
+      showForm && /* @__PURE__ */ jsxs3("div", { className: "bg-surface border-border mb-6 rounded-2xl border p-6 shadow-sm", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "mb-4 flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx3("h2", { className: "text-text text-base font-semibold", children: editingId ? "Modifier la souscription" : "Nouvelle souscription" }),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              onClick: resetForm,
+              className: "text-text-muted hover:text-text transition",
+              children: /* @__PURE__ */ jsx3(X3, { size: 20 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs3("div", { children: [
+              /* @__PURE__ */ jsx3("label", { className: "text-text-secondary mb-1 block text-xs", children: "Nom" }),
+              /* @__PURE__ */ jsx3(
+                "input",
+                {
+                  value: form.name,
+                  onChange: (e) => setForm({ ...form, name: e.target.value }),
+                  required: true,
+                  placeholder: "Garfield Production",
+                  className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-4 py-2.5 text-sm focus:ring-2 focus:outline-none"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs3("div", { children: [
+              /* @__PURE__ */ jsx3("label", { className: "text-text-secondary mb-1 block text-xs", children: "URL cible" }),
+              /* @__PURE__ */ jsx3(
+                "input",
+                {
+                  value: form.targetUrl,
+                  onChange: (e) => setForm({ ...form, targetUrl: e.target.value }),
+                  required: true,
+                  placeholder: "https://api.example.com/webhooks",
+                  className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-4 py-2.5 text-sm focus:ring-2 focus:outline-none"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs3("div", { children: [
+              /* @__PURE__ */ jsx3("label", { className: "text-text-secondary mb-1 block text-xs", children: "Cl\xE9 du header d'authentification" }),
+              /* @__PURE__ */ jsx3(
+                "input",
+                {
+                  value: form.secretKey,
+                  onChange: (e) => setForm({ ...form, secretKey: e.target.value }),
+                  required: true,
+                  placeholder: "x-api-key",
+                  className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-4 py-2.5 text-sm focus:ring-2 focus:outline-none"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs3("div", { children: [
+              /* @__PURE__ */ jsxs3("label", { className: "text-text-secondary mb-1 block text-xs", children: [
+                "Valeur du secret",
+                editingId && /* @__PURE__ */ jsx3("span", { className: "text-text-muted ml-1", children: "(laisser vide pour ne pas modifier)" })
+              ] }),
+              /* @__PURE__ */ jsx3(
+                "input",
+                {
+                  value: form.secretValue,
+                  onChange: (e) => setForm({ ...form, secretValue: e.target.value }),
+                  required: !editingId,
+                  type: "password",
+                  placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+                  className: "bg-bg border-border text-text placeholder:text-text-placeholder focus:ring-primary w-full rounded-xl border px-4 py-2.5 text-sm focus:ring-2 focus:outline-none"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { children: [
+            /* @__PURE__ */ jsx3("label", { className: "text-text-secondary mb-2 block text-xs", children: "\xC9v\xE9nements" }),
+            /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-2", children: AVAILABLE_WEBHOOK_EVENTS.map((evt) => /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                onClick: () => toggleEvent(evt),
+                className: `rounded-full px-3 py-1.5 text-xs font-medium transition ${form.eventTypes.includes(evt) ? "bg-primary text-white" : "bg-bg border-border text-text-secondary hover:text-text hover:bg-border-light border"}`,
+                children: evt === "*" ? "Tous (*)" : evt
+              },
+              evt
+            )) })
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                onClick: () => setForm({ ...form, active: !form.active }),
+                className: `relative h-5 w-10 rounded-full transition ${form.active ? "bg-primary" : "bg-border"}`,
+                children: /* @__PURE__ */ jsx3(
+                  "span",
+                  {
+                    className: `absolute top-0.5 left-0.5 h-4 w-4 rounded-full bg-white shadow transition-transform ${form.active ? "translate-x-5" : ""}`
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx3("span", { className: "text-text text-sm", children: form.active ? "Active" : "Inactive" })
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                onClick: () => setForm({ ...form, isAgent: !form.isAgent }),
+                className: `relative h-5 w-10 rounded-full transition ${form.isAgent ? "bg-primary" : "bg-border"}`,
+                children: /* @__PURE__ */ jsx3(
+                  "span",
+                  {
+                    className: `absolute top-0.5 left-0.5 h-4 w-4 rounded-full bg-white shadow transition-transform ${form.isAgent ? "translate-x-5" : ""}`
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx3("span", { className: "text-text text-sm", children: form.isAgent ? "Webhook Agent" : "Webhook standard" })
+          ] }),
+          form.isAgent && /* @__PURE__ */ jsxs3("div", { children: [
+            /* @__PURE__ */ jsx3("label", { className: "text-text-secondary mb-1 block text-xs", children: "Agent" }),
+            agents.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "text-warning py-1 text-xs", children: "Aucun agent disponible. Cr\xE9ez d'abord un agent dans la section Agents." }) : /* @__PURE__ */ jsxs3(
+              "select",
+              {
+                value: form.agentId,
+                onChange: (e) => setForm({ ...form, agentId: e.target.value }),
+                required: true,
+                className: "bg-bg border-border text-text focus:ring-primary w-full rounded-xl border px-4 py-2.5 text-sm focus:ring-2 focus:outline-none",
+                children: [
+                  /* @__PURE__ */ jsx3("option", { value: "", children: "-- S\xE9lectionner un agent --" }),
+                  agents.map((a) => /* @__PURE__ */ jsxs3("option", { value: a.agentId, children: [
+                    a.agentName,
+                    " (",
+                    a.agentId,
+                    ")"
+                  ] }, a._id))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "flex gap-3 pt-1", children: [
+            /* @__PURE__ */ jsxs3(
+              "button",
+              {
+                type: "submit",
+                disabled: saving,
+                className: "bg-primary hover:bg-primary-hover flex items-center gap-2 rounded-xl px-5 py-2 text-sm font-medium text-white transition disabled:opacity-50",
+                children: [
+                  saving && /* @__PURE__ */ jsx3(Loader23, { size: 16, className: "animate-spin" }),
+                  editingId ? "Enregistrer" : "Cr\xE9er"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              "button",
+              {
+                type: "button",
+                onClick: resetForm,
+                className: "bg-bg text-text hover:bg-border-light rounded-xl px-5 py-2 text-sm font-medium transition",
+                children: "Annuler"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      subscriptions.length === 0 ? /* @__PURE__ */ jsxs3("div", { className: "text-text-muted py-20 text-center", children: [
+        /* @__PURE__ */ jsx3(Webhook2, { size: 40, className: "mx-auto mb-3 opacity-30" }),
+        /* @__PURE__ */ jsx3("p", { className: "text-sm", children: "Aucune souscription webhook." }),
+        /* @__PURE__ */ jsx3("p", { className: "text-text-muted mt-1 text-xs", children: "Cr\xE9ez une souscription pour recevoir les \xE9v\xE9nements workspace." })
+      ] }) : /* @__PURE__ */ jsx3("div", { className: "space-y-3", children: subscriptions.map((sub) => /* @__PURE__ */ jsx3(
+        "div",
+        {
+          className: "bg-surface border-border group rounded-xl border px-5 py-4 transition hover:shadow-md",
+          children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs3("div", { className: "mb-1 flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx3("h3", { className: "text-text truncate text-sm font-semibold", children: sub.name }),
+                sub.active ? /* @__PURE__ */ jsxs3("span", { className: "bg-success-light text-success ring-success/30 inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs ring-1", children: [
+                  /* @__PURE__ */ jsx3(CircleCheck2, { size: 12 }),
+                  "Active"
+                ] }) : /* @__PURE__ */ jsxs3("span", { className: "text-text-muted bg-bg border-border inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-xs", children: [
+                  /* @__PURE__ */ jsx3(CircleX2, { size: 12 }),
+                  "Inactive"
+                ] }),
+                sub.isAgent && /* @__PURE__ */ jsx3("span", { className: "bg-primary-light text-primary ring-primary/30 inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs ring-1", children: "Agent" })
+              ] }),
+              /* @__PURE__ */ jsxs3("div", { className: "text-text-muted mb-2 flex items-center gap-1.5 text-xs", children: [
+                /* @__PURE__ */ jsx3(ExternalLink2, { size: 12, className: "shrink-0" }),
+                /* @__PURE__ */ jsx3("span", { className: "truncate", children: sub.targetUrl })
+              ] }),
+              /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-1.5", children: sub.eventTypes.map((evt) => /* @__PURE__ */ jsx3(
+                "span",
+                {
+                  className: "bg-bg text-text-secondary rounded-md px-2 py-0.5 text-xs",
+                  children: evt === "*" ? "Tous" : evt
+                },
+                evt
+              )) }),
+              /* @__PURE__ */ jsxs3("p", { className: "text-text-muted mt-2 text-xs", children: [
+                "Authentification : ",
+                sub.secretKey,
+                sub.isAgent && sub.agentId && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                  " \u2022 Agent: ",
+                  sub.agentId
+                ] }),
+                " ",
+                "\u2022",
+                " ",
+                formatDistanceToNow2(new Date(sub.createdAt), {
+                  addSuffix: true,
+                  locale: fr3
+                })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs3("div", { className: "flex shrink-0 items-center gap-1", children: [
+              /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => toggleActive(sub),
+                  className: `rounded-lg p-2 transition ${sub.active ? "text-success hover:bg-success-light" : "text-text-muted hover:bg-bg"}`,
+                  title: sub.active ? "D\xE9sactiver" : "Activer",
+                  children: sub.active ? /* @__PURE__ */ jsx3(CircleCheck2, { size: 16 }) : /* @__PURE__ */ jsx3(CircleX2, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => openEditForm(sub),
+                  className: "text-text-muted hover:text-primary hover:bg-primary-light rounded-lg p-2 transition",
+                  title: "Modifier",
+                  children: /* @__PURE__ */ jsx3(Pencil3, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ jsx3(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => confirmDelete(sub._id),
+                  className: "text-text-muted hover:text-danger hover:bg-danger-light rounded-lg p-2 opacity-0 transition group-hover:opacity-100",
+                  title: "Supprimer",
+                  children: /* @__PURE__ */ jsx3(Trash23, { size: 16 })
+                }
+              )
+            ] })
+          ] })
+        },
+        sub._id
+      )) })
+    ] }) })
+  ] });
+}
+export {
+  AVAILABLE_WEBHOOK_EVENTS,
+  WorkspaceAgentsPage,
+  WorkspaceTypesPage,
+  WorkspaceWebhooksPage
+};
 //# sourceMappingURL=admin.mjs.map