tanstack_start_ts 1.0.0

package/dist/server/assets/products.functions-DSlmibYN.js

@@ -0,0 +1,209 @@
+import { c as createServerRpc } from "./vendor-tanstack-start-server-core-CsAstXv7.js";
+import { n as createServerFn } from "./vendor-tanstack-start-client-core-DoOKV2pA.js";
+import { c as createClient } from "./vendor-supabase-supabase-js-D1EEtG3j.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-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-tanstack-start-storage-context-DgH9hIJT.js";
+import "./vendor-tanstack-react-router-XzqpA65A.js";
+import "./vendor-react-DvBrY0qp.js";
+import "./vendor-react-dom-yvMLPM0j.js";
+import "./vendor-isbot-CZ7WjwVs.js";
+import "./vendor-tanstack-react-query-hhHzXAK1.js";
+import "./vendor-tanstack-query-core-PwwTR5ld.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-tslib-_8ICaZ64.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-lucide-react-Ddew6HYb.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";
+import "./vendor-sonner-CqbjhsRh.js";
+import "./vendor-zod-BRyQdbC-.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-supabase-functions-js-sWy4UYn1.js";
+function pub() {
+  const url = process.env.SUPABASE_URL ?? "https://nzjcdmvweufrawyphzzy.supabase.co";
+  const key = process.env.SUPABASE_PUBLISHABLE_KEY ?? "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im56amNkbXZ3ZXVmcmF3eXBoenp5Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzkzMTE1NjQsImV4cCI6MjA5NDg4NzU2NH0.HSGmMtYJTCFBcS17l6RsFxrgtOZdxpzL6_5v5vI9TOo";
+  return createClient(url, key, {
+    auth: {
+      persistSession: false,
+      autoRefreshToken: false
+    }
+  });
+}
+const getHomeData_createServerFn_handler = createServerRpc({
+  id: "1d8e8cdce79172e2882528d5d32b80bd35c0ea1b2438720a98289b792614f340",
+  name: "getHomeData",
+  filename: "src/lib/products.functions.ts"
+}, (opts) => getHomeData.__executeServer(opts));
+const getHomeData = createServerFn({
+  method: "GET"
+}).handler(getHomeData_createServerFn_handler, async () => {
+  const sb = pub();
+  const [featured, trending, recent, categories] = await Promise.all([sb.from("products").select("*").eq("is_featured", true).order("view_count", {
+    ascending: false
+  }).limit(8), sb.from("products").select("*").eq("is_trending", true).order("view_count", {
+    ascending: false
+  }).limit(12), sb.from("products").select("*").order("created_at", {
+    ascending: false
+  }).limit(24), sb.from("categories").select("*").order("sort_order")]);
+  return {
+    featured: featured.data ?? [],
+    trending: trending.data ?? [],
+    recent: recent.data ?? [],
+    categories: categories.data ?? []
+  };
+});
+const getCategories_createServerFn_handler = createServerRpc({
+  id: "8e28ffefb35b7f29bda8f5128c6f8fb45636d264c3d475770b9bb49c082743e7",
+  name: "getCategories",
+  filename: "src/lib/products.functions.ts"
+}, (opts) => getCategories.__executeServer(opts));
+const getCategories = createServerFn({
+  method: "GET"
+}).handler(getCategories_createServerFn_handler, async () => {
+  const {
+    data
+  } = await pub().from("categories").select("*").order("sort_order");
+  return data ?? [];
+});
+const getProductsByCategory_createServerFn_handler = createServerRpc({
+  id: "0238da445528618169909df2f20865e4e94cdd1ae332dd4871ecfce3a4f5e2e2",
+  name: "getProductsByCategory",
+  filename: "src/lib/products.functions.ts"
+}, (opts) => getProductsByCategory.__executeServer(opts));
+const getProductsByCategory = createServerFn({
+  method: "GET"
+}).inputValidator((d) => d).handler(getProductsByCategory_createServerFn_handler, async ({
+  data
+}) => {
+  const sb = pub();
+  const {
+    data: cat
+  } = await sb.from("categories").select("*").eq("slug", data.slug).maybeSingle();
+  if (!cat) return {
+    category: null,
+    products: []
+  };
+  const {
+    data: products
+  } = await sb.from("products").select("*").eq("category_id", cat.id).order("view_count", {
+    ascending: false
+  });
+  return {
+    category: cat,
+    products: products ?? []
+  };
+});
+const getProduct_createServerFn_handler = createServerRpc({
+  id: "b1412d2ee3540c641acd3eadee47cab30a74bd74ee33cc79351c015701f7ed17",
+  name: "getProduct",
+  filename: "src/lib/products.functions.ts"
+}, (opts) => getProduct.__executeServer(opts));
+const getProduct = createServerFn({
+  method: "GET"
+}).inputValidator((d) => d).handler(getProduct_createServerFn_handler, async ({
+  data
+}) => {
+  const sb = pub();
+  const {
+    data: p
+  } = await sb.from("products").select("*, categories(name, slug)").eq("id", data.id).maybeSingle();
+  if (!p) return {
+    product: null,
+    related: []
+  };
+  const {
+    data: related
+  } = await sb.from("products").select("*").eq("category_id", p.category_id).neq("id", p.id).limit(8);
+  return {
+    product: p,
+    related: related ?? []
+  };
+});
+const searchProducts_createServerFn_handler = createServerRpc({
+  id: "98f6ea06219c15c258067120d8debbcde0f6f83e0efb6c06816ddb77b33849a7",
+  name: "searchProducts",
+  filename: "src/lib/products.functions.ts"
+}, (opts) => searchProducts.__executeServer(opts));
+const searchProducts = createServerFn({
+  method: "GET"
+}).inputValidator((d) => d).handler(searchProducts_createServerFn_handler, async ({
+  data
+}) => {
+  const sb = pub();
+  const q = data.q.trim();
+  if (!q) {
+    const {
+      data: hot
+    } = await sb.from("products").select("*").order("view_count", {
+      ascending: false
+    }).limit(24);
+    return hot ?? [];
+  }
+  const {
+    data: results
+  } = await sb.from("products").select("*").or(`title.ilike.%${q}%,description.ilike.%${q}%`).limit(48);
+  return results ?? [];
+});
+export {
+  getCategories_createServerFn_handler,
+  getHomeData_createServerFn_handler,
+  getProduct_createServerFn_handler,
+  getProductsByCategory_createServerFn_handler,
+  searchProducts_createServerFn_handler
+};

package/dist/server/assets/products.functions-DlHkRiqi.js

@@ -0,0 +1,24 @@
+import { a as createSsrRpc } from "./vendor-tanstack-start-server-core-CsAstXv7.js";
+import { n as createServerFn } from "./vendor-tanstack-start-client-core-DoOKV2pA.js";
+const getHomeData = createServerFn({
+  method: "GET"
+}).handler(createSsrRpc("1d8e8cdce79172e2882528d5d32b80bd35c0ea1b2438720a98289b792614f340"));
+const getCategories = createServerFn({
+  method: "GET"
+}).handler(createSsrRpc("8e28ffefb35b7f29bda8f5128c6f8fb45636d264c3d475770b9bb49c082743e7"));
+const getProductsByCategory = createServerFn({
+  method: "GET"
+}).inputValidator((d) => d).handler(createSsrRpc("0238da445528618169909df2f20865e4e94cdd1ae332dd4871ecfce3a4f5e2e2"));
+const getProduct = createServerFn({
+  method: "GET"
+}).inputValidator((d) => d).handler(createSsrRpc("b1412d2ee3540c641acd3eadee47cab30a74bd74ee33cc79351c015701f7ed17"));
+const searchProducts = createServerFn({
+  method: "GET"
+}).inputValidator((d) => d).handler(createSsrRpc("98f6ea06219c15c258067120d8debbcde0f6f83e0efb6c06816ddb77b33849a7"));
+export {
+  getHomeData as a,
+  getProduct as b,
+  getProductsByCategory as c,
+  getCategories as g,
+  searchProducts as s
+};

package/dist/server/assets/profile-B0NWzVAZ.js

@@ -0,0 +1,314 @@
+import { r as reactExports, j as jsxRuntimeExports } from "./vendor-react-DvBrY0qp.js";
+import { u as useNavigate, L as Link } from "./vendor-tanstack-react-router-XzqpA65A.js";
+import { w as useAuth, v as supabase, A as Avatar, b as AvatarImage, a as AvatarFallback } from "./vendor-tanstack-start-client-core-DoOKV2pA.js";
+import { t as toast } from "./vendor-sonner-CqbjhsRh.js";
+import { a as useQuery } from "./vendor-tanstack-react-query-hhHzXAK1.js";
+import { C as Camera, g as Crown, t as Shield, H as Heart, y as Star, v as ShoppingBag, A as ArrowRight, n as LogOut } 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-start-storage-context-DgH9hIJT.js";
+import "node:async_hooks";
+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-tslib-_8ICaZ64.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";
+import "./vendor-zod-BRyQdbC-.js";
+import "./vendor-tanstack-query-core-PwwTR5ld.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-supabase-functions-js-sWy4UYn1.js";
+function Profile() {
+  const {
+    user,
+    loading
+  } = useAuth();
+  const nav = useNavigate();
+  const [name, setName] = reactExports.useState("");
+  const [avatarUrl, setAvatarUrl] = reactExports.useState("");
+  const [saving, setSaving] = reactExports.useState(false);
+  const [avatarSaving, setAvatarSaving] = reactExports.useState(false);
+  const {
+    data: roleData
+  } = useQuery({
+    queryKey: ["profile-role", user?.id],
+    enabled: !!user,
+    queryFn: async () => {
+      const {
+        data
+      } = await supabase.from("user_roles").select("admin_id").eq("user_id", user.id).eq("role", "admin").maybeSingle();
+      return data ?? null;
+    }
+  });
+  reactExports.useEffect(() => {
+    if (!user) return;
+    supabase.from("profiles").select("display_name, avatar_url").eq("id", user.id).maybeSingle().then(({
+      data
+    }) => {
+      setName(data?.display_name ?? "");
+      setAvatarUrl(data?.avatar_url ?? "");
+    });
+  }, [user]);
+  const initials = reactExports.useMemo(() => {
+    return name?.trim()?.slice(0, 1)?.toUpperCase() ?? user?.email?.slice(0, 1)?.toUpperCase() ?? "U";
+  }, [name, user?.email]);
+  if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 max-w-7xl mx-auto pt-10", children: "Loading…" });
+  if (!user) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-md mx-auto pt-24 px-4 text-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "font-display text-2xl font-bold", children: "Sign in to view your profile" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Track saved finds, update your account, and manage your shop profile." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/login", className: "btn-glow inline-block mt-6 rounded-full px-6 py-3 font-semibold text-sm", children: "Sign in" })
+    ] });
+  }
+  const saveProfile = async () => {
+    setSaving(true);
+    const {
+      error
+    } = await supabase.from("profiles").upsert({
+      id: user.id,
+      display_name: name,
+      avatar_url: avatarUrl || null,
+      updated_at: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    setSaving(false);
+    if (error) return toast.error(error.message);
+    toast.success("Profile updated");
+  };
+  const onAvatarPick = async (file) => {
+    if (!file) return;
+    if (!file.type.startsWith("image/")) {
+      toast.error("Please choose an image file");
+      return;
+    }
+    setAvatarSaving(true);
+    try {
+      const dataUrl = await fileToDataUrl(file);
+      setAvatarUrl(dataUrl);
+      const {
+        error
+      } = await supabase.from("profiles").upsert({
+        id: user.id,
+        display_name: name,
+        avatar_url: dataUrl,
+        updated_at: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      if (error) throw error;
+      toast.success("Profile photo updated");
+    } catch (error) {
+      toast.error(error?.message ?? "Could not update profile photo");
+    } finally {
+      setAvatarSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 max-w-7xl mx-auto pt-10 pb-16", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-6 lg:grid-cols-[320px_1fr]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: "glass-strong rounded-[2rem] p-6 shadow-elevated h-fit", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-x-0 top-0 h-32 rounded-[1.5rem] bg-gradient-brand opacity-90" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative pt-10 pb-6 px-4", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Avatar, { className: "h-28 w-28 border-[6px] border-background shadow-2xl", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(AvatarImage, { src: avatarUrl || void 0, alt: name || "Profile photo" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(AvatarFallback, { className: "bg-brand-magenta/20 text-2xl font-bold text-foreground", children: initials })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "absolute bottom-1 right-1 inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full bg-foreground text-background shadow-lg transition hover:scale-105", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Camera, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "file", accept: "image/*", className: "hidden", onChange: (e) => onAvatarPick(e.target.files?.[0] ?? null), disabled: avatarSaving })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-5 text-center", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "font-display text-2xl font-bold", children: name || "Scrollster" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground break-all", children: user.email }),
+          roleData?.admin_id ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 inline-flex items-center gap-2 rounded-full border border-brand-amber/20 bg-brand-amber/10 px-3 py-1 text-xs font-semibold text-brand-amber", children: [
+            roleData.admin_id === "doraexplora" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Crown, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Shield, { className: "h-3.5 w-3.5" }),
+            roleData.admin_id === "doraexplora" ? "Master Admin" : `Admin ID ${roleData.admin_id}`
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-6 grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(QuickStat, { label: "Saved items", value: "24", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Heart, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(QuickStat, { label: "Reviews", value: "8", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Star, { className: "h-4 w-4" }) })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: "glass-strong rounded-[2rem] p-6 md:p-8 shadow-elevated", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-6 md:flex-row md:items-start md:justify-between", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-2xl", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "inline-flex items-center gap-2 rounded-full bg-brand-magenta/15 px-3 py-1 text-xs font-semibold text-brand-magenta", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ShoppingBag, { className: "h-3.5 w-3.5" }),
+            "Shopping profile"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "mt-3 font-display text-3xl md:text-4xl font-bold tracking-tight", children: "Your account, styled like a marketplace profile" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-3 text-sm md:text-base text-muted-foreground", children: "Update your display name and photo, access saved deals, and jump to admin tools if you manage the store." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-6 flex flex-wrap gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/saved", className: "inline-flex items-center gap-2 rounded-full border border-white/10 px-4 py-2 text-sm hover:bg-white/5 transition", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Heart, { className: "h-4 w-4" }),
+              "Saved items"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/search", search: {
+              q: ""
+            }, className: "inline-flex items-center gap-2 rounded-full border border-white/10 px-4 py-2 text-sm hover:bg-white/5 transition", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "h-4 w-4" }),
+              "Keep shopping"
+            ] }),
+            roleData?.admin_id ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to: "/admin", className: "inline-flex items-center gap-2 rounded-full border border-brand-magenta/20 bg-brand-magenta/10 px-4 py-2 text-sm font-medium text-foreground hover:bg-brand-magenta/15 transition", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Shield, { className: "h-4 w-4" }),
+              "Admin page"
+            ] }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-3 sm:grid-cols-3 md:w-[360px]", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(MiniCard, { title: "Wishlist", value: "12", detail: "Items ready to buy" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(MiniCard, { title: "Orders", value: "3", detail: "Recent purchases" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(MiniCard, { title: "Rewards", value: "480", detail: "Points available" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "grid gap-6 md:grid-cols-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "glass-strong rounded-[2rem] p-6 shadow-card", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-display text-xl font-bold", children: "Profile details" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-5 space-y-4", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "block", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: "Display name" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("input", { value: name, onChange: (e) => setName(e.target.value), className: "w-full rounded-2xl border border-white/10 bg-background/60 px-4 py-3 text-sm outline-none", placeholder: "Your display name" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "block", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mb-2 block text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: "Profile photo" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-2xl border border-dashed border-white/10 bg-background/40 px-4 py-4 text-sm text-muted-foreground", children: "Upload a square image to make your profile look polished in the marketplace UI." })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-6 flex flex-wrap gap-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: saveProfile, disabled: saving, className: "btn-glow rounded-full px-5 py-2.5 text-sm font-semibold disabled:opacity-60", children: saving ? "Saving…" : "Save changes" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => {
+              setName(user.user_metadata?.display_name ?? "");
+              setAvatarUrl("");
+            }, className: "rounded-full border border-white/10 px-5 py-2.5 text-sm hover:bg-white/5 transition", children: "Reset" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "glass-strong rounded-[2rem] p-6 shadow-card", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "font-display text-xl font-bold", children: "Quick links" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-5 space-y-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ActionLink, { to: "/saved", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Heart, { className: "h-4 w-4" }), title: "Saved items", description: "Open your wishlist and compare favorites." }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ActionLink, { to: "/categories", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(ShoppingBag, { className: "h-4 w-4" }), title: "Browse categories", description: "Jump back into shopping by mood or category." }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ActionLink, { to: "/admin", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Shield, { className: "h-4 w-4" }), title: "Admin page", description: "Manage products and admins.", hidden: !roleData?.admin_id })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-6 flex items-center justify-between rounded-2xl border border-white/10 bg-background/40 px-4 py-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm font-medium", children: "Sign out" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: "End your current session" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { onClick: async () => {
+              await supabase.auth.signOut();
+              nav({
+                to: "/"
+              });
+            }, className: "inline-flex items-center gap-2 rounded-full border border-white/10 px-4 py-2 text-sm hover:bg-white/5 transition", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LogOut, { className: "h-4 w-4" }),
+              "Sign out"
+            ] })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function fileToDataUrl(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(String(reader.result ?? ""));
+    reader.onerror = () => reject(new Error("Failed to read image"));
+    reader.readAsDataURL(file);
+  });
+}
+function QuickStat({
+  label,
+  value,
+  icon
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-2xl border border-white/10 bg-background/40 p-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+      icon,
+      label
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 font-display text-2xl font-bold", children: value })
+  ] });
+}
+function MiniCard({
+  title,
+  value,
+  detail
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-2xl border border-white/10 bg-background/40 p-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs uppercase tracking-[0.2em] text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 font-display text-2xl font-bold", children: value }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: detail })
+  ] });
+}
+function ActionLink({
+  to,
+  icon,
+  title,
+  description,
+  hidden
+}) {
+  if (hidden) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Link, { to, className: "flex items-start gap-3 rounded-2xl border border-white/10 bg-background/40 p-4 transition hover:bg-white/5", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-0.5 rounded-full bg-brand-magenta/15 p-2 text-brand-magenta", children: icon }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: title }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: description })
+    ] })
+  ] });
+}
+export {
+  Profile as component
+};