tanstack_start_ts 1.0.0

package/dist/server/assets/admin-DspfJOJk.js

@@ -0,0 +1,578 @@
+import { j as jsxRuntimeExports, r as reactExports } from "./vendor-react-DvBrY0qp.js";
+import { L as Link } from "./vendor-tanstack-react-router-XzqpA65A.js";
+import { a as useQuery, b as useQueryClient, u as useMutation } from "./vendor-tanstack-react-query-hhHzXAK1.js";
+import { u as useServerFn } from "./vendor-tanstack-react-start-RvWUpvat.js";
+import { a as isAdmin, g as grantSelfAdmin, b as listAllProducts, u as upsertProduct, d as deleteProduct, i as importProductFromLink, l as listAdmins, c as createAdmin } from "./admin.functions-BWlKBoTL.js";
+import { g as getCategories } from "./products.functions-DlHkRiqi.js";
+import { w as useAuth } from "./vendor-tanstack-start-client-core-DoOKV2pA.js";
+import { t as toast } from "./vendor-sonner-CqbjhsRh.js";
+import { r as resolveBuyUrl } from "./product-links-CGYEPP56.js";
+import { t as Shield, g as Crown, p as Plus, D as UserPlus, z as TrendingUp, i as Flame, y as Star, E as ExternalLink, P as PenLine, T as Trash2, K as KeyRound, M as Mail, l as Lock, x as Sparkles, L as Link2, k as LoaderCircle, F as FileDown, R as RefreshCw } from "./vendor-lucide-react-Ddew6HYb.js";
+import "./vendor-tanstack-router-core-6wywV3KN.js";
+import "./vendor-tanstack-history-C4pKJmkt.js";
+import "./vendor-seroval-dJyC-Zhz.js";
+import "./vendor-seroval-plugins-Pq_U2meB.js";
+import "./vendor-cookie-es-DAoofYiI.js";
+import "node:stream/web";
+import "node:stream";
+import "./vendor-react-dom-yvMLPM0j.js";
+import "./vendor-isbot-CZ7WjwVs.js";
+import "./vendor-tanstack-query-core-PwwTR5ld.js";
+import "./vendor-tanstack-start-server-core-CsAstXv7.js";
+import "node:async_hooks";
+import "./vendor-h3-v2-CCobnLY5.js";
+import "./vendor-rou3-3NaGPdI8.js";
+import "./vendor-srvx-BA-baEX9.js";
+import "./vendor-tanstack-start-storage-context-DgH9hIJT.js";
+import "./vendor-tanstack-react-start-server-uj_Y9pEN.js";
+import "./auth-middleware-Cn49MidW.js";
+import "./vendor-supabase-supabase-js-D1EEtG3j.js";
+import "./vendor-supabase-postgrest-js-AO-BXa7I.js";
+import "./vendor-supabase-realtime-js-BtdNgJbm.js";
+import "./vendor-supabase-phoenix-Bw3Uh2Nn.js";
+import "./vendor-supabase-storage-js-Dk_MrPYO.js";
+import "./vendor-iceberg-js-bHCkXyJn.js";
+import "./vendor-supabase-auth-js-D4xjVprw.js";
+import "./vendor-tslib-_8ICaZ64.js";
+import "./vendor-supabase-functions-js-sWy4UYn1.js";
+import "./vendor-zod-BRyQdbC-.js";
+import "./vendor-vercel-analytics-oP8BDp0L.js";
+import "./vendor-radix-ui-react-dropdown-menu-DVxKumY8.js";
+import "./vendor-radix-ui-primitive-B-mNdDrH.js";
+import "./vendor-radix-ui-react-compose-refs-D3qsKVk1.js";
+import "./vendor-radix-ui-react-context-BVoNDLue.js";
+import "./vendor-radix-ui-react-use-controllable-state-C9KpT6DG.js";
+import "./vendor-radix-ui-react-use-layout-effect-1LNLXAjr.js";
+import "./vendor-radix-ui-react-primitive-BeOk3UYa.js";
+import "./vendor-radix-ui-react-menu-CiTMLwjT.js";
+import "./vendor-radix-ui-react-collection-BZ2srfgU.js";
+import "./vendor-radix-ui-react-direction-Dt_WDL1t.js";
+import "./vendor-radix-ui-react-dismissable-layer-CjsuPohV.js";
+import "./vendor-radix-ui-react-use-callback-ref-BynBgohw.js";
+import "./vendor-radix-ui-react-use-escape-keydown-CcYRQ2pp.js";
+import "./vendor-radix-ui-react-focus-guards-D_6NoePE.js";
+import "./vendor-radix-ui-react-focus-scope-DEIhTJJH.js";
+import "./vendor-radix-ui-react-popper-23Ye2Vyc.js";
+import "./vendor-floating-ui-react-dom-CRG6gBpH.js";
+import "./vendor-floating-ui-dom-C-cPtgJv.js";
+import "./vendor-floating-ui-core-3tkK0THV.js";
+import "./vendor-floating-ui-utils-DmXANH-E.js";
+import "./vendor-radix-ui-react-arrow-B882lnFK.js";
+import "./vendor-radix-ui-react-use-size-D6fiKJQo.js";
+import "./vendor-radix-ui-react-portal-CZCH5uPk.js";
+import "./vendor-radix-ui-react-presence-CaAULlDU.js";
+import "./vendor-radix-ui-react-roving-focus-DES9GR8l.js";
+import "./vendor-radix-ui-react-id-DFFpgh6m.js";
+import "./vendor-aria-hidden-DPa16MWu.js";
+import "./vendor-react-remove-scroll-BNtiEvVN.js";
+import "./vendor-react-remove-scroll-bar-hLqRASRk.js";
+import "./vendor-react-style-singleton-BXjcXskB.js";
+import "./vendor-get-nonce-DiSj3EHl.js";
+import "./vendor-use-sidecar-DG1tHua4.js";
+import "./vendor-use-callback-ref-DMFDRvmi.js";
+import "./vendor-clsx-DgYk2OaC.js";
+import "./vendor-tailwind-merge-BHb_obmC.js";
+import "./vendor-radix-ui-react-avatar-BVgZt2Ab.js";
+import "./vendor-radix-ui-react-slot-DUhZbzoH.js";
+import "./vendor-radix-ui-react-use-is-hydrated-D_LcBPXY.js";
+import "./vendor-use-sync-external-store-rZ8vi0It.js";
+import "./vendor-class-variance-authority-0YxJPB9Y.js";
+import "./vendor-radix-ui-react-dialog-DlxMaNYK.js";
+import "./vendor-framer-motion-X4zAkX3J.js";
+import "./vendor-motion-dom-D2MTwGIG.js";
+import "./vendor-motion-utils-LJlIFN6m.js";
+function AdminPage() {
+  const {
+    user,
+    loading
+  } = useAuth();
+  const isAdminFn = useServerFn(isAdmin);
+  const grantFn = useServerFn(grantSelfAdmin);
+  const {
+    data: roleData,
+    isLoading: roleLoading,
+    refetch
+  } = useQuery({
+    queryKey: ["is-admin", user?.id],
+    enabled: !!user,
+    queryFn: () => isAdminFn()
+  });
+  if (loading || user && roleLoading) return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-10", children: "Loading…" });
+  if (!user) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-md mx-auto pt-24 px-4 text-center glass-strong rounded-3xl p-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Shield, { className: "w-12 h-12 mx-auto text-brand-magenta" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "font-display text-2xl font-bold mt-4", children: "Admin sign-in required" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground mt-2", children: "Admins must sign in with their assigned Admin ID, email and password." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/admin/login", className: "btn-glow inline-block mt-6 rounded-full px-6 py-3 font-semibold text-sm", children: "Go to admin sign-in" })
+    ] });
+  }
+  if (!roleData?.admin) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-md mx-auto pt-24 px-4 text-center glass-strong rounded-3xl p-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Shield, { className: "w-10 h-10 mx-auto text-brand-magenta" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "font-display text-2xl font-bold mt-4", children: "Not an admin yet" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-muted-foreground mt-2", children: [
+        "If you're the project owner, claim Master Admin access now. Only the very first user can self-grant — you will receive the master Admin ID",
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-foreground font-mono", children: "doraexplora" }),
+        "."
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: async () => {
+        try {
+          const res = await grantFn();
+          toast.success(`You're the Master Admin! Admin ID: ${res.admin_id}`);
+          refetch();
+        } catch (e) {
+          toast.error(e.message ?? "Failed");
+        }
+      }, className: "btn-glow mt-6 rounded-full px-6 py-3 font-semibold text-sm", children: "Claim Master Admin access" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AdminDashboard, { isMaster: !!roleData.is_master, adminId: roleData.admin_id });
+}
+function AdminDashboard({
+  isMaster,
+  adminId
+}) {
+  const qc = useQueryClient();
+  const listFn = useServerFn(listAllProducts);
+  const upsertFn = useServerFn(upsertProduct);
+  const delFn = useServerFn(deleteProduct);
+  const importFn = useServerFn(importProductFromLink);
+  const {
+    data: products
+  } = useQuery({
+    queryKey: ["admin-products"],
+    queryFn: () => listFn()
+  });
+  const {
+    data: categories
+  } = useQuery({
+    queryKey: ["cats"],
+    queryFn: () => getCategories()
+  });
+  const [editing, setEditing] = reactExports.useState(null);
+  const [tab, setTab] = reactExports.useState("products");
+  const upsert = useMutation({
+    mutationFn: (data) => upsertFn({
+      data
+    }),
+    onSuccess: () => {
+      qc.invalidateQueries({
+        queryKey: ["admin-products"]
+      });
+      qc.invalidateQueries({
+        queryKey: ["home"]
+      });
+      toast.success("Saved");
+      setEditing(null);
+    },
+    onError: (e) => toast.error(e.message ?? "Failed")
+  });
+  const del = useMutation({
+    mutationFn: (id) => delFn({
+      data: {
+        id
+      }
+    }),
+    onSuccess: () => {
+      qc.invalidateQueries({
+        queryKey: ["admin-products"]
+      });
+      toast.success("Deleted");
+    }
+  });
+  const stats = {
+    total: products?.length ?? 0,
+    trending: products?.filter((p) => p.is_trending).length ?? 0,
+    hot: products?.filter((p) => p.is_hot).length ?? 0,
+    featured: products?.filter((p) => p.is_featured).length ?? 0,
+    views: products?.reduce((s, p) => s + (p.view_count ?? 0), 0) ?? 0
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-7xl mx-auto px-4 pt-10 pb-20", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between flex-wrap gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "font-display text-4xl font-bold", children: [
+          "Admin ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-gradient", children: "dashboard" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-muted-foreground mt-1 inline-flex items-center gap-2", children: [
+          isMaster && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 text-brand-amber", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Crown, { className: "w-3.5 h-3.5" }),
+            " Master Admin"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            "Admin ID: ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-foreground", children: adminId })
+          ] })
+        ] })
+      ] }),
+      tab === "products" && /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { onClick: () => setEditing({}), className: "btn-glow rounded-full px-5 py-2.5 font-semibold text-sm inline-flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "w-4 h-4" }),
+        " New product"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-6 inline-flex glass rounded-full p-1 text-sm", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setTab("products"), className: `px-4 py-1.5 rounded-full transition ${tab === "products" ? "bg-white/10 text-foreground" : "text-muted-foreground"}`, children: "Products" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { onClick: () => setTab("admins"), className: `px-4 py-1.5 rounded-full transition inline-flex items-center gap-1.5 ${tab === "admins" ? "bg-white/10 text-foreground" : "text-muted-foreground"}`, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(UserPlus, { className: "w-3.5 h-3.5" }),
+        " Admins"
+      ] })
+    ] }),
+    tab === "products" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 md:grid-cols-5 gap-3 mt-6", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Stat, { label: "Products", value: stats.total }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Stat, { label: "Trending", value: stats.trending, icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TrendingUp, { className: "w-4 h-4 text-brand-magenta" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Stat, { label: "Hot deals", value: stats.hot, icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Flame, { className: "w-4 h-4 text-brand-orange" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Stat, { label: "Featured", value: stats.featured, icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Star, { className: "w-4 h-4 text-brand-amber" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Stat, { label: "Total views", value: stats.views.toLocaleString() })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-10 glass-strong rounded-3xl overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-12 px-5 py-3 text-xs text-muted-foreground uppercase tracking-wider border-b border-white/5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-span-5", children: "Product" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-span-2", children: "Price" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-span-2", children: "Status" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-span-1", children: "Views" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-span-2 text-right", children: "Actions" })
+        ] }),
+        (products ?? []).map((p) => {
+          const openUrl = resolveBuyUrl(p) ?? p.affiliate_url ?? p.product_url ?? p.source_url;
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-12 px-5 py-3 items-center hover:bg-white/5 border-b border-white/5 last:border-none text-sm", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "col-span-5 flex items-center gap-3 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: p.image_url, alt: "", className: "w-10 h-10 rounded-lg object-cover shrink-0" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "truncate", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium truncate", children: p.title }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground truncate", children: p.imported_from ?? p.merchant ?? "Shopping site" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "col-span-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-gradient font-bold", children: [
+                "$",
+                Number(p.price).toFixed(2)
+              ] }),
+              p.original_price && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs text-muted-foreground line-through ml-2", children: [
+                "$",
+                Number(p.original_price).toFixed(2)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "col-span-2 flex gap-1 flex-wrap", children: [
+              p.is_trending && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] bg-brand-magenta/20 text-brand-magenta rounded px-1.5 py-0.5", children: "TREND" }),
+              p.is_hot && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] bg-brand-orange/20 text-brand-orange rounded px-1.5 py-0.5", children: "HOT" }),
+              p.is_featured && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] bg-brand-amber/20 text-brand-amber rounded px-1.5 py-0.5", children: "FEAT" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "col-span-1 text-xs text-muted-foreground", children: p.view_count }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "col-span-2 flex justify-end gap-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: openUrl ?? "#", target: "_blank", rel: "noopener noreferrer", className: "p-2 rounded-lg hover:bg-white/10", title: "Open store link", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "w-4 h-4" }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setEditing(p), className: "p-2 rounded-lg hover:bg-white/10", title: "Edit", children: /* @__PURE__ */ jsxRuntimeExports.jsx(PenLine, { className: "w-4 h-4" }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => confirm("Delete this product?") && del.mutate(p.id), className: "p-2 rounded-lg hover:bg-destructive/20 text-destructive", title: "Delete", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "w-4 h-4" }) })
+            ] })
+          ] }, p.id);
+        }),
+        (products ?? []).length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-10 text-center text-muted-foreground text-sm", children: "No products yet. Add your first one above." })
+      ] })
+    ] }),
+    tab === "admins" && /* @__PURE__ */ jsxRuntimeExports.jsx(AdminsPanel, { isMaster }),
+    editing && /* @__PURE__ */ jsxRuntimeExports.jsx(EditDialog, { product: editing, categories: categories ?? [], onClose: () => setEditing(null), onSave: (d) => upsert.mutate(d), saving: upsert.isPending, onImport: (url) => importFn({
+      data: {
+        url
+      }
+    }), importingLabel: "Import Product From Link" })
+  ] });
+}
+function AdminsPanel({
+  isMaster
+}) {
+  const qc = useQueryClient();
+  const listFn = useServerFn(listAdmins);
+  const createFn = useServerFn(createAdmin);
+  const {
+    data: admins
+  } = useQuery({
+    queryKey: ["admins"],
+    queryFn: () => listFn()
+  });
+  const [form, setForm] = reactExports.useState({
+    email: "",
+    password: "",
+    admin_id: ""
+  });
+  const create = useMutation({
+    mutationFn: (data) => createFn({
+      data
+    }),
+    onSuccess: () => {
+      toast.success("Admin added");
+      qc.invalidateQueries({
+        queryKey: ["admins"]
+      });
+      setForm({
+        email: "",
+        password: "",
+        admin_id: ""
+      });
+    },
+    onError: (e) => toast.error(e.message ?? "Failed")
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-6 grid lg:grid-cols-2 gap-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "glass-strong rounded-3xl p-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "font-display text-xl font-bold inline-flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(UserPlus, { className: "w-5 h-5 text-brand-magenta" }),
+        " Add new admin"
+      ] }),
+      !isMaster ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-muted-foreground mt-3", children: [
+        "Only the Master Admin can add new admins. Ask the Master Admin (admin ID",
+        " ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-foreground", children: "doraexplora" }),
+        ") to assign you an Admin ID."
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: (e) => {
+        e.preventDefault();
+        create.mutate(form);
+      }, className: "space-y-3 mt-5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(FieldRow, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyRound, { className: "w-4 h-4" }), label: "Assign Admin ID", value: form.admin_id, onChange: (v) => setForm((f) => ({
+          ...f,
+          admin_id: v
+        })), placeholder: "e.g. jane_admin" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(FieldRow, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Mail, { className: "w-4 h-4" }), label: "Admin email", type: "email", value: form.email, onChange: (v) => setForm((f) => ({
+          ...f,
+          email: v
+        })), placeholder: "admin@company.com" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(FieldRow, { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Lock, { className: "w-4 h-4" }), label: "Initial password", type: "password", value: form.password, onChange: (v) => setForm((f) => ({
+          ...f,
+          password: v
+        })), placeholder: "Min 8 characters" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { disabled: create.isPending || !form.email || !form.password || !form.admin_id, className: "btn-glow w-full rounded-full py-3 font-semibold text-sm disabled:opacity-60", children: create.isPending ? "Creating…" : "Create admin" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-muted-foreground pt-1", children: [
+          "The new admin will sign in at ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: "/admin/login" }),
+          " using this Admin ID, email, and password."
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "glass-strong rounded-3xl p-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "font-display text-xl font-bold", children: "Current admins" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-4 divide-y divide-white/5", children: [
+        (admins ?? []).map((a) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "py-3 flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-sm font-medium truncate inline-flex items-center gap-2", children: [
+              a.is_master && /* @__PURE__ */ jsxRuntimeExports.jsx(Crown, { className: "w-3.5 h-3.5 text-brand-amber" }),
+              a.email ?? "—"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground font-mono", children: a.admin_id ?? "(no admin id)" })
+          ] }),
+          a.is_master && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] bg-brand-amber/20 text-brand-amber rounded px-2 py-0.5 uppercase tracking-wider", children: "Master" })
+        ] }, a.user_id)),
+        (admins ?? []).length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground py-4", children: "No admins yet." })
+      ] })
+    ] })
+  ] });
+}
+function FieldRow({
+  icon,
+  label,
+  value,
+  onChange,
+  placeholder,
+  type = "text"
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-xs text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex items-center gap-2 glass rounded-xl px-3 py-2.5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-muted-foreground", children: icon }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type, value, onChange: (e) => onChange(e.target.value), placeholder, className: "flex-1 bg-transparent outline-none text-sm placeholder:text-muted-foreground" })
+    ] })
+  ] });
+}
+function Stat({
+  label,
+  value,
+  icon
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "glass rounded-2xl p-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-xs text-muted-foreground inline-flex items-center gap-1", children: [
+      icon,
+      label
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-display text-2xl font-bold mt-1", children: value })
+  ] });
+}
+function EditDialog({
+  product,
+  categories,
+  onClose,
+  onSave,
+  saving,
+  onImport,
+  importingLabel
+}) {
+  const [form, setForm] = reactExports.useState({
+    id: product.id,
+    title: product.title ?? "",
+    description: product.description ?? "",
+    image_url: product.image_url ?? "",
+    price: product.price ?? 0,
+    original_price: product.original_price ?? null,
+    currency: product.currency ?? "USD",
+    affiliate_url: product.affiliate_url ?? "",
+    product_url: product.product_url ?? "",
+    tracking_url: product.tracking_url ?? "",
+    source_url: product.source_url ?? "",
+    imported_from: product.imported_from ?? "",
+    import_notes: product.import_notes ?? "",
+    merchant: product.merchant ?? "",
+    category_id: product.category_id ?? null,
+    tags: product.tags ?? [],
+    badges: product.badges ?? [],
+    is_trending: product.is_trending ?? false,
+    is_hot: product.is_hot ?? false,
+    is_featured: product.is_featured ?? false,
+    shipping_info: product.shipping_info ?? "",
+    delivery_estimate: product.delivery_estimate ?? ""
+  });
+  const [importUrl, setImportUrl] = reactExports.useState(product.product_url ?? product.source_url ?? product.affiliate_url ?? "");
+  const [importing, setImporting] = reactExports.useState(false);
+  const [importError, setImportError] = reactExports.useState(null);
+  const set = (k, v) => setForm((f) => ({
+    ...f,
+    [k]: v
+  }));
+  const applyImported = (payload) => {
+    setForm((current) => ({
+      ...current,
+      title: payload.title ?? current.title,
+      description: payload.description ?? current.description,
+      image_url: payload.image_url ?? current.image_url,
+      price: payload.price ?? current.price,
+      original_price: payload.original_price ?? current.original_price,
+      currency: payload.currency ?? current.currency,
+      merchant: payload.merchant ?? current.merchant,
+      product_url: payload.product_url ?? current.product_url,
+      tracking_url: payload.tracking_url ?? current.tracking_url,
+      source_url: payload.source_url ?? current.source_url,
+      imported_from: payload.imported_from ?? current.imported_from,
+      import_notes: payload.import_notes ?? current.import_notes,
+      tags: payload.tags ?? current.tags,
+      badges: payload.badges ?? current.badges,
+      shipping_info: payload.shipping_info ?? current.shipping_info,
+      delivery_estimate: payload.delivery_estimate ?? current.delivery_estimate,
+      affiliate_url: payload.tracking_url ?? payload.product_url ?? current.affiliate_url
+    }));
+    if (payload.product_url) setImportUrl(payload.product_url);
+    if (payload.import_notes) setImportError(null);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm flex items-center justify-center p-4 overflow-y-auto", onClick: onClose, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "glass-strong rounded-3xl p-6 max-w-3xl w-full my-auto", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-4 mb-5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "font-display text-2xl font-bold", children: product.id ? "Edit product" : "New product" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-muted-foreground mt-1 inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Sparkles, { className: "w-3.5 h-3.5 text-brand-magenta" }),
+          "Keep the shopping experience clean while still allowing tracking behind the scenes."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] uppercase tracking-wider bg-white/5 border border-white/10 rounded-full px-3 py-1 text-muted-foreground", children: "Manual + import" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-3xl border border-white/10 bg-white/5 p-4 mb-5", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col md:flex-row gap-3 md:items-end", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-xs text-muted-foreground", children: "Import Product From Link" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex items-center gap-2 glass rounded-xl px-3 py-2.5", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Link2, { className: "w-4 h-4 text-brand-magenta shrink-0" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("input", { value: importUrl, onChange: (e) => setImportUrl(e.target.value), placeholder: "Paste an AliExpress, Temu, Amazon, eBay, Alibaba, or other store link", className: "flex-1 bg-transparent outline-none text-sm placeholder:text-muted-foreground" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", disabled: importing || !importUrl.trim(), onClick: async () => {
+          try {
+            setImporting(true);
+            setImportError(null);
+            const preview = await onImport(importUrl.trim());
+            applyImported(preview);
+            toast.success("Imported product details");
+          } catch (e) {
+            const message = e?.message ?? "Import failed";
+            setImportError(message);
+            toast.error(message);
+          } finally {
+            setImporting(false);
+          }
+        }, className: "btn-glow rounded-full px-5 py-3 font-semibold text-sm inline-flex items-center gap-2 disabled:opacity-60", children: [
+          importing ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(FileDown, { className: "w-4 h-4" }),
+          importing ? "Fetching…" : importingLabel
+        ] })
+      ] }),
+      importError ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 text-xs text-destructive inline-flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "w-3.5 h-3.5" }),
+        importError
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-3 text-xs text-muted-foreground", children: "We’ll try to fetch title, price, description, images, ratings, and source details automatically. You can edit everything before publishing." })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3 max-h-[60vh] overflow-y-auto pr-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Title", value: form.title, onChange: (v) => set("title", v) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Description", value: form.description, onChange: (v) => set("description", v), textarea: true }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid md:grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Image URL", value: form.image_url, onChange: (v) => set("image_url", v) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Product URL", value: form.product_url, onChange: (v) => set("product_url", v) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid md:grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Tracking URL", value: form.tracking_url, onChange: (v) => set("tracking_url", v) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Source URL", value: form.source_url, onChange: (v) => set("source_url", v) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid md:grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Affiliate URL", value: form.affiliate_url, onChange: (v) => set("affiliate_url", v) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Currency", value: form.currency, onChange: (v) => set("currency", v) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Price", type: "number", value: form.price, onChange: (v) => set("price", Number(v)) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Original price", type: "number", value: form.original_price ?? "", onChange: (v) => set("original_price", v ? Number(v) : null) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Merchant", value: form.merchant ?? "", onChange: (v) => set("merchant", v) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-xs text-muted-foreground", children: "Category" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("select", { value: form.category_id ?? "", onChange: (e) => set("category_id", e.target.value || null), className: "w-full glass rounded-xl px-3 py-2.5 text-sm bg-transparent outline-none mt-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "— None —" }),
+            categories.map((c) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: c.id, className: "bg-background", children: c.name }, c.id))
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid md:grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Imported from", value: form.imported_from ?? "", onChange: (v) => set("imported_from", v) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Import notes", value: form.import_notes ?? "", onChange: (v) => set("import_notes", v) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Shipping info", value: form.shipping_info ?? "", onChange: (v) => set("shipping_info", v) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Inp, { label: "Delivery estimate", value: form.delivery_estimate ?? "", onChange: (v) => set("delivery_estimate", v) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap gap-4 pt-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Toggle, { label: "Trending", checked: form.is_trending, onChange: (v) => set("is_trending", v) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Toggle, { label: "Hot deal", checked: form.is_hot, onChange: (v) => set("is_hot", v) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Toggle, { label: "Featured", checked: form.is_featured, onChange: (v) => set("is_featured", v) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end gap-2 pt-5 mt-3 border-t border-white/10", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "px-4 py-2 rounded-full text-sm hover:bg-white/5", children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { disabled: saving, onClick: () => onSave(form), className: "btn-glow rounded-full px-5 py-2 font-semibold text-sm disabled:opacity-60", children: saving ? "Saving…" : "Save" })
+    ] })
+  ] }) });
+}
+function Inp({
+  label,
+  value,
+  onChange,
+  type = "text",
+  textarea
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-xs text-muted-foreground", children: label }),
+    textarea ? /* @__PURE__ */ jsxRuntimeExports.jsx("textarea", { value, onChange: (e) => onChange(e.target.value), rows: 3, className: "w-full glass rounded-xl px-3 py-2 text-sm bg-transparent outline-none mt-1 resize-none" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type, value, onChange: (e) => onChange(e.target.value), className: "w-full glass rounded-xl px-3 py-2 text-sm bg-transparent outline-none mt-1" })
+  ] });
+}
+function Toggle({
+  label,
+  checked,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "inline-flex items-center gap-2 text-sm cursor-pointer", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "checkbox", checked, onChange: (e) => onChange(e.target.checked), className: "accent-brand-magenta w-4 h-4" }),
+    label
+  ] });
+}
+export {
+  AdminPage as component
+};