@workspace-platform/ui 0.5.0 → 0.6.0

package/dist/admin.js

@@ -1,8 +1,14 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -11,9 +17,2388 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/admin.ts
 var admin_exports = {};
+__export(admin_exports, {
+  AVAILABLE_WEBHOOK_EVENTS: () => AVAILABLE_WEBHOOK_EVENTS,
+  WorkspaceAgentsPage: () => WorkspaceAgentsPage,
+  WorkspaceTypesPage: () => WorkspaceTypesPage,
+  WorkspaceWebhooksPage: () => WorkspaceWebhooksPage
+});
 module.exports = __toCommonJS(admin_exports);
+
+// src/admin/WorkspaceTypesPage.tsx
+var import_react8 = require("react");
+var import_lucide_react4 = require("lucide-react");
+var import_date_fns = require("date-fns");
+var import_locale = require("date-fns/locale");
+
+// src/hooks/useWorkspaceApi.ts
+var import_react4 = require("react");
+
+// 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/provider.tsx
+var import_react3 = require("react");
+
+// src/socket/client.ts
+var import_socket = require("socket.io-client");
+
+// src/theme-context.tsx
+var import_react = require("react");
+var EMPTY = { className: "", style: {} };
+var WorkspaceThemeContext = (0, import_react.createContext)(EMPTY);
+function useWorkspaceThemeAttrs() {
+  return (0, import_react.useContext)(WorkspaceThemeContext);
+}
+
+// src/styling.ts
+var import_react2 = require("react");
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var EMPTY2 = {};
+var WorkspaceStylesContext = (0, import_react2.createContext)(EMPTY2);
+function pickSlot(override, slot) {
+  if (!override) return void 0;
+  if (typeof override === "string") return slot === "root" ? override : void 0;
+  return override[slot];
+}
+function useSlots(keys, local, className) {
+  const registry = (0, import_react2.useContext)(WorkspaceStylesContext);
+  const keyList = Array.isArray(keys) ? keys : [keys];
+  return (slot, ...base) => (0, import_tailwind_merge.twMerge)(
+    (0, import_clsx.clsx)(
+      ...base,
+      ...keyList.map((key) => pickSlot(registry[key], slot)),
+      pickSlot(local, slot),
+      slot === "root" ? className : void 0
+    )
+  );
+}
+
+// src/components/ui/cn.ts
+var import_clsx2 = require("clsx");
+var import_tailwind_merge2 = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge2.twMerge)((0, import_clsx2.clsx)(inputs));
+}
+
+// src/provider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var WorkspaceContext = (0, import_react3.createContext)(null);
+function useWorkspaceContext() {
+  const ctx = (0, import_react3.useContext)(WorkspaceContext);
+  if (!ctx)
+    throw new Error(
+      "useWorkspaceContext must be used within <WorkspaceProvider>"
+    );
+  return ctx;
+}
+
+// src/hooks/useWorkspaceApi.ts
+function useWorkspaceApi() {
+  const { apiClient } = useWorkspaceContext();
+  return (0, import_react4.useMemo)(() => createWorkspaceApis(apiClient), [apiClient]);
+}
+
+// src/components/ui/ConfirmModal.tsx
+var import_react7 = __toESM(require("react"));
+var import_lucide_react3 = require("lucide-react");
+
+// src/components/ui/Modal.tsx
+var import_react5 = require("react");
+var import_react_dom = require("react-dom");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var MODAL_SIZE_CLASS = {
+  sm: "w-full min-w-0 max-w-sm",
+  md: "w-full min-w-0 max-w-md",
+  lg: "w-full min-w-0 max-w-lg",
+  xl: "w-full min-w-0 max-w-xl",
+  "2xl": "w-full min-w-0 max-w-2xl",
+  "3xl": "w-full min-w-0 max-w-3xl",
+  "4xl": "w-full min-w-0 max-w-4xl",
+  "5xl": "w-full min-w-0 max-w-5xl",
+  "6xl": "w-full min-w-0 max-w-6xl",
+  "7xl": "w-full min-w-0 max-w-7xl",
+  full: "w-full min-w-0 max-w-[calc(100vw-2rem)] sm:max-w-[min(96vw,90rem)]"
+};
+function Modal({
+  open,
+  onClose,
+  children,
+  zIndexClass = "z-[100]",
+  backdropClassName = "bg-black/40 backdrop-blur-sm",
+  size,
+  panelClassName,
+  className,
+  closeOnBackdropClick = false,
+  closeOnEscape = true,
+  ariaLabelledBy: ariaLabelledByProp,
+  ariaDescribedBy: ariaDescribedByProp,
+  title,
+  description,
+  titleIcon,
+  headingId,
+  modalHeaderVariant = "strip",
+  hideCloseButton = false,
+  headerTrailing,
+  closeButtonAriaLabel = "Fermer",
+  closeButtonDisabled = false,
+  closeButtonClassName,
+  closeIconSize = 20,
+  headerClassName,
+  titleClassName,
+  descriptionClassName = "text-text-secondary mt-1 text-sm",
+  classNames
+}) {
+  const slot = useSlots("modal", classNames, className);
+  const [mounted, setMounted] = (0, import_react5.useState)(false);
+  const autoHeadingId = (0, import_react5.useId)();
+  const autoDescIdByModal = (0, import_react5.useId)();
+  const themeAttrs = useWorkspaceThemeAttrs();
+  const hasHeader = title != null;
+  const resolvedHeadingId = headingId ?? ariaLabelledByProp ?? autoHeadingId;
+  const assignAutoDescriptionId = hasHeader && description != null && ariaDescribedByProp === void 0 && (typeof description === "string" || typeof description === "number");
+  const resolvedAriaDescribedBy = assignAutoDescriptionId ? autoDescIdByModal : ariaDescribedByProp;
+  const resolvedAriaLabelledBy = hasHeader ? ariaLabelledByProp ?? resolvedHeadingId : ariaLabelledByProp;
+  (0, import_react5.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  (0, import_react5.useEffect)(() => {
+    if (!open) return;
+    const prevOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prevOverflow;
+    };
+  }, [open]);
+  (0, import_react5.useEffect)(() => {
+    if (!open || !closeOnEscape) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [open, closeOnEscape, onClose]);
+  const defaultCloseClasses = closeButtonClassName ?? "text-text-secondary hover:text-text rounded p-1 transition-colors";
+  const trailing = headerTrailing ?? (!hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "button",
+    {
+      type: "button",
+      disabled: closeButtonDisabled,
+      onClick: onClose,
+      className: slot(
+        "close",
+        "ws-modal__close",
+        defaultCloseClasses,
+        closeButtonDisabled && "opacity-40"
+      ),
+      "aria-label": closeButtonAriaLabel,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.X, { size: closeIconSize })
+    }
+  ) : null);
+  const descriptionSlot = description == null ? null : typeof description === "string" || typeof description === "number" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "p",
+    {
+      id: assignAutoDescriptionId ? autoDescIdByModal : void 0,
+      className: slot("description", "ws-modal__description", descriptionClassName),
+      children: description
+    }
+  ) : description;
+  const headerShellClass = modalHeaderVariant === "strip" ? "border-border flex shrink-0 items-start justify-between gap-3 border-b px-6 py-4" : "mb-4 flex shrink-0 items-start justify-between gap-3";
+  const modalHeaderMarkup = hasHeader ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: slot("header", "ws-modal__header", headerShellClass, headerClassName), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+      titleIcon != null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mt-0.5 shrink-0", children: titleIcon }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "h2",
+          {
+            id: resolvedHeadingId,
+            className: slot(
+              "title",
+              "ws-modal__title",
+              "text-text text-lg font-semibold",
+              titleClassName
+            ),
+            children: title
+          }
+        ),
+        descriptionSlot
+      ] })
+    ] }),
+    trailing ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex shrink-0 items-start", children: trailing }) : null
+  ] }) : null;
+  if (!mounted || !open) return null;
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        className: slot(
+          "root",
+          "ws-modal",
+          "fixed inset-0 flex items-center justify-center p-4",
+          themeAttrs.className,
+          zIndexClass,
+          backdropClassName
+        ),
+        style: themeAttrs.style,
+        onClick: closeOnBackdropClick ? onClose : void 0,
+        "aria-hidden": false,
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "div",
+          {
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": resolvedAriaLabelledBy,
+            "aria-describedby": resolvedAriaDescribedBy,
+            className: slot(
+              "panel",
+              "ws-modal__panel",
+              // Solid, opaque panel by default — guarantees the modal is never
+              // transparent even if the caller forgets to pass `panelClassName`.
+              "bg-surface text-text border-border relative flex max-h-[calc(100vh-2rem)] w-full min-w-0 flex-col overflow-hidden rounded-2xl border shadow-panel animate-ws-scale-in",
+              size ? MODAL_SIZE_CLASS[size] : void 0,
+              panelClassName
+            ),
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              modalHeaderMarkup,
+              children
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+
+// src/components/ui/Button.tsx
+var import_react6 = __toESM(require("react"));
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var VARIANT_CLASSES = {
+  primary: "bg-primary text-primary-contrast hover:bg-primary-hover border border-transparent shadow-xs",
+  secondary: "bg-secondary text-secondary-contrast hover:bg-secondary-hover border border-transparent shadow-xs",
+  outline: "bg-surface text-text border border-border hover:bg-bg-subtle hover:border-text-muted/40",
+  ghost: "bg-transparent text-text-secondary hover:bg-bg-subtle hover:text-text border border-transparent",
+  danger: "bg-danger text-white hover:brightness-95 border border-transparent shadow-xs",
+  subtle: "bg-primary-light text-primary hover:bg-primary-light/70 border border-transparent"
+};
+var SIZE_CLASSES = {
+  xs: "h-7 gap-1 px-2.5 text-xs rounded-lg",
+  sm: "h-9 gap-1.5 px-3.5 text-sm rounded-lg",
+  md: "h-10 gap-2 px-4 text-sm rounded-xl",
+  lg: "h-11 gap-2 px-5 text-[15px] rounded-xl"
+};
+var Button = import_react6.default.forwardRef(
+  ({
+    variant = "primary",
+    size = "md",
+    loading = false,
+    fullWidth = false,
+    leftIcon,
+    rightIcon,
+    className,
+    children,
+    disabled,
+    type = "button",
+    ...props
+  }, ref) => {
+    const isDisabled = disabled || loading;
+    const slot = useSlots("button", void 0, className);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "button",
+      {
+        ref,
+        type,
+        disabled: isDisabled,
+        "data-variant": variant,
+        "data-size": size,
+        className: slot(
+          "root",
+          "ws-button",
+          `ws-button--${variant}`,
+          `ws-button--${size}`,
+          "inline-flex items-center justify-center font-medium whitespace-nowrap transition-all duration-150",
+          "focus-visible:ring-primary/40 focus-visible:ring-2 focus-visible:outline-none",
+          "active:scale-[0.98]",
+          "disabled:pointer-events-none disabled:opacity-55",
+          VARIANT_CLASSES[variant],
+          SIZE_CLASSES[size],
+          fullWidth && "w-full"
+        ),
+        ...props,
+        children: [
+          loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.Loader2, { className: "animate-spin", size: size === "lg" ? 18 : 16 }) : leftIcon,
+          children,
+          !loading && rightIcon
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/ui/ConfirmModal.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ConfirmModal = ({
+  open,
+  onClose,
+  onConfirm,
+  title,
+  description,
+  confirmText = "Confirmer",
+  cancelText = "Annuler",
+  danger = false,
+  className,
+  classNames
+}) => {
+  const [loading, setLoading] = import_react7.default.useState(false);
+  const handleConfirm = async () => {
+    setLoading(true);
+    try {
+      await onConfirm();
+    } finally {
+      setLoading(false);
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    Modal,
+    {
+      open,
+      onClose: () => {
+        if (!loading) onClose();
+      },
+      size: "sm",
+      closeOnBackdropClick: !loading,
+      closeOnEscape: !loading,
+      hideCloseButton: true,
+      zIndexClass: "z-[120]",
+      className: cn("ws-confirm-modal", className),
+      classNames,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ws-confirm-modal__body flex flex-col gap-5 p-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-start gap-3.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "div",
+            {
+              className: cn(
+                "flex h-11 w-11 flex-shrink-0 items-center justify-center rounded-full",
+                danger ? "bg-danger-light" : "bg-primary-light"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                import_lucide_react3.AlertTriangle,
+                {
+                  size: 20,
+                  className: danger ? "text-danger" : "text-primary"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "min-w-0 flex-1 pt-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: "text-text text-base font-semibold", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-text-secondary mt-1.5 text-sm leading-relaxed", children: description })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex justify-end gap-2.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: onClose,
+              disabled: loading,
+              children: cancelText
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            Button,
+            {
+              variant: danger ? "danger" : "primary",
+              size: "sm",
+              loading,
+              onClick: handleConfirm,
+              children: confirmText
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+
+// src/admin/WorkspaceTypesPage.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function WorkspaceTypesPage({ onBack }) {
+  const { workspaceTypeApi } = useWorkspaceApi();
+  const [types, setTypes] = (0, import_react8.useState)([]);
+  const [loading, setLoading] = (0, import_react8.useState)(true);
+  const [error, setError] = (0, import_react8.useState)("");
+  const [showForm, setShowForm] = (0, import_react8.useState)(false);
+  const [editTarget, setEditTarget] = (0, import_react8.useState)(null);
+  const [formName, setFormName] = (0, import_react8.useState)("");
+  const [formEntities, setFormEntities] = (0, import_react8.useState)([]);
+  const [saving, setSaving] = (0, import_react8.useState)(false);
+  const [selectedId, setSelectedId] = (0, import_react8.useState)(null);
+  const [deleteId, setDeleteId] = (0, import_react8.useState)(null);
+  const load = (0, import_react8.useCallback)(async () => {
+    try {
+      setLoading(true);
+      setTypes(await workspaceTypeApi.list());
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setLoading(false);
+    }
+  }, [workspaceTypeApi]);
+  (0, import_react8.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__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "bg-surface border-border flex shrink-0 items-center gap-4 border-b px-6 py-4", children: [
+      onBack && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => onBack(),
+          className: "text-text-muted hover:text-text hover:bg-bg rounded-lg p-1.5 transition",
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.ArrowLeft, { size: 20 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "bg-primary-light text-primary flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Tag, { size: 24 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h1", { className: "text-text text-xl font-semibold", children: "Types de Workspace" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-secondary text-sm", children: "G\xE9rez les cat\xE9gories d'espaces de travail" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Plus, { size: 16 }),
+            " Nouveau type"
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: () => setError(""), className: "ml-2 underline", children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4 backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "text-text text-lg font-semibold", children: editTarget ? "Modifier le type" : "Cr\xE9er un type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowForm(false),
+            className: "text-text-muted hover:text-text transition",
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.X, { size: 20 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "text-text-secondary mb-1.5 block text-sm", children: "Nom" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { className: "text-text-secondary mb-1.5 block text-sm", children: "Entit\xE9s" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-2", children: [
+            formEntities.map((ent, idx) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Lock, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Unlock, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setFormEntities(
+                    (prev) => prev.filter((_, i) => i !== idx)
+                  ),
+                  className: "text-text-muted hover:text-danger p-2 transition",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Trash2, { size: 16 })
+                }
+              )
+            ] }, idx)),
+            /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Plus, { size: 14 }),
+                  " Ajouter une entit\xE9"
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex gap-3 pt-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Loader2, { size: 16, className: "animate-spin" }),
+                editTarget ? "Enregistrer" : "Cr\xE9er"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex-1 overflow-y-auto p-6", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mx-auto max-w-3xl", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex items-center justify-center py-20", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Loader2, { size: 32, className: "text-primary animate-spin" }) }) : types.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-text-muted py-20 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Tag, { size: 40, className: "mx-auto mb-3 opacity-30" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "Aucun type de workspace cr\xE9\xE9." })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "space-y-2", children: types.map((t) => {
+      const displayEntities = getDisplayEntities(t);
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        "div",
+        {
+          className: "bg-surface border-border group overflow-hidden rounded-xl border transition hover:shadow-md",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+              "div",
+              {
+                className: "flex cursor-pointer items-center justify-between px-5 py-4",
+                onClick: () => setSelectedId(selectedId === t._id ? null : t._id),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "bg-primary h-2 w-2 rounded-full" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-text font-medium", children: t.name }),
+                    displayEntities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "text-text-muted text-xs", children: [
+                      displayEntities.length,
+                      " entit\xE9",
+                      displayEntities.length !== 1 ? "s" : ""
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex gap-2 opacity-0 transition group-hover:opacity-100", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Pencil, { size: 16 })
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Trash2, { size: 16 })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            selectedId === t._id && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "border-border-light space-y-2 border-t px-5 pt-0 pb-4", children: [
+              displayEntities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pt-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-muted mb-1.5 text-xs", children: "Entit\xE9s" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex flex-wrap gap-1.5", children: displayEntities.map((ent) => /* @__PURE__ */ (0, import_jsx_runtime5.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__ */ (0, import_jsx_runtime5.jsx)(
+                        import_lucide_react4.Lock,
+                        {
+                          size: 10,
+                          className: "text-warning shrink-0"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "text-text font-medium", children: [
+                        ent.key,
+                        ":"
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: ent.isSecret ? "\u2022\u2022\u2022\u2022\u2022\u2022" : ent.value })
+                    ]
+                  },
+                  ent.key
+                )) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-text-muted flex items-center gap-2 pt-1 text-xs", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.Clock, { size: 12 }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+                  "Cr\xE9\xE9 le",
+                  " ",
+                  (0, import_date_fns.format)(
+                    new Date(t.createdAt),
+                    "dd MMM yyyy \xE0 HH:mm",
+                    { locale: import_locale.fr }
+                  )
+                ] })
+              ] }),
+              t.createdBy && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-text-muted flex items-center gap-2 text-xs", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.User, { size: 12 }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+                  "Cr\xE9\xE9 par ",
+                  t.createdBy
+                ] })
+              ] })
+            ] })
+          ]
+        },
+        t._id
+      );
+    }) }) }) })
+  ] });
+}
+
+// src/admin/WorkspaceAgentsPage.tsx
+var import_react9 = require("react");
+var import_lucide_react5 = require("lucide-react");
+var import_date_fns2 = require("date-fns");
+var import_locale2 = require("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
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function WebhookDialog({ agent, open, onClose }) {
+  const { webhookApi } = useWorkspaceApi();
+  const webhookDialogTitleId = (0, import_react9.useId)();
+  const [webhooks, setWebhooks] = (0, import_react9.useState)([]);
+  const [loading, setLoading] = (0, import_react9.useState)(true);
+  const [error, setError] = (0, import_react9.useState)("");
+  const [showForm, setShowForm] = (0, import_react9.useState)(false);
+  const [editingId, setEditingId] = (0, import_react9.useState)(null);
+  const [saving, setSaving] = (0, import_react9.useState)(false);
+  const [deleteId, setDeleteId] = (0, import_react9.useState)(null);
+  const [form, setForm] = (0, import_react9.useState)({
+    name: "",
+    targetUrl: "",
+    secretKey: "x-api-key",
+    secretValue: "",
+    eventTypes: ["*"],
+    active: true
+  });
+  const loadWebhooks = (0, import_react9.useCallback)(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]);
+  (0, import_react9.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime6.jsx)(
+    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__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-muted mt-1 font-mono text-xs", children: agent.agentId }),
+      titleClassName: "text-base font-semibold",
+      titleIcon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "bg-primary-light text-primary flex h-9 w-9 shrink-0 items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Webhook, { size: 18 }) }),
+      headerTrailing: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Plus, { size: 14 }),
+              " Nouveau"
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "text-text-muted hover:text-text transition",
+            "aria-label": "Fermer",
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.X, { size: 20 })
+          }
+        )
+      ] }),
+      headerClassName: "items-center",
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-h-0 flex-1 overflow-y-auto p-6", children: [
+        error && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "border-danger/30 bg-danger-light text-danger mb-4 rounded-xl border px-4 py-3 text-sm", children: [
+          error,
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: () => setError(""), className: "ml-2 underline", children: "\xD7" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          ConfirmModal,
+          {
+            open: !!deleteId,
+            onClose: () => setDeleteId(null),
+            onConfirm: executeDelete,
+            title: "Supprimer ce webhook",
+            description: "Voulez-vous vraiment supprimer ce webhook ?",
+            danger: true
+          }
+        ),
+        showForm && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "bg-bg border-border mb-4 rounded-xl border p-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mb-3 flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: "text-text text-sm font-semibold", children: editingId ? "Modifier le webhook" : "Nouveau webhook" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: resetForm,
+                className: "text-text-muted hover:text-text transition",
+                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.X, { size: 16 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "text-text-secondary mb-1 block text-xs", children: "Nom" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "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__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "text-text-secondary mb-1 block text-xs", children: "URL cible" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "text-text-secondary mb-1 block text-xs", children: "Cl\xE9 du header" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "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__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "text-text-secondary mb-1 block text-xs", children: [
+                  "Secret",
+                  " ",
+                  editingId && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-text-muted", children: "(vide = inchang\xE9)" })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "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__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "text-text-secondary mb-1.5 block text-xs", children: "\xC9v\xE9nements" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-wrap gap-1.5", children: AVAILABLE_WEBHOOK_EVENTS.map((evt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "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__ */ (0, import_jsx_runtime6.jsx)(
+                    "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__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-text text-sm", children: form.active ? "Active" : "Inactive" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-2 pt-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Loader2, { size: 14, className: "animate-spin" }),
+                    editingId ? "Enregistrer" : "Cr\xE9er"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "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__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex justify-center py-10", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Loader2, { size: 20, className: "text-primary animate-spin" }) }) : webhooks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-text-muted py-12 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Webhook, { size: 32, className: "mx-auto mb-2 opacity-30" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm", children: "Aucun webhook branch\xE9 \xE0 cet agent." }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-muted mt-1 text-xs", children: "Cr\xE9ez un webhook pour que l'agent puisse recevoir les \xE9v\xE9nements." })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "space-y-2", children: webhooks.map((sub) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "div",
+          {
+            className: "bg-bg border-border group rounded-xl border px-4 py-3 transition hover:shadow-sm",
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mb-1 flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { className: "text-text truncate text-sm font-medium", children: sub.name }),
+                  sub.active ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.CircleCheck, { size: 10 }),
+                    "Active"
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.CircleX, { size: 10 }),
+                    "Inactive"
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-text-muted mb-1.5 flex items-center gap-1 text-xs", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ExternalLink, { size: 10, className: "shrink-0" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate", children: sub.targetUrl })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-wrap gap-1", children: sub.eventTypes.map((evt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "span",
+                  {
+                    className: "bg-surface text-text-secondary rounded px-1.5 py-0.5 text-xs",
+                    children: evt === "*" ? "Tous" : evt
+                  },
+                  evt
+                )) })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.CircleCheck, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.CircleX, { size: 14 })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Pencil, { size: 14 })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Trash2, { size: 14 })
+                  }
+                )
+              ] })
+            ] })
+          },
+          sub._id
+        )) })
+      ] })
+    }
+  );
+}
+function WorkspaceAgentsPage({ onBack }) {
+  const { agentApi, webhookApi } = useWorkspaceApi();
+  const [agents, setAgents] = (0, import_react9.useState)([]);
+  const [loading, setLoading] = (0, import_react9.useState)(true);
+  const [error, setError] = (0, import_react9.useState)("");
+  const [search, setSearch] = (0, import_react9.useState)("");
+  const [showForm, setShowForm] = (0, import_react9.useState)(false);
+  const [editingAgent, setEditingAgent] = (0, import_react9.useState)(null);
+  const [saving, setSaving] = (0, import_react9.useState)(false);
+  const [form, setForm] = (0, import_react9.useState)({ agentId: "", agentName: "" });
+  const [webhookForm, setWebhookForm] = (0, import_react9.useState)({
+    name: "",
+    targetUrl: "",
+    secretKey: "x-api-key",
+    secretValue: "",
+    eventTypes: ["*"],
+    active: true
+  });
+  const [webhookNameTouched, setWebhookNameTouched] = (0, import_react9.useState)(false);
+  const [deleteAgent, setDeleteAgent] = (0, import_react9.useState)(null);
+  const [deleteInfo, setDeleteInfo] = (0, import_react9.useState)(null);
+  const [loadingDeleteInfo, setLoadingDeleteInfo] = (0, import_react9.useState)(false);
+  const [webhookDialogAgent, setWebhookDialogAgent] = (0, import_react9.useState)(null);
+  const load = (0, import_react9.useCallback)(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]);
+  (0, import_react9.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Loader2, { 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__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      `Voulez-vous vraiment supprimer l'agent "`,
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: deleteAgent?.agentName }),
+      '" ? Cela supprimera \xE9galement :',
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-danger font-medium", children: parts.join(" et ") }),
+      "."
+    ] });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "bg-surface border-border flex shrink-0 items-center gap-4 border-b px-6 py-4", children: [
+      onBack && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => onBack(),
+          className: "text-text-muted hover:text-text hover:bg-bg rounded-lg p-1.5 transition",
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.ArrowLeft, { size: 20 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "bg-primary-light text-primary flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Bot, { size: 24 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { className: "text-text text-xl font-semibold", children: "Agents Workspace" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-secondary text-sm", children: "G\xE9rer les agents disponibles pour les workspaces" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Plus, { size: 16 }),
+            " Nouvel agent"
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime6.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__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", onClick: () => setError(""), className: "ml-2 underline", children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      ConfirmModal,
+      {
+        open: !!deleteAgent,
+        onClose: () => setDeleteAgent(null),
+        onConfirm: handleDelete,
+        title: "Supprimer cet agent",
+        description: buildDeleteDescription(),
+        danger: true
+      }
+    ),
+    webhookDialogAgent && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      WebhookDialog,
+      {
+        agent: webhookDialogAgent,
+        open: true,
+        onClose: () => setWebhookDialogAgent(null)
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1 overflow-y-auto p-6", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mx-auto max-w-3xl", children: [
+      showForm && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "bg-surface border-border mb-6 rounded-2xl border p-6 shadow-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "text-text text-base font-semibold", children: editingAgent ? "Modifier l'agent" : "Nouvel agent" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: resetForm,
+              className: "text-text-muted hover:text-text transition",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.X, { size: 20 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { className: "text-text-secondary mb-1 block text-xs", children: [
+                "Agent ID",
+                " ",
+                editingAgent && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-text-muted", children: "(non modifiable)" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "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__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "text-text-secondary mb-1 block text-xs", children: "Nom d'affichage" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "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__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "border-border mt-2 border-t pt-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mb-3 flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "bg-primary-light text-primary flex h-7 w-7 shrink-0 items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Webhook, { size: 14 }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: "text-text text-sm font-semibold", children: "Webhook de l'agent" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "text-text-secondary mb-1 block text-xs", children: "Nom du webhook" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "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__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "text-text-secondary mb-1 block text-xs", children: "URL cible" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mt-3 grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "text-text-secondary mb-1 block text-xs", children: "Cl\xE9 du header" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "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__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "text-text-secondary mb-1 block text-xs", children: "Secret" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mt-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("label", { className: "text-text-secondary mb-1.5 block text-xs", children: "\xC9v\xE9nements" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-wrap gap-1.5", children: AVAILABLE_WEBHOOK_EVENTS.map((evt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mt-3 flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "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__ */ (0, import_jsx_runtime6.jsx)(
+                    "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__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-text text-sm", children: webhookForm.active ? "Webhook actif" : "Webhook inactif" })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-3 pt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Loader2, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Check, { size: 16 }),
+                  editingAgent ? "Enregistrer" : "Cr\xE9er l'agent + webhook"
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_lucide_react5.Search,
+          {
+            size: 16,
+            className: "text-text-muted absolute top-1/2 left-3 -translate-y-1/2"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "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__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex justify-center py-10", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Loader2, { size: 24, className: "text-primary animate-spin" }) }) : agents.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-text-muted py-20 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Bot, { size: 40, className: "mx-auto mb-3 opacity-30" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm", children: "Aucun agent trouv\xE9." }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-text-muted mt-1 text-xs", children: "Cr\xE9ez un agent pour le rendre disponible dans les workspaces." })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "space-y-2", children: agents.map((agent) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        "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__ */ (0, import_jsx_runtime6.jsx)("div", { className: "bg-primary-light text-primary flex h-9 w-9 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Bot, { size: 16 }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-text text-sm font-medium", children: agent.agentName }),
+                agent.webhookCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                  "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Webhook, { size: 10 }),
+                      agent.webhookCount,
+                      " webhook",
+                      agent.webhookCount > 1 ? "s" : ""
+                    ]
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                  "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.AlertTriangle, { size: 10 }),
+                      "Aucun webhook"
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-text-muted font-mono text-xs", children: agent.agentId })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-text-muted shrink-0 text-xs", children: (0, import_date_fns2.formatDistanceToNow)(new Date(agent.createdAt), {
+              addSuffix: true,
+              locale: import_locale2.fr
+            }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Webhook, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Pencil, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react5.Trash2, { size: 16 })
+                }
+              )
+            ] })
+          ]
+        },
+        agent._id
+      )) })
+    ] }) })
+  ] });
+}
+
+// src/admin/WorkspaceWebhooksPage.tsx
+var import_react10 = require("react");
+var import_lucide_react6 = require("lucide-react");
+var import_date_fns3 = require("date-fns");
+var import_locale3 = require("date-fns/locale");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function WorkspaceWebhooksPage({ onBack }) {
+  const { webhookApi, agentApi } = useWorkspaceApi();
+  const [subscriptions, setSubscriptions] = (0, import_react10.useState)([]);
+  const [agents, setAgents] = (0, import_react10.useState)([]);
+  const [loading, setLoading] = (0, import_react10.useState)(true);
+  const [error, setError] = (0, import_react10.useState)("");
+  const [deleteId, setDeleteId] = (0, import_react10.useState)(null);
+  const [searchFilter, setSearchFilter] = (0, import_react10.useState)("");
+  const [typeFilter, setTypeFilter] = (0, import_react10.useState)("all");
+  const [showForm, setShowForm] = (0, import_react10.useState)(false);
+  const [editingId, setEditingId] = (0, import_react10.useState)(null);
+  const [saving, setSaving] = (0, import_react10.useState)(false);
+  const [form, setForm] = (0, import_react10.useState)({
+    name: "",
+    targetUrl: "",
+    secretKey: "x-api-key",
+    secretValue: "",
+    eventTypes: ["*"],
+    active: true,
+    isAgent: false,
+    agentId: ""
+  });
+  const load = (0, import_react10.useCallback)(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]);
+  (0, import_react10.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Loader2, { size: 32, className: "text-primary animate-spin" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "bg-surface border-border flex shrink-0 items-center gap-4 border-b px-6 py-4", children: [
+      onBack && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: () => onBack(),
+          className: "text-text-muted hover:text-text hover:bg-bg rounded-lg p-1.5 transition",
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.ArrowLeft, { size: 20 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "bg-primary-light text-primary flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Webhook, { size: 24 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h1", { className: "text-text text-xl font-semibold", children: "Webhook Subscriptions" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-text-secondary text-sm", children: "G\xE9rer les souscriptions pour la distribution d'\xE9v\xE9nements" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        "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__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Plus, { size: 16 }),
+            " Nouvelle souscription"
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime7.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__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", onClick: () => setError(""), className: "ml-2 underline", children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      ConfirmModal,
+      {
+        open: !!deleteId,
+        onClose: () => setDeleteId(null),
+        onConfirm: executeDelete,
+        title: "Supprimer ce webhook",
+        description: "Voulez-vous vraiment supprimer ce webhook ?",
+        danger: true
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex-1 overflow-y-auto p-6", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mx-auto max-w-4xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mb-4 flex flex-wrap items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            import_lucide_react6.Search,
+            {
+              size: 16,
+              className: "text-text-muted absolute top-1/2 left-3 -translate-y-1/2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "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__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime7.jsx)(
+          "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__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "text-text-muted text-xs", children: [
+          subscriptions.length,
+          " r\xE9sultat",
+          subscriptions.length > 1 ? "s" : ""
+        ] })
+      ] }),
+      showForm && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "bg-surface border-border mb-6 rounded-2xl border p-6 shadow-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mb-4 flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { className: "text-text text-base font-semibold", children: editingId ? "Modifier la souscription" : "Nouvelle souscription" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: resetForm,
+              className: "text-text-muted hover:text-text transition",
+              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.X, { size: 20 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("label", { className: "text-text-secondary mb-1 block text-xs", children: "Nom" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "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__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("label", { className: "text-text-secondary mb-1 block text-xs", children: "URL cible" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "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__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("label", { className: "text-text-secondary mb-1 block text-xs", children: "Cl\xE9 du header d'authentification" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "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__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "text-text-secondary mb-1 block text-xs", children: [
+                "Valeur du secret",
+                editingId && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-muted ml-1", children: "(laisser vide pour ne pas modifier)" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "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__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("label", { className: "text-text-secondary mb-2 block text-xs", children: "\xC9v\xE9nements" }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex flex-wrap gap-2", children: AVAILABLE_WEBHOOK_EVENTS.map((evt) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "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__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "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__ */ (0, import_jsx_runtime7.jsx)(
+                  "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__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text text-sm", children: form.active ? "Active" : "Inactive" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "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__ */ (0, import_jsx_runtime7.jsx)(
+                  "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__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text text-sm", children: form.isAgent ? "Webhook Agent" : "Webhook standard" })
+          ] }),
+          form.isAgent && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("label", { className: "text-text-secondary mb-1 block text-xs", children: "Agent" }),
+            agents.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-warning py-1 text-xs", children: "Aucun agent disponible. Cr\xE9ez d'abord un agent dans la section Agents." }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+              "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__ */ (0, import_jsx_runtime7.jsx)("option", { value: "", children: "-- S\xE9lectionner un agent --" }),
+                  agents.map((a) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("option", { value: a.agentId, children: [
+                    a.agentName,
+                    " (",
+                    a.agentId,
+                    ")"
+                  ] }, a._id))
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex gap-3 pt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+              "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__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Loader2, { size: 16, className: "animate-spin" }),
+                  editingId ? "Enregistrer" : "Cr\xE9er"
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "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__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-text-muted py-20 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Webhook, { size: 40, className: "mx-auto mb-3 opacity-30" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm", children: "Aucune souscription webhook." }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-text-muted mt-1 text-xs", children: "Cr\xE9ez une souscription pour recevoir les \xE9v\xE9nements workspace." })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "space-y-3", children: subscriptions.map((sub) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "div",
+        {
+          className: "bg-surface border-border group rounded-xl border px-5 py-4 transition hover:shadow-md",
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-start justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mb-1 flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "text-text truncate text-sm font-semibold", children: sub.name }),
+                sub.active ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("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__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.CircleCheck, { size: 12 }),
+                  "Active"
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("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__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.CircleX, { size: 12 }),
+                  "Inactive"
+                ] }),
+                sub.isAgent && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-text-muted mb-2 flex items-center gap-1.5 text-xs", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.ExternalLink, { size: 12, className: "shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate", children: sub.targetUrl })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex flex-wrap gap-1.5", children: sub.eventTypes.map((evt) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "span",
+                {
+                  className: "bg-bg text-text-secondary rounded-md px-2 py-0.5 text-xs",
+                  children: evt === "*" ? "Tous" : evt
+                },
+                evt
+              )) }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "text-text-muted mt-2 text-xs", children: [
+                "Authentification : ",
+                sub.secretKey,
+                sub.isAgent && sub.agentId && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                  " \u2022 Agent: ",
+                  sub.agentId
+                ] }),
+                " ",
+                "\u2022",
+                " ",
+                (0, import_date_fns3.formatDistanceToNow)(new Date(sub.createdAt), {
+                  addSuffix: true,
+                  locale: import_locale3.fr
+                })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex shrink-0 items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "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__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.CircleCheck, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.CircleX, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "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__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Pencil, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                "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__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react6.Trash2, { size: 16 })
+                }
+              )
+            ] })
+          ] })
+        },
+        sub._id
+      )) })
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AVAILABLE_WEBHOOK_EVENTS,
+  WorkspaceAgentsPage,
+  WorkspaceTypesPage,
+  WorkspaceWebhooksPage
+});
 //# sourceMappingURL=admin.js.map