@copilotz/admin 0.3.4

package/dist/index.d.ts

@@ -0,0 +1,214 @@
+import React, { ReactNode } from 'react';
+
+type RequestHeadersProvider = () => Record<string, string> | Promise<Record<string, string>>;
+type AdminDatePreset = "24h" | "7d" | "30d";
+type AdminActivityInterval = "hour" | "day";
+interface AdminOverview {
+    threadTotals: {
+        total: number;
+        active: number;
+        archived: number;
+    };
+    queueTotals: {
+        total: number;
+        pending: number;
+        processing: number;
+        completed: number;
+        failed: number;
+        expired: number;
+        overwritten: number;
+    };
+    messageTotals: {
+        total: number;
+        toolCallMessages: number;
+    };
+    participantTotals: {
+        total: number;
+        humans: number;
+        agents: number;
+    };
+    llmTotals: {
+        totalCalls: number;
+        inputTokens: number;
+        outputTokens: number;
+        reasoningTokens: number;
+        cacheReadInputTokens: number;
+        cacheCreationInputTokens: number;
+        totalTokens: number;
+    };
+}
+interface AdminActivityPoint {
+    bucket: string;
+    messageCount: number;
+    llmCallCount: number;
+    toolCallMessageCount: number;
+    totalTokens: number;
+}
+interface AdminThreadSummary {
+    threadId: string;
+    name: string;
+    status: string;
+    summary: string | null;
+    participantIds: string[];
+    messageCount: number;
+    lastActivityAt: string | null;
+    lastMessagePreview: string | null;
+    createdAt: string | null;
+    updatedAt: string | null;
+}
+interface AdminParticipantSummary {
+    externalId: string;
+    displayName: string;
+    participantType: "human" | "agent";
+    namespace: string;
+    isGlobal: boolean;
+    messageCount: number;
+    threadCount: number;
+    lastActivityAt: string | null;
+}
+interface AdminAgentSummary {
+    agentId: string;
+    displayName: string;
+    description: string | null;
+    isConfigured: boolean;
+    namespace: string;
+    isGlobal: boolean;
+    messageCount: number;
+    llmCallCount: number;
+    toolCallMessageCount: number;
+    inputTokens: number;
+    outputTokens: number;
+    reasoningTokens: number;
+    cacheReadInputTokens: number;
+    cacheCreationInputTokens: number;
+    totalTokens: number;
+    lastActivityAt: string | null;
+}
+interface AdminFilters {
+    namespace?: string;
+    range?: AdminDatePreset;
+    interval?: AdminActivityInterval;
+    threadSearch?: string;
+    participantSearch?: string;
+    agentSearch?: string;
+}
+interface AdminConfig {
+    branding?: {
+        title?: string;
+        subtitle?: string;
+        logo?: ReactNode;
+        actions?: ReactNode;
+    };
+    labels?: {
+        overviewTitle?: string;
+        activityTitle?: string;
+        threadsTitle?: string;
+        participantsTitle?: string;
+        agentsTitle?: string;
+        range24h?: string;
+        range7d?: string;
+        range30d?: string;
+        intervalHour?: string;
+        intervalDay?: string;
+        refresh?: string;
+        retry?: string;
+        loading?: string;
+        emptyTitle?: string;
+        emptyDescription?: string;
+        threadSearchPlaceholder?: string;
+        participantSearchPlaceholder?: string;
+        agentSearchPlaceholder?: string;
+        messagesCard?: string;
+        activeThreadsCard?: string;
+        participantsCard?: string;
+        tokensCard?: string;
+        queueCard?: string;
+        statusActive?: string;
+        statusArchived?: string;
+        scopeGlobal?: string;
+        scopeScoped?: string;
+        configured?: string;
+        unconfigured?: string;
+        noResults?: string;
+    };
+    features?: {
+        showOverview?: boolean;
+        showActivity?: boolean;
+        showThreads?: boolean;
+        showParticipants?: boolean;
+        showAgents?: boolean;
+    };
+    ui?: {
+        compact?: boolean;
+        maxActivityBars?: number;
+    };
+    baseUrl?: string;
+    getRequestHeaders?: RequestHeadersProvider;
+    namespace?: string;
+    initialRange?: AdminDatePreset;
+    initialInterval?: AdminActivityInterval;
+}
+interface ResolvedAdminConfig {
+    branding: Required<NonNullable<AdminConfig["branding"]>>;
+    labels: Required<NonNullable<AdminConfig["labels"]>>;
+    features: Required<NonNullable<AdminConfig["features"]>>;
+    ui: Required<NonNullable<AdminConfig["ui"]>>;
+    baseUrl: string;
+    getRequestHeaders: RequestHeadersProvider;
+    namespace: string;
+    initialRange: AdminDatePreset;
+    initialInterval: AdminActivityInterval;
+}
+interface AdminSectionState {
+    overview: AdminOverview | null;
+    activity: AdminActivityPoint[];
+    threads: AdminThreadSummary[];
+    participants: AdminParticipantSummary[];
+    agents: AdminAgentSummary[];
+}
+interface UseCopilotzAdminOptions extends AdminFilters {
+    baseUrl?: string;
+    getRequestHeaders?: RequestHeadersProvider;
+}
+interface UseCopilotzAdminResult extends AdminSectionState {
+    filters: Required<Pick<AdminFilters, "range" | "interval">> & Omit<AdminFilters, "range" | "interval">;
+    isLoading: boolean;
+    error: Error | null;
+    refresh: () => Promise<void>;
+    setRange: (range: AdminDatePreset) => void;
+    setInterval: (interval: AdminActivityInterval) => void;
+}
+
+interface CopilotzAdminProps {
+    config?: Partial<AdminConfig>;
+    className?: string;
+}
+declare const CopilotzAdmin: React.FC<CopilotzAdminProps>;
+
+declare function useCopilotzAdmin(options?: UseCopilotzAdminOptions): UseCopilotzAdminResult;
+
+declare function fetchAdminOverview(range: AdminDatePreset, namespace?: string, options?: {
+    baseUrl?: string;
+    getRequestHeaders?: RequestHeadersProvider;
+}): Promise<AdminOverview>;
+declare function fetchAdminActivity(range: AdminDatePreset, interval: AdminActivityInterval, namespace?: string, options?: {
+    baseUrl?: string;
+    getRequestHeaders?: RequestHeadersProvider;
+}): Promise<AdminActivityPoint[]>;
+declare function fetchAdminThreads(search?: string, namespace?: string, options?: {
+    baseUrl?: string;
+    getRequestHeaders?: RequestHeadersProvider;
+}): Promise<AdminThreadSummary[]>;
+declare function fetchAdminParticipants(search?: string, namespace?: string, options?: {
+    baseUrl?: string;
+    getRequestHeaders?: RequestHeadersProvider;
+}): Promise<AdminParticipantSummary[]>;
+declare function fetchAdminAgents(search?: string, namespace?: string, options?: {
+    baseUrl?: string;
+    getRequestHeaders?: RequestHeadersProvider;
+}): Promise<AdminAgentSummary[]>;
+
+declare const defaultAdminConfig: ResolvedAdminConfig;
+declare function mergeAdminConfig(_baseConfig: AdminConfig, userConfig?: Partial<AdminConfig>): ResolvedAdminConfig;
+
+export { type AdminActivityInterval, type AdminActivityPoint, type AdminAgentSummary, type AdminConfig, type AdminDatePreset, type AdminFilters, type AdminOverview, type AdminParticipantSummary, type AdminSectionState, type AdminThreadSummary, CopilotzAdmin, type RequestHeadersProvider, type UseCopilotzAdminOptions, type UseCopilotzAdminResult, defaultAdminConfig, fetchAdminActivity, fetchAdminAgents, fetchAdminOverview, fetchAdminParticipants, fetchAdminThreads, mergeAdminConfig, useCopilotzAdmin };

package/dist/index.js

@@ -0,0 +1,669 @@
+// src/CopilotzAdmin.tsx
+import {
+  useDeferredValue,
+  useMemo as useMemo2,
+  useState as useState2
+} from "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
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+
+// src/adminService.ts
+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] = useState(options.range ?? "7d");
+  const [interval, setInterval] = useState(
+    options.interval ?? "day"
+  );
+  const [overview, setOverview] = useState(
+    null
+  );
+  const [activity, setActivity] = useState(
+    []
+  );
+  const [threads, setThreads] = useState([]);
+  const [participants, setParticipants] = useState([]);
+  const [agents, setAgents] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchAll = 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
+  ]);
+  useEffect(() => {
+    void fetchAll();
+  }, [fetchAll]);
+  return 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/CopilotzAdmin.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CopilotzAdmin = ({
+  config: userConfig,
+  className
+}) => {
+  const config = useMemo2(
+    () => mergeAdminConfig(defaultAdminConfig, userConfig),
+    [userConfig]
+  );
+  const [threadSearch, setThreadSearch] = useState2("");
+  const [participantSearch, setParticipantSearch] = useState2("");
+  const [agentSearch, setAgentSearch] = useState2("");
+  const deferredThreadSearch = useDeferredValue(threadSearch);
+  const deferredParticipantSearch = useDeferredValue(participantSearch);
+  const deferredAgentSearch = 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__ */ jsx("div", { className: joinClassNames("rounded-3xl border border-slate-200 bg-white p-8 text-slate-700 shadow-sm", className), children: config.labels.loading });
+  }
+  if (admin.error && !admin.overview) {
+    return /* @__PURE__ */ jsxs("div", { className: joinClassNames("rounded-3xl border border-rose-200 bg-rose-50 p-8 text-rose-700 shadow-sm", className), children: [
+      /* @__PURE__ */ jsx("p", { className: "text-base font-semibold", children: admin.error.message }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "mt-4 rounded-xl bg-rose-600 px-4 py-2 text-sm font-medium text-white",
+          onClick: () => void admin.refresh(),
+          type: "button",
+          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__ */ jsxs("div", { className: joinClassNames("space-y-6 rounded-[28px] border border-slate-200 bg-[linear-gradient(180deg,#ffffff_0%,#f8fafc_100%)] p-6 text-slate-900 shadow-sm", className), children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          config.branding.logo ? /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-2xl border border-slate-200 bg-white shadow-sm", children: config.branding.logo }) : null,
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold tracking-tight", children: config.branding.title }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: config.branding.subtitle })
+          ] })
+        ] }),
+        config.namespace ? /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium uppercase tracking-[0.18em] text-slate-400", children: [
+          "Namespace: ",
+          config.namespace
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          RangeButton,
+          {
+            active: admin.filters.range === "24h",
+            label: config.labels.range24h,
+            onClick: () => admin.setRange("24h")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          RangeButton,
+          {
+            active: admin.filters.range === "7d",
+            label: config.labels.range7d,
+            onClick: () => admin.setRange("7d")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          RangeButton,
+          {
+            active: admin.filters.range === "30d",
+            label: config.labels.range30d,
+            onClick: () => admin.setRange("30d")
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            className: "rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm",
+            onChange: (event) => admin.setInterval(event.target.value),
+            value: admin.filters.interval,
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "hour", children: config.labels.intervalHour }),
+              /* @__PURE__ */ jsx("option", { value: "day", children: config.labels.intervalDay })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm font-medium text-slate-700",
+            onClick: () => void admin.refresh(),
+            type: "button",
+            children: config.labels.refresh
+          }
+        ),
+        config.branding.actions
+      ] })
+    ] }),
+    isEmpty ? /* @__PURE__ */ jsxs("section", { className: "rounded-3xl border border-dashed border-slate-300 bg-white/70 p-10 text-center", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: config.labels.emptyTitle }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-slate-500", children: config.labels.emptyDescription })
+    ] }) : null,
+    config.features.showOverview ? /* @__PURE__ */ jsxs("section", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(SectionHeading, { title: config.labels.overviewTitle }),
+      /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-5", children: cards.map((card) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "rounded-3xl border border-slate-200 bg-white p-5 shadow-sm",
+          children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-slate-500", children: card.label }),
+            /* @__PURE__ */ jsx("p", { className: "mt-3 text-3xl font-semibold tracking-tight", children: formatNumber(card.value) }),
+            /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-slate-400", children: card.detail })
+          ]
+        },
+        card.label
+      )) })
+    ] }) : null,
+    config.features.showActivity ? /* @__PURE__ */ jsxs("section", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(SectionHeading, { title: config.labels.activityTitle }),
+      /* @__PURE__ */ jsx(
+        ActivityChart,
+        {
+          compact: config.ui.compact,
+          interval: admin.filters.interval,
+          labels: config.labels,
+          maxBars: config.ui.maxActivityBars,
+          points: admin.activity
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-6 xl:grid-cols-3", children: [
+      config.features.showThreads ? /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          rows: admin.threads,
+          searchPlaceholder: config.labels.threadSearchPlaceholder,
+          searchValue: threadSearch,
+          setSearchValue: setThreadSearch,
+          title: config.labels.threadsTitle,
+          children: /* @__PURE__ */ jsx(ThreadsTable, { rows: admin.threads, labels: config.labels })
+        }
+      ) : null,
+      config.features.showParticipants ? /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          rows: admin.participants,
+          searchPlaceholder: config.labels.participantSearchPlaceholder,
+          searchValue: participantSearch,
+          setSearchValue: setParticipantSearch,
+          title: config.labels.participantsTitle,
+          children: /* @__PURE__ */ jsx(ParticipantsTable, { rows: admin.participants, labels: config.labels })
+        }
+      ) : null,
+      config.features.showAgents ? /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          rows: admin.agents,
+          searchPlaceholder: config.labels.agentSearchPlaceholder,
+          searchValue: agentSearch,
+          setSearchValue: setAgentSearch,
+          title: config.labels.agentsTitle,
+          children: /* @__PURE__ */ jsx(AgentsTable, { rows: admin.agents, labels: config.labels })
+        }
+      ) : null
+    ] })
+  ] });
+};
+function SectionHeading({ title }) {
+  return /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold tracking-tight", children: title });
+}
+function RangeButton({ active, label, onClick }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: joinClassNames(
+        "rounded-xl px-3 py-2 text-sm font-medium transition",
+        active ? "bg-slate-900 text-white" : "border border-slate-200 bg-white text-slate-600"
+      ),
+      onClick,
+      type: "button",
+      children: label
+    }
+  );
+}
+function ActivityChart(props) {
+  const trimmedPoints = props.points.slice(-props.maxBars);
+  const maxMessages = Math.max(...trimmedPoints.map((point) => point.messageCount), 1);
+  return /* @__PURE__ */ jsx("div", { className: "rounded-3xl border border-slate-200 bg-white p-5 shadow-sm", children: trimmedPoints.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: props.labels.noResults }) : /* @__PURE__ */ jsx("div", { className: "flex min-h-56 items-end gap-2", children: trimmedPoints.map((point) => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-center gap-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex h-40 w-full items-end rounded-2xl bg-slate-100/80 px-1 pb-1", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "w-full rounded-xl bg-slate-900",
+        style: {
+          height: `${Math.max(point.messageCount / maxMessages * 100, 8)}%`
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-slate-700", children: formatBucket(point.bucket, props.interval) }),
+      /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-slate-400", children: [
+        formatNumber(point.messageCount),
+        " msg"
+      ] })
+    ] })
+  ] }, point.bucket)) }) });
+}
+function DataTable(props) {
+  return /* @__PURE__ */ jsxs("section", { className: "rounded-3xl border border-slate-200 bg-white p-5 shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx(SectionHeading, { title: props.title }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: "w-full max-w-44 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm outline-none ring-0",
+          onChange: (event) => props.setSearchValue(event.target.value),
+          placeholder: props.searchPlaceholder,
+          value: props.searchValue
+        }
+      )
+    ] }),
+    props.rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "No results" }) : props.children
+  ] });
+}
+function ThreadsTable({ rows, labels }) {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: rows.map((thread) => /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/70 p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-slate-900", children: thread.name }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-slate-500", children: thread.summary ?? thread.lastMessagePreview ?? "No summary yet" })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "rounded-full bg-slate-900 px-2.5 py-1 text-[11px] font-semibold text-white", children: thread.status === "archived" ? labels.statusArchived : labels.statusActive })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-3 text-xs text-slate-500", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        formatNumber(thread.messageCount),
+        " messages"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        thread.participantIds.length,
+        " participants"
+      ] }),
+      /* @__PURE__ */ jsx("span", { children: formatDate(thread.lastActivityAt) })
+    ] })
+  ] }, thread.threadId)) });
+}
+function ParticipantsTable({ rows, labels }) {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: rows.map((participant) => /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/70 p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-slate-900", children: participant.displayName }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs uppercase tracking-[0.18em] text-slate-400", children: participant.participantType })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "rounded-full border border-slate-200 bg-white px-2.5 py-1 text-[11px] font-semibold text-slate-600", children: participant.isGlobal ? labels.scopeGlobal : labels.scopeScoped })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-3 text-xs text-slate-500", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        formatNumber(participant.messageCount),
+        " messages"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        formatNumber(participant.threadCount),
+        " threads"
+      ] }),
+      /* @__PURE__ */ jsx("span", { children: formatDate(participant.lastActivityAt) })
+    ] })
+  ] }, `${participant.namespace}:${participant.externalId}`)) });
+}
+function AgentsTable({ rows, labels }) {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: rows.map((agent) => /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-slate-200 bg-slate-50/70 p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-slate-900", children: agent.displayName }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-slate-500", children: agent.description ?? agent.agentId })
+      ] }),
+      /* @__PURE__ */ jsx("span", { className: "rounded-full border border-slate-200 bg-white px-2.5 py-1 text-[11px] font-semibold text-slate-600", children: agent.isConfigured ? labels.configured : labels.unconfigured })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3 grid grid-cols-2 gap-2 text-xs text-slate-500", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        formatNumber(agent.messageCount),
+        " messages"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        formatNumber(agent.llmCallCount),
+        " LLM calls"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        formatNumber(agent.toolCallMessageCount),
+        " tool calls"
+      ] }),
+      /* @__PURE__ */ 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);
+}
+function joinClassNames(...values) {
+  return values.filter(Boolean).join(" ");
+}
+export {
+  CopilotzAdmin,
+  defaultAdminConfig,
+  fetchAdminActivity,
+  fetchAdminAgents,
+  fetchAdminOverview,
+  fetchAdminParticipants,
+  fetchAdminThreads,
+  mergeAdminConfig,
+  useCopilotzAdmin
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/CopilotzAdmin.tsx","../src/config.ts","../src/useCopilotzAdmin.ts","../src/adminService.ts"],"sourcesContent":["import React, {\n  useDeferredValue,\n  useMemo,\n  useState,\n} from \"react\";\nimport { defaultAdminConfig, mergeAdminConfig } from \"./config\";\nimport { useCopilotzAdmin } from \"./useCopilotzAdmin\";\nimport type {\n  AdminActivityPoint,\n  AdminAgentSummary,\n  AdminConfig,\n  AdminParticipantSummary,\n  ResolvedAdminConfig,\n  AdminThreadSummary,\n} from \"./types\";\n\nexport interface CopilotzAdminProps {\n  config?: Partial<AdminConfig>;\n  className?: string;\n}\n\nexport const CopilotzAdmin: React.FC<CopilotzAdminProps> = ({\n  config: userConfig,\n  className,\n}) => {\n  const config = useMemo(\n    () => mergeAdminConfig(defaultAdminConfig, userConfig),\n    [userConfig],\n  );\n  const [threadSearch, setThreadSearch] = useState(\"\");\n  const [participantSearch, setParticipantSearch] = useState(\"\");\n  const [agentSearch, setAgentSearch] = useState(\"\");\n  const deferredThreadSearch = useDeferredValue(threadSearch);\n  const deferredParticipantSearch = useDeferredValue(participantSearch);\n  const deferredAgentSearch = useDeferredValue(agentSearch);\n\n  const admin = useCopilotzAdmin({\n    baseUrl: config.baseUrl,\n    getRequestHeaders: config.getRequestHeaders,\n    namespace: config.namespace,\n    range: config.initialRange,\n    interval: config.initialInterval,\n    threadSearch: deferredThreadSearch,\n    participantSearch: deferredParticipantSearch,\n    agentSearch: deferredAgentSearch,\n  });\n\n  const cards = [\n    {\n      label: config.labels.messagesCard,\n      value: admin.overview?.messageTotals.total ?? 0,\n      detail: `${admin.overview?.messageTotals.toolCallMessages ?? 0} tool-call messages`,\n    },\n    {\n      label: config.labels.activeThreadsCard,\n      value: admin.overview?.threadTotals.active ?? 0,\n      detail: `${admin.overview?.threadTotals.total ?? 0} total threads`,\n    },\n    {\n      label: config.labels.participantsCard,\n      value: admin.overview?.participantTotals.total ?? 0,\n      detail: `${admin.overview?.participantTotals.agents ?? 0} agents`,\n    },\n    {\n      label: config.labels.tokensCard,\n      value: admin.overview?.llmTotals.totalTokens ?? 0,\n      detail: `${admin.overview?.llmTotals.totalCalls ?? 0} calls`,\n    },\n    {\n      label: config.labels.queueCard,\n      value: admin.overview?.queueTotals.pending ?? 0,\n      detail: `${admin.overview?.queueTotals.failed ?? 0} failed`,\n    },\n  ];\n\n  if (admin.isLoading && !admin.overview) {\n    return (\n      <div className={joinClassNames(\"rounded-3xl border border-slate-200 bg-white p-8 text-slate-700 shadow-sm\", className)}>\n        {config.labels.loading}\n      </div>\n    );\n  }\n\n  if (admin.error && !admin.overview) {\n    return (\n      <div className={joinClassNames(\"rounded-3xl border border-rose-200 bg-rose-50 p-8 text-rose-700 shadow-sm\", className)}>\n        <p className=\"text-base font-semibold\">{admin.error.message}</p>\n        <button\n          className=\"mt-4 rounded-xl bg-rose-600 px-4 py-2 text-sm font-medium text-white\"\n          onClick={() => void admin.refresh()}\n          type=\"button\"\n        >\n          {config.labels.retry}\n        </button>\n      </div>\n    );\n  }\n\n  const isEmpty = cards.every((card) => card.value === 0) &&\n    admin.activity.length === 0 &&\n    admin.threads.length === 0 &&\n    admin.participants.length === 0 &&\n    admin.agents.length === 0;\n\n  return (\n    <div className={joinClassNames(\"space-y-6 rounded-[28px] border border-slate-200 bg-[linear-gradient(180deg,#ffffff_0%,#f8fafc_100%)] p-6 text-slate-900 shadow-sm\", className)}>\n      <header className=\"flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between\">\n        <div className=\"space-y-2\">\n          <div className=\"flex items-center gap-3\">\n            {config.branding.logo ? (\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-2xl border border-slate-200 bg-white shadow-sm\">\n                {config.branding.logo}\n              </div>\n            ) : null}\n            <div>\n              <h2 className=\"text-2xl font-semibold tracking-tight\">\n                {config.branding.title}\n              </h2>\n              <p className=\"text-sm text-slate-500\">{config.branding.subtitle}</p>\n            </div>\n          </div>\n          {config.namespace ? (\n            <p className=\"text-xs font-medium uppercase tracking-[0.18em] text-slate-400\">\n              Namespace: {config.namespace}\n            </p>\n          ) : null}\n        </div>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <RangeButton\n            active={admin.filters.range === \"24h\"}\n            label={config.labels.range24h}\n            onClick={() => admin.setRange(\"24h\")}\n          />\n          <RangeButton\n            active={admin.filters.range === \"7d\"}\n            label={config.labels.range7d}\n            onClick={() => admin.setRange(\"7d\")}\n          />\n          <RangeButton\n            active={admin.filters.range === \"30d\"}\n            label={config.labels.range30d}\n            onClick={() => admin.setRange(\"30d\")}\n          />\n          <select\n            className=\"rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm\"\n            onChange={(event) => admin.setInterval(event.target.value as \"hour\" | \"day\")}\n            value={admin.filters.interval}\n          >\n            <option value=\"hour\">{config.labels.intervalHour}</option>\n            <option value=\"day\">{config.labels.intervalDay}</option>\n          </select>\n          <button\n            className=\"rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm font-medium text-slate-700\"\n            onClick={() => void admin.refresh()}\n            type=\"button\"\n          >\n            {config.labels.refresh}\n          </button>\n          {config.branding.actions}\n        </div>\n      </header>\n\n      {isEmpty ? (\n        <section className=\"rounded-3xl border border-dashed border-slate-300 bg-white/70 p-10 text-center\">\n          <h3 className=\"text-lg font-semibold\">{config.labels.emptyTitle}</h3>\n          <p className=\"mt-2 text-sm text-slate-500\">{config.labels.emptyDescription}</p>\n        </section>\n      ) : null}\n\n      {config.features.showOverview ? (\n        <section className=\"space-y-4\">\n          <SectionHeading title={config.labels.overviewTitle} />\n          <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-5\">\n            {cards.map((card) => (\n              <div\n                className=\"rounded-3xl border border-slate-200 bg-white p-5 shadow-sm\"\n                key={card.label}\n              >\n                <p className=\"text-sm font-medium text-slate-500\">{card.label}</p>\n                <p className=\"mt-3 text-3xl font-semibold tracking-tight\">\n                  {formatNumber(card.value)}\n                </p>\n                <p className=\"mt-2 text-xs text-slate-400\">{card.detail}</p>\n              </div>\n            ))}\n          </div>\n        </section>\n      ) : null}\n\n      {config.features.showActivity ? (\n        <section className=\"space-y-4\">\n          <SectionHeading title={config.labels.activityTitle} />\n          <ActivityChart\n            compact={config.ui.compact}\n            interval={admin.filters.interval}\n            labels={config.labels}\n            maxBars={config.ui.maxActivityBars}\n            points={admin.activity}\n          />\n        </section>\n      ) : null}\n\n      <div className=\"grid gap-6 xl:grid-cols-3\">\n        {config.features.showThreads ? (\n          <DataTable\n            rows={admin.threads}\n            searchPlaceholder={config.labels.threadSearchPlaceholder}\n            searchValue={threadSearch}\n            setSearchValue={setThreadSearch}\n            title={config.labels.threadsTitle}\n          >\n            <ThreadsTable rows={admin.threads} labels={config.labels} />\n          </DataTable>\n        ) : null}\n        {config.features.showParticipants ? (\n          <DataTable\n            rows={admin.participants}\n            searchPlaceholder={config.labels.participantSearchPlaceholder}\n            searchValue={participantSearch}\n            setSearchValue={setParticipantSearch}\n            title={config.labels.participantsTitle}\n          >\n            <ParticipantsTable rows={admin.participants} labels={config.labels} />\n          </DataTable>\n        ) : null}\n        {config.features.showAgents ? (\n          <DataTable\n            rows={admin.agents}\n            searchPlaceholder={config.labels.agentSearchPlaceholder}\n            searchValue={agentSearch}\n            setSearchValue={setAgentSearch}\n            title={config.labels.agentsTitle}\n          >\n            <AgentsTable rows={admin.agents} labels={config.labels} />\n          </DataTable>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nfunction SectionHeading({ title }: { title: string }) {\n  return <h3 className=\"text-lg font-semibold tracking-tight\">{title}</h3>;\n}\n\nfunction RangeButton(\n  { active, label, onClick }: { active: boolean; label: string; onClick: () => void },\n) {\n  return (\n    <button\n      className={joinClassNames(\n        \"rounded-xl px-3 py-2 text-sm font-medium transition\",\n        active\n          ? \"bg-slate-900 text-white\"\n          : \"border border-slate-200 bg-white text-slate-600\",\n      )}\n      onClick={onClick}\n      type=\"button\"\n    >\n      {label}\n    </button>\n  );\n}\n\nfunction ActivityChart(\n  props: {\n    points: AdminActivityPoint[];\n    interval: \"hour\" | \"day\";\n    maxBars: number;\n    compact: boolean;\n    labels: ResolvedAdminConfig[\"labels\"];\n  },\n) {\n  const trimmedPoints = props.points.slice(-props.maxBars);\n  const maxMessages = Math.max(...trimmedPoints.map((point) => point.messageCount), 1);\n\n  return (\n    <div className=\"rounded-3xl border border-slate-200 bg-white p-5 shadow-sm\">\n      {trimmedPoints.length === 0 ? (\n        <p className=\"text-sm text-slate-500\">{props.labels.noResults}</p>\n      ) : (\n        <div className=\"flex min-h-56 items-end gap-2\">\n          {trimmedPoints.map((point) => (\n            <div className=\"flex min-w-0 flex-1 flex-col items-center gap-2\" key={point.bucket}>\n              <div className=\"flex h-40 w-full items-end rounded-2xl bg-slate-100/80 px-1 pb-1\">\n                <div\n                  className=\"w-full rounded-xl bg-slate-900\"\n                  style={{\n                    height: `${Math.max((point.messageCount / maxMessages) * 100, 8)}%`,\n                  }}\n                />\n              </div>\n              <div className=\"text-center\">\n                <p className=\"text-xs font-medium text-slate-700\">\n                  {formatBucket(point.bucket, props.interval)}\n                </p>\n                <p className=\"text-[11px] text-slate-400\">\n                  {formatNumber(point.messageCount)} msg\n                </p>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction DataTable<T>(\n  props: {\n    title: string;\n    searchPlaceholder: string;\n    searchValue: string;\n    setSearchValue: (value: string) => void;\n    rows: T[];\n    children: React.ReactNode;\n  },\n) {\n  return (\n    <section className=\"rounded-3xl border border-slate-200 bg-white p-5 shadow-sm\">\n      <div className=\"mb-4 flex items-center justify-between gap-3\">\n        <SectionHeading title={props.title} />\n        <input\n          className=\"w-full max-w-44 rounded-xl border border-slate-200 bg-slate-50 px-3 py-2 text-sm outline-none ring-0\"\n          onChange={(event) => props.setSearchValue(event.target.value)}\n          placeholder={props.searchPlaceholder}\n          value={props.searchValue}\n        />\n      </div>\n      {props.rows.length === 0 ? (\n        <p className=\"text-sm text-slate-500\">No results</p>\n      ) : props.children}\n    </section>\n  );\n}\n\nfunction ThreadsTable(\n  { rows, labels }: { rows: AdminThreadSummary[]; labels: ResolvedAdminConfig[\"labels\"] },\n) {\n  return (\n    <div className=\"space-y-3\">\n      {rows.map((thread) => (\n        <div className=\"rounded-2xl border border-slate-200 bg-slate-50/70 p-4\" key={thread.threadId}>\n          <div className=\"flex items-start justify-between gap-3\">\n            <div>\n              <p className=\"font-medium text-slate-900\">{thread.name}</p>\n              <p className=\"mt-1 text-xs text-slate-500\">{thread.summary ?? thread.lastMessagePreview ?? \"No summary yet\"}</p>\n            </div>\n            <span className=\"rounded-full bg-slate-900 px-2.5 py-1 text-[11px] font-semibold text-white\">\n              {thread.status === \"archived\" ? labels.statusArchived : labels.statusActive}\n            </span>\n          </div>\n          <div className=\"mt-3 flex flex-wrap gap-3 text-xs text-slate-500\">\n            <span>{formatNumber(thread.messageCount)} messages</span>\n            <span>{thread.participantIds.length} participants</span>\n            <span>{formatDate(thread.lastActivityAt)}</span>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction ParticipantsTable(\n  { rows, labels }: { rows: AdminParticipantSummary[]; labels: ResolvedAdminConfig[\"labels\"] },\n) {\n  return (\n    <div className=\"space-y-3\">\n      {rows.map((participant) => (\n        <div className=\"rounded-2xl border border-slate-200 bg-slate-50/70 p-4\" key={`${participant.namespace}:${participant.externalId}`}>\n          <div className=\"flex items-start justify-between gap-3\">\n            <div>\n              <p className=\"font-medium text-slate-900\">{participant.displayName}</p>\n              <p className=\"mt-1 text-xs uppercase tracking-[0.18em] text-slate-400\">\n                {participant.participantType}\n              </p>\n            </div>\n            <span className=\"rounded-full border border-slate-200 bg-white px-2.5 py-1 text-[11px] font-semibold text-slate-600\">\n              {participant.isGlobal ? labels.scopeGlobal : labels.scopeScoped}\n            </span>\n          </div>\n          <div className=\"mt-3 flex flex-wrap gap-3 text-xs text-slate-500\">\n            <span>{formatNumber(participant.messageCount)} messages</span>\n            <span>{formatNumber(participant.threadCount)} threads</span>\n            <span>{formatDate(participant.lastActivityAt)}</span>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction AgentsTable(\n  { rows, labels }: { rows: AdminAgentSummary[]; labels: ResolvedAdminConfig[\"labels\"] },\n) {\n  return (\n    <div className=\"space-y-3\">\n      {rows.map((agent) => (\n        <div className=\"rounded-2xl border border-slate-200 bg-slate-50/70 p-4\" key={`${agent.namespace}:${agent.agentId}`}>\n          <div className=\"flex items-start justify-between gap-3\">\n            <div>\n              <p className=\"font-medium text-slate-900\">{agent.displayName}</p>\n              <p className=\"mt-1 text-xs text-slate-500\">\n                {agent.description ?? agent.agentId}\n              </p>\n            </div>\n            <span className=\"rounded-full border border-slate-200 bg-white px-2.5 py-1 text-[11px] font-semibold text-slate-600\">\n              {agent.isConfigured ? labels.configured : labels.unconfigured}\n            </span>\n          </div>\n          <div className=\"mt-3 grid grid-cols-2 gap-2 text-xs text-slate-500\">\n            <span>{formatNumber(agent.messageCount)} messages</span>\n            <span>{formatNumber(agent.llmCallCount)} LLM calls</span>\n            <span>{formatNumber(agent.toolCallMessageCount)} tool calls</span>\n            <span>{formatNumber(agent.totalTokens)} tokens</span>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction formatBucket(bucket: string, interval: \"hour\" | \"day\") {\n  const date = new Date(bucket);\n  if (Number.isNaN(date.getTime())) return bucket;\n  return interval === \"hour\"\n    ? date.toLocaleString(undefined, { hour: \"numeric\", month: \"short\", day: \"numeric\" })\n    : date.toLocaleDateString(undefined, { month: \"short\", day: \"numeric\" });\n}\n\nfunction formatDate(value: string | null) {\n  if (!value) return \"No activity\";\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return value;\n  return date.toLocaleString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"numeric\",\n    minute: \"2-digit\",\n  });\n}\n\nfunction formatNumber(value: number) {\n  return new Intl.NumberFormat().format(value);\n}\n\nfunction joinClassNames(...values: Array<string | undefined | null | false>) {\n  return values.filter(Boolean).join(\" \");\n}\n","import type { AdminConfig, ResolvedAdminConfig } from \"./types\";\n\nexport const defaultAdminConfig: ResolvedAdminConfig = {\n  branding: {\n    title: \"Copilotz Admin\",\n    subtitle: \"Read-only operational visibility for Copilotz clients\",\n    logo: null,\n    actions: null,\n  },\n  labels: {\n    overviewTitle: \"Overview\",\n    activityTitle: \"Activity\",\n    threadsTitle: \"Threads\",\n    participantsTitle: \"Participants\",\n    agentsTitle: \"Agents\",\n    range24h: \"24h\",\n    range7d: \"7d\",\n    range30d: \"30d\",\n    intervalHour: \"Hourly\",\n    intervalDay: \"Daily\",\n    refresh: \"Refresh\",\n    retry: \"Try again\",\n    loading: \"Loading admin data...\",\n    emptyTitle: \"No activity yet\",\n    emptyDescription: \"Admin metrics will appear after threads, events, and graph data start flowing.\",\n    threadSearchPlaceholder: \"Search threads\",\n    participantSearchPlaceholder: \"Search participants\",\n    agentSearchPlaceholder: \"Search agents\",\n    messagesCard: \"Messages\",\n    activeThreadsCard: \"Active threads\",\n    participantsCard: \"Participants\",\n    tokensCard: \"LLM tokens\",\n    queueCard: \"Queued events\",\n    statusActive: \"Active\",\n    statusArchived: \"Archived\",\n    scopeGlobal: \"Global\",\n    scopeScoped: \"Scoped\",\n    configured: \"Configured\",\n    unconfigured: \"Observed only\",\n    noResults: \"No results\",\n  },\n  features: {\n    showOverview: true,\n    showActivity: true,\n    showThreads: true,\n    showParticipants: true,\n    showAgents: true,\n  },\n  ui: {\n    compact: false,\n    maxActivityBars: 18,\n  },\n  baseUrl: \"\",\n  getRequestHeaders: async () => ({}),\n  namespace: \"\",\n  initialRange: \"7d\",\n  initialInterval: \"day\",\n};\n\nexport function mergeAdminConfig(\n  _baseConfig: AdminConfig,\n  userConfig?: Partial<AdminConfig>,\n): ResolvedAdminConfig {\n  if (!userConfig) return defaultAdminConfig;\n\n  return {\n    branding: {\n      ...defaultAdminConfig.branding,\n      ...userConfig.branding,\n    },\n    labels: {\n      ...defaultAdminConfig.labels,\n      ...userConfig.labels,\n    },\n    features: {\n      ...defaultAdminConfig.features,\n      ...userConfig.features,\n    },\n    ui: {\n      ...defaultAdminConfig.ui,\n      ...userConfig.ui,\n    },\n    baseUrl: userConfig.baseUrl ?? defaultAdminConfig.baseUrl,\n    getRequestHeaders: userConfig.getRequestHeaders ??\n      defaultAdminConfig.getRequestHeaders,\n    namespace: userConfig.namespace ?? defaultAdminConfig.namespace,\n    initialRange: userConfig.initialRange ?? defaultAdminConfig.initialRange,\n    initialInterval: userConfig.initialInterval ??\n      defaultAdminConfig.initialInterval,\n  };\n}\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  fetchAdminActivity,\n  fetchAdminAgents,\n  fetchAdminOverview,\n  fetchAdminParticipants,\n  fetchAdminThreads,\n} from \"./adminService\";\nimport type {\n  AdminActivityInterval,\n  AdminDatePreset,\n  UseCopilotzAdminOptions,\n  UseCopilotzAdminResult,\n} from \"./types\";\n\nexport function useCopilotzAdmin(\n  options: UseCopilotzAdminOptions = {},\n): UseCopilotzAdminResult {\n  const [range, setRange] = useState<AdminDatePreset>(options.range ?? \"7d\");\n  const [interval, setInterval] = useState<AdminActivityInterval>(\n    options.interval ?? \"day\",\n  );\n  const [overview, setOverview] = useState<UseCopilotzAdminResult[\"overview\"]>(\n    null,\n  );\n  const [activity, setActivity] = useState<UseCopilotzAdminResult[\"activity\"]>(\n    [],\n  );\n  const [threads, setThreads] = useState<UseCopilotzAdminResult[\"threads\"]>([]);\n  const [participants, setParticipants] = useState<\n    UseCopilotzAdminResult[\"participants\"]\n  >([]);\n  const [agents, setAgents] = useState<UseCopilotzAdminResult[\"agents\"]>([]);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  const fetchAll = useCallback(async () => {\n    setIsLoading(true);\n    setError(null);\n    try {\n      const shared = {\n        baseUrl: options.baseUrl,\n        getRequestHeaders: options.getRequestHeaders,\n      };\n      const [\n        nextOverview,\n        nextActivity,\n        nextThreads,\n        nextParticipants,\n        nextAgents,\n      ] = await Promise.all([\n        fetchAdminOverview(range, options.namespace, shared),\n        fetchAdminActivity(range, interval, options.namespace, shared),\n        fetchAdminThreads(options.threadSearch, options.namespace, shared),\n        fetchAdminParticipants(\n          options.participantSearch,\n          options.namespace,\n          shared,\n        ),\n        fetchAdminAgents(options.agentSearch, options.namespace, shared),\n      ]);\n\n      setOverview(nextOverview);\n      setActivity(nextActivity);\n      setThreads(nextThreads);\n      setParticipants(nextParticipants);\n      setAgents(nextAgents);\n    } catch (nextError) {\n      setError(nextError instanceof Error\n        ? nextError\n        : new Error(\"Failed to load admin data\"));\n    } finally {\n      setIsLoading(false);\n    }\n  }, [\n    interval,\n    options.agentSearch,\n    options.baseUrl,\n    options.getRequestHeaders,\n    options.namespace,\n    options.participantSearch,\n    options.threadSearch,\n    range,\n  ]);\n\n  useEffect(() => {\n    void fetchAll();\n  }, [fetchAll]);\n\n  return useMemo(() => ({\n    overview,\n    activity,\n    threads,\n    participants,\n    agents,\n    filters: {\n      namespace: options.namespace,\n      threadSearch: options.threadSearch,\n      participantSearch: options.participantSearch,\n      agentSearch: options.agentSearch,\n      range,\n      interval,\n    },\n    isLoading,\n    error,\n    refresh: fetchAll,\n    setRange,\n    setInterval,\n  }), [\n    activity,\n    agents,\n    error,\n    fetchAll,\n    interval,\n    isLoading,\n    options.agentSearch,\n    options.namespace,\n    options.participantSearch,\n    options.threadSearch,\n    overview,\n    participants,\n    range,\n    threads,\n  ]);\n}\n","import type {\n  AdminActivityInterval,\n  AdminActivityPoint,\n  AdminAgentSummary,\n  AdminDatePreset,\n  AdminOverview,\n  AdminParticipantSummary,\n  AdminThreadSummary,\n  RequestHeadersProvider,\n} from \"./types\";\n\nconst rawBaseValue =\n  (import.meta as { env?: Record<string, string | undefined> }).env\n    ?.VITE_API_URL;\nconst rawBase = typeof rawBaseValue === \"string\" && rawBaseValue.length > 0\n  ? rawBaseValue\n  : \"/api\";\nconst normalizedBase = rawBase.replace(/\\/$/, \"\");\n\nconst runtimeProcess: typeof process | undefined =\n  typeof process !== \"undefined\" ? process : undefined;\n\nconst API_KEY = (() => {\n  const env =\n    (import.meta as { env?: Record<string, string | undefined> }).env ?? {};\n  const candidates = [\n    env.VITE_API_KEY,\n    env.VITE_COPILOTZ_API_KEY,\n    runtimeProcess?.env?.COPILOTZ_API_KEY,\n    runtimeProcess?.env?.API_KEY,\n  ];\n  return candidates.find((value) =>\n    typeof value === \"string\" && value.length > 0\n  );\n})();\n\nconst resolveBaseUrl = (baseUrl?: string) => {\n  const candidate = (baseUrl && baseUrl.length > 0 ? baseUrl : normalizedBase)\n    .replace(/\\/$/, \"\");\n  return candidate.startsWith(\"http\") || candidate.startsWith(\"/\")\n    ? candidate\n    : `/${candidate}`;\n};\n\nconst withAuthHeaders = async (\n  headers: Record<string, string> = {},\n  getRequestHeaders?: RequestHeadersProvider,\n): Promise<Record<string, string>> => {\n  const providedHeaders = getRequestHeaders\n    ? await getRequestHeaders()\n    : undefined;\n  if (providedHeaders && Object.keys(providedHeaders).length > 0) {\n    return { ...headers, ...providedHeaders };\n  }\n  if (API_KEY) {\n    return { ...headers, Authorization: `Bearer ${API_KEY}` };\n  }\n  return headers;\n};\n\nconst getRangeWindow = (range: AdminDatePreset) => {\n  const to = new Date();\n  const from = new Date(to);\n  if (range === \"24h\") {\n    from.setHours(from.getHours() - 24);\n  } else if (range === \"30d\") {\n    from.setDate(from.getDate() - 30);\n  } else {\n    from.setDate(from.getDate() - 7);\n  }\n  return {\n    from: from.toISOString(),\n    to: to.toISOString(),\n  };\n};\n\nasync function fetchAdminJson<T>(\n  path: string,\n  params: Record<string, string | undefined>,\n  options?: {\n    baseUrl?: string;\n    getRequestHeaders?: RequestHeadersProvider;\n  },\n): Promise<T> {\n  const url = new URL(`${resolveBaseUrl(options?.baseUrl)}${path}`, window.location.origin);\n  for (const [key, value] of Object.entries(params)) {\n    if (typeof value === \"string\" && value.length > 0) {\n      url.searchParams.set(key, value);\n    }\n  }\n\n  const response = await fetch(url.toString(), {\n    headers: await withAuthHeaders({}, options?.getRequestHeaders),\n  });\n\n  if (!response.ok) {\n    throw new Error(`Admin request failed (${response.status})`);\n  }\n\n  const payload = await response.json() as { data?: T };\n  return payload.data as T;\n}\n\nexport async function fetchAdminOverview(\n  range: AdminDatePreset,\n  namespace?: string,\n  options?: {\n    baseUrl?: string;\n    getRequestHeaders?: RequestHeadersProvider;\n  },\n): Promise<AdminOverview> {\n  const windowRange = getRangeWindow(range);\n  return await fetchAdminJson<AdminOverview>(\"/v1/admin/overview\", {\n    namespace,\n    from: windowRange.from,\n    to: windowRange.to,\n  }, options);\n}\n\nexport async function fetchAdminActivity(\n  range: AdminDatePreset,\n  interval: AdminActivityInterval,\n  namespace?: string,\n  options?: {\n    baseUrl?: string;\n    getRequestHeaders?: RequestHeadersProvider;\n  },\n): Promise<AdminActivityPoint[]> {\n  const windowRange = getRangeWindow(range);\n  return await fetchAdminJson<AdminActivityPoint[]>(\"/v1/admin/activity\", {\n    namespace,\n    interval,\n    from: windowRange.from,\n    to: windowRange.to,\n  }, options);\n}\n\nexport async function fetchAdminThreads(\n  search?: string,\n  namespace?: string,\n  options?: {\n    baseUrl?: string;\n    getRequestHeaders?: RequestHeadersProvider;\n  },\n): Promise<AdminThreadSummary[]> {\n  return await fetchAdminJson<AdminThreadSummary[]>(\"/v1/admin/threads\", {\n    search,\n    namespace,\n    limit: \"8\",\n  }, options);\n}\n\nexport async function fetchAdminParticipants(\n  search?: string,\n  namespace?: string,\n  options?: {\n    baseUrl?: string;\n    getRequestHeaders?: RequestHeadersProvider;\n  },\n): Promise<AdminParticipantSummary[]> {\n  return await fetchAdminJson<AdminParticipantSummary[]>(\"/v1/admin/participants\", {\n    search,\n    namespace,\n    limit: \"8\",\n  }, options);\n}\n\nexport async function fetchAdminAgents(\n  search?: string,\n  namespace?: string,\n  options?: {\n    baseUrl?: string;\n    getRequestHeaders?: RequestHeadersProvider;\n  },\n): Promise<AdminAgentSummary[]> {\n  return await fetchAdminJson<AdminAgentSummary[]>(\"/v1/admin/agents\", {\n    search,\n    namespace,\n    limit: \"8\",\n  }, options);\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA,WAAAA;AAAA,EACA,YAAAC;AAAA,OACK;;;ACFA,IAAM,qBAA0C;AAAA,EACrD,UAAU;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,eAAe;AAAA,IACf,eAAe;AAAA,IACf,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,aAAa;AAAA,IACb,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,yBAAyB;AAAA,IACzB,8BAA8B;AAAA,IAC9B,wBAAwB;AAAA,IACxB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,IACT,iBAAiB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,EACT,mBAAmB,aAAa,CAAC;AAAA,EACjC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,iBAAiB;AACnB;AAEO,SAAS,iBACd,aACA,YACqB;AACrB,MAAI,CAAC,WAAY,QAAO;AAExB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,GAAG,mBAAmB;AAAA,MACtB,GAAG,WAAW;AAAA,IAChB;AAAA,IACA,QAAQ;AAAA,MACN,GAAG,mBAAmB;AAAA,MACtB,GAAG,WAAW;AAAA,IAChB;AAAA,IACA,UAAU;AAAA,MACR,GAAG,mBAAmB;AAAA,MACtB,GAAG,WAAW;AAAA,IAChB;AAAA,IACA,IAAI;AAAA,MACF,GAAG,mBAAmB;AAAA,MACtB,GAAG,WAAW;AAAA,IAChB;AAAA,IACA,SAAS,WAAW,WAAW,mBAAmB;AAAA,IAClD,mBAAmB,WAAW,qBAC5B,mBAAmB;AAAA,IACrB,WAAW,WAAW,aAAa,mBAAmB;AAAA,IACtD,cAAc,WAAW,gBAAgB,mBAAmB;AAAA,IAC5D,iBAAiB,WAAW,mBAC1B,mBAAmB;AAAA,EACvB;AACF;;;AC1FA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;;;ACMP,IAAM,eACH,YAA6D,KAC1D;AACN,IAAM,UAAU,OAAO,iBAAiB,YAAY,aAAa,SAAS,IACtE,eACA;AACJ,IAAM,iBAAiB,QAAQ,QAAQ,OAAO,EAAE;AAEhD,IAAM,iBACJ,OAAO,YAAY,cAAc,UAAU;AAE7C,IAAM,WAAW,MAAM;AACrB,QAAM,MACH,YAA6D,OAAO,CAAC;AACxE,QAAM,aAAa;AAAA,IACjB,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,gBAAgB,KAAK;AAAA,IACrB,gBAAgB,KAAK;AAAA,EACvB;AACA,SAAO,WAAW;AAAA,IAAK,CAAC,UACtB,OAAO,UAAU,YAAY,MAAM,SAAS;AAAA,EAC9C;AACF,GAAG;AAEH,IAAM,iBAAiB,CAAC,YAAqB;AAC3C,QAAM,aAAa,WAAW,QAAQ,SAAS,IAAI,UAAU,gBAC1D,QAAQ,OAAO,EAAE;AACpB,SAAO,UAAU,WAAW,MAAM,KAAK,UAAU,WAAW,GAAG,IAC3D,YACA,IAAI,SAAS;AACnB;AAEA,IAAM,kBAAkB,OACtB,UAAkC,CAAC,GACnC,sBACoC;AACpC,QAAM,kBAAkB,oBACpB,MAAM,kBAAkB,IACxB;AACJ,MAAI,mBAAmB,OAAO,KAAK,eAAe,EAAE,SAAS,GAAG;AAC9D,WAAO,EAAE,GAAG,SAAS,GAAG,gBAAgB;AAAA,EAC1C;AACA,MAAI,SAAS;AACX,WAAO,EAAE,GAAG,SAAS,eAAe,UAAU,OAAO,GAAG;AAAA,EAC1D;AACA,SAAO;AACT;AAEA,IAAM,iBAAiB,CAAC,UAA2B;AACjD,QAAM,KAAK,oBAAI,KAAK;AACpB,QAAM,OAAO,IAAI,KAAK,EAAE;AACxB,MAAI,UAAU,OAAO;AACnB,SAAK,SAAS,KAAK,SAAS,IAAI,EAAE;AAAA,EACpC,WAAW,UAAU,OAAO;AAC1B,SAAK,QAAQ,KAAK,QAAQ,IAAI,EAAE;AAAA,EAClC,OAAO;AACL,SAAK,QAAQ,KAAK,QAAQ,IAAI,CAAC;AAAA,EACjC;AACA,SAAO;AAAA,IACL,MAAM,KAAK,YAAY;AAAA,IACvB,IAAI,GAAG,YAAY;AAAA,EACrB;AACF;AAEA,eAAe,eACb,MACA,QACA,SAIY;AACZ,QAAM,MAAM,IAAI,IAAI,GAAG,eAAe,SAAS,OAAO,CAAC,GAAG,IAAI,IAAI,OAAO,SAAS,MAAM;AACxF,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,GAAG;AACjD,QAAI,OAAO,UAAU,YAAY,MAAM,SAAS,GAAG;AACjD,UAAI,aAAa,IAAI,KAAK,KAAK;AAAA,IACjC;AAAA,EACF;AAEA,QAAM,WAAW,MAAM,MAAM,IAAI,SAAS,GAAG;AAAA,IAC3C,SAAS,MAAM,gBAAgB,CAAC,GAAG,SAAS,iBAAiB;AAAA,EAC/D,CAAC;AAED,MAAI,CAAC,SAAS,IAAI;AAChB,UAAM,IAAI,MAAM,yBAAyB,SAAS,MAAM,GAAG;AAAA,EAC7D;AAEA,QAAM,UAAU,MAAM,SAAS,KAAK;AACpC,SAAO,QAAQ;AACjB;AAEA,eAAsB,mBACpB,OACA,WACA,SAIwB;AACxB,QAAM,cAAc,eAAe,KAAK;AACxC,SAAO,MAAM,eAA8B,sBAAsB;AAAA,IAC/D;AAAA,IACA,MAAM,YAAY;AAAA,IAClB,IAAI,YAAY;AAAA,EAClB,GAAG,OAAO;AACZ;AAEA,eAAsB,mBACpB,OACA,UACA,WACA,SAI+B;AAC/B,QAAM,cAAc,eAAe,KAAK;AACxC,SAAO,MAAM,eAAqC,sBAAsB;AAAA,IACtE;AAAA,IACA;AAAA,IACA,MAAM,YAAY;AAAA,IAClB,IAAI,YAAY;AAAA,EAClB,GAAG,OAAO;AACZ;AAEA,eAAsB,kBACpB,QACA,WACA,SAI+B;AAC/B,SAAO,MAAM,eAAqC,qBAAqB;AAAA,IACrE;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,GAAG,OAAO;AACZ;AAEA,eAAsB,uBACpB,QACA,WACA,SAIoC;AACpC,SAAO,MAAM,eAA0C,0BAA0B;AAAA,IAC/E;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,GAAG,OAAO;AACZ;AAEA,eAAsB,iBACpB,QACA,WACA,SAI8B;AAC9B,SAAO,MAAM,eAAoC,oBAAoB;AAAA,IACnE;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,GAAG,OAAO;AACZ;;;ADhKO,SAAS,iBACd,UAAmC,CAAC,GACZ;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA0B,QAAQ,SAAS,IAAI;AACzE,QAAM,CAAC,UAAU,WAAW,IAAI;AAAA,IAC9B,QAAQ,YAAY;AAAA,EACtB;AACA,QAAM,CAAC,UAAU,WAAW,IAAI;AAAA,IAC9B;AAAA,EACF;AACA,QAAM,CAAC,UAAU,WAAW,IAAI;AAAA,IAC9B,CAAC;AAAA,EACH;AACA,QAAM,CAAC,SAAS,UAAU,IAAI,SAA4C,CAAC,CAAC;AAC5E,QAAM,CAAC,cAAc,eAAe,IAAI,SAEtC,CAAC,CAAC;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA2C,CAAC,CAAC;AACzE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB,IAAI;AAErD,QAAM,WAAW,YAAY,YAAY;AACvC,iBAAa,IAAI;AACjB,aAAS,IAAI;AACb,QAAI;AACF,YAAM,SAAS;AAAA,QACb,SAAS,QAAQ;AAAA,QACjB,mBAAmB,QAAQ;AAAA,MAC7B;AACA,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,IAAI,MAAM,QAAQ,IAAI;AAAA,QACpB,mBAAmB,OAAO,QAAQ,WAAW,MAAM;AAAA,QACnD,mBAAmB,OAAO,UAAU,QAAQ,WAAW,MAAM;AAAA,QAC7D,kBAAkB,QAAQ,cAAc,QAAQ,WAAW,MAAM;AAAA,QACjE;AAAA,UACE,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR;AAAA,QACF;AAAA,QACA,iBAAiB,QAAQ,aAAa,QAAQ,WAAW,MAAM;AAAA,MACjE,CAAC;AAED,kBAAY,YAAY;AACxB,kBAAY,YAAY;AACxB,iBAAW,WAAW;AACtB,sBAAgB,gBAAgB;AAChC,gBAAU,UAAU;AAAA,IACtB,SAAS,WAAW;AAClB,eAAS,qBAAqB,QAC1B,YACA,IAAI,MAAM,2BAA2B,CAAC;AAAA,IAC5C,UAAE;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,SAAK,SAAS;AAAA,EAChB,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO,QAAQ,OAAO;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,MACP,WAAW,QAAQ;AAAA,MACnB,cAAc,QAAQ;AAAA,MACtB,mBAAmB,QAAQ;AAAA,MAC3B,aAAa,QAAQ;AAAA,MACrB;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF,IAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;;;AFpDM,cAQA,YARA;AAxDC,IAAM,gBAA8C,CAAC;AAAA,EAC1D,QAAQ;AAAA,EACR;AACF,MAAM;AACJ,QAAM,SAASC;AAAA,IACb,MAAM,iBAAiB,oBAAoB,UAAU;AAAA,IACrD,CAAC,UAAU;AAAA,EACb;AACA,QAAM,CAAC,cAAc,eAAe,IAAIC,UAAS,EAAE;AACnD,QAAM,CAAC,mBAAmB,oBAAoB,IAAIA,UAAS,EAAE;AAC7D,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAS,EAAE;AACjD,QAAM,uBAAuB,iBAAiB,YAAY;AAC1D,QAAM,4BAA4B,iBAAiB,iBAAiB;AACpE,QAAM,sBAAsB,iBAAiB,WAAW;AAExD,QAAM,QAAQ,iBAAiB;AAAA,IAC7B,SAAS,OAAO;AAAA,IAChB,mBAAmB,OAAO;AAAA,IAC1B,WAAW,OAAO;AAAA,IAClB,OAAO,OAAO;AAAA,IACd,UAAU,OAAO;AAAA,IACjB,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,aAAa;AAAA,EACf,CAAC;AAED,QAAM,QAAQ;AAAA,IACZ;AAAA,MACE,OAAO,OAAO,OAAO;AAAA,MACrB,OAAO,MAAM,UAAU,cAAc,SAAS;AAAA,MAC9C,QAAQ,GAAG,MAAM,UAAU,cAAc,oBAAoB,CAAC;AAAA,IAChE;AAAA,IACA;AAAA,MACE,OAAO,OAAO,OAAO;AAAA,MACrB,OAAO,MAAM,UAAU,aAAa,UAAU;AAAA,MAC9C,QAAQ,GAAG,MAAM,UAAU,aAAa,SAAS,CAAC;AAAA,IACpD;AAAA,IACA;AAAA,MACE,OAAO,OAAO,OAAO;AAAA,MACrB,OAAO,MAAM,UAAU,kBAAkB,SAAS;AAAA,MAClD,QAAQ,GAAG,MAAM,UAAU,kBAAkB,UAAU,CAAC;AAAA,IAC1D;AAAA,IACA;AAAA,MACE,OAAO,OAAO,OAAO;AAAA,MACrB,OAAO,MAAM,UAAU,UAAU,eAAe;AAAA,MAChD,QAAQ,GAAG,MAAM,UAAU,UAAU,cAAc,CAAC;AAAA,IACtD;AAAA,IACA;AAAA,MACE,OAAO,OAAO,OAAO;AAAA,MACrB,OAAO,MAAM,UAAU,YAAY,WAAW;AAAA,MAC9C,QAAQ,GAAG,MAAM,UAAU,YAAY,UAAU,CAAC;AAAA,IACpD;AAAA,EACF;AAEA,MAAI,MAAM,aAAa,CAAC,MAAM,UAAU;AACtC,WACE,oBAAC,SAAI,WAAW,eAAe,6EAA6E,SAAS,GAClH,iBAAO,OAAO,SACjB;AAAA,EAEJ;AAEA,MAAI,MAAM,SAAS,CAAC,MAAM,UAAU;AAClC,WACE,qBAAC,SAAI,WAAW,eAAe,6EAA6E,SAAS,GACnH;AAAA,0BAAC,OAAE,WAAU,2BAA2B,gBAAM,MAAM,SAAQ;AAAA,MAC5D;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAM,KAAK,MAAM,QAAQ;AAAA,UAClC,MAAK;AAAA,UAEJ,iBAAO,OAAO;AAAA;AAAA,MACjB;AAAA,OACF;AAAA,EAEJ;AAEA,QAAM,UAAU,MAAM,MAAM,CAAC,SAAS,KAAK,UAAU,CAAC,KACpD,MAAM,SAAS,WAAW,KAC1B,MAAM,QAAQ,WAAW,KACzB,MAAM,aAAa,WAAW,KAC9B,MAAM,OAAO,WAAW;AAE1B,SACE,qBAAC,SAAI,WAAW,eAAe,sIAAsI,SAAS,GAC5K;AAAA,yBAAC,YAAO,WAAU,sEAChB;AAAA,2BAAC,SAAI,WAAU,aACb;AAAA,6BAAC,SAAI,WAAU,2BACZ;AAAA,iBAAO,SAAS,OACf,oBAAC,SAAI,WAAU,qGACZ,iBAAO,SAAS,MACnB,IACE;AAAA,UACJ,qBAAC,SACC;AAAA,gCAAC,QAAG,WAAU,yCACX,iBAAO,SAAS,OACnB;AAAA,YACA,oBAAC,OAAE,WAAU,0BAA0B,iBAAO,SAAS,UAAS;AAAA,aAClE;AAAA,WACF;AAAA,QACC,OAAO,YACN,qBAAC,OAAE,WAAU,kEAAiE;AAAA;AAAA,UAChE,OAAO;AAAA,WACrB,IACE;AAAA,SACN;AAAA,MACA,qBAAC,SAAI,WAAU,qCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,MAAM,QAAQ,UAAU;AAAA,YAChC,OAAO,OAAO,OAAO;AAAA,YACrB,SAAS,MAAM,MAAM,SAAS,KAAK;AAAA;AAAA,QACrC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,MAAM,QAAQ,UAAU;AAAA,YAChC,OAAO,OAAO,OAAO;AAAA,YACrB,SAAS,MAAM,MAAM,SAAS,IAAI;AAAA;AAAA,QACpC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,MAAM,QAAQ,UAAU;AAAA,YAChC,OAAO,OAAO,OAAO;AAAA,YACrB,SAAS,MAAM,MAAM,SAAS,KAAK;AAAA;AAAA,QACrC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,UAAU,CAAC,UAAU,MAAM,YAAY,MAAM,OAAO,KAAuB;AAAA,YAC3E,OAAO,MAAM,QAAQ;AAAA,YAErB;AAAA,kCAAC,YAAO,OAAM,QAAQ,iBAAO,OAAO,cAAa;AAAA,cACjD,oBAAC,YAAO,OAAM,OAAO,iBAAO,OAAO,aAAY;AAAA;AAAA;AAAA,QACjD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,MAAM,QAAQ;AAAA,YAClC,MAAK;AAAA,YAEJ,iBAAO,OAAO;AAAA;AAAA,QACjB;AAAA,QACC,OAAO,SAAS;AAAA,SACnB;AAAA,OACF;AAAA,IAEC,UACC,qBAAC,aAAQ,WAAU,kFACjB;AAAA,0BAAC,QAAG,WAAU,yBAAyB,iBAAO,OAAO,YAAW;AAAA,MAChE,oBAAC,OAAE,WAAU,+BAA+B,iBAAO,OAAO,kBAAiB;AAAA,OAC7E,IACE;AAAA,IAEH,OAAO,SAAS,eACf,qBAAC,aAAQ,WAAU,aACjB;AAAA,0BAAC,kBAAe,OAAO,OAAO,OAAO,eAAe;AAAA,MACpD,oBAAC,SAAI,WAAU,4CACZ,gBAAM,IAAI,CAAC,SACV;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UAGV;AAAA,gCAAC,OAAE,WAAU,sCAAsC,eAAK,OAAM;AAAA,YAC9D,oBAAC,OAAE,WAAU,8CACV,uBAAa,KAAK,KAAK,GAC1B;AAAA,YACA,oBAAC,OAAE,WAAU,+BAA+B,eAAK,QAAO;AAAA;AAAA;AAAA,QANnD,KAAK;AAAA,MAOZ,CACD,GACH;AAAA,OACF,IACE;AAAA,IAEH,OAAO,SAAS,eACf,qBAAC,aAAQ,WAAU,aACjB;AAAA,0BAAC,kBAAe,OAAO,OAAO,OAAO,eAAe;AAAA,MACpD;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,OAAO,GAAG;AAAA,UACnB,UAAU,MAAM,QAAQ;AAAA,UACxB,QAAQ,OAAO;AAAA,UACf,SAAS,OAAO,GAAG;AAAA,UACnB,QAAQ,MAAM;AAAA;AAAA,MAChB;AAAA,OACF,IACE;AAAA,IAEJ,qBAAC,SAAI,WAAU,6BACZ;AAAA,aAAO,SAAS,cACf;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,MAAM;AAAA,UACZ,mBAAmB,OAAO,OAAO;AAAA,UACjC,aAAa;AAAA,UACb,gBAAgB;AAAA,UAChB,OAAO,OAAO,OAAO;AAAA,UAErB,8BAAC,gBAAa,MAAM,MAAM,SAAS,QAAQ,OAAO,QAAQ;AAAA;AAAA,MAC5D,IACE;AAAA,MACH,OAAO,SAAS,mBACf;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,MAAM;AAAA,UACZ,mBAAmB,OAAO,OAAO;AAAA,UACjC,aAAa;AAAA,UACb,gBAAgB;AAAA,UAChB,OAAO,OAAO,OAAO;AAAA,UAErB,8BAAC,qBAAkB,MAAM,MAAM,cAAc,QAAQ,OAAO,QAAQ;AAAA;AAAA,MACtE,IACE;AAAA,MACH,OAAO,SAAS,aACf;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,MAAM;AAAA,UACZ,mBAAmB,OAAO,OAAO;AAAA,UACjC,aAAa;AAAA,UACb,gBAAgB;AAAA,UAChB,OAAO,OAAO,OAAO;AAAA,UAErB,8BAAC,eAAY,MAAM,MAAM,QAAQ,QAAQ,OAAO,QAAQ;AAAA;AAAA,MAC1D,IACE;AAAA,OACN;AAAA,KACF;AAEJ;AAEA,SAAS,eAAe,EAAE,MAAM,GAAsB;AACpD,SAAO,oBAAC,QAAG,WAAU,wCAAwC,iBAAM;AACrE;AAEA,SAAS,YACP,EAAE,QAAQ,OAAO,QAAQ,GACzB;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SACI,4BACA;AAAA,MACN;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,cACP,OAOA;AACA,QAAM,gBAAgB,MAAM,OAAO,MAAM,CAAC,MAAM,OAAO;AACvD,QAAM,cAAc,KAAK,IAAI,GAAG,cAAc,IAAI,CAAC,UAAU,MAAM,YAAY,GAAG,CAAC;AAEnF,SACE,oBAAC,SAAI,WAAU,8DACZ,wBAAc,WAAW,IACxB,oBAAC,OAAE,WAAU,0BAA0B,gBAAM,OAAO,WAAU,IAE9D,oBAAC,SAAI,WAAU,iCACZ,wBAAc,IAAI,CAAC,UAClB,qBAAC,SAAI,WAAU,mDACb;AAAA,wBAAC,SAAI,WAAU,oEACb;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQ,GAAG,KAAK,IAAK,MAAM,eAAe,cAAe,KAAK,CAAC,CAAC;AAAA,QAClE;AAAA;AAAA,IACF,GACF;AAAA,IACA,qBAAC,SAAI,WAAU,eACb;AAAA,0BAAC,OAAE,WAAU,sCACV,uBAAa,MAAM,QAAQ,MAAM,QAAQ,GAC5C;AAAA,MACA,qBAAC,OAAE,WAAU,8BACV;AAAA,qBAAa,MAAM,YAAY;AAAA,QAAE;AAAA,SACpC;AAAA,OACF;AAAA,OAhBoE,MAAM,MAiB5E,CACD,GACH,GAEJ;AAEJ;AAEA,SAAS,UACP,OAQA;AACA,SACE,qBAAC,aAAQ,WAAU,8DACjB;AAAA,yBAAC,SAAI,WAAU,gDACb;AAAA,0BAAC,kBAAe,OAAO,MAAM,OAAO;AAAA,MACpC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,UAAU,CAAC,UAAU,MAAM,eAAe,MAAM,OAAO,KAAK;AAAA,UAC5D,aAAa,MAAM;AAAA,UACnB,OAAO,MAAM;AAAA;AAAA,MACf;AAAA,OACF;AAAA,IACC,MAAM,KAAK,WAAW,IACrB,oBAAC,OAAE,WAAU,0BAAyB,wBAAU,IAC9C,MAAM;AAAA,KACZ;AAEJ;AAEA,SAAS,aACP,EAAE,MAAM,OAAO,GACf;AACA,SACE,oBAAC,SAAI,WAAU,aACZ,eAAK,IAAI,CAAC,WACT,qBAAC,SAAI,WAAU,0DACb;AAAA,yBAAC,SAAI,WAAU,0CACb;AAAA,2BAAC,SACC;AAAA,4BAAC,OAAE,WAAU,8BAA8B,iBAAO,MAAK;AAAA,QACvD,oBAAC,OAAE,WAAU,+BAA+B,iBAAO,WAAW,OAAO,sBAAsB,kBAAiB;AAAA,SAC9G;AAAA,MACA,oBAAC,UAAK,WAAU,8EACb,iBAAO,WAAW,aAAa,OAAO,iBAAiB,OAAO,cACjE;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,oDACb;AAAA,2BAAC,UAAM;AAAA,qBAAa,OAAO,YAAY;AAAA,QAAE;AAAA,SAAS;AAAA,MAClD,qBAAC,UAAM;AAAA,eAAO,eAAe;AAAA,QAAO;AAAA,SAAa;AAAA,MACjD,oBAAC,UAAM,qBAAW,OAAO,cAAc,GAAE;AAAA,OAC3C;AAAA,OAd2E,OAAO,QAepF,CACD,GACH;AAEJ;AAEA,SAAS,kBACP,EAAE,MAAM,OAAO,GACf;AACA,SACE,oBAAC,SAAI,WAAU,aACZ,eAAK,IAAI,CAAC,gBACT,qBAAC,SAAI,WAAU,0DACb;AAAA,yBAAC,SAAI,WAAU,0CACb;AAAA,2BAAC,SACC;AAAA,4BAAC,OAAE,WAAU,8BAA8B,sBAAY,aAAY;AAAA,QACnE,oBAAC,OAAE,WAAU,2DACV,sBAAY,iBACf;AAAA,SACF;AAAA,MACA,oBAAC,UAAK,WAAU,sGACb,sBAAY,WAAW,OAAO,cAAc,OAAO,aACtD;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,oDACb;AAAA,2BAAC,UAAM;AAAA,qBAAa,YAAY,YAAY;AAAA,QAAE;AAAA,SAAS;AAAA,MACvD,qBAAC,UAAM;AAAA,qBAAa,YAAY,WAAW;AAAA,QAAE;AAAA,SAAQ;AAAA,MACrD,oBAAC,UAAM,qBAAW,YAAY,cAAc,GAAE;AAAA,OAChD;AAAA,OAhB2E,GAAG,YAAY,SAAS,IAAI,YAAY,UAAU,EAiB/H,CACD,GACH;AAEJ;AAEA,SAAS,YACP,EAAE,MAAM,OAAO,GACf;AACA,SACE,oBAAC,SAAI,WAAU,aACZ,eAAK,IAAI,CAAC,UACT,qBAAC,SAAI,WAAU,0DACb;AAAA,yBAAC,SAAI,WAAU,0CACb;AAAA,2BAAC,SACC;AAAA,4BAAC,OAAE,WAAU,8BAA8B,gBAAM,aAAY;AAAA,QAC7D,oBAAC,OAAE,WAAU,+BACV,gBAAM,eAAe,MAAM,SAC9B;AAAA,SACF;AAAA,MACA,oBAAC,UAAK,WAAU,sGACb,gBAAM,eAAe,OAAO,aAAa,OAAO,cACnD;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,sDACb;AAAA,2BAAC,UAAM;AAAA,qBAAa,MAAM,YAAY;AAAA,QAAE;AAAA,SAAS;AAAA,MACjD,qBAAC,UAAM;AAAA,qBAAa,MAAM,YAAY;AAAA,QAAE;AAAA,SAAU;AAAA,MAClD,qBAAC,UAAM;AAAA,qBAAa,MAAM,oBAAoB;AAAA,QAAE;AAAA,SAAW;AAAA,MAC3D,qBAAC,UAAM;AAAA,qBAAa,MAAM,WAAW;AAAA,QAAE;AAAA,SAAO;AAAA,OAChD;AAAA,OAjB2E,GAAG,MAAM,SAAS,IAAI,MAAM,OAAO,EAkBhH,CACD,GACH;AAEJ;AAEA,SAAS,aAAa,QAAgB,UAA0B;AAC9D,QAAM,OAAO,IAAI,KAAK,MAAM;AAC5B,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,SAAO,aAAa,SAChB,KAAK,eAAe,QAAW,EAAE,MAAM,WAAW,OAAO,SAAS,KAAK,UAAU,CAAC,IAClF,KAAK,mBAAmB,QAAW,EAAE,OAAO,SAAS,KAAK,UAAU,CAAC;AAC3E;AAEA,SAAS,WAAW,OAAsB;AACxC,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,SAAO,KAAK,eAAe,QAAW;AAAA,IACpC,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC;AACH;AAEA,SAAS,aAAa,OAAe;AACnC,SAAO,IAAI,KAAK,aAAa,EAAE,OAAO,KAAK;AAC7C;AAEA,SAAS,kBAAkB,QAAkD;AAC3E,SAAO,OAAO,OAAO,OAAO,EAAE,KAAK,GAAG;AACxC;","names":["useMemo","useState","useMemo","useState"]}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@copilotz/admin",
+  "version": "0.3.4",
+  "description": "Copilotz admin dashboard package",
+  "type": "module",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "build:watch": "tsup --watch",
+    "dev": "npm run build:watch",
+    "prepack": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "tsup": "^8.3.5",
+    "typescript": "~5.8.2"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/copilotzhq/packages.git"
+  },
+  "homepage": "https://github.com/copilotzhq/packages#readme",
+  "publishConfig": {
+    "access": "public"
+  }
+}