@copilotz/admin 0.3.4 → 0.3.5

package/dist/index.cjs

@@ -0,0 +1,948 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  CopilotzAdmin: () => CopilotzAdmin,
+  defaultAdminConfig: () => defaultAdminConfig,
+  fetchAdminActivity: () => fetchAdminActivity,
+  fetchAdminAgents: () => fetchAdminAgents,
+  fetchAdminOverview: () => fetchAdminOverview,
+  fetchAdminParticipants: () => fetchAdminParticipants,
+  fetchAdminThreads: () => fetchAdminThreads,
+  mergeAdminConfig: () => mergeAdminConfig,
+  useCopilotzAdmin: () => useCopilotzAdmin
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/CopilotzAdmin.tsx
+var import_react2 = require("react");
+
+// src/config.ts
+var defaultAdminConfig = {
+  branding: {
+    title: "Copilotz Admin",
+    subtitle: "Read-only operational visibility for Copilotz clients",
+    logo: null,
+    actions: null
+  },
+  labels: {
+    overviewTitle: "Overview",
+    activityTitle: "Activity",
+    threadsTitle: "Threads",
+    participantsTitle: "Participants",
+    agentsTitle: "Agents",
+    range24h: "24h",
+    range7d: "7d",
+    range30d: "30d",
+    intervalHour: "Hourly",
+    intervalDay: "Daily",
+    refresh: "Refresh",
+    retry: "Try again",
+    loading: "Loading admin data...",
+    emptyTitle: "No activity yet",
+    emptyDescription: "Admin metrics will appear after threads, events, and graph data start flowing.",
+    threadSearchPlaceholder: "Search threads",
+    participantSearchPlaceholder: "Search participants",
+    agentSearchPlaceholder: "Search agents",
+    messagesCard: "Messages",
+    activeThreadsCard: "Active threads",
+    participantsCard: "Participants",
+    tokensCard: "LLM tokens",
+    queueCard: "Queued events",
+    statusActive: "Active",
+    statusArchived: "Archived",
+    scopeGlobal: "Global",
+    scopeScoped: "Scoped",
+    configured: "Configured",
+    unconfigured: "Observed only",
+    noResults: "No results"
+  },
+  features: {
+    showOverview: true,
+    showActivity: true,
+    showThreads: true,
+    showParticipants: true,
+    showAgents: true
+  },
+  ui: {
+    compact: false,
+    maxActivityBars: 18
+  },
+  baseUrl: "",
+  getRequestHeaders: async () => ({}),
+  namespace: "",
+  initialRange: "7d",
+  initialInterval: "day"
+};
+function mergeAdminConfig(_baseConfig, userConfig) {
+  if (!userConfig) return defaultAdminConfig;
+  return {
+    branding: {
+      ...defaultAdminConfig.branding,
+      ...userConfig.branding
+    },
+    labels: {
+      ...defaultAdminConfig.labels,
+      ...userConfig.labels
+    },
+    features: {
+      ...defaultAdminConfig.features,
+      ...userConfig.features
+    },
+    ui: {
+      ...defaultAdminConfig.ui,
+      ...userConfig.ui
+    },
+    baseUrl: userConfig.baseUrl ?? defaultAdminConfig.baseUrl,
+    getRequestHeaders: userConfig.getRequestHeaders ?? defaultAdminConfig.getRequestHeaders,
+    namespace: userConfig.namespace ?? defaultAdminConfig.namespace,
+    initialRange: userConfig.initialRange ?? defaultAdminConfig.initialRange,
+    initialInterval: userConfig.initialInterval ?? defaultAdminConfig.initialInterval
+  };
+}
+
+// src/useCopilotzAdmin.ts
+var import_react = require("react");
+
+// src/adminService.ts
+var import_meta = {};
+var rawBaseValue = import_meta.env?.VITE_API_URL;
+var rawBase = typeof rawBaseValue === "string" && rawBaseValue.length > 0 ? rawBaseValue : "/api";
+var normalizedBase = rawBase.replace(/\/$/, "");
+var runtimeProcess = typeof process !== "undefined" ? process : void 0;
+var API_KEY = (() => {
+  const env = import_meta.env ?? {};
+  const candidates = [
+    env.VITE_API_KEY,
+    env.VITE_COPILOTZ_API_KEY,
+    runtimeProcess?.env?.COPILOTZ_API_KEY,
+    runtimeProcess?.env?.API_KEY
+  ];
+  return candidates.find(
+    (value) => typeof value === "string" && value.length > 0
+  );
+})();
+var resolveBaseUrl = (baseUrl) => {
+  const candidate = (baseUrl && baseUrl.length > 0 ? baseUrl : normalizedBase).replace(/\/$/, "");
+  return candidate.startsWith("http") || candidate.startsWith("/") ? candidate : `/${candidate}`;
+};
+var withAuthHeaders = async (headers = {}, getRequestHeaders) => {
+  const providedHeaders = getRequestHeaders ? await getRequestHeaders() : void 0;
+  if (providedHeaders && Object.keys(providedHeaders).length > 0) {
+    return { ...headers, ...providedHeaders };
+  }
+  if (API_KEY) {
+    return { ...headers, Authorization: `Bearer ${API_KEY}` };
+  }
+  return headers;
+};
+var getRangeWindow = (range) => {
+  const to = /* @__PURE__ */ new Date();
+  const from = new Date(to);
+  if (range === "24h") {
+    from.setHours(from.getHours() - 24);
+  } else if (range === "30d") {
+    from.setDate(from.getDate() - 30);
+  } else {
+    from.setDate(from.getDate() - 7);
+  }
+  return {
+    from: from.toISOString(),
+    to: to.toISOString()
+  };
+};
+async function fetchAdminJson(path, params, options) {
+  const url = new URL(`${resolveBaseUrl(options?.baseUrl)}${path}`, window.location.origin);
+  for (const [key, value] of Object.entries(params)) {
+    if (typeof value === "string" && value.length > 0) {
+      url.searchParams.set(key, value);
+    }
+  }
+  const response = await fetch(url.toString(), {
+    headers: await withAuthHeaders({}, options?.getRequestHeaders)
+  });
+  if (!response.ok) {
+    throw new Error(`Admin request failed (${response.status})`);
+  }
+  const payload = await response.json();
+  return payload.data;
+}
+async function fetchAdminOverview(range, namespace, options) {
+  const windowRange = getRangeWindow(range);
+  return await fetchAdminJson("/v1/admin/overview", {
+    namespace,
+    from: windowRange.from,
+    to: windowRange.to
+  }, options);
+}
+async function fetchAdminActivity(range, interval, namespace, options) {
+  const windowRange = getRangeWindow(range);
+  return await fetchAdminJson("/v1/admin/activity", {
+    namespace,
+    interval,
+    from: windowRange.from,
+    to: windowRange.to
+  }, options);
+}
+async function fetchAdminThreads(search, namespace, options) {
+  return await fetchAdminJson("/v1/admin/threads", {
+    search,
+    namespace,
+    limit: "8"
+  }, options);
+}
+async function fetchAdminParticipants(search, namespace, options) {
+  return await fetchAdminJson("/v1/admin/participants", {
+    search,
+    namespace,
+    limit: "8"
+  }, options);
+}
+async function fetchAdminAgents(search, namespace, options) {
+  return await fetchAdminJson("/v1/admin/agents", {
+    search,
+    namespace,
+    limit: "8"
+  }, options);
+}
+
+// src/useCopilotzAdmin.ts
+function useCopilotzAdmin(options = {}) {
+  const [range, setRange] = (0, import_react.useState)(options.range ?? "7d");
+  const [interval, setInterval] = (0, import_react.useState)(
+    options.interval ?? "day"
+  );
+  const [overview, setOverview] = (0, import_react.useState)(
+    null
+  );
+  const [activity, setActivity] = (0, import_react.useState)(
+    []
+  );
+  const [threads, setThreads] = (0, import_react.useState)([]);
+  const [participants, setParticipants] = (0, import_react.useState)([]);
+  const [agents, setAgents] = (0, import_react.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  const [error, setError] = (0, import_react.useState)(null);
+  const fetchAll = (0, import_react.useCallback)(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const shared = {
+        baseUrl: options.baseUrl,
+        getRequestHeaders: options.getRequestHeaders
+      };
+      const [
+        nextOverview,
+        nextActivity,
+        nextThreads,
+        nextParticipants,
+        nextAgents
+      ] = await Promise.all([
+        fetchAdminOverview(range, options.namespace, shared),
+        fetchAdminActivity(range, interval, options.namespace, shared),
+        fetchAdminThreads(options.threadSearch, options.namespace, shared),
+        fetchAdminParticipants(
+          options.participantSearch,
+          options.namespace,
+          shared
+        ),
+        fetchAdminAgents(options.agentSearch, options.namespace, shared)
+      ]);
+      setOverview(nextOverview);
+      setActivity(nextActivity);
+      setThreads(nextThreads);
+      setParticipants(nextParticipants);
+      setAgents(nextAgents);
+    } catch (nextError) {
+      setError(nextError instanceof Error ? nextError : new Error("Failed to load admin data"));
+    } finally {
+      setIsLoading(false);
+    }
+  }, [
+    interval,
+    options.agentSearch,
+    options.baseUrl,
+    options.getRequestHeaders,
+    options.namespace,
+    options.participantSearch,
+    options.threadSearch,
+    range
+  ]);
+  (0, import_react.useEffect)(() => {
+    void fetchAll();
+  }, [fetchAll]);
+  return (0, import_react.useMemo)(() => ({
+    overview,
+    activity,
+    threads,
+    participants,
+    agents,
+    filters: {
+      namespace: options.namespace,
+      threadSearch: options.threadSearch,
+      participantSearch: options.participantSearch,
+      agentSearch: options.agentSearch,
+      range,
+      interval
+    },
+    isLoading,
+    error,
+    refresh: fetchAll,
+    setRange,
+    setInterval
+  }), [
+    activity,
+    agents,
+    error,
+    fetchAll,
+    interval,
+    isLoading,
+    options.agentSearch,
+    options.namespace,
+    options.participantSearch,
+    options.threadSearch,
+    overview,
+    participants,
+    range,
+    threads
+  ]);
+}
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/card.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/button.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/input.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/badge.tsx
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority2.cva)(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot2.Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/select.tsx
+var React = __toESM(require("react"), 1);
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Select = SelectPrimitive.Root;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-9 w-full items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs outline-none transition-colors placeholder:text-muted-foreground focus:ring-2 focus:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",
+      position === "popper" && "translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SelectPrimitive.ScrollUpButton, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.ChevronUp, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SelectPrimitive.ScrollDownButton, { className: "flex cursor-default items-center justify-center py-1", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.ChevronDown, { className: "h-4 w-4" }) })
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SelectPrimitive.ItemText, { children }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SelectPrimitive.ItemIndicator, { className: "absolute right-2 inline-flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.Check, { className: "h-4 w-4" }) })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+
+// src/CopilotzAdmin.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CopilotzAdmin = ({
+  config: userConfig,
+  className
+}) => {
+  const config = (0, import_react2.useMemo)(
+    () => mergeAdminConfig(defaultAdminConfig, userConfig),
+    [userConfig]
+  );
+  const [threadSearch, setThreadSearch] = (0, import_react2.useState)("");
+  const [participantSearch, setParticipantSearch] = (0, import_react2.useState)("");
+  const [agentSearch, setAgentSearch] = (0, import_react2.useState)("");
+  const deferredThreadSearch = (0, import_react2.useDeferredValue)(threadSearch);
+  const deferredParticipantSearch = (0, import_react2.useDeferredValue)(participantSearch);
+  const deferredAgentSearch = (0, import_react2.useDeferredValue)(agentSearch);
+  const admin = useCopilotzAdmin({
+    baseUrl: config.baseUrl,
+    getRequestHeaders: config.getRequestHeaders,
+    namespace: config.namespace,
+    range: config.initialRange,
+    interval: config.initialInterval,
+    threadSearch: deferredThreadSearch,
+    participantSearch: deferredParticipantSearch,
+    agentSearch: deferredAgentSearch
+  });
+  const cards = [
+    {
+      label: config.labels.messagesCard,
+      value: admin.overview?.messageTotals.total ?? 0,
+      detail: `${admin.overview?.messageTotals.toolCallMessages ?? 0} tool-call messages`
+    },
+    {
+      label: config.labels.activeThreadsCard,
+      value: admin.overview?.threadTotals.active ?? 0,
+      detail: `${admin.overview?.threadTotals.total ?? 0} total threads`
+    },
+    {
+      label: config.labels.participantsCard,
+      value: admin.overview?.participantTotals.total ?? 0,
+      detail: `${admin.overview?.participantTotals.agents ?? 0} agents`
+    },
+    {
+      label: config.labels.tokensCard,
+      value: admin.overview?.llmTotals.totalTokens ?? 0,
+      detail: `${admin.overview?.llmTotals.totalCalls ?? 0} calls`
+    },
+    {
+      label: config.labels.queueCard,
+      value: admin.overview?.queueTotals.pending ?? 0,
+      detail: `${admin.overview?.queueTotals.failed ?? 0} failed`
+    }
+  ];
+  if (admin.isLoading && !admin.overview) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Card, { className: cn("p-8", className), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CardContent, { className: "p-0 text-muted-foreground", children: config.labels.loading }) });
+  }
+  if (admin.error && !admin.overview) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Card, { className: cn("border-destructive/50 bg-destructive/10 p-8", className), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(CardContent, { className: "p-0 space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-base font-semibold text-destructive", children: admin.error.message }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Button,
+        {
+          variant: "destructive",
+          onClick: () => void admin.refresh(),
+          children: config.labels.retry
+        }
+      )
+    ] }) });
+  }
+  const isEmpty = cards.every((card) => card.value === 0) && admin.activity.length === 0 && admin.threads.length === 0 && admin.participants.length === 0 && admin.agents.length === 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: cn("space-y-6 text-foreground", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("header", { className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-3", children: [
+          config.branding.logo ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl border bg-card shadow-sm", children: config.branding.logo }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "text-2xl font-semibold tracking-tight", children: config.branding.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-muted-foreground", children: config.branding.subtitle })
+          ] })
+        ] }),
+        config.namespace ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "text-xs font-medium uppercase tracking-[0.18em] text-muted-foreground", children: [
+          "Namespace: ",
+          config.namespace
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          Button,
+          {
+            variant: admin.filters.range === "24h" ? "default" : "outline",
+            size: "sm",
+            onClick: () => admin.setRange("24h"),
+            children: config.labels.range24h
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          Button,
+          {
+            variant: admin.filters.range === "7d" ? "default" : "outline",
+            size: "sm",
+            onClick: () => admin.setRange("7d"),
+            children: config.labels.range7d
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          Button,
+          {
+            variant: admin.filters.range === "30d" ? "default" : "outline",
+            size: "sm",
+            onClick: () => admin.setRange("30d"),
+            children: config.labels.range30d
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+          Select,
+          {
+            value: admin.filters.interval,
+            onValueChange: (v) => admin.setInterval(v),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectTrigger, { className: "w-[110px] h-8", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectValue, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(SelectContent, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectItem, { value: "hour", children: config.labels.intervalHour }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectItem, { value: "day", children: config.labels.intervalDay })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => void admin.refresh(),
+            children: config.labels.refresh
+          }
+        ),
+        config.branding.actions
+      ] })
+    ] }),
+    isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Card, { className: "border-dashed py-10 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(CardContent, { className: "p-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: "text-lg font-semibold", children: config.labels.emptyTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-2 text-sm text-muted-foreground", children: config.labels.emptyDescription })
+    ] }) }) : null,
+    config.features.showOverview ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SectionHeading, { title: config.labels.overviewTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-5", children: cards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Card, { className: "gap-0 py-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(CardContent, { className: "p-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-medium text-muted-foreground", children: card.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-3 text-3xl font-semibold tracking-tight", children: formatNumber(card.value) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-2 text-xs text-muted-foreground", children: card.detail })
+      ] }) }, card.label)) })
+    ] }) : null,
+    config.features.showActivity ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SectionHeading, { title: config.labels.activityTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        ActivityChart,
+        {
+          interval: admin.filters.interval,
+          labels: config.labels,
+          maxBars: config.ui.maxActivityBars,
+          points: admin.activity
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid gap-6 xl:grid-cols-3", children: [
+      config.features.showThreads ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        DataTable,
+        {
+          rows: admin.threads,
+          searchPlaceholder: config.labels.threadSearchPlaceholder,
+          searchValue: threadSearch,
+          setSearchValue: setThreadSearch,
+          title: config.labels.threadsTitle,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ThreadsTable, { rows: admin.threads, labels: config.labels })
+        }
+      ) : null,
+      config.features.showParticipants ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        DataTable,
+        {
+          rows: admin.participants,
+          searchPlaceholder: config.labels.participantSearchPlaceholder,
+          searchValue: participantSearch,
+          setSearchValue: setParticipantSearch,
+          title: config.labels.participantsTitle,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            ParticipantsTable,
+            {
+              rows: admin.participants,
+              labels: config.labels
+            }
+          )
+        }
+      ) : null,
+      config.features.showAgents ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        DataTable,
+        {
+          rows: admin.agents,
+          searchPlaceholder: config.labels.agentSearchPlaceholder,
+          searchValue: agentSearch,
+          setSearchValue: setAgentSearch,
+          title: config.labels.agentsTitle,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AgentsTable, { rows: admin.agents, labels: config.labels })
+        }
+      ) : null
+    ] })
+  ] });
+};
+function SectionHeading({ title }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: "text-lg font-semibold tracking-tight", children: title });
+}
+function ActivityChart(props) {
+  const trimmedPoints = props.points.slice(-props.maxBars);
+  const maxMessages = Math.max(
+    ...trimmedPoints.map((point) => point.messageCount),
+    1
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Card, { className: "gap-0 py-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CardContent, { className: "p-5", children: trimmedPoints.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-muted-foreground", children: props.labels.noResults }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex min-h-56 items-end gap-2", children: trimmedPoints.map((point) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "div",
+    {
+      className: "flex min-w-0 flex-1 flex-col items-center gap-2",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex h-40 w-full items-end rounded-lg bg-muted px-1 pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "div",
+          {
+            className: "w-full rounded-md bg-primary",
+            style: {
+              height: `${Math.max(point.messageCount / maxMessages * 100, 8)}%`
+            }
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs font-medium", children: formatBucket(point.bucket, props.interval) }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "text-[11px] text-muted-foreground", children: [
+            formatNumber(point.messageCount),
+            " msg"
+          ] })
+        ] })
+      ]
+    },
+    point.bucket
+  )) }) }) });
+}
+function DataTable(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Card, { className: "gap-0 py-0", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(CardContent, { className: "p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mb-4 flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SectionHeading, { title: props.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Input,
+        {
+          className: "w-full max-w-44 h-8",
+          onChange: (event) => props.setSearchValue(event.target.value),
+          placeholder: props.searchPlaceholder,
+          value: props.searchValue
+        }
+      )
+    ] }),
+    props.rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-muted-foreground", children: "No results" }) : props.children
+  ] }) });
+}
+function ThreadsTable({
+  rows,
+  labels
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "space-y-3", children: rows.map((thread) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "div",
+    {
+      className: "rounded-lg border bg-muted/50 p-4",
+      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", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "font-medium", children: thread.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1 text-xs text-muted-foreground truncate", children: thread.summary ?? thread.lastMessagePreview ?? "No summary yet" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            Badge,
+            {
+              variant: thread.status === "archived" ? "secondary" : "default",
+              children: thread.status === "archived" ? labels.statusArchived : labels.statusActive
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mt-3 flex flex-wrap gap-3 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+            formatNumber(thread.messageCount),
+            " messages"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+            thread.participantIds.length,
+            " participants"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: formatDate(thread.lastActivityAt) })
+        ] })
+      ]
+    },
+    thread.threadId
+  )) });
+}
+function ParticipantsTable({
+  rows,
+  labels
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "space-y-3", children: rows.map((participant) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "div",
+    {
+      className: "rounded-lg border bg-muted/50 p-4",
+      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", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "font-medium", children: participant.displayName }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1 text-xs uppercase tracking-[0.18em] text-muted-foreground", children: participant.participantType })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Badge, { variant: "outline", children: participant.isGlobal ? labels.scopeGlobal : labels.scopeScoped })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mt-3 flex flex-wrap gap-3 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+            formatNumber(participant.messageCount),
+            " messages"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+            formatNumber(participant.threadCount),
+            " threads"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: formatDate(participant.lastActivityAt) })
+        ] })
+      ]
+    },
+    `${participant.namespace}:${participant.externalId}`
+  )) });
+}
+function AgentsTable({
+  rows,
+  labels
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "space-y-3", children: rows.map((agent) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "div",
+    {
+      className: "rounded-lg border bg-muted/50 p-4",
+      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", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "font-medium", children: agent.displayName }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1 text-xs text-muted-foreground truncate", children: agent.description ?? agent.agentId })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Badge, { variant: "outline", children: agent.isConfigured ? labels.configured : labels.unconfigured })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mt-3 grid grid-cols-2 gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+            formatNumber(agent.messageCount),
+            " messages"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+            formatNumber(agent.llmCallCount),
+            " LLM calls"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+            formatNumber(agent.toolCallMessageCount),
+            " tool calls"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { children: [
+            formatNumber(agent.totalTokens),
+            " tokens"
+          ] })
+        ] })
+      ]
+    },
+    `${agent.namespace}:${agent.agentId}`
+  )) });
+}
+function formatBucket(bucket, interval) {
+  const date = new Date(bucket);
+  if (Number.isNaN(date.getTime())) return bucket;
+  return interval === "hour" ? date.toLocaleString(void 0, {
+    hour: "numeric",
+    month: "short",
+    day: "numeric"
+  }) : date.toLocaleDateString(void 0, {
+    month: "short",
+    day: "numeric"
+  });
+}
+function formatDate(value) {
+  if (!value) return "No activity";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  return date.toLocaleString(void 0, {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function formatNumber(value) {
+  return new Intl.NumberFormat().format(value);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopilotzAdmin,
+  defaultAdminConfig,
+  fetchAdminActivity,
+  fetchAdminAgents,
+  fetchAdminOverview,
+  fetchAdminParticipants,
+  fetchAdminThreads,
+  mergeAdminConfig,
+  useCopilotzAdmin
+});
+//# sourceMappingURL=index.cjs.map