@geenius/adapters 0.1.0 → 0.3.0

package/packages/react/dist/index.js

@@ -0,0 +1,611 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  ADAPTER_DOMAINS: () => import_adapters_shared7.ADAPTER_DOMAINS,
+  AdapterCard: () => AdapterCard,
+  AdapterConfigForm: () => AdapterConfigForm,
+  AdapterDetailPage: () => AdapterDetailPage,
+  AdapterList: () => AdapterList,
+  AdapterProvider: () => AdapterProvider,
+  AdapterStatusBadge: () => AdapterStatusBadge,
+  AdaptersPage: () => AdaptersPage,
+  DOMAIN_DESCRIPTIONS: () => import_adapters_shared7.DOMAIN_DESCRIPTIONS,
+  DOMAIN_ICONS: () => import_adapters_shared7.DOMAIN_ICONS,
+  DOMAIN_LABELS: () => import_adapters_shared7.DOMAIN_LABELS,
+  configureAdapters: () => import_adapters_shared7.configureAdapters,
+  getAdapterConfig: () => import_adapters_shared7.getAdapterConfig,
+  getProviderMeta: () => import_adapters_shared7.getProviderMeta,
+  getProvidersForDomain: () => import_adapters_shared7.getProvidersForDomain,
+  isAdaptersConfigured: () => import_adapters_shared7.isAdaptersConfigured,
+  useAdapterContext: () => useAdapterContext,
+  useAdapterStatus: () => useAdapterStatus,
+  useAdapterStatuses: () => useAdapterStatuses,
+  useAdapters: () => useAdapters,
+  useAdmin: () => useAdmin,
+  useAi: () => useAi,
+  useAuth: () => useAuth,
+  useDb: () => useDb,
+  useIsAdapterReady: () => useIsAdapterReady,
+  usePayments: () => usePayments,
+  useStorage: () => useStorage
+});
+module.exports = __toCommonJS(index_exports);
+var import_adapters_shared7 = require("@geenius/adapters-shared");
+
+// src/provider/AdapterProvider.tsx
+var import_react = require("react");
+var import_adapters_shared = require("@geenius/adapters-shared");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AdapterContext = (0, import_react.createContext)(null);
+function AdapterProvider({ adapters, children, healthCheck = false }) {
+  const [isLoading, setIsLoading] = (0, import_react.useState)(healthCheck);
+  const [statuses, setStatuses] = (0, import_react.useState)(() => {
+    const initial = {};
+    for (const domain of import_adapters_shared.ADAPTER_DOMAINS) {
+      const adapter = adapters[domain];
+      initial[domain] = {
+        domain,
+        provider: adapter ? "configured" : "none",
+        status: adapter ? "connected" : "disconnected",
+        lastCheckedAt: Date.now()
+      };
+    }
+    return initial;
+  });
+  (0, import_react.useEffect)(() => {
+    if (!healthCheck) return;
+    setIsLoading(true);
+    const checks = import_adapters_shared.ADAPTER_DOMAINS.map(async (domain) => {
+      const adapter = adapters[domain];
+      if (!adapter) return;
+      try {
+        setStatuses((prev) => ({ ...prev, [domain]: { ...prev[domain], status: "initializing" } }));
+        if (domain === "auth" && adapter.getSession) {
+          await adapter.getSession();
+        }
+        setStatuses((prev) => ({
+          ...prev,
+          [domain]: { ...prev[domain], status: "connected", lastCheckedAt: Date.now() }
+        }));
+      } catch (e) {
+        setStatuses((prev) => ({
+          ...prev,
+          [domain]: {
+            ...prev[domain],
+            status: "error",
+            error: e instanceof Error ? e.message : "Health check failed",
+            lastCheckedAt: Date.now()
+          }
+        }));
+      }
+    });
+    Promise.allSettled(checks).finally(() => setIsLoading(false));
+  }, [adapters, healthCheck]);
+  const getAdapter = (0, import_react.useCallback)((domain) => {
+    const adapter = adapters[domain];
+    if (!adapter) throw new Error(`${import_adapters_shared.DOMAIN_LABELS[domain] ?? domain} adapter not configured in <AdapterProvider>`);
+    return adapter;
+  }, [adapters]);
+  const isReady = (0, import_react.useCallback)((domain) => {
+    return !!adapters[domain] && statuses[domain]?.status === "connected";
+  }, [adapters, statuses]);
+  const value = (0, import_react.useMemo)(() => ({
+    adapters,
+    statuses,
+    getAdapter,
+    isReady,
+    isLoading
+  }), [adapters, statuses, getAdapter, isReady, isLoading]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdapterContext.Provider, { value, children });
+}
+function useAdapterContext() {
+  const ctx = (0, import_react.useContext)(AdapterContext);
+  if (!ctx) throw new Error("useAdapterContext must be used within <AdapterProvider>");
+  return ctx;
+}
+
+// src/hooks/index.ts
+var import_react2 = require("react");
+function useDb() {
+  return useAdapterContext().getAdapter("db");
+}
+function useAuth() {
+  return useAdapterContext().getAdapter("auth");
+}
+function usePayments() {
+  return useAdapterContext().getAdapter("payments");
+}
+function useAi() {
+  return useAdapterContext().getAdapter("ai");
+}
+function useStorage() {
+  return useAdapterContext().getAdapter("storage");
+}
+function useAdmin() {
+  return useAdapterContext().getAdapter("admin");
+}
+function useAdapterStatuses() {
+  return useAdapterContext().statuses;
+}
+function useAdapterStatus(domain) {
+  return useAdapterContext().statuses[domain];
+}
+function useIsAdapterReady(domain) {
+  return useAdapterContext().isReady(domain);
+}
+function useAdapters() {
+  const ctx = useAdapterContext();
+  return (0, import_react2.useMemo)(() => ({
+    db: ctx.adapters.db,
+    auth: ctx.adapters.auth,
+    payments: ctx.adapters.payments,
+    ai: ctx.adapters.ai,
+    storage: ctx.adapters.storage,
+    admin: ctx.adapters.admin,
+    statuses: ctx.statuses,
+    isLoading: ctx.isLoading,
+    isReady: ctx.isReady
+  }), [ctx]);
+}
+
+// src/components/AdapterStatusBadge.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var STATUS_STYLES = {
+  connected: { bg: "bg-emerald-500/10", text: "text-emerald-400", dot: "bg-emerald-400", label: "Connected" },
+  disconnected: { bg: "bg-white/5", text: "text-white/40", dot: "bg-white/30", label: "Disconnected" },
+  error: { bg: "bg-red-500/10", text: "text-red-400", dot: "bg-red-400", label: "Error" },
+  initializing: { bg: "bg-amber-500/10", text: "text-amber-400", dot: "bg-amber-400", label: "Initializing" }
+};
+function AdapterStatusBadge({ status, showLabel = true, size = "sm", className = "" }) {
+  const s = STATUS_STYLES[status];
+  const dotSize = size === "sm" ? "h-1.5 w-1.5" : "h-2 w-2";
+  const textSize = size === "sm" ? "text-[0.625rem]" : "text-xs";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: `inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 ${s.bg} ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${dotSize} rounded-full ${s.dot} ${status === "initializing" ? "animate-pulse" : ""}` }),
+    showLabel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${textSize} font-semibold uppercase tracking-wider ${s.text}`, children: s.label })
+  ] });
+}
+
+// src/components/AdapterCard.tsx
+var import_adapters_shared2 = require("@geenius/adapters-shared");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function AdapterCard({ domain, status, onClick, className = "" }) {
+  const label = import_adapters_shared2.DOMAIN_LABELS[domain];
+  const icon = import_adapters_shared2.DOMAIN_ICONS[domain];
+  const desc = import_adapters_shared2.DOMAIN_DESCRIPTIONS[domain];
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: `group flex w-full items-start gap-4 rounded-2xl border border-white/10 bg-white/[0.03] p-5 text-left backdrop-blur-sm transition-all hover:border-white/15 hover:bg-white/[0.05] ${className}`,
+      "aria-label": `${label} adapter \u2014 ${status.status}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-xl bg-white/5 text-2xl transition-transform group-hover:scale-105", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: "truncate text-sm font-bold text-white/90", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AdapterStatusBadge, { status: status.status })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mt-0.5 text-xs text-white/40 line-clamp-2", children: desc }),
+          status.provider && status.provider !== "none" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "mt-2 flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "rounded-md bg-white/5 px-2 py-0.5 text-[0.625rem] font-semibold text-white/50", children: status.provider }),
+            status.latency && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "text-[0.625rem] text-white/30", children: [
+              status.latency,
+              "ms"
+            ] })
+          ] }),
+          status.error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "mt-1.5 truncate text-[0.625rem] text-red-400/80", children: status.error })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/AdapterList.tsx
+var import_react3 = require("react");
+var import_adapters_shared3 = require("@geenius/adapters-shared");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function AdapterList({ onSelect, filterStatus, className = "" }) {
+  const { statuses, isLoading } = useAdapters();
+  const [search, setSearch] = (0, import_react3.useState)("");
+  const filteredDomains = (0, import_react3.useMemo)(() => {
+    let domains = [...import_adapters_shared3.ADAPTER_DOMAINS];
+    if (search) {
+      const q = search.toLowerCase();
+      domains = domains.filter((d) => {
+        const label = import_adapters_shared3.DOMAIN_LABELS[d].toLowerCase();
+        const provider = statuses[d]?.provider?.toLowerCase() ?? "";
+        return label.includes(q) || provider.includes(q) || d.includes(q);
+      });
+    }
+    if (filterStatus) {
+      domains = domains.filter((d) => statuses[d]?.status === filterStatus);
+    }
+    return domains;
+  }, [search, filterStatus, statuses]);
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `space-y-3 ${className}`, role: "status", "aria-label": "Loading adapters", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "animate-pulse rounded-2xl border border-white/5 bg-white/[0.02] p-5", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "h-12 w-12 rounded-xl bg-white/10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "h-3 w-24 rounded bg-white/10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "h-2 w-48 rounded bg-white/5" })
+      ] })
+    ] }) }, i)) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "input",
+      {
+        type: "text",
+        value: search,
+        onChange: (e) => setSearch(e.target.value),
+        placeholder: "Search adapters...",
+        "aria-label": "Search adapters",
+        className: "w-full rounded-xl border border-white/10 bg-white/[0.02] px-4 py-2.5 text-sm text-white/90 placeholder:text-white/20 focus:border-indigo-500/50 focus:outline-none focus:ring-2 focus:ring-indigo-500/20"
+      }
+    ) }),
+    filteredDomains.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "rounded-xl border border-white/5 bg-white/[0.01] p-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm text-white/40", children: search ? "No adapters match your search" : "No adapters configured" }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "grid gap-3 sm:grid-cols-2", role: "list", "aria-label": "Adapter list", children: filteredDomains.map((domain) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      AdapterCard,
+      {
+        domain,
+        status: statuses[domain],
+        onClick: () => onSelect?.(domain)
+      },
+      domain
+    )) })
+  ] });
+}
+
+// src/components/AdapterConfigForm.tsx
+var import_react4 = require("react");
+var import_adapters_shared4 = require("@geenius/adapters-shared");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function AdapterConfigForm({ domain, initialConfig, onSave, onCancel, className = "" }) {
+  const providers = (0, import_adapters_shared4.getProvidersForDomain)(domain);
+  const [provider, setProvider] = (0, import_react4.useState)(initialConfig?.provider ?? providers[0]?.id ?? "");
+  const [apiKey, setApiKey] = (0, import_react4.useState)(initialConfig?.apiKey ?? "");
+  const [baseUrl, setBaseUrl] = (0, import_react4.useState)(initialConfig?.baseUrl ?? "");
+  const [isSaving, setIsSaving] = (0, import_react4.useState)(false);
+  const [error, setError] = (0, import_react4.useState)(null);
+  const selectedMeta = providers.find((p) => p.id === provider);
+  const needsApiKey = !["localStorage", "noop"].includes(provider);
+  const needsBaseUrl = ["ollama", "minio", "neon", "supabase"].includes(provider);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!provider) {
+      setError("Select a provider");
+      return;
+    }
+    if (needsApiKey && !apiKey.trim()) {
+      setError("API key is required");
+      return;
+    }
+    setIsSaving(true);
+    try {
+      await onSave({ provider, apiKey: apiKey || void 0, baseUrl: baseUrl || void 0 });
+    } catch (e2) {
+      setError(e2 instanceof Error ? e2.message : "Failed to save");
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("form", { onSubmit: handleSubmit, className: `space-y-5 rounded-2xl border border-white/10 bg-white/[0.03] p-6 backdrop-blur-sm ${className}`, noValidate: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h3", { className: "text-lg font-bold text-white/90", children: [
+        "Configure ",
+        import_adapters_shared4.DOMAIN_LABELS[domain]
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mt-1 text-xs text-white/40", children: "Select and configure your preferred provider." })
+    ] }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "rounded-lg border border-red-500/20 bg-red-500/10 px-4 py-3 text-sm text-red-400", role: "alert", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: `adapter-${domain}-provider`, className: "mb-1.5 block text-xs font-semibold uppercase tracking-wider text-white/40", children: "Provider" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "grid gap-2 sm:grid-cols-2", children: providers.map((p) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setProvider(p.id),
+          className: `flex flex-col rounded-xl border p-3 text-left transition-all ${provider === p.id ? "border-indigo-500/30 bg-indigo-500/10" : "border-white/10 bg-white/[0.02] hover:bg-white/[0.04]"}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-xs font-semibold text-white/80", children: p.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mt-0.5 text-[0.625rem] text-white/40", children: p.description }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: `mt-1 self-start rounded px-1.5 py-0.5 text-[0.5625rem] font-bold uppercase ${p.tier === "pronto" ? "bg-emerald-500/10 text-emerald-400" : p.tier === "lancio" ? "bg-blue-500/10 text-blue-400" : "bg-purple-500/10 text-purple-400"}`, children: p.tier })
+          ]
+        },
+        p.id
+      )) })
+    ] }),
+    needsApiKey && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: `adapter-${domain}-apiKey`, className: "mb-1.5 block text-xs font-semibold uppercase tracking-wider text-white/40", children: "API Key" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "input",
+        {
+          id: `adapter-${domain}-apiKey`,
+          type: "password",
+          value: apiKey,
+          onChange: (e) => setApiKey(e.target.value),
+          placeholder: `Enter ${selectedMeta?.name ?? provider} API key`,
+          autoComplete: "off",
+          className: "w-full rounded-xl border border-white/10 bg-white/[0.02] px-4 py-3 text-sm text-white/90 placeholder:text-white/20 focus:border-indigo-500/50 focus:outline-none focus:ring-2 focus:ring-indigo-500/20"
+        }
+      )
+    ] }),
+    needsBaseUrl && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: `adapter-${domain}-url`, className: "mb-1.5 block text-xs font-semibold uppercase tracking-wider text-white/40", children: "Base URL" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "input",
+        {
+          id: `adapter-${domain}-url`,
+          type: "url",
+          value: baseUrl,
+          onChange: (e) => setBaseUrl(e.target.value),
+          placeholder: `https://...`,
+          className: "w-full rounded-xl border border-white/10 bg-white/[0.02] px-4 py-3 text-sm text-white/90 placeholder:text-white/20 focus:border-indigo-500/50 focus:outline-none focus:ring-2 focus:ring-indigo-500/20"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center justify-end gap-3 pt-2", children: [
+      onCancel && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { type: "button", onClick: onCancel, className: "rounded-xl px-5 py-2.5 text-sm font-semibold text-white/50 hover:text-white/70", children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          type: "submit",
+          disabled: isSaving || !provider,
+          className: "flex items-center gap-2 rounded-xl bg-indigo-500 px-6 py-2.5 text-sm font-semibold text-white hover:bg-indigo-400 disabled:opacity-50",
+          children: isSaving ? "Saving\u2026" : "Save Configuration"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/pages/AdaptersPage.tsx
+var import_react5 = require("react");
+var import_adapters_shared5 = require("@geenius/adapters-shared");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function AdaptersPage({ onNavigateDetail, className = "" }) {
+  const { statuses, isLoading } = useAdapters();
+  const [selectedDomain, setSelectedDomain] = (0, import_react5.useState)(null);
+  const [filterStatus, setFilterStatus] = (0, import_react5.useState)();
+  const counts = {
+    connected: import_adapters_shared5.ADAPTER_DOMAINS.filter((d) => statuses[d]?.status === "connected").length,
+    error: import_adapters_shared5.ADAPTER_DOMAINS.filter((d) => statuses[d]?.status === "error").length,
+    total: import_adapters_shared5.ADAPTER_DOMAINS.length
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `max-w-4xl mx-auto space-y-6 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "animate-pulse space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "h-8 w-48 rounded bg-white/10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "h-4 w-72 rounded bg-white/5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "grid gap-3 sm:grid-cols-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "h-20 rounded-2xl bg-white/[0.03]" }, i)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "grid gap-3 sm:grid-cols-2", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "h-28 rounded-2xl bg-white/[0.03]" }, i)) })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: `max-w-4xl mx-auto space-y-8 ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { className: "text-2xl font-extrabold text-white/95 tracking-tight", children: "Adapters" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1 text-sm text-white/40", children: "Manage your infrastructure adapters \u2014 database, auth, AI, storage, payments, and admin." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid gap-3 sm:grid-cols-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rounded-2xl border border-white/10 bg-white/[0.03] p-4 backdrop-blur-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wider text-white/30", children: "Total" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1 text-2xl font-extrabold text-white/90", children: counts.total }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-[0.625rem] text-white/30", children: "adapter domains" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rounded-2xl border border-emerald-500/10 bg-emerald-500/[0.03] p-4 backdrop-blur-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wider text-emerald-400/60", children: "Connected" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1 text-2xl font-extrabold text-emerald-400", children: counts.connected }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-[0.625rem] text-emerald-400/40", children: "active adapters" })
+      ] }),
+      counts.error > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rounded-2xl border border-red-500/10 bg-red-500/[0.03] p-4 backdrop-blur-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wider text-red-400/60", children: "Errors" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-1 text-2xl font-extrabold text-red-400", children: counts.error }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-[0.625rem] text-red-400/40", children: "need attention" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
+        {
+          onClick: () => setFilterStatus(void 0),
+          className: `rounded-lg px-3 py-1.5 text-xs font-semibold transition-all ${!filterStatus ? "bg-white/10 text-white/80" : "text-white/30 hover:text-white/50"}`,
+          children: "All"
+        }
+      ),
+      import_adapters_shared5.ADAPTER_STATUSES.map((s) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        "button",
+        {
+          onClick: () => setFilterStatus(s),
+          className: `flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-xs font-semibold transition-all ${filterStatus === s ? "bg-white/10 text-white/80" : "text-white/30 hover:text-white/50"}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AdapterStatusBadge, { status: s, showLabel: false, size: "sm" }),
+            s
+          ]
+        },
+        s
+      ))
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      AdapterList,
+      {
+        onSelect: (domain) => {
+          if (onNavigateDetail) {
+            onNavigateDetail(domain);
+          } else {
+            setSelectedDomain(domain);
+          }
+        },
+        filterStatus
+      }
+    ),
+    selectedDomain && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", onClick: () => setSelectedDomain(null), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "max-w-lg w-full mx-4", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      AdapterConfigForm,
+      {
+        domain: selectedDomain,
+        onSave: async () => {
+          setSelectedDomain(null);
+        },
+        onCancel: () => setSelectedDomain(null)
+      }
+    ) }) })
+  ] });
+}
+
+// src/pages/AdapterDetailPage.tsx
+var import_react6 = require("react");
+var import_adapters_shared6 = require("@geenius/adapters-shared");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function AdapterDetailPage({ domain, onBack, className = "" }) {
+  const { isLoading } = useAdapters();
+  const status = useAdapterStatus(domain);
+  const [isEditing, setIsEditing] = (0, import_react6.useState)(false);
+  const providers = (0, import_adapters_shared6.getProvidersForDomain)(domain);
+  const label = import_adapters_shared6.DOMAIN_LABELS[domain];
+  const icon = import_adapters_shared6.DOMAIN_ICONS[domain];
+  const desc = import_adapters_shared6.DOMAIN_DESCRIPTIONS[domain];
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `max-w-3xl mx-auto space-y-6 ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "animate-pulse space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "h-6 w-32 rounded bg-white/10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "h-40 rounded-2xl bg-white/[0.03]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "h-60 rounded-2xl bg-white/[0.03]" })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `max-w-3xl mx-auto space-y-8 ${className}`, children: [
+    onBack && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { onClick: onBack, className: "flex items-center gap-1.5 text-sm text-white/30 hover:text-white/60 transition-colors", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: "\u2190" }),
+      " Back to Adapters"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-start gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex h-16 w-16 items-center justify-center rounded-2xl bg-white/5 text-3xl", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h1", { className: "text-2xl font-extrabold text-white/95 tracking-tight", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AdapterStatusBadge, { status: status.status, size: "md" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "mt-1 text-sm text-white/40", children: desc })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rounded-2xl border border-white/10 bg-white/[0.03] p-6 backdrop-blur-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { className: "text-xs font-semibold uppercase tracking-wider text-white/30 mb-4", children: "Current Status" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "grid gap-4 sm:grid-cols-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-[0.625rem] text-white/30 uppercase", children: "Provider" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "mt-0.5 text-sm font-semibold text-white/80", children: status.provider !== "none" ? status.provider : "\u2014" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-[0.625rem] text-white/30 uppercase", children: "Status" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "mt-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AdapterStatusBadge, { status: status.status }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-[0.625rem] text-white/30 uppercase", children: "Last Checked" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "mt-0.5 text-sm text-white/60", children: status.lastCheckedAt ? new Date(status.lastCheckedAt).toLocaleTimeString() : "\u2014" })
+        ] })
+      ] }),
+      status.error && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mt-4 rounded-lg border border-red-500/20 bg-red-500/10 px-4 py-3 text-sm text-red-400", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "font-semibold", children: "Error:" }),
+        " ",
+        status.error
+      ] }),
+      status.latency && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-[0.625rem] text-white/30 uppercase mb-1", children: "Latency" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "h-2 w-full rounded-full bg-white/5 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "div",
+          {
+            className: `h-full rounded-full transition-all ${status.latency < 100 ? "bg-emerald-400" : status.latency < 500 ? "bg-amber-400" : "bg-red-400"}`,
+            style: { width: `${Math.min(100, status.latency / 1e3 * 100)}%` }
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { className: "mt-1 text-xs text-white/40", children: [
+          status.latency,
+          "ms"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rounded-2xl border border-white/10 bg-white/[0.03] p-6 backdrop-blur-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { className: "text-xs font-semibold uppercase tracking-wider text-white/30", children: "Available Providers" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "text-xs text-white/20", children: [
+          providers.length,
+          " providers"
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "divide-y divide-white/5", children: providers.map((p) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between py-3 first:pt-0 last:pb-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm font-semibold text-white/80", children: p.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-xs text-white/30", children: p.description })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: `self-start rounded px-2 py-0.5 text-[0.625rem] font-bold uppercase ${p.tier === "pronto" ? "bg-emerald-500/10 text-emerald-400" : p.tier === "lancio" ? "bg-blue-500/10 text-blue-400" : "bg-purple-500/10 text-purple-400"}`, children: p.tier })
+      ] }, p.id)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      AdapterConfigForm,
+      {
+        domain,
+        onSave: async () => setIsEditing(false),
+        onCancel: () => setIsEditing(false)
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "button",
+      {
+        onClick: () => setIsEditing(true),
+        className: "w-full rounded-2xl border border-dashed border-white/10 bg-white/[0.01] p-6 text-center text-sm text-white/30 hover:border-white/20 hover:text-white/50 transition-all",
+        children: [
+          "\u2699\uFE0F Configure ",
+          label,
+          " Adapter"
+        ]
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ADAPTER_DOMAINS,
+  AdapterCard,
+  AdapterConfigForm,
+  AdapterDetailPage,
+  AdapterList,
+  AdapterProvider,
+  AdapterStatusBadge,
+  AdaptersPage,
+  DOMAIN_DESCRIPTIONS,
+  DOMAIN_ICONS,
+  DOMAIN_LABELS,
+  configureAdapters,
+  getAdapterConfig,
+  getProviderMeta,
+  getProvidersForDomain,
+  isAdaptersConfigured,
+  useAdapterContext,
+  useAdapterStatus,
+  useAdapterStatuses,
+  useAdapters,
+  useAdmin,
+  useAi,
+  useAuth,
+  useDb,
+  useIsAdapterReady,
+  usePayments,
+  useStorage
+});
+//# sourceMappingURL=index.js.map