@workspace-platform/ui 0.5.0 → 0.6.0

package/dist/chunk-4UDSYAAD.mjs

@@ -0,0 +1,735 @@
+// src/api/client.ts
+function createWorkspaceClient(config) {
+  function buildHeaders(extra) {
+    const base = {
+      "Content-Type": "application/json",
+      ...extra
+    };
+    const token = config.getAuthToken();
+    if (token) base["Authorization"] = `Bearer ${token}`;
+    if (config.extraHeaders) Object.assign(base, config.extraHeaders);
+    return base;
+  }
+  async function req(path, options) {
+    const res = await fetch(`${config.baseUrl}${path}`, {
+      ...options,
+      headers: buildHeaders(options?.headers)
+    });
+    if (res.status === 204) return void 0;
+    const json = await res.json();
+    if (!res.ok) {
+      const rawMessage = json?.message ?? `Error ${res.status}`;
+      const errorMessage = Array.isArray(rawMessage) ? rawMessage.join(", ") : typeof rawMessage === "string" ? rawMessage : JSON.stringify(rawMessage);
+      throw new Error(errorMessage);
+    }
+    return json;
+  }
+  async function reqBlob(path) {
+    const res = await fetch(`${config.baseUrl}${path}`, {
+      headers: buildHeaders()
+    });
+    if (!res.ok) {
+      const text = await res.text().catch(() => "");
+      throw new Error(`Error ${res.status}: ${text}`);
+    }
+    return res.blob();
+  }
+  async function upload(path, formData) {
+    const headers = {};
+    const token = config.getAuthToken();
+    if (token) headers["Authorization"] = `Bearer ${token}`;
+    if (config.extraHeaders) Object.assign(headers, config.extraHeaders);
+    const res = await fetch(`${config.baseUrl}${path}`, {
+      method: "POST",
+      headers,
+      body: formData
+    });
+    if (!res.ok) {
+      const json = await res.json().catch(() => ({}));
+      throw new Error(
+        json?.message ?? `Upload failed (${res.status})`
+      );
+    }
+    return res.json();
+  }
+  return {
+    get: (path) => req(path),
+    post: (path, body) => req(path, { method: "POST", body: JSON.stringify(body) }),
+    patch: (path, body) => req(path, { method: "PATCH", body: JSON.stringify(body) }),
+    delete: (path) => req(path, { method: "DELETE" }),
+    upload: (path, formData) => upload(path, formData),
+    getBlob: (path) => reqBlob(path)
+  };
+}
+
+// src/socket/client.ts
+import { io } from "socket.io-client";
+function createWorkspaceSocket(config) {
+  let socket = null;
+  function getSocket() {
+    if (!socket) {
+      const token = config.getAuthToken();
+      socket = io(`${config.baseUrl}/workspaces`, {
+        autoConnect: false,
+        auth: { token: token ?? "" }
+      });
+    }
+    return socket;
+  }
+  function connect(userId) {
+    const s = getSocket();
+    if (!s.connected) s.connect();
+    const uid = userId ?? config.currentUserId;
+    if (uid) {
+      if (s.connected) {
+        s.emit("authenticate", { userId: uid });
+      } else {
+        s.once("connect", () => {
+          s.emit("authenticate", { userId: uid });
+        });
+      }
+    }
+    return s;
+  }
+  function disconnect() {
+    socket?.disconnect();
+    socket = null;
+  }
+  return { getSocket, connect, disconnect };
+}
+
+// src/theme.ts
+var mix = (color, amount, other) => `color-mix(in srgb, ${color} ${amount}%, ${other})`;
+function buildThemeVars(theme, scheme = "light") {
+  const vars = {};
+  if (!theme) return vars;
+  const dark = scheme === "dark";
+  const tintBase = dark ? "#0b1220" : "#fff";
+  const set = (name, value) => {
+    if (value != null && value !== "") vars[`--ws-${name}`] = value;
+  };
+  if (theme.primary) {
+    set("primary", theme.primary);
+    set("primary-hover", dark ? mix(theme.primary, 82, "#fff") : mix(theme.primary, 86, "#000"));
+    set("primary-light", mix(theme.primary, dark ? 26 : 12, tintBase));
+    set("primary-50", mix(theme.primary, dark ? 14 : 6, tintBase));
+    set("primary-100", mix(theme.primary, dark ? 20 : 14, tintBase));
+    set("primary-200", mix(theme.primary, dark ? 34 : 28, tintBase));
+  }
+  set("primary-contrast", theme.primaryContrast);
+  if (theme.secondary) {
+    set("secondary", theme.secondary);
+    set("secondary-hover", dark ? mix(theme.secondary, 82, "#fff") : mix(theme.secondary, 86, "#000"));
+    set("secondary-light", mix(theme.secondary, dark ? 26 : 12, tintBase));
+  }
+  set("secondary-contrast", theme.secondaryContrast);
+  set("bg", theme.bg);
+  set("bg-subtle", theme.bgSubtle);
+  set("surface", theme.surface);
+  set("surface-hover", theme.surfaceHover);
+  set("border", theme.border);
+  set("border-light", theme.borderLight);
+  set("text", theme.text);
+  set("text-secondary", theme.textSecondary);
+  set("text-muted", theme.textMuted);
+  set("text-placeholder", theme.textPlaceholder);
+  set("danger", theme.danger);
+  set("success", theme.success);
+  set("warning", theme.warning);
+  set("info", theme.info);
+  return vars;
+}
+
+// src/theme-context.tsx
+import { createContext, useContext } from "react";
+var EMPTY = { className: "", style: {} };
+var WorkspaceThemeContext = createContext(EMPTY);
+function useWorkspaceThemeAttrs() {
+  return useContext(WorkspaceThemeContext);
+}
+
+// src/styling.ts
+import { createContext as createContext2, useContext as useContext2 } from "react";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+var EMPTY2 = {};
+var WorkspaceStylesContext = createContext2(EMPTY2);
+function useWorkspaceClassNames() {
+  return useContext2(WorkspaceStylesContext);
+}
+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 = useContext2(WorkspaceStylesContext);
+  const keyList = Array.isArray(keys) ? keys : [keys];
+  return (slot, ...base) => twMerge(
+    clsx(
+      ...base,
+      ...keyList.map((key) => pickSlot(registry[key], slot)),
+      pickSlot(local, slot),
+      slot === "root" ? className : void 0
+    )
+  );
+}
+
+// src/components/ui/cn.ts
+import { clsx as clsx2 } from "clsx";
+import { twMerge as twMerge2 } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge2(clsx2(inputs));
+}
+
+// src/provider.tsx
+import { createContext as createContext3, useContext as useContext3, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var WorkspaceContext = createContext3(null);
+var EMPTY_CLASS_NAMES = {};
+function WorkspaceProvider({
+  config,
+  children
+}) {
+  const value = useMemo(() => {
+    const apiClient = createWorkspaceClient(config);
+    const socket = createWorkspaceSocket(config);
+    return { config, apiClient, socket };
+  }, [config.baseUrl, config.currentUserId]);
+  const isDark = config.colorScheme === "dark";
+  const themeVars = useMemo(
+    () => buildThemeVars(config.theme, config.colorScheme),
+    [config.theme, config.colorScheme]
+  );
+  const themeClassName = cn("ws-root", isDark && "ws-theme-dark");
+  const themeAttrs = useMemo(
+    () => ({ className: themeClassName, style: themeVars }),
+    [themeClassName, themeVars]
+  );
+  const classNames = config.classNames ?? EMPTY_CLASS_NAMES;
+  return /* @__PURE__ */ jsx(WorkspaceContext.Provider, { value, children: /* @__PURE__ */ jsx(WorkspaceStylesContext.Provider, { value: classNames, children: /* @__PURE__ */ jsx(WorkspaceThemeContext.Provider, { value: themeAttrs, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: themeClassName,
+      style: { display: "contents", ...themeVars },
+      children
+    }
+  ) }) }) });
+}
+function useWorkspaceContext() {
+  const ctx = useContext3(WorkspaceContext);
+  if (!ctx)
+    throw new Error(
+      "useWorkspaceContext must be used within <WorkspaceProvider>"
+    );
+  return ctx;
+}
+
+// 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/hooks/useWorkspaceApi.ts
+import { useMemo as useMemo2 } from "react";
+function useWorkspaceApi() {
+  const { apiClient } = useWorkspaceContext();
+  return useMemo2(() => createWorkspaceApis(apiClient), [apiClient]);
+}
+
+// src/components/ui/Modal.tsx
+import { useEffect, useId, useState } from "react";
+import { createPortal } from "react-dom";
+import { X } from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var MODAL_SIZE_CLASS = {
+  sm: "w-full min-w-0 max-w-sm",
+  md: "w-full min-w-0 max-w-md",
+  lg: "w-full min-w-0 max-w-lg",
+  xl: "w-full min-w-0 max-w-xl",
+  "2xl": "w-full min-w-0 max-w-2xl",
+  "3xl": "w-full min-w-0 max-w-3xl",
+  "4xl": "w-full min-w-0 max-w-4xl",
+  "5xl": "w-full min-w-0 max-w-5xl",
+  "6xl": "w-full min-w-0 max-w-6xl",
+  "7xl": "w-full min-w-0 max-w-7xl",
+  full: "w-full min-w-0 max-w-[calc(100vw-2rem)] sm:max-w-[min(96vw,90rem)]"
+};
+function Modal({
+  open,
+  onClose,
+  children,
+  zIndexClass = "z-[100]",
+  backdropClassName = "bg-black/40 backdrop-blur-sm",
+  size,
+  panelClassName,
+  className,
+  closeOnBackdropClick = false,
+  closeOnEscape = true,
+  ariaLabelledBy: ariaLabelledByProp,
+  ariaDescribedBy: ariaDescribedByProp,
+  title,
+  description,
+  titleIcon,
+  headingId,
+  modalHeaderVariant = "strip",
+  hideCloseButton = false,
+  headerTrailing,
+  closeButtonAriaLabel = "Fermer",
+  closeButtonDisabled = false,
+  closeButtonClassName,
+  closeIconSize = 20,
+  headerClassName,
+  titleClassName,
+  descriptionClassName = "text-text-secondary mt-1 text-sm",
+  classNames
+}) {
+  const slot = useSlots("modal", classNames, className);
+  const [mounted, setMounted] = useState(false);
+  const autoHeadingId = useId();
+  const autoDescIdByModal = 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;
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  useEffect(() => {
+    if (!open) return;
+    const prevOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prevOverflow;
+    };
+  }, [open]);
+  useEffect(() => {
+    if (!open || !closeOnEscape) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [open, closeOnEscape, onClose]);
+  const defaultCloseClasses = closeButtonClassName ?? "text-text-secondary hover:text-text rounded p-1 transition-colors";
+  const trailing = headerTrailing ?? (!hideCloseButton ? /* @__PURE__ */ jsx2(
+    "button",
+    {
+      type: "button",
+      disabled: closeButtonDisabled,
+      onClick: onClose,
+      className: slot(
+        "close",
+        "ws-modal__close",
+        defaultCloseClasses,
+        closeButtonDisabled && "opacity-40"
+      ),
+      "aria-label": closeButtonAriaLabel,
+      children: /* @__PURE__ */ jsx2(X, { size: closeIconSize })
+    }
+  ) : null);
+  const descriptionSlot = description == null ? null : typeof description === "string" || typeof description === "number" ? /* @__PURE__ */ jsx2(
+    "p",
+    {
+      id: assignAutoDescriptionId ? autoDescIdByModal : void 0,
+      className: 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__ */ jsxs("div", { className: slot("header", "ws-modal__header", headerShellClass, headerClassName), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+      titleIcon != null ? /* @__PURE__ */ jsx2("div", { className: "mt-0.5 shrink-0", children: titleIcon }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx2(
+          "h2",
+          {
+            id: resolvedHeadingId,
+            className: slot(
+              "title",
+              "ws-modal__title",
+              "text-text text-lg font-semibold",
+              titleClassName
+            ),
+            children: title
+          }
+        ),
+        descriptionSlot
+      ] })
+    ] }),
+    trailing ? /* @__PURE__ */ jsx2("div", { className: "flex shrink-0 items-start", children: trailing }) : null
+  ] }) : null;
+  if (!mounted || !open) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: 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__ */ 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
+import React4 from "react";
+import { Loader2 } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs2 } from "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 = React4.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__ */ jsxs2(
+      "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__ */ jsx3(Loader2, { className: "animate-spin", size: size === "lg" ? 18 : 16 }) : leftIcon,
+          children,
+          !loading && rightIcon
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/ui/ConfirmModal.tsx
+import React5 from "react";
+import { AlertTriangle } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var ConfirmModal = ({
+  open,
+  onClose,
+  onConfirm,
+  title,
+  description,
+  confirmText = "Confirmer",
+  cancelText = "Annuler",
+  danger = false,
+  className,
+  classNames
+}) => {
+  const [loading, setLoading] = React5.useState(false);
+  const handleConfirm = async () => {
+    setLoading(true);
+    try {
+      await onConfirm();
+    } finally {
+      setLoading(false);
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsx4(
+    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__ */ jsxs3("div", { className: "ws-confirm-modal__body flex flex-col gap-5 p-6", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-3.5", children: [
+          /* @__PURE__ */ jsx4(
+            "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__ */ jsx4(
+                AlertTriangle,
+                {
+                  size: 20,
+                  className: danger ? "text-danger" : "text-primary"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1 pt-0.5", children: [
+            /* @__PURE__ */ jsx4("h3", { className: "text-text text-base font-semibold", children: title }),
+            description && /* @__PURE__ */ jsx4("div", { className: "text-text-secondary mt-1.5 text-sm leading-relaxed", children: description })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex justify-end gap-2.5", children: [
+          /* @__PURE__ */ jsx4(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: onClose,
+              disabled: loading,
+              children: cancelText
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            Button,
+            {
+              variant: danger ? "danger" : "primary",
+              size: "sm",
+              loading,
+              onClick: handleConfirm,
+              children: confirmText
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+
+export {
+  createWorkspaceClient,
+  createWorkspaceSocket,
+  buildThemeVars,
+  WorkspaceThemeContext,
+  useWorkspaceThemeAttrs,
+  WorkspaceStylesContext,
+  useWorkspaceClassNames,
+  useSlots,
+  cn,
+  WorkspaceProvider,
+  useWorkspaceContext,
+  createWorkspaceApis,
+  useWorkspaceApi,
+  Modal,
+  Button,
+  ConfirmModal
+};
+//# sourceMappingURL=chunk-4UDSYAAD.mjs.map