{\n if (a.is_default) {\n await sqlite.execute({\n sql: \"UPDATE addresses SET is_default = 0 WHERE user_id = ?\",\n args: [userId],\n });\n }\n const r = await sqlite.execute({\n sql:\n \"INSERT INTO addresses (user_id, label, full_name, line1, line2, city, state, postal_code, country, phone, is_default) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)\",\n args: [\n userId,\n a.label,\n a.full_name,\n a.line1,\n a.line2,\n a.city,\n a.state,\n a.postal_code,\n a.country,\n a.phone,\n a.is_default ? 1 : 0,\n ],\n });\n const created = await sqlite.execute({\n sql: \"SELECT * FROM addresses WHERE id = ?\",\n args: [Number(r.lastInsertRowid)],\n });\n return created.rows[0] as unknown as Address;\n}\n\nexport async function deleteAddress(\n userId: string,\n addressId: number,\n): Promise {\n await sqlite.execute({\n sql: \"DELETE FROM addresses WHERE id = ? AND user_id = ?\",\n args: [addressId, userId],\n });\n}\n\n// --- Orders ---\n\nexport async function createOrder(\n userId: string,\n address: Record,\n): Promise {\n const cart = await getCart(userId);\n if (!cart.length) throw new Error(\"Cart is empty\");\n\n // Verify stock\n for (const item of cart) {\n if (!item.product || item.product.stock < item.quantity) {\n throw new Error(`Insufficient stock for ${item.product?.name}`);\n }\n }\n\n const total = cart.reduce(\n (sum, it) => sum + (it.product?.price_cents ?? 0) * it.quantity,\n 0,\n );\n\n const orderResult = await sqlite.execute({\n sql:\n \"INSERT INTO orders (user_id, total_cents, status, address_json) VALUES (?, ?, 'paid', ?)\",\n args: [userId, total, JSON.stringify(address)],\n });\n const orderId = Number(orderResult.lastInsertRowid);\n\n // Insert items + decrement stock\n for (const item of cart) {\n const p = item.product!;\n await sqlite.execute({\n sql:\n \"INSERT INTO order_items (order_id, product_id, seller_id, quantity, unit_price_cents, product_snapshot_json) VALUES (?, ?, (SELECT seller_id FROM products WHERE id = ?), ?, ?, ?)\",\n args: [\n orderId,\n p.id,\n p.id,\n item.quantity,\n p.price_cents,\n JSON.stringify(p),\n ],\n });\n await sqlite.execute({\n sql: \"UPDATE products SET stock = stock - ? WHERE id = ?\",\n args: [item.quantity, p.id],\n });\n }\n\n await clearCart(userId);\n return (await getOrder(orderId, userId))!;\n}\n\nexport async function getOrder(\n orderId: number,\n userId: string | null,\n): Promise {\n const sql = userId\n ? \"SELECT * FROM orders WHERE id = ? AND user_id = ?\"\n : \"SELECT * FROM orders WHERE id = ?\";\n const args = userId ? [orderId, userId] : [orderId];\n const r = await sqlite.execute({ sql, args });\n const order = r.rows[0] as Order | undefined;\n if (!order) return null;\n const items = await sqlite.execute({\n sql: \"SELECT * FROM order_items WHERE order_id = ?\",\n args: [orderId],\n });\n order.items = items.rows as unknown as OrderItem[];\n return order;\n}\n\nexport async function listUserOrders(userId: string): Promise {\n const r = await sqlite.execute({\n sql: \"SELECT * FROM orders WHERE user_id = ? ORDER BY created_at DESC\",\n args: [userId],\n });\n return r.rows as unknown as Order[];\n}\n\nexport async function listSellerOrders(sellerId: string): Promise {\n const r = await sqlite.execute({\n sql: `SELECT DISTINCT o.* FROM orders o\n JOIN order_items oi ON oi.order_id = o.id\n WHERE oi.seller_id = ?\n ORDER BY o.created_at DESC`,\n args: [sellerId],\n });\n const orders = r.rows as unknown as Order[];\n for (const o of orders) {\n const items = await sqlite.execute({\n sql: \"SELECT * FROM order_items WHERE order_id = ? AND seller_id = ?\",\n args: [o.id, sellerId],\n });\n o.items = items.rows as unknown as OrderItem[];\n }\n return orders;\n}\n\nexport async function listAllOrders(): Promise {\n const r = await sqlite.execute(\n \"SELECT * FROM orders ORDER BY created_at DESC LIMIT 200\",\n );\n return r.rows as unknown as Order[];\n}\n\nexport async function updateOrderStatus(\n orderId: number,\n status: Order[\"status\"],\n): Promise {\n await sqlite.execute({\n sql: \"UPDATE orders SET status = ? WHERE id = ?\",\n args: [status, orderId],\n });\n}\n\n// --- Recently viewed ---\n\nexport async function trackView(\n userId: string,\n productId: number,\n): Promise {\n await sqlite.execute({\n sql:\n `INSERT INTO recently_viewed (user_id, product_id) VALUES (?, ?)\n ON CONFLICT(user_id, product_id) DO UPDATE SET viewed_at = CURRENT_TIMESTAMP`,\n args: [userId, productId],\n });\n}\n\nexport async function listRecentlyViewed(userId: string): Promise {\n const r = await sqlite.execute({\n sql: `${PRODUCT_SELECT}\n JOIN recently_viewed rv ON rv.product_id = p.id\n WHERE rv.user_id = ?\n ORDER BY rv.viewed_at DESC\n LIMIT 12`,\n args: [userId],\n });\n return r.rows as unknown as Product[];\n}\n\n// --- Analytics ---\n\nexport async function adminAnalytics() {\n const [users, products, orders, revenue, topProducts, recentOrders] =\n await Promise.all([\n sqlite.execute(\n \"SELECT role, COUNT(*) AS n FROM users GROUP BY role\",\n ),\n sqlite.execute(\n \"SELECT status, COUNT(*) AS n FROM products GROUP BY status\",\n ),\n sqlite.execute(\"SELECT COUNT(*) AS n FROM orders\"),\n sqlite.execute(\n \"SELECT COALESCE(SUM(total_cents),0) AS revenue FROM orders WHERE status != 'cancelled'\",\n ),\n sqlite.execute(\n `SELECT p.id, p.name, p.image_url, SUM(oi.quantity) AS units, SUM(oi.unit_price_cents * oi.quantity) AS revenue\n FROM order_items oi\n JOIN products p ON p.id = oi.product_id\n GROUP BY p.id\n ORDER BY units DESC\n LIMIT 5`,\n ),\n sqlite.execute(\n `SELECT DATE(created_at) AS day, COUNT(*) AS orders, SUM(total_cents) AS revenue\n FROM orders\n GROUP BY DATE(created_at)\n ORDER BY day DESC\n LIMIT 14`,\n ),\n ]);\n return {\n userCounts: users.rows,\n productCounts: products.rows,\n orderCount: (orders.rows[0] as { n: number }).n,\n revenueCents: (revenue.rows[0] as { revenue: number }).revenue,\n topProducts: topProducts.rows,\n dailyOrders: recentOrders.rows,\n };\n}\n\nexport async function sellerAnalytics(sellerId: string) {\n const [products, orders, revenue, top] = await Promise.all([\n sqlite.execute({\n sql: \"SELECT COUNT(*) AS n FROM products WHERE seller_id = ?\",\n args: [sellerId],\n }),\n sqlite.execute({\n sql:\n \"SELECT COUNT(DISTINCT order_id) AS n FROM order_items WHERE seller_id = ?\",\n args: [sellerId],\n }),\n sqlite.execute({\n sql:\n \"SELECT COALESCE(SUM(unit_price_cents * quantity),0) AS revenue FROM order_items WHERE seller_id = ?\",\n args: [sellerId],\n }),\n sqlite.execute({\n sql:\n `SELECT p.id, p.name, p.image_url, SUM(oi.quantity) AS units, SUM(oi.unit_price_cents * oi.quantity) AS revenue\n FROM order_items oi\n JOIN products p ON p.id = oi.product_id\n WHERE oi.seller_id = ?\n GROUP BY p.id\n ORDER BY units DESC\n LIMIT 5`,\n args: [sellerId],\n }),\n ]);\n return {\n productCount: (products.rows[0] as { n: number }).n,\n orderCount: (orders.rows[0] as { n: number }).n,\n revenueCents: (revenue.rows[0] as { revenue: number }).revenue,\n topProducts: top.rows,\n };\n}\n\n// --- AI Logs ---\n\nexport async function logAI(\n userId: string | null,\n kind: string,\n prompt: string,\n response: string,\n): Promise {\n await sqlite.execute({\n sql:\n \"INSERT INTO ai_logs (user_id, kind, prompt, response) VALUES (?, ?, ?, ?)\",\n args: [userId, kind, prompt, response],\n });\n}\n\nexport async function listUserAILogs(userId: string) {\n const r = await sqlite.execute({\n sql:\n \"SELECT id, kind, prompt, response, created_at FROM ai_logs WHERE user_id = ? ORDER BY id DESC LIMIT 30\",\n args: [userId],\n });\n return r.rows;\n}\n","deleted","label",[19,64],"915117fa-55ea-11f1-bdf4-ee650bb23af1","auth.ts","915118b8-55ea-11f1-bdf4-ee650bb23af1",7,["D",1779460137352],"// Auth helpers: read OAuth session, sync to local users table, enforce roles.\nimport { getOAuthUserData } from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport { getUser, upsertUser } from \"./db.ts\";\nimport type { User } from \"../shared/types.ts\";\n\nexport async function getCurrentUser(req: Request): Promise {\n const session = await getOAuthUserData(req);\n if (!session?.user) return null;\n const handle = session.user.username || `user-${session.user.id.slice(0, 6)}`;\n // Upsert into local users table so we have role + linkable data.\n const u = await upsertUser({\n id: session.user.id,\n handle,\n display_name: session.user.username,\n avatar_url: session.user.links?.profileImageUrl ?? null,\n });\n return u;\n}\n\nexport async function requireUser(req: Request): Promise {\n const u = await getCurrentUser(req);\n if (!u) throw new HttpError(401, \"Login required\");\n return u;\n}\n\nexport async function requireRole(\n req: Request,\n roles: (\"customer\" | \"seller\" | \"admin\")[],\n): Promise {\n const u = await requireUser(req);\n if (!roles.includes(u.role)) {\n throw new HttpError(403, `Requires role: ${roles.join(\" or \")}`);\n }\n return u;\n}\n\nexport class HttpError extends Error {\n constructor(public status: number, message: string) {\n super(message);\n }\n}\n\nexport { getUser };\n",[19,85],"8d071e10-55ea-11f1-b744-ee650bb23af1","ai.ts","8d071eec-55ea-11f1-b744-ee650bb23af1",6,["D",1779460130185],"// Gemini AI service — all calls happen server-side; the API key never leaves the server.\nimport type { Product } from \"../shared/types.ts\";\n\nconst MODEL = \"gemini-2.0-flash\";\nconst ENDPOINT =\n `https://generativelanguage.googleapis.com/v1beta/models/${MODEL}:generateContent`;\n\nfunction getKey(): string {\n const k = Deno.env.get(\"GEMINI_API_KEY\");\n if (!k || k === \"REPLACE_WITH_YOUR_GEMINI_API_KEY\") {\n throw new Error(\n \"GEMINI_API_KEY is not set. Add it in the val's Environment Variables.\",\n );\n }\n return k;\n}\n\nasync function callGemini(\n prompt: string,\n opts: { json?: boolean; system?: string } = {},\n): Promise {\n const key = getKey();\n const body: Record = {\n contents: [{ role: \"user\", parts: [{ text: prompt }] }],\n generationConfig: {\n temperature: 0.7,\n maxOutputTokens: 1024,\n ...(opts.json ? { responseMimeType: \"application/json\" } : {}),\n },\n };\n if (opts.system) {\n body.systemInstruction = { parts: [{ text: opts.system }] };\n }\n const res = await fetch(`${ENDPOINT}?key=${key}`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(body),\n });\n if (!res.ok) {\n const text = await res.text();\n throw new Error(`Gemini API error ${res.status}: ${text.slice(0, 200)}`);\n }\n const data = await res.json();\n const text = data?.candidates?.[0]?.content?.parts?.[0]?.text;\n if (typeof text !== \"string\") {\n throw new Error(\"Gemini returned no text\");\n }\n return text;\n}\n\nfunction productSummary(p: Product): string {\n return `#${p.id} ${p.brand ?? \"\"} ${p.name} — ₹${\n (p.price_cents / 100).toFixed(0)\n } — ${(p.description ?? \"\").slice(0, 140)}`;\n}\n\n// --- 1. Smart recommendations based on user interests + catalog ---\n\nexport async function recommendGadgets(\n interest: string,\n catalog: Product[],\n): Promise<{ productId: number; reason: string }[]> {\n const lines = catalog.slice(0, 40).map(productSummary).join(\"\\n\");\n const prompt = `User interest: \"${interest}\"\n\nCatalog:\n${lines}\n\nPick the 4 most relevant products and explain WHY each fits the user's interest.\nReturn ONLY JSON array with this exact shape:\n[{\"productId\": number, \"reason\": \"one sentence reason\"}]`;\n const text = await callGemini(prompt, { json: true });\n try {\n const parsed = JSON.parse(text);\n if (Array.isArray(parsed)) return parsed.slice(0, 4);\n } catch {\n // try to extract JSON from text\n const m = text.match(/\\[[\\s\\S]*\\]/);\n if (m) return JSON.parse(m[0]).slice(0, 4);\n }\n return [];\n}\n\n// --- 2. Product summary ---\n\nexport async function summarizeProduct(p: Product): Promise {\n const prompt =\n `Write a clear, friendly 3-sentence summary of this gadget for a shopper. Highlight what makes it special and who would love it. Avoid marketing fluff.\n\nProduct: ${p.brand} ${p.name}\nPrice: ₹${(p.price_cents / 100).toFixed(0)}\nDescription: ${p.description ?? \"\"}\nSpecs: ${p.specs_json ?? \"n/a\"}`;\n return await callGemini(prompt);\n}\n\n// --- 3. Smart comparison ---\n\nexport async function compareProducts(a: Product, b: Product): Promise {\n const prompt = `Compare these two gadgets honestly. Use markdown with:\n- A short verdict (which is better for whom)\n- A bullet list of key differences\n- One recommendation paragraph\n\nProduct A: ${a.brand} ${a.name} — ₹${(a.price_cents / 100).toFixed(0)}\n${a.description}\nSpecs: ${a.specs_json}\n\nProduct B: ${b.brand} ${b.name} — ₹${(b.price_cents / 100).toFixed(0)}\n${b.description}\nSpecs: ${b.specs_json}`;\n return await callGemini(prompt);\n}\n\n// --- 4. Shopping assistant chat ---\n\nexport async function shoppingAssistant(\n message: string,\n history: { role: \"user\" | \"assistant\"; content: string }[],\n catalog: Product[],\n): Promise {\n const ctx = catalog.slice(0, 20).map(productSummary).join(\"\\n\");\n const system =\n `You are GadgetGenie, a helpful AI shopping assistant for an online smart-gadgets store.\nYou can reference the catalog below to recommend specific products by name.\nKeep replies concise (2-4 sentences), friendly, and practical. If the user asks about something outside gadgets, gently steer back to shopping.\n\nCatalog:\n${ctx}`;\n const historyText = history.slice(-6).map((m) =>\n `${m.role === \"user\" ? \"User\" : \"Assistant\"}: ${m.content}`\n ).join(\"\\n\");\n const prompt = `${historyText}\\nUser: ${message}\\nAssistant:`;\n return await callGemini(prompt, { system });\n}\n\n// --- 5. Search suggestions ---\n\nexport async function searchSuggestions(query: string): Promise {\n if (!query.trim()) return [];\n const prompt = `A user is searching for smart gadgets and typed: \"${query}\"\nSuggest 5 short, useful related search queries (under 6 words each).\nReturn ONLY a JSON array of strings, no prose.`;\n const text = await callGemini(prompt, { json: true });\n try {\n const parsed = JSON.parse(text);\n if (Array.isArray(parsed)) return parsed.slice(0, 5).map(String);\n } catch {\n const m = text.match(/\\[[\\s\\S]*\\]/);\n if (m) return JSON.parse(m[0]).slice(0, 5).map(String);\n }\n return [];\n}\n",[19,92],"46c2fe92-55ea-11f1-b10b-ee650bb23af1",2,["D",1779460012296],"directory",[19],{"_36":98,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":99,"_73":74,"_38":473,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":474,"_18":475},{"_36":141,"_13":142,"_65":143,"_67":-5,"_69":70,"_71":113,"_73":74,"_38":144,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":145,"_18":146},{"_36":126,"_13":127,"_65":128,"_67":-5,"_69":70,"_71":34,"_73":74,"_38":129,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":130,"_18":131},{"_36":119,"_13":120,"_65":121,"_67":-5,"_69":70,"_71":113,"_73":74,"_38":122,"_17":76,"_77":24,"_79":123,"_81":51,"_82":-5,"_116":124,"_18":125},{"_36":108,"_13":109,"_65":110,"_67":-5,"_69":70,"_71":111,"_73":74,"_38":112,"_17":113,"_77":114,"_79":115,"_81":51,"_82":-5,"_116":117,"_18":118},"b0c7d83a-55ea-11f1-9ebd-ee650bb23af1","index.ts","019e5013-9af2-7410-b348-21fb8edf74bc",8,["D",1779460190161],1,"http","// Main HTTP entrypoint — serves frontend + API + OAuth.\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { oauthMiddleware } from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport { Hono } from \"npm:hono\";\nimport { HttpError, getCurrentUser, requireRole, requireUser } from \"./backend/auth.ts\";\nimport * as db from \"./backend/db.ts\";\nimport * as ai from \"./backend/ai.ts\";\n\nconst app = new Hono();\n\n// --- Error handling: turn HttpError into proper responses ---\napp.onError((err, c) => {\n if (err instanceof HttpError) {\n return c.json({ error: err.message }, err.status as 401 | 403 | 400);\n }\n // Re-throw so Val Town logs the full stack\n return Promise.reject(err);\n});\n\n// --- Frontend routes ---\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/favicon.ico\", () => serveFile(\"/frontend/favicon.svg\"));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// SPA fallback — let React Router handle client-side routes.\nconst spaPaths = [\n \"/products\",\n \"/products/*\",\n \"/cart\",\n \"/checkout\",\n \"/orders\",\n \"/orders/*\",\n \"/wishlist\",\n \"/dashboard\",\n \"/dashboard/*\",\n \"/seller\",\n \"/seller/*\",\n \"/admin\",\n \"/admin/*\",\n \"/ai\",\n \"/profile\",\n \"/compare\",\n];\nfor (const p of spaPaths) {\n app.get(p, () => serveFile(\"/frontend/index.html\"));\n}\n\n// =========================\n// API\n// =========================\n\n// --- Session ---\napp.get(\"/api/session\", async (c) => {\n const user = await getCurrentUser(c.req.raw);\n return c.json({ user, loggedIn: !!user });\n});\n\n// Switch role (demo helper — in production this would be admin-gated).\n// Allows the logged-in user to upgrade themselves to seller or admin so the\n// project is fully explorable end-to-end.\napp.post(\"/api/me/role\", async (c) => {\n const user = await requireUser(c.req.raw);\n const body = await c.req.json().catch(() => ({}));\n const role = body.role;\n if (![\"customer\", \"seller\", \"admin\"].includes(role)) {\n return c.json({ error: \"Invalid role\" }, 400);\n }\n await db.setUserRole(user.id, role);\n return c.json({ ok: true, role });\n});\n\n// --- Categories ---\napp.get(\"/api/categories\", async (c) => {\n const cats = await db.listCategories();\n return c.json(cats);\n});\n\n// --- Products ---\napp.get(\"/api/products\", async (c) => {\n const q = c.req.query();\n const products = await db.listProducts({\n search: q.search || undefined,\n category: q.category || undefined,\n minPrice: q.minPrice ? Number(q.minPrice) : undefined,\n maxPrice: q.maxPrice ? Number(q.maxPrice) : undefined,\n sort: (q.sort as never) || \"newest\",\n limit: q.limit ? Number(q.limit) : 60,\n offset: q.offset ? Number(q.offset) : 0,\n });\n return c.json(products);\n});\n\napp.get(\"/api/products/:slug\", async (c) => {\n const slug = c.req.param(\"slug\");\n const product = await db.getProductBySlug(slug);\n if (!product) return c.json({ error: \"Not found\" }, 404);\n // Track view\n const user = await getCurrentUser(c.req.raw);\n if (user) await db.trackView(user.id, product.id);\n const reviews = await db.listReviews(product.id);\n return c.json({ product, reviews });\n});\n\n// Compare two products\napp.get(\"/api/compare\", async (c) => {\n const a = Number(c.req.query(\"a\"));\n const b = Number(c.req.query(\"b\"));\n const [pa, pb] = await Promise.all([db.getProduct(a), db.getProduct(b)]);\n return c.json({ a: pa, b: pb });\n});\n\n// --- Cart ---\napp.get(\"/api/cart\", async (c) => {\n const user = await requireUser(c.req.raw);\n return c.json(await db.getCart(user.id));\n});\n\napp.post(\"/api/cart\", async (c) => {\n const user = await requireUser(c.req.raw);\n const { productId, quantity } = await c.req.json();\n if (!productId || !quantity) return c.json({ error: \"Bad request\" }, 400);\n await db.addToCart(user.id, Number(productId), Number(quantity));\n return c.json(await db.getCart(user.id));\n});\n\napp.patch(\"/api/cart/:id\", async (c) => {\n const user = await requireUser(c.req.raw);\n const id = Number(c.req.param(\"id\"));\n const { quantity } = await c.req.json();\n await db.updateCartItem(user.id, id, Number(quantity));\n return c.json(await db.getCart(user.id));\n});\n\napp.delete(\"/api/cart/:id\", async (c) => {\n const user = await requireUser(c.req.raw);\n await db.removeCartItem(user.id, Number(c.req.param(\"id\")));\n return c.json(await db.getCart(user.id));\n});\n\n// --- Wishlist ---\napp.get(\"/api/wishlist\", async (c) => {\n const user = await requireUser(c.req.raw);\n return c.json(await db.getWishlist(user.id));\n});\n\napp.post(\"/api/wishlist/toggle\", async (c) => {\n const user = await requireUser(c.req.raw);\n const { productId } = await c.req.json();\n const added = await db.toggleWishlist(user.id, Number(productId));\n return c.json({ added });\n});\n\n// --- Reviews ---\napp.post(\"/api/products/:id/reviews\", async (c) => {\n const user = await requireUser(c.req.raw);\n const productId = Number(c.req.param(\"id\"));\n const { rating, title, body } = await c.req.json();\n if (!rating || rating < 1 || rating > 5) {\n return c.json({ error: \"Invalid rating\" }, 400);\n }\n await db.upsertReview({\n product_id: productId,\n user_id: user.id,\n rating: Number(rating),\n title: title || null,\n body: body || null,\n });\n return c.json({ ok: true });\n});\n\n// --- Addresses ---\napp.get(\"/api/addresses\", async (c) => {\n const user = await requireUser(c.req.raw);\n return c.json(await db.listAddresses(user.id));\n});\n\napp.post(\"/api/addresses\", async (c) => {\n const user = await requireUser(c.req.raw);\n const body = await c.req.json();\n const a = await db.createAddress(user.id, {\n label: body.label || null,\n full_name: body.full_name,\n line1: body.line1,\n line2: body.line2 || null,\n city: body.city,\n state: body.state || null,\n postal_code: body.postal_code,\n country: body.country || \"IN\",\n phone: body.phone || null,\n is_default: body.is_default ? 1 : 0,\n });\n return c.json(a);\n});\n\napp.delete(\"/api/addresses/:id\", async (c) => {\n const user = await requireUser(c.req.raw);\n await db.deleteAddress(user.id, Number(c.req.param(\"id\")));\n return c.json({ ok: true });\n});\n\n// --- Orders / Checkout ---\napp.post(\"/api/checkout\", async (c) => {\n const user = await requireUser(c.req.raw);\n const { address } = await c.req.json();\n if (!address || !address.full_name || !address.line1) {\n return c.json({ error: \"Address required\" }, 400);\n }\n const order = await db.createOrder(user.id, address);\n return c.json(order);\n});\n\napp.get(\"/api/orders\", async (c) => {\n const user = await requireUser(c.req.raw);\n return c.json(await db.listUserOrders(user.id));\n});\n\napp.get(\"/api/orders/:id\", async (c) => {\n const user = await requireUser(c.req.raw);\n const order = await db.getOrder(Number(c.req.param(\"id\")), user.id);\n if (!order) return c.json({ error: \"Not found\" }, 404);\n return c.json(order);\n});\n\n// --- Recently viewed ---\napp.get(\"/api/recently-viewed\", async (c) => {\n const user = await requireUser(c.req.raw);\n return c.json(await db.listRecentlyViewed(user.id));\n});\n\n// --- AI Endpoints ---\napp.get(\"/api/ai/logs\", async (c) => {\n const user = await requireUser(c.req.raw);\n return c.json(await db.listUserAILogs(user.id));\n});\n\napp.post(\"/api/ai/recommend\", async (c) => {\n const user = await getCurrentUser(c.req.raw);\n const { interest } = await c.req.json();\n if (!interest) return c.json({ error: \"Interest required\" }, 400);\n const catalog = await db.listProducts({ limit: 40 });\n const recs = await ai.recommendGadgets(interest, catalog);\n // Hydrate with product objects\n const byId = new Map(catalog.map((p) => [p.id, p]));\n const enriched = recs\n .filter((r) => byId.has(r.productId))\n .map((r) => ({ ...r, product: byId.get(r.productId) }));\n await db.logAI(user?.id ?? null, \"recommend\", interest, JSON.stringify(recs));\n return c.json(enriched);\n});\n\napp.post(\"/api/ai/summarize/:id\", async (c) => {\n const user = await getCurrentUser(c.req.raw);\n const id = Number(c.req.param(\"id\"));\n const product = await db.getProduct(id);\n if (!product) return c.json({ error: \"Not found\" }, 404);\n const summary = await ai.summarizeProduct(product);\n await db.logAI(user?.id ?? null, \"summary\", String(id), summary);\n return c.json({ summary });\n});\n\napp.post(\"/api/ai/compare\", async (c) => {\n const user = await getCurrentUser(c.req.raw);\n const { a, b } = await c.req.json();\n const [pa, pb] = await Promise.all([\n db.getProduct(Number(a)),\n db.getProduct(Number(b)),\n ]);\n if (!pa || !pb) return c.json({ error: \"Not found\" }, 404);\n const result = await ai.compareProducts(pa, pb);\n await db.logAI(user?.id ?? null, \"compare\", `${a} vs ${b}`, result);\n return c.json({ result });\n});\n\napp.post(\"/api/ai/chat\", async (c) => {\n const user = await getCurrentUser(c.req.raw);\n const { message, history } = await c.req.json();\n if (!message) return c.json({ error: \"Message required\" }, 400);\n const catalog = await db.listProducts({ limit: 20 });\n const reply = await ai.shoppingAssistant(message, history ?? [], catalog);\n await db.logAI(user?.id ?? null, \"chat\", message, reply);\n return c.json({ reply });\n});\n\napp.post(\"/api/ai/search-suggest\", async (c) => {\n const { query } = await c.req.json();\n const suggestions = await ai.searchSuggestions(query ?? \"\");\n return c.json({ suggestions });\n});\n\n// --- Seller routes ---\napp.get(\"/api/seller/products\", async (c) => {\n const user = await requireRole(c.req.raw, [\"seller\", \"admin\"]);\n return c.json(\n await db.listProducts({\n sellerId: user.id,\n status: \"all\",\n limit: 200,\n }),\n );\n});\n\napp.post(\"/api/seller/products\", async (c) => {\n const user = await requireRole(c.req.raw, [\"seller\", \"admin\"]);\n const body = await c.req.json();\n if (!body.name || !body.price_cents || !body.category_id) {\n return c.json({ error: \"Missing required fields\" }, 400);\n }\n const p = await db.createProduct({\n seller_id: user.id,\n category_id: Number(body.category_id),\n name: body.name,\n brand: body.brand || null,\n description: body.description || null,\n price_cents: Number(body.price_cents),\n stock: Number(body.stock ?? 0),\n image_url: body.image_url || null,\n specs_json: body.specs_json || null,\n });\n return c.json(p);\n});\n\napp.patch(\"/api/seller/products/:id\", async (c) => {\n const user = await requireRole(c.req.raw, [\"seller\", \"admin\"]);\n const id = Number(c.req.param(\"id\"));\n const body = await c.req.json();\n const updated = await db.updateProduct(\n id,\n user.role === \"admin\" ? null : user.id,\n body,\n );\n return c.json(updated);\n});\n\napp.delete(\"/api/seller/products/:id\", async (c) => {\n const user = await requireRole(c.req.raw, [\"seller\", \"admin\"]);\n await db.deleteProduct(\n Number(c.req.param(\"id\")),\n user.role === \"admin\" ? null : user.id,\n );\n return c.json({ ok: true });\n});\n\napp.get(\"/api/seller/orders\", async (c) => {\n const user = await requireRole(c.req.raw, [\"seller\", \"admin\"]);\n return c.json(await db.listSellerOrders(user.id));\n});\n\napp.get(\"/api/seller/analytics\", async (c) => {\n const user = await requireRole(c.req.raw, [\"seller\", \"admin\"]);\n return c.json(await db.sellerAnalytics(user.id));\n});\n\n// --- Admin routes ---\napp.get(\"/api/admin/analytics\", async (c) => {\n await requireRole(c.req.raw, [\"admin\"]);\n return c.json(await db.adminAnalytics());\n});\n\napp.get(\"/api/admin/users\", async (c) => {\n await requireRole(c.req.raw, [\"admin\"]);\n return c.json(await db.listUsers());\n});\n\napp.patch(\"/api/admin/users/:id/role\", async (c) => {\n await requireRole(c.req.raw, [\"admin\"]);\n const { role } = await c.req.json();\n await db.setUserRole(c.req.param(\"id\"), role);\n return c.json({ ok: true });\n});\n\napp.get(\"/api/admin/products\", async (c) => {\n await requireRole(c.req.raw, [\"admin\"]);\n return c.json(await db.listProducts({ status: \"all\", limit: 200 }));\n});\n\napp.patch(\"/api/admin/products/:id/status\", async (c) => {\n await requireRole(c.req.raw, [\"admin\"]);\n const { status } = await c.req.json();\n const updated = await db.updateProduct(Number(c.req.param(\"id\")), null, {\n status,\n });\n return c.json(updated);\n});\n\napp.get(\"/api/admin/orders\", async (c) => {\n await requireRole(c.req.raw, [\"admin\"]);\n return c.json(await db.listAllOrders());\n});\n\napp.patch(\"/api/admin/orders/:id/status\", async (c) => {\n await requireRole(c.req.raw, [\"admin\"]);\n const { status } = await c.req.json();\n await db.updateOrderStatus(Number(c.req.param(\"id\")), status);\n return c.json({ ok: true });\n});\n\n// Wrap with OAuth middleware (adds /auth/login, /auth/callback, /auth/logout)\nexport default oauthMiddleware(app.fetch);\n","children",[],[109],"11599612-55ea-11f1-9899-ee650bb23af1","README.md","019e5013-9af2-7410-b348-1d302973472a",["D",1779459922585],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types",[],[120],"46e509ce-55ea-11f1-b10b-ee650bb23af1","shared","46e50aa0-55ea-11f1-b10b-ee650bb23af1",["D",1779460012519],[132],[127],{"_36":133,"_13":134,"_65":135,"_67":128,"_69":70,"_71":136,"_73":74,"_38":137,"_17":76,"_77":78,"_79":138,"_81":51,"_82":-5,"_116":139,"_18":140},"4dad08e2-55ea-11f1-b10b-ee650bb23af1","types.ts","4dad09b4-55ea-11f1-b10b-ee650bb23af1",4,["D",1779460023898],"// Shared TypeScript types used by both frontend and backend.\n\nexport type Role = \"customer\" | \"seller\" | \"admin\";\n\nexport interface User {\n id: string;\n handle: string;\n display_name: string | null;\n avatar_url: string | null;\n role: Role;\n created_at: string;\n}\n\nexport interface Category {\n id: number;\n slug: string;\n name: string;\n icon: string | null;\n}\n\nexport interface Product {\n id: number;\n seller_id: string;\n category_id: number | null;\n name: string;\n slug: string;\n brand: string | null;\n description: string | null;\n price_cents: number;\n stock: number;\n image_url: string | null;\n specs_json: string | null;\n status: \"pending\" | \"approved\" | \"rejected\";\n avg_rating: number;\n review_count: number;\n created_at: string;\n // Joined fields (optional, populated by queries)\n category_name?: string;\n category_slug?: string;\n seller_handle?: string;\n seller_name?: string;\n}\n\nexport interface CartItem {\n id: number;\n user_id: string;\n product_id: number;\n quantity: number;\n // joined\n product?: Product;\n}\n\nexport interface WishlistItem {\n id: number;\n user_id: string;\n product_id: number;\n product?: Product;\n}\n\nexport interface Review {\n id: number;\n product_id: number;\n user_id: string;\n rating: number;\n title: string | null;\n body: string | null;\n created_at: string;\n user_handle?: string;\n user_name?: string;\n}\n\nexport interface Address {\n id: number;\n user_id: string;\n label: string | null;\n full_name: string;\n line1: string;\n line2: string | null;\n city: string;\n state: string | null;\n postal_code: string;\n country: string;\n phone: string | null;\n is_default: number;\n}\n\nexport interface OrderItem {\n id: number;\n order_id: number;\n product_id: number;\n seller_id: string;\n quantity: number;\n unit_price_cents: number;\n product_snapshot_json: string | null;\n product?: Product;\n}\n\nexport interface Order {\n id: number;\n user_id: string;\n total_cents: number;\n status: \"pending\" | \"paid\" | \"shipped\" | \"delivered\" | \"cancelled\";\n address_json: string;\n created_at: string;\n items?: OrderItem[];\n}\n\nexport interface SessionInfo {\n user: User | null;\n loggedIn: boolean;\n}\n\nexport interface AIRecommendation {\n productId: number;\n reason: string;\n}\n",[],[127,134],"115994c8-55ea-11f1-9899-ee650bb23af1","frontend","019e5013-9af2-7410-b348-192e420bc803",["D",1779459922585],[147,148,149,150,151,152,153,154,155,156],[142],{"_36":457,"_13":458,"_65":459,"_67":143,"_69":70,"_71":460,"_73":74,"_38":461,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":462,"_18":463},{"_36":356,"_13":357,"_65":358,"_67":143,"_69":70,"_71":113,"_73":74,"_38":359,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":360,"_18":361},{"_36":322,"_13":323,"_65":324,"_67":143,"_69":70,"_71":325,"_73":74,"_38":326,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":327,"_18":328},{"_36":315,"_13":316,"_65":317,"_67":143,"_69":70,"_71":318,"_73":74,"_38":319,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":320,"_18":321},{"_36":299,"_13":300,"_65":301,"_67":143,"_69":70,"_71":302,"_73":74,"_38":303,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":304,"_18":305},{"_36":194,"_13":195,"_65":196,"_67":143,"_69":70,"_71":197,"_73":74,"_38":198,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":199,"_18":200},{"_36":178,"_13":179,"_65":180,"_67":143,"_69":70,"_71":181,"_73":74,"_38":182,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":183,"_18":184},{"_36":171,"_13":172,"_65":173,"_67":143,"_69":70,"_71":113,"_73":74,"_38":174,"_17":76,"_77":24,"_79":175,"_81":51,"_82":-5,"_116":176,"_18":177},{"_36":164,"_13":165,"_65":166,"_67":143,"_69":70,"_71":113,"_73":74,"_38":167,"_17":76,"_77":24,"_79":168,"_81":51,"_82":-5,"_116":169,"_18":170},{"_36":157,"_13":158,"_65":159,"_67":143,"_69":70,"_71":113,"_73":74,"_38":160,"_17":76,"_77":78,"_79":161,"_81":51,"_82":-5,"_116":162,"_18":163},"1159913a-55ea-11f1-9899-ee650bb23af1","index.tsx","019e5013-9af2-7410-b348-145eb1a119fb",["D",1779459922585],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[142,158],"11598ca8-55ea-11f1-9899-ee650bb23af1","index.html","019e5013-9af2-7410-b348-10ee0c72fc8c",["D",1779459922585],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[142,165],"11598834-55ea-11f1-9899-ee650bb23af1","favicon.svg","019e5013-9af2-7410-b348-0d76706a1ef9",["D",1779459922585],"\n",[],[142,172],"ba17ef9c-55ea-11f1-8cff-ee650bb23af1","utils","ba17f064-55ea-11f1-8cff-ee650bb23af1",14,["D",1779460205795],[185],[142,179],{"_36":186,"_13":187,"_65":188,"_67":180,"_69":70,"_71":189,"_73":74,"_38":190,"_17":76,"_77":78,"_79":191,"_81":51,"_82":-5,"_116":192,"_18":193},"c488c9e2-55ea-11f1-a4f1-ee650bb23af1","format.ts","c488cab4-55ea-11f1-a4f1-ee650bb23af1",16,["D",1779460223300],"// Formatting helpers (price, dates, etc.).\n\nexport function formatPrice(cents: number): string {\n const rupees = cents / 100;\n return new Intl.NumberFormat(\"en-IN\", {\n style: \"currency\",\n currency: \"INR\",\n maximumFractionDigits: 0,\n }).format(rupees);\n}\n\nexport function formatDate(iso: string): string {\n try {\n return new Date(iso).toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n });\n } catch {\n return iso;\n }\n}\n\nexport function formatDateTime(iso: string): string {\n try {\n return new Date(iso).toLocaleString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n hour: \"numeric\",\n minute: \"2-digit\",\n });\n } catch {\n return iso;\n }\n}\n\nexport function parseSpecs(json: string | null): Record {\n if (!json) return {};\n try {\n return JSON.parse(json);\n } catch {\n return {};\n }\n}\n",[],[142,179,187],"b827d526-55ea-11f1-a8d0-ee650bb23af1","pages","b827d5c6-55ea-11f1-a8d0-ee650bb23af1",9,["D",1779460202532],[201,202,203,204,205,206,207,208,209,210,211],[142,195],{"_36":291,"_13":292,"_65":293,"_67":196,"_69":70,"_71":294,"_73":74,"_38":295,"_17":76,"_77":78,"_79":296,"_81":51,"_82":-5,"_116":297,"_18":298},{"_36":283,"_13":284,"_65":285,"_67":196,"_69":70,"_71":286,"_73":74,"_38":287,"_17":76,"_77":78,"_79":288,"_81":51,"_82":-5,"_116":289,"_18":290},{"_36":275,"_13":276,"_65":277,"_67":196,"_69":70,"_71":278,"_73":74,"_38":279,"_17":76,"_77":78,"_79":280,"_81":51,"_82":-5,"_116":281,"_18":282},{"_36":267,"_13":268,"_65":269,"_67":196,"_69":70,"_71":270,"_73":74,"_38":271,"_17":76,"_77":78,"_79":272,"_81":51,"_82":-5,"_116":273,"_18":274},{"_36":259,"_13":260,"_65":261,"_67":196,"_69":70,"_71":262,"_73":74,"_38":263,"_17":76,"_77":78,"_79":264,"_81":51,"_82":-5,"_116":265,"_18":266},{"_36":251,"_13":252,"_65":253,"_67":196,"_69":70,"_71":254,"_73":74,"_38":255,"_17":76,"_77":78,"_79":256,"_81":51,"_82":-5,"_116":257,"_18":258},{"_36":243,"_13":244,"_65":245,"_67":196,"_69":70,"_71":246,"_73":74,"_38":247,"_17":76,"_77":78,"_79":248,"_81":51,"_82":-5,"_116":249,"_18":250},{"_36":235,"_13":236,"_65":237,"_67":196,"_69":70,"_71":238,"_73":74,"_38":239,"_17":76,"_77":78,"_79":240,"_81":51,"_82":-5,"_116":241,"_18":242},{"_36":227,"_13":228,"_65":229,"_67":196,"_69":70,"_71":230,"_73":74,"_38":231,"_17":76,"_77":78,"_79":232,"_81":51,"_82":-5,"_116":233,"_18":234},{"_36":220,"_13":221,"_65":222,"_67":196,"_69":70,"_71":32,"_73":74,"_38":223,"_17":76,"_77":78,"_79":224,"_81":51,"_82":-5,"_116":225,"_18":226},{"_36":212,"_13":213,"_65":214,"_67":196,"_69":70,"_71":215,"_73":74,"_38":216,"_17":76,"_77":78,"_79":217,"_81":51,"_82":-5,"_116":218,"_18":219},"85e5fa2e-55eb-11f1-a529-ee650bb23af1","WishlistPage.tsx","85e5fb14-55eb-11f1-a529-ee650bb23af1",36,["D",1779460547718],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { Link } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Product } from \"../../shared/types.ts\";\nimport { api } from \"../api/client.ts\";\nimport { ProductCard } from \"../components/ProductCard.tsx\";\nimport { FullPageSpinner } from \"../components/ui/Spinner.tsx\";\nimport { EmptyState } from \"../components/ui/EmptyState.tsx\";\n\nexport function WishlistPage() {\n const [items, setItems] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n api.get(\"/api/wishlist\")\n .then(setItems)\n .finally(() => setLoading(false));\n }, []);\n\n if (loading) return ;\n if (items.length === 0) {\n return (\n

\n \n Browse products\n \n }\n />\n

\n );\n }\n\n return (\n

Wishlist

\n {items.map((p) => )}\n

\n );\n}\n",[],[142,195,213],"9a68a21c-55eb-11f1-a529-ee650bb23af1","ProfilePage.tsx","9a68a320-55eb-11f1-a529-ee650bb23af1",["D",1779460582114],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useAuth } from \"../contexts/AuthContext.tsx\";\nimport { useToast } from \"../contexts/ToastContext.tsx\";\nimport { RoleBadge } from \"../components/Navbar.tsx\";\n\nexport function ProfilePage() {\n const { user, setRole } = useAuth();\n const { toast } = useToast();\n if (!user) return null;\n\n async function changeRole(role: \"customer\" | \"seller\" | \"admin\") {\n await setRole(role);\n toast(`Switched to ${role} role`, \"success\");\n }\n\n return (\n

Profile

\n\n

\n {user.avatar_url\n ? (\n \n )\n : (\n

\n {(user.display_name ?? user.handle).charAt(0).toUpperCase()}\n

\n )}\n

{user.display_name ?? user.handle}

@{user.handle}

\n Current role: \n

\n\n

Switch role (demo)

\n In a production app, role changes would be admin-gated and require\n verification. For this demo, you can freely switch roles to explore\n every part of the platform.\n

\n {([\"customer\", \"seller\", \"admin\"] as const).map((r) => (\n changeRole(r)}\n disabled={user.role === r}\n class={`px-4 py-2 rounded-lg text-sm font-medium border transition-colors ${\n user.role === r\n ? \"bg-indigo-50 border-indigo-300 text-indigo-700\"\n : \"border-gray-200 hover:bg-gray-50\"\n }`}\n >\n {r === \"customer\" ? \"🛒\" : r === \"seller\" ? \"🏪\" : \"🛡️\"} {r}\n \n ))}\n

\n );\n}\n",[],[142,195,221],"38406976-55eb-11f1-a8d0-ee650bb23af1","ProductsPage.tsx","38406b4c-55eb-11f1-a8d0-ee650bb23af1",30,["D",1779460417436],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n useEffect,\n useMemo,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { useSearchParams } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Category, Product } from \"../../shared/types.ts\";\nimport { api } from \"../api/client.ts\";\nimport { ProductCard } from \"../components/ProductCard.tsx\";\nimport { ProductCardSkeleton } from \"../components/ui/Skeleton.tsx\";\nimport { EmptyState } from \"../components/ui/EmptyState.tsx\";\n\nexport function ProductsPage() {\n const [params, setParams] = useSearchParams();\n const search = params.get(\"search\") ?? \"\";\n const category = params.get(\"category\") ?? \"\";\n const sort = params.get(\"sort\") ?? \"newest\";\n\n const [products, setProducts] = useState([]);\n const [categories, setCategories] = useState([]);\n const [loading, setLoading] = useState(true);\n const [aiSuggestions, setAiSuggestions] = useState([]);\n\n useEffect(() => {\n api.get(\"/api/categories\").then(setCategories);\n }, []);\n\n useEffect(() => {\n setLoading(true);\n const q = new URLSearchParams();\n if (search) q.set(\"search\", search);\n if (category) q.set(\"category\", category);\n if (sort) q.set(\"sort\", sort);\n api.get(`/api/products?${q.toString()}`)\n .then(setProducts)\n .finally(() => setLoading(false));\n }, [search, category, sort]);\n\n useEffect(() => {\n if (search.length < 3) {\n setAiSuggestions([]);\n return;\n }\n const t = setTimeout(() => {\n api.post<{ suggestions: string[] }>(\"/api/ai/search-suggest\", {\n query: search,\n })\n .then((r) => setAiSuggestions(r.suggestions))\n .catch(() => setAiSuggestions([]));\n }, 800);\n return () => clearTimeout(t);\n }, [search]);\n\n function update(key: string, value: string) {\n const next = new URLSearchParams(params);\n if (value) next.set(key, value);\n else next.delete(key);\n setParams(next);\n }\n\n const title = useMemo(() => {\n if (search) return `Results for \"${search}\"`;\n if (category) {\n const c = categories.find((c) => c.slug === category);\n return c ? `${c.icon} ${c.name}` : \"Products\";\n }\n return \"All Products\";\n }, [search, category, categories]);\n\n return (\n

{title}

\n {loading ? \"Loading…\" : `${products.length} products`}\n

\n\n {aiSuggestions.length > 0 && (\n

\n ✨ AI Search suggestions\n

\n {aiSuggestions.map((s) => (\n update(\"search\", s)}\n class=\"px-3 py-1 bg-white border border-purple-200 rounded-full text-sm text-purple-700 hover:bg-purple-100\"\n >\n {s}\n \n ))}\n

\n )}\n\n

\n Categories\n

\n update(\"category\", \"\")}\n class={`block w-full text-left px-3 py-2 rounded-lg text-sm ${\n !category\n ? \"bg-indigo-50 text-indigo-700 font-medium\"\n : \"text-gray-700 hover:bg-gray-100\"\n }`}\n >\n All\n \n {categories.map((c) => (\n update(\"category\", c.slug)}\n class={`block w-full text-left px-3 py-2 rounded-lg text-sm ${\n category === c.slug\n ? \"bg-indigo-50 text-indigo-700 font-medium\"\n : \"text-gray-700 hover:bg-gray-100\"\n }`}\n >\n {c.icon} {c.name}\n \n ))}\n

\n Sort\n

\n update(\"sort\", e.target.value)}\n class=\"w-full px-3 py-2 bg-white border border-gray-200 rounded-lg text-sm\"\n >\n \n \n \n \n \n

\n\n

\n {loading\n ? (\n

\n {Array.from({ length: 9 }).map((_, i) => (\n \n ))}\n

\n )\n : products.length === 0\n ? (\n \n )\n : (\n

\n {products.map((p) => )}\n

\n )}\n

\n );\n}\n",[],[142,195,228],"51aba4d4-55eb-11f1-a529-ee650bb23af1","ProductDetailPage.tsx","51aba5c4-55eb-11f1-a529-ee650bb23af1",31,["D",1779460460094],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport {\n Link,\n useParams,\n} from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Product, Review } from \"../../shared/types.ts\";\nimport { api } from \"../api/client.ts\";\nimport { FullPageSpinner, Spinner } from \"../components/ui/Spinner.tsx\";\nimport { formatDate, formatPrice, parseSpecs } from \"../utils/format.ts\";\nimport { useCart } from \"../contexts/CartContext.tsx\";\nimport { useAuth } from \"../contexts/AuthContext.tsx\";\nimport { useToast } from \"../contexts/ToastContext.tsx\";\n\nexport function ProductDetailPage() {\n const { slug } = useParams<{ slug: string }>();\n const { add } = useCart();\n const { user } = useAuth();\n const { toast } = useToast();\n const [product, setProduct] = useState(null);\n const [reviews, setReviews] = useState([]);\n const [loading, setLoading] = useState(true);\n const [qty, setQty] = useState(1);\n const [aiSummary, setAiSummary] = useState(null);\n const [aiLoading, setAiLoading] = useState(false);\n const [wished, setWished] = useState(false);\n const [reviewRating, setReviewRating] = useState(5);\n const [reviewTitle, setReviewTitle] = useState(\"\");\n const [reviewBody, setReviewBody] = useState(\"\");\n const [submittingReview, setSubmittingReview] = useState(false);\n\n useEffect(() => {\n setLoading(true);\n api.get<{ product: Product; reviews: Review[] }>(`/api/products/${slug}`)\n .then((d) => {\n setProduct(d.product);\n setReviews(d.reviews);\n })\n .finally(() => setLoading(false));\n }, [slug]);\n\n async function summarize() {\n if (!product) return;\n setAiLoading(true);\n try {\n const r = await api.post<{ summary: string }>(\n `/api/ai/summarize/${product.id}`,\n );\n setAiSummary(r.summary);\n } catch (e) {\n toast((e as Error).message, \"error\");\n } finally {\n setAiLoading(false);\n }\n }\n\n async function toggleWish() {\n if (!product) return;\n if (!user) {\n toast(\"Log in to use wishlist\", \"error\");\n return;\n }\n const { added } = await api.post<{ added: boolean }>(\n \"/api/wishlist/toggle\",\n { productId: product.id },\n );\n setWished(added);\n toast(added ? \"Added to wishlist\" : \"Removed from wishlist\", \"success\");\n }\n\n async function submitReview(e: any) {\n e.preventDefault();\n if (!product || !user) return;\n setSubmittingReview(true);\n try {\n await api.post(`/api/products/${product.id}/reviews`, {\n rating: reviewRating,\n title: reviewTitle,\n body: reviewBody,\n });\n toast(\"Review posted\", \"success\");\n // refresh\n const d = await api.get<{ product: Product; reviews: Review[] }>(\n `/api/products/${product.slug}`,\n );\n setProduct(d.product);\n setReviews(d.reviews);\n setReviewTitle(\"\");\n setReviewBody(\"\");\n } catch (e) {\n toast((e as Error).message, \"error\");\n } finally {\n setSubmittingReview(false);\n }\n }\n\n if (loading) return ;\n if (!product) {\n return (\n

\n Product not found.\n

\n );\n }\n\n const specs = parseSpecs(product.specs_json);\n\n return (\n

\n \n\n

\n {product.image_url\n ? (\n \n )\n : (\n

\n 📦\n

\n )}\n

\n\n

\n {product.brand}\n

{product.name}

\n ★\n {product.avg_rating.toFixed(1)}\n \n ({product.review_count} reviews)\n \n

\n ·\n \n Sold by{\" \"}\n \n {product.seller_name}\n \n \n

\n\n

\n {formatPrice(product.price_cents)}\n

\n\n

{product.description}

\n\n \n {aiLoading ? : \"✨\"} AI Summary\n \n {aiSummary && (\n

\n ✨ AI Summary\n

\n {aiSummary}\n

\n )}\n\n

\n setQty(Math.max(1, qty - 1))}\n class=\"px-3 py-2 hover:bg-gray-50\"\n >\n −\n \n {qty}\n setQty(Math.min(product.stock, qty + 1))}\n class=\"px-3 py-2 hover:bg-gray-50\"\n >\n +\n \n

\n add(product.id, qty)}\n disabled={product.stock === 0}\n class=\"flex-1 px-6 py-3 bg-indigo-600 text-white font-semibold rounded-xl hover:bg-indigo-700 disabled:bg-gray-300\"\n >\n {product.stock === 0 ? \"Out of stock\" : \"Add to cart\"}\n \n \n {wished ? \"♥\" : \"♡\"}\n \n

\n\n

\n {product.stock > 0\n ? `${product.stock} in stock — ships in 1-3 days`\n : \"Currently unavailable\"}\n

\n\n {/* Specs */}\n {Object.keys(specs).length > 0 && (\n

Specifications

\n {Object.entries(specs).map(([k, v]) => (\n

\n \n {k}\n \n {v}\n

\n ))}\n

\n )}\n\n {/* Reviews */}\n

Reviews ({reviews.length})

\n {user && (\n \n

\n Your rating\n

\n {[1, 2, 3, 4, 5].map((n) => (\n setReviewRating(n)}\n class={n <= reviewRating\n ? \"text-yellow-500\"\n : \"text-gray-300\"}\n >\n ★\n \n ))}\n

\n setReviewTitle(e.target.value)}\n placeholder=\"Review title (optional)\"\n class=\"w-full px-3 py-2 border border-gray-200 rounded-lg mb-3 text-sm\"\n />\n setReviewBody(e.target.value)}\n placeholder=\"Tell others what you think…\"\n rows={3}\n class=\"w-full px-3 py-2 border border-gray-200 rounded-lg mb-3 text-sm\"\n />\n \n {submittingReview ? \"Posting…\" : \"Post review\"}\n \n \n )}\n {reviews.length === 0\n ? (\n

\n No reviews yet — be the first to share your thoughts.\n

\n )\n : (\n

\n {reviews.map((r) => (\n \n

\n {r.user_name ?? r.user_handle}\n

\n {formatDate(r.created_at)}\n

\n {\"★\".repeat(r.rating)}\n {\"★\".repeat(5 - r.rating)}\n

\n {r.title && (\n

{r.title}

\n )}\n {r.body &&

{r.body}

}\n

\n ))}\n

\n )}\n

\n \n );\n}\n",[],[142,195,236],"79546d2c-55eb-11f1-a529-ee650bb23af1","OrdersPage.tsx","79546dea-55eb-11f1-a529-ee650bb23af1",34,["D",1779460526632],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { Link } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Order } from \"../../shared/types.ts\";\nimport { api } from \"../api/client.ts\";\nimport { formatDateTime, formatPrice } from \"../utils/format.ts\";\nimport { FullPageSpinner } from \"../components/ui/Spinner.tsx\";\nimport { EmptyState } from \"../components/ui/EmptyState.tsx\";\n\nconst statusColors: Record = {\n pending: \"bg-yellow-100 text-yellow-800\",\n paid: \"bg-blue-100 text-blue-800\",\n shipped: \"bg-purple-100 text-purple-800\",\n delivered: \"bg-green-100 text-green-800\",\n cancelled: \"bg-red-100 text-red-800\",\n};\n\nexport function OrdersPage() {\n const [orders, setOrders] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n api.get(\"/api/orders\")\n .then(setOrders)\n .finally(() => setLoading(false));\n }, []);\n\n if (loading) return ;\n if (orders.length === 0) {\n return (\n

\n \n Start shopping\n \n }\n />\n

\n );\n }\n\n return (\n

Your Orders

\n {orders.map((o) => (\n \n

Order #{o.id}

\n {formatDateTime(o.created_at)}\n

\n \n {o.status}\n \n \n {formatPrice(o.total_cents)}\n \n →\n

\n \n ))}\n

\n );\n}\n",[],[142,195,244],"81cc8d22-55eb-11f1-b86f-ee650bb23af1","OrderDetailPage.tsx","81cc8dea-55eb-11f1-b86f-ee650bb23af1",35,["D",1779460540828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport {\n Link,\n useParams,\n} from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Order } from \"../../shared/types.ts\";\nimport { api } from \"../api/client.ts\";\nimport { formatDateTime, formatPrice } from \"../utils/format.ts\";\nimport { FullPageSpinner } from \"../components/ui/Spinner.tsx\";\n\nexport function OrderDetailPage() {\n const { id } = useParams<{ id: string }>();\n const [order, setOrder] = useState(null);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n api.get(`/api/orders/${id}`)\n .then(setOrder)\n .finally(() => setLoading(false));\n }, [id]);\n\n if (loading) return ;\n if (!order) {\n return (\n

\n Order not found.\n

\n );\n }\n\n const address = JSON.parse(order.address_json);\n\n return (\n

\n \n ← Back to orders\n \n

🎉

\n Order #{order.id} confirmed\n

\n Placed {formatDateTime(order.created_at)} · Status:{\" \"}\n {order.status}\n

\n\n

Items

\n {order.items?.map((it) => {\n const snap = it.product_snapshot_json\n ? JSON.parse(it.product_snapshot_json)\n : null;\n return (\n

\n {snap?.image_url && (\n \n )}\n

{snap?.name ?? `#${it.product_id}`}

Qty: {it.quantity}

\n {formatPrice(it.unit_price_cents * it.quantity)}\n

\n );\n })}\n

\n\n

Delivery to

{address.full_name}

\n {address.line1}\n {address.line2 ? `, ${address.line2}` : \"\"}\n
\n {address.city}, {address.state} {address.postal_code}\n
\n {address.country}\n {address.phone ? ` · ${address.phone}` : \"\"}\n

\n\n

\n Total paid\n {formatPrice(order.total_cents)}\n

\n );\n}\n",[],[142,195,252],"28b10c0e-55eb-11f1-a2d2-ee650bb23af1","HomePage.tsx","28b10cfe-55eb-11f1-a2d2-ee650bb23af1",29,["D",1779460391344],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { Link } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Category, Product } from \"../../shared/types.ts\";\nimport { api } from \"../api/client.ts\";\nimport { ProductCard } from \"../components/ProductCard.tsx\";\nimport { ProductCardSkeleton } from \"../components/ui/Skeleton.tsx\";\nimport { Spinner } from \"../components/ui/Spinner.tsx\";\n\nexport function HomePage() {\n const [products, setProducts] = useState([]);\n const [categories, setCategories] = useState([]);\n const [loading, setLoading] = useState(true);\n const [interest, setInterest] = useState(\"\");\n const [recs, setRecs] = useState<\n { product: Product; reason: string }[] | null\n >(null);\n const [recLoading, setRecLoading] = useState(false);\n const [recError, setRecError] = useState(null);\n\n useEffect(() => {\n Promise.all([\n api.get(\"/api/products?sort=rating&limit=8\"),\n api.get(\"/api/categories\"),\n ])\n .then(([p, c]) => {\n setProducts(p);\n setCategories(c);\n })\n .finally(() => setLoading(false));\n }, []);\n\n async function askAI() {\n if (!interest.trim()) return;\n setRecLoading(true);\n setRecError(null);\n try {\n const data = await api.post<{ product: Product; reason: string }[]>(\n \"/api/ai/recommend\",\n { interest },\n );\n setRecs(data);\n } catch (e) {\n setRecError((e as Error).message);\n } finally {\n setRecLoading(false);\n }\n }\n\n return (\n

\n {/* Hero */}\n

\n \n ✨ AI-powered shopping\n \n

\n The smartest way to{\" \"}\n \n shop gadgets\n \n

\n Discover, compare and buy the latest smart gadgets with personalized AI recommendations from our shopping genie.\n

\n\n {/* AI prompt box */}\n

\n \n Tell me what you need and I'll find the perfect gadgets:\n \n

\n setInterest(e.target.value)}\n onKeyDown={(e: any) => e.key === \"Enter\" && askAI()}\n placeholder='e.g. \"lightweight laptop for college student\"'\n class=\"flex-1 px-4 py-3 rounded-xl bg-white text-gray-900 placeholder-gray-400 outline-none focus:ring-2 focus:ring-yellow-200\"\n />\n \n {recLoading ? : \"✨\"} Ask AI\n \n

\n {recError && (\n

\n {recError}\n

\n )}\n

\n\n

\n {/* AI Recommendations */}\n {recs && (\n

\n ✨ AI Picks for You\n

\n setRecs(null)}\n class=\"text-sm text-gray-500 hover:text-gray-900\"\n >\n Clear\n \n

\n {recs.length === 0\n ? (\n

\n No matches found in our catalog for that query.\n

\n )\n : (\n

\n {recs.map((r) => (\n \n \n

\n ✨ {r.reason}\n

\n ))}\n

\n )}\n \n )}\n\n {/* Categories */}\n

\n Shop by category\n

\n {categories.map((c) => (\n \n

{c.icon}

{c.name}

\n \n ))}\n

\n\n {/* Top rated */}\n

\n ⭐ Top rated gadgets\n

\n \n View all →\n \n

\n {loading\n ? Array.from({ length: 8 }).map((_, i) => (\n \n ))\n : products.map((p) => )}\n

\n\n {/* Features strip */}\n

\n \n \n \n

\n \n );\n}\n\nfunction FeatureCard(\n { icon, title, description }: {\n icon: string;\n title: string;\n description: string;\n },\n) {\n return (\n

{icon}

{title}

{description}

\n );\n}\n",[],[142,195,260],"93886ac2-55eb-11f1-a529-ee650bb23af1","DashboardPage.tsx","93886b76-55eb-11f1-a529-ee650bb23af1",37,["D",1779460570594],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { Link } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport { useAuth } from \"../contexts/AuthContext.tsx\";\nimport { api } from \"../api/client.ts\";\nimport type { Order, Product } from \"../../shared/types.ts\";\nimport { formatDate, formatPrice } from \"../utils/format.ts\";\n\ninterface AILog {\n id: number;\n kind: string;\n prompt: string;\n response: string;\n created_at: string;\n}\n\nexport function DashboardPage() {\n const { user } = useAuth();\n const [orders, setOrders] = useState([]);\n const [recent, setRecent] = useState([]);\n const [aiLogs, setAiLogs] = useState([]);\n\n useEffect(() => {\n Promise.all([\n api.get(\"/api/orders\"),\n api.get(\"/api/recently-viewed\"),\n api.get(\"/api/ai/logs\"),\n ]).then(([o, r, a]) => {\n setOrders(o.slice(0, 3));\n setRecent(r);\n setAiLogs(a.slice(0, 5));\n }).catch(() => {});\n }, []);\n\n return (\n

\n Welcome, {user?.display_name ?? user?.handle} 👋\n

Your personal command center.

\n\n

\n \n {orders.length === 0\n ?

No orders yet.

\n : (\n

\n {orders.map((o) => (\n \n #{o.id} · {formatDate(o.created_at)}\n \n {formatPrice(o.total_cents)}\n \n \n ))}\n

\n )}\n \n\n \n

\n Save your favorite gadgets to revisit them later.\n

\n \n\n \n {aiLogs.length === 0\n ? (\n

\n Try the AI assistant to get personalized picks.\n

\n )\n : (\n

\n {aiLogs.map((l) => (\n

\n \n {l.kind}\n \n {l.prompt.slice(0, 60)}\n

\n ))}\n

\n )}\n \n

\n\n {recent.length > 0 && (\n

Checkout

Delivery address

\n {addresses.length > 0 && !showForm && (\n

\n {addresses.map((a) => (\n \n setSelectedAddress(a)}\n class=\"mr-2\"\n />\n {a.label ?? a.full_name}\n

\n {a.full_name}, {a.line1}\n {a.line2 ? `, ${a.line2}` : \"\"}, {a.city}, {a.state}{\" \"}\n {a.postal_code}, {a.country}\n

\n \n ))}\n setShowForm(true)}\n class=\"text-sm text-indigo-600 font-medium hover:underline\"\n >\n + Add new address\n \n

\n )}\n\n {showForm && (\n \n

\n setForm({ ...form, label: v })}\n />\n setForm({ ...form, full_name: v })}\n required\n />\n

\n setForm({ ...form, line1: v })}\n required\n />\n setForm({ ...form, line2: v })}\n />\n

\n setForm({ ...form, city: v })}\n required\n />\n setForm({ ...form, state: v })}\n />\n

\n setForm({ ...form, postal_code: v })}\n required\n />\n setForm({ ...form, phone: v })}\n />\n

\n \n Save address\n \n {addresses.length > 0 && (\n setShowForm(false)}\n class=\"px-4 py-2 border border-gray-200 rounded-lg\"\n >\n Cancel\n \n )}\n

\n \n )}\n\n

Payment

\n 💳 This is a demo — no real payment will be charged. Clicking \"Place\n order\" simulates a successful purchase.\n

\n\n \n

\n );\n}\n\nfunction Field(\n { label, value, onChange, required }: {\n label: string;\n value: string;\n onChange: (v: string) => void;\n required?: boolean;\n },\n) {\n return (\n \n \n {label}\n {required && *}\n \n onChange(e.target.value)}\n required={required}\n class=\"w-full px-3 py-2 border border-gray-200 rounded-lg text-sm focus:border-indigo-300 focus:ring-2 focus:ring-indigo-100 outline-none\"\n />\n \n );\n}\n",[],[142,195,276],"5dc841f0-55eb-11f1-a529-ee650bb23af1","CartPage.tsx","5dc842ae-55eb-11f1-a529-ee650bb23af1",32,["D",1779460480416],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Link } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport { useCart } from \"../contexts/CartContext.tsx\";\nimport { formatPrice } from \"../utils/format.ts\";\nimport { EmptyState } from \"../components/ui/EmptyState.tsx\";\n\nexport function CartPage() {\n const { items, totalCents, update, remove } = useCart();\n\n if (items.length === 0) {\n return (\n

\n \n Shop products\n \n }\n />\n

\n );\n }\n\n return (\n

Your Cart

\n {items.map((item) => (\n \n \n {item.product?.image_url && (\n \n )}\n \n

{item.product?.brand}

\n \n {item.product?.name}\n \n

\n {formatPrice(item.product?.price_cents ?? 0)}\n

\n update(item.id, item.quantity - 1)}\n class=\"px-3 py-1.5 hover:bg-gray-50\"\n >\n −\n \n {item.quantity}\n update(item.id, item.quantity + 1)}\n class=\"px-3 py-1.5 hover:bg-gray-50\"\n >\n +\n \n

\n {formatPrice((item.product?.price_cents ?? 0) * item.quantity)}\n

\n remove(item.id)}\n class=\"text-gray-400 hover:text-red-600 text-xl\"\n title=\"Remove\"\n >\n ×\n \n

\n ))}\n

\n\n \n

\n \n );\n}\n\nfunction Row({ label, value }: { label: string; value: string }) {\n return (\n

\n {label}\n {value}\n

\n );\n}\n",[],[142,195,284],"abe43786-55eb-11f1-b453-ee650bb23af1","AIPage.tsx","abe4386c-55eb-11f1-b453-ee650bb23af1",39,["D",1779460611456],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { Link } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Product } from \"../../shared/types.ts\";\nimport { api } from \"../api/client.ts\";\nimport { ProductCard } from \"../components/ProductCard.tsx\";\nimport { Spinner } from \"../components/ui/Spinner.tsx\";\nimport { formatPrice } from \"../utils/format.ts\";\n\nconst QUICK_PROMPTS = [\n \"Best laptop for a student under ₹1L\",\n \"Noise cancelling headphones for travel\",\n \"Smart home starter kit\",\n \"Wedding photography camera\",\n \"Best gaming controller for PC\",\n];\n\nexport function AIPage() {\n const [interest, setInterest] = useState(\"\");\n const [recs, setRecs] = useState<{ product: Product; reason: string }[]>([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n // Compare\n const [products, setProducts] = useState([]);\n const [a, setA] = useState(\"\");\n const [b, setB] = useState(\"\");\n const [comparison, setComparison] = useState(null);\n const [comparing, setComparing] = useState(false);\n\n useEffect(() => {\n api.get(\"/api/products?limit=40\").then(setProducts);\n }, []);\n\n async function ask(query?: string) {\n const q = (query ?? interest).trim();\n if (!q) return;\n setInterest(q);\n setLoading(true);\n setError(null);\n try {\n const data = await api.post<{ product: Product; reason: string }[]>(\n \"/api/ai/recommend\",\n { interest: q },\n );\n setRecs(data);\n } catch (e) {\n setError((e as Error).message);\n } finally {\n setLoading(false);\n }\n }\n\n async function compare() {\n if (!a || !b || a === b) return;\n setComparing(true);\n setComparison(null);\n try {\n const r = await api.post<{ result: string }>(\"/api/ai/compare\", { a, b });\n setComparison(r.result);\n } catch (e) {\n setComparison(`⚠️ ${(e as Error).message}`);\n } finally {\n setComparing(false);\n }\n }\n\n return (\n

\n \n ✨ Powered by Google Gemini\n \n

\n AI Shopping{\" \"}\n \n Assistant\n \n

\n Describe what you need and let AI find the perfect gadget.\n

\n\n

\n setInterest(e.target.value)}\n onKeyDown={(e: any) => e.key === \"Enter\" && ask()}\n placeholder='e.g. \"headphones for studying with great battery life\"'\n class=\"flex-1 px-4 py-3 bg-gray-100 rounded-xl outline-none focus:bg-white focus:ring-2 focus:ring-purple-200\"\n />\n ask()}\n disabled={loading || !interest.trim()}\n class=\"px-6 py-3 bg-gradient-to-r from-purple-600 to-indigo-600 text-white font-semibold rounded-xl hover:shadow-lg disabled:opacity-60 flex items-center justify-center gap-2\"\n >\n {loading ? : \"✨\"} Recommend\n \n

\n {QUICK_PROMPTS.map((p) => (\n ask(p)}\n class=\"px-3 py-1 bg-gray-100 hover:bg-gray-200 rounded-full text-xs text-gray-700\"\n >\n {p}\n \n ))}\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n {recs.length > 0 && (\n

\n Picked for: \"{interest}\"\n

\n {recs.map((r) => (\n \n \n

\n ✨ {r.reason}\n

\n ))}\n

\n )}\n

\n\n {/* Smart compare */}\n

⚖️ Smart Comparison

\n Pick two products and get an AI-generated comparison.\n

\n setA(Number(e.target.value) || \"\")}\n class=\"px-3 py-2 border border-gray-200 rounded-lg\"\n >\n \n {products.map((p) => (\n \n ))}\n \n setB(Number(e.target.value) || \"\")}\n class=\"px-3 py-2 border border-gray-200 rounded-lg\"\n >\n \n {products.map((p) => (\n \n ))}\n \n

\n \n {comparing ? : \"✨\"} Compare with AI\n \n {comparison && (\n

\n ✨ AI Analysis\n

\n {comparison}\n

\n ← Back to shop\n

\n )}\n

\n \n );\n}\n",[],[142,195,292],"b9b7a6aa-55ea-11f1-8cff-ee650bb23af1","layouts","b9b7a768-55ea-11f1-8cff-ee650bb23af1",13,["D",1779460205163],[306],[142,300],{"_36":307,"_13":308,"_65":309,"_67":301,"_69":70,"_71":310,"_73":74,"_38":311,"_17":76,"_77":78,"_79":312,"_81":51,"_82":-5,"_116":313,"_18":314},"0e816d24-55eb-11f1-96c2-ee650bb23af1","MainLayout.tsx","0e816dd8-55eb-11f1-96c2-ee650bb23af1",27,["D",1779460347412],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Outlet } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport { Navbar } from \"../components/Navbar.tsx\";\nimport { Footer } from \"../components/Footer.tsx\";\nimport { AIChat } from \"../components/AIChat.tsx\";\n\nexport function MainLayout() {\n return (\n

\n \n

\n );\n}\n",[],[142,300,308],"b917a434-55ea-11f1-a4f1-ee650bb23af1","hooks","b917a4f2-55ea-11f1-a4f1-ee650bb23af1",11,["D",1779460204113],[],[142,316],"b877d09e-55ea-11f1-a4f1-ee650bb23af1","contexts","b877d198-55ea-11f1-a4f1-ee650bb23af1",10,["D",1779460203060],[329,330,331],[142,323],{"_36":348,"_13":349,"_65":350,"_67":324,"_69":70,"_71":351,"_73":74,"_38":352,"_17":76,"_77":78,"_79":353,"_81":51,"_82":-5,"_116":354,"_18":355},{"_36":340,"_13":341,"_65":342,"_67":324,"_69":70,"_71":343,"_73":74,"_38":344,"_17":76,"_77":78,"_79":345,"_81":51,"_82":-5,"_116":346,"_18":347},{"_36":332,"_13":333,"_65":334,"_67":324,"_69":70,"_71":335,"_73":74,"_38":336,"_17":76,"_77":78,"_79":337,"_81":51,"_82":-5,"_116":338,"_18":339},"d5394f28-55ea-11f1-8f09-ee650bb23af1","ToastContext.tsx","d5394ff0-55ea-11f1-8f09-ee650bb23af1",19,["D",1779460251300],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n createContext,\n useCallback,\n useContext,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\ntype ToastKind = \"success\" | \"error\" | \"info\";\ninterface ToastItem {\n id: number;\n message: string;\n kind: ToastKind;\n}\n\ninterface ToastState {\n toast: (message: string, kind?: ToastKind) => void;\n items: ToastItem[];\n dismiss: (id: number) => void;\n}\n\nconst ToastContext = createContext(null);\n\nexport function ToastProvider({ children }: { children: any }) {\n const [items, setItems] = useState([]);\n\n const dismiss = useCallback((id: number) => {\n setItems((prev) => prev.filter((t) => t.id !== id));\n }, []);\n\n const toast = useCallback((message: string, kind: ToastKind = \"info\") => {\n const id = Date.now() + Math.random();\n setItems((prev) => [...prev, { id, message, kind }]);\n setTimeout(() => dismiss(id), 3500);\n }, [dismiss]);\n\n return (\n \n {children}\n \n \n );\n}\n\nfunction ToastViewport() {\n const ctx = useContext(ToastContext);\n if (!ctx) return null;\n return (\n

\n {ctx.items.map((t) => (\n ctx.dismiss(t.id)}\n >\n {t.message}\n

\n ))}\n \n );\n}\n\nexport function useToast(): ToastState {\n const ctx = useContext(ToastContext);\n if (!ctx) throw new Error(\"useToast must be used within ToastProvider\");\n return ctx;\n}\n",[],[142,323,333],"d00da8b4-55ea-11f1-8f09-ee650bb23af1","CartContext.tsx","d00da9a4-55ea-11f1-8f09-ee650bb23af1",18,["D",1779460242633],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport type { CartItem } from \"../../shared/types.ts\";\nimport { api } from \"../api/client.ts\";\nimport { useAuth } from \"./AuthContext.tsx\";\nimport { useToast } from \"./ToastContext.tsx\";\n\ninterface CartState {\n items: CartItem[];\n count: number;\n totalCents: number;\n loading: boolean;\n refresh: () => Promise;\n add: (productId: number, quantity?: number) => Promise;\n update: (itemId: number, quantity: number) => Promise;\n remove: (itemId: number) => Promise;\n}\n\nconst CartContext = createContext(null);\n\nexport function CartProvider({ children }: { children: any }) {\n const { user } = useAuth();\n const { toast } = useToast();\n const [items, setItems] = useState([]);\n const [loading, setLoading] = useState(false);\n\n const refresh = useCallback(async () => {\n if (!user) {\n setItems([]);\n return;\n }\n setLoading(true);\n try {\n const data = await api.get(\"/api/cart\");\n setItems(data);\n } catch {\n setItems([]);\n } finally {\n setLoading(false);\n }\n }, [user]);\n\n useEffect(() => {\n refresh();\n }, [refresh]);\n\n const add = useCallback(async (productId: number, quantity = 1) => {\n if (!user) {\n toast(\"Please log in to add to cart\", \"error\");\n return;\n }\n try {\n const data = await api.post(\"/api/cart\", {\n productId,\n quantity,\n });\n setItems(data);\n toast(\"Added to cart\", \"success\");\n } catch (e) {\n toast((e as Error).message, \"error\");\n }\n }, [user, toast]);\n\n const update = useCallback(async (itemId: number, quantity: number) => {\n const data = await api.patch(`/api/cart/${itemId}`, {\n quantity,\n });\n setItems(data);\n }, []);\n\n const remove = useCallback(async (itemId: number) => {\n const data = await api.del(`/api/cart/${itemId}`);\n setItems(data);\n }, []);\n\n const count = items.reduce((s, it) => s + it.quantity, 0);\n const totalCents = items.reduce(\n (s, it) => s + (it.product?.price_cents ?? 0) * it.quantity,\n 0,\n );\n\n return (\n \n {children}\n \n );\n}\n\nexport function useCart(): CartState {\n const ctx = useContext(CartContext);\n if (!ctx) throw new Error(\"useCart must be used within CartProvider\");\n return ctx;\n}\n",[],[142,323,341],"c9ddf52a-55ea-11f1-a4f1-ee650bb23af1","AuthContext.tsx","c9ddf5d4-55ea-11f1-a4f1-ee650bb23af1",17,["D",1779460232247],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport type { User } from \"../../shared/types.ts\";\nimport { api } from \"../api/client.ts\";\n\ninterface AuthState {\n user: User | null;\n loading: boolean;\n refresh: () => Promise;\n setRole: (role: \"customer\" | \"seller\" | \"admin\") => Promise;\n}\n\nconst AuthContext = createContext(null);\n\nexport function AuthProvider({ children }: { children: any }) {\n const [user, setUser] = useState(null);\n const [loading, setLoading] = useState(true);\n\n const refresh = useCallback(async () => {\n try {\n const { user } = await api.get<{ user: User | null }>(\"/api/session\");\n setUser(user);\n } catch {\n setUser(null);\n } finally {\n setLoading(false);\n }\n }, []);\n\n useEffect(() => {\n refresh();\n }, [refresh]);\n\n const setRole = useCallback(async (role: \"customer\" | \"seller\" | \"admin\") => {\n await api.post(\"/api/me/role\", { role });\n await refresh();\n }, [refresh]);\n\n return (\n \n {children}\n \n );\n}\n\nexport function useAuth(): AuthState {\n const ctx = useContext(AuthContext);\n if (!ctx) throw new Error(\"useAuth must be used within AuthProvider\");\n return ctx;\n}\n",[],[142,323,349],"11598596-55ea-11f1-9899-ee650bb23af1","components","019e5013-9af2-7410-b348-081fa6ae7764",["D",1779459922585],[362,363,364,365,366,367,368,369],[142,357],{"_36":424,"_13":425,"_65":426,"_67":358,"_69":70,"_71":427,"_73":74,"_38":428,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":429,"_18":430},{"_36":416,"_13":417,"_65":418,"_67":358,"_69":70,"_71":419,"_73":74,"_38":420,"_17":76,"_77":78,"_79":421,"_81":51,"_82":-5,"_116":422,"_18":423},{"_36":409,"_13":410,"_65":411,"_67":358,"_69":70,"_71":113,"_73":74,"_38":412,"_17":76,"_77":78,"_79":413,"_81":51,"_82":-5,"_116":414,"_18":415},{"_36":402,"_13":403,"_65":404,"_67":358,"_69":70,"_71":113,"_73":74,"_38":405,"_17":76,"_77":78,"_79":406,"_81":51,"_82":-5,"_116":407,"_18":408},{"_36":394,"_13":395,"_65":396,"_67":358,"_69":70,"_71":397,"_73":74,"_38":398,"_17":76,"_77":78,"_79":399,"_81":51,"_82":-5,"_116":400,"_18":401},{"_36":386,"_13":387,"_65":388,"_67":358,"_69":70,"_71":389,"_73":74,"_38":390,"_17":76,"_77":78,"_79":391,"_81":51,"_82":-5,"_116":392,"_18":393},{"_36":378,"_13":379,"_65":380,"_67":358,"_69":70,"_71":381,"_73":74,"_38":382,"_17":76,"_77":78,"_79":383,"_81":51,"_82":-5,"_116":384,"_18":385},{"_36":370,"_13":371,"_65":372,"_67":358,"_69":70,"_71":373,"_73":74,"_38":374,"_17":76,"_77":78,"_79":375,"_81":51,"_82":-5,"_116":376,"_18":377},"1297b030-55eb-11f1-96c2-ee650bb23af1","RequireAuth.tsx","1297b0f8-55eb-11f1-96c2-ee650bb23af1",28,["D",1779460354269],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useAuth } from \"../contexts/AuthContext.tsx\";\nimport { FullPageSpinner } from \"./ui/Spinner.tsx\";\nimport { EmptyState } from \"./ui/EmptyState.tsx\";\n\nexport function RequireAuth(\n { children, roles }: {\n children: any;\n roles?: (\"customer\" | \"seller\" | \"admin\")[];\n },\n) {\n const { user, loading } = useAuth();\n if (loading) return ;\n if (!user) {\n return (\n

\n \n Log in\n \n }\n />\n

\n );\n }\n if (roles && !roles.includes(user.role)) {\n return (\n

\n \n Go to Profile\n \n }\n />\n

\n );\n }\n return children;\n}\n",[],[142,357,371],"e5395f3a-55ea-11f1-9ebd-ee650bb23af1","ProductCard.tsx","e539602a-55ea-11f1-9ebd-ee650bb23af1",23,["D",1779460278149],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Link } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport type { Product } from \"../../shared/types.ts\";\nimport { formatPrice } from \"../utils/format.ts\";\nimport { useCart } from \"../contexts/CartContext.tsx\";\n\nexport function ProductCard({ product }: { product: Product }) {\n const { add } = useCart();\n\n return (\n

\n \n {product.image_url\n ? (\n \n )\n : (\n

\n 📦\n

\n )}\n {product.stock <= 5 && product.stock > 0 && (\n \n Only {product.stock} left\n \n )}\n {product.stock === 0 && (\n \n Out of stock\n \n )}\n \n

\n {product.brand}\n

\n \n {product.name}\n \n

\n ★\n {product.avg_rating.toFixed(1)}\n ({product.review_count})\n

\n {formatPrice(product.price_cents)}\n

\n add(product.id, 1)}\n disabled={product.stock === 0}\n class=\"px-3 py-1.5 bg-indigo-600 text-white text-sm font-medium rounded-lg hover:bg-indigo-700 disabled:bg-gray-300 disabled:cursor-not-allowed transition-colors\"\n >\n Add\n \n

\n );\n}\n",[],[142,357,379],"f861c6e2-55ea-11f1-96c2-ee650bb23af1","Navbar.tsx","f861c7fa-55ea-11f1-96c2-ee650bb23af1",24,["D",1779460310293],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n Link,\n NavLink,\n useNavigate,\n} from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { useAuth } from \"../contexts/AuthContext.tsx\";\nimport { useCart } from \"../contexts/CartContext.tsx\";\n\nexport function Navbar() {\n const { user, loading } = useAuth();\n const { count } = useCart();\n const [search, setSearch] = useState(\"\");\n const [menuOpen, setMenuOpen] = useState(false);\n const navigate = useNavigate();\n\n function onSearch(e: any) {\n e.preventDefault();\n if (!search.trim()) return;\n navigate(`/products?search=${encodeURIComponent(search.trim())}`);\n }\n\n async function logout() {\n await fetch(\"/auth/logout\", { method: \"POST\" });\n location.href = \"/\";\n }\n\n return (\n

\n \n ⚡\n \n SmartGadgets\n \n \n\n \n\n

\n \n `px-3 py-1.5 rounded-lg font-medium transition-colors ${\n isActive\n ? \"bg-indigo-50 text-indigo-700\"\n : \"text-gray-700 hover:bg-gray-100\"\n }`}\n >\n Shop\n \n \n `px-3 py-1.5 rounded-lg font-medium transition-colors flex items-center gap-1 ${\n isActive\n ? \"bg-purple-50 text-purple-700\"\n : \"text-gray-700 hover:bg-gray-100\"\n }`}\n >\n ✨ AI Assistant\n \n {user?.role === \"seller\" && (\n \n `px-3 py-1.5 rounded-lg font-medium transition-colors ${\n isActive\n ? \"bg-green-50 text-green-700\"\n : \"text-gray-700 hover:bg-gray-100\"\n }`}\n >\n Seller\n \n )}\n {user?.role === \"admin\" && (\n \n `px-3 py-1.5 rounded-lg font-medium transition-colors ${\n isActive\n ? \"bg-red-50 text-red-700\"\n : \"text-gray-700 hover:bg-gray-100\"\n }`}\n >\n Admin\n \n )}\n

\n\n

\n {/* mobile search */}\n

\n );\n}\n\nfunction MenuLink(\n { to, children, onClick }: { to: string; children: any; onClick: () => void },\n) {\n return (\n \n {children}\n \n );\n}\n\nexport function RoleBadge({ role }: { role: string }) {\n const styles: Record = {\n customer: \"bg-blue-100 text-blue-700\",\n seller: \"bg-green-100 text-green-700\",\n admin: \"bg-red-100 text-red-700\",\n };\n return (\n \n {role}\n \n );\n}\n",[],[142,357,387],"fec4a8ba-55ea-11f1-a2d2-ee650bb23af1","Footer.tsx","fec4a950-55ea-11f1-a2d2-ee650bb23af1",25,["D",1779460321007],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Link } from \"https://esm.sh/react-router-dom@6.22.3?deps=react@18.2.0,react-dom@18.2.0\";\n\nexport function Footer() {\n return (\n \n );\n}\n\nfunction FooterCol(\n { title, links }: {\n title: string;\n links: { to: string; label: string; external?: boolean }[];\n },\n) {\n return (\n

{title}

\n {l.label}\n
\n {l.label}\n

\n );\n}\n",[],[142,357,395],"11597e0c-55ea-11f1-9899-ee650bb23af1","Counter.tsx","019e5013-9af2-7410-b348-0417e0c0ad1c",["D",1779459922585],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[142,357,403],"11595e04-55ea-11f1-9899-ee650bb23af1","App.tsx","019e5013-9af2-7410-b348-01a6c13d4f00",["D",1779459922585],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[],[142,357,410],"0c4d59d2-55eb-11f1-b2ca-ee650bb23af1","AIChat.tsx","0c4d5aa4-55eb-11f1-b2ca-ee650bb23af1",26,["D",1779460343714],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n useEffect,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../api/client.ts\";\n\ninterface Msg {\n role: \"user\" | \"assistant\";\n content: string;\n}\n\nexport function AIChat() {\n const [open, setOpen] = useState(false);\n const [messages, setMessages] = useState([\n {\n role: \"assistant\",\n content:\n \"Hi! I'm GadgetGenie ✨ I can recommend gadgets, compare specs, or answer shopping questions. What are you looking for?\",\n },\n ]);\n const [input, setInput] = useState(\"\");\n const [sending, setSending] = useState(false);\n const scrollRef = useRef(null);\n\n useEffect(() => {\n if (scrollRef.current) {\n scrollRef.current.scrollTop = scrollRef.current.scrollHeight;\n }\n }, [messages, open]);\n\n async function send() {\n const text = input.trim();\n if (!text || sending) return;\n setInput(\"\");\n const next = [...messages, { role: \"user\" as const, content: text }];\n setMessages(next);\n setSending(true);\n try {\n const { reply } = await api.post<{ reply: string }>(\"/api/ai/chat\", {\n message: text,\n history: messages.slice(-6),\n });\n setMessages([...next, { role: \"assistant\", content: reply }]);\n } catch (e) {\n setMessages([\n ...next,\n {\n role: \"assistant\",\n content: `⚠️ ${\n (e as Error).message\n }. Make sure GEMINI_API_KEY is set on the val.`,\n },\n ]);\n } finally {\n setSending(false);\n }\n }\n\n return (\n <>\n setOpen((v) => !v)}\n class=\"fixed bottom-6 right-6 z-40 w-14 h-14 rounded-full bg-gradient-to-br from-purple-600 to-indigo-600 text-white shadow-xl hover:shadow-2xl hover:scale-105 transition-all flex items-center justify-center\"\n title=\"AI Shopping Assistant\"\n >\n {open ? \"×\" : \"✨\"}\n \n\n {open && (\n

GadgetGenie ✨

\n Your AI shopping assistant — powered by Gemini\n

\n {messages.map((m, i) => (\n \n \n {m.content}\n

\n ))}\n {sending && (\n

\n \n \n \n \n \n

\n )}\n \n {\n e.preventDefault();\n send();\n }}\n class=\"p-3 border-t border-gray-100 flex gap-2\"\n >\n setInput(e.target.value)}\n placeholder=\"Ask me anything…\"\n class=\"flex-1 px-3 py-2 bg-gray-100 rounded-full text-sm outline-none focus:ring-2 focus:ring-indigo-200\"\n />\n \n Send\n \n \n \n )}\n \n );\n}\n",[],[142,357,417],"d902e402-55ea-11f1-be79-ee650bb23af1","ui","2f928722-477e-41be-adc1-9eade4ff903b",20,["D",1779460257661],[431,432,433],[142,357,425],{"_36":449,"_13":450,"_65":451,"_67":426,"_69":70,"_71":452,"_73":74,"_38":453,"_17":76,"_77":78,"_79":454,"_81":51,"_82":-5,"_116":455,"_18":456},{"_36":441,"_13":442,"_65":443,"_67":426,"_69":70,"_71":444,"_73":74,"_38":445,"_17":76,"_77":78,"_79":446,"_81":51,"_82":-5,"_116":447,"_18":448},{"_36":434,"_13":435,"_65":436,"_67":426,"_69":70,"_71":427,"_73":74,"_38":437,"_17":76,"_77":78,"_79":438,"_81":51,"_82":-5,"_116":439,"_18":440},"d902b64e-55ea-11f1-be79-ee650bb23af1","Spinner.tsx","d902b70c-55ea-11f1-be79-ee650bb23af1",["D",1779460257661],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nexport function Spinner({ size = \"md\" }: { size?: \"sm\" | \"md\" | \"lg\" }) {\n const cls = size === \"sm\" ? \"w-4 h-4\" : size === \"lg\" ? \"w-10 h-10\" : \"w-6 h-6\";\n return (\n \n );\n}\n\nexport function FullPageSpinner() {\n return (\n

\n \n

\n );\n}\n",[],[142,357,425,435],"db4256f8-55ea-11f1-a4f1-ee650bb23af1","Skeleton.tsx","db4257ca-55ea-11f1-a4f1-ee650bb23af1",21,["D",1779460261416],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nexport function Skeleton({ class: className = \"\" }: { class?: string }) {\n return

;\n}\n\nexport function ProductCardSkeleton() {\n return (\n

\n \n

\n \n \n \n \n

\n );\n}\n",[],[142,357,425,442],"dd0f18f4-55ea-11f1-a4f1-ee650bb23af1","EmptyState.tsx","dd0f19b2-55ea-11f1-a4f1-ee650bb23af1",22,["D",1779460264454],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nexport function EmptyState({\n icon = \"📭\",\n title,\n description,\n action,\n}: {\n icon?: string;\n title: string;\n description?: string;\n action?: any;\n}) {\n return (\n

{icon}

{title}

\n {description &&

{description}

}\n {action}\n

\n );\n}\n",[],[142,357,425,450],"b96dc9cc-55ea-11f1-a8d0-ee650bb23af1","api","b96dca9e-55ea-11f1-a8d0-ee650bb23af1",12,["D",1779460204674],[464],[142,458],{"_36":465,"_13":466,"_65":467,"_67":459,"_69":70,"_71":468,"_73":74,"_38":469,"_17":76,"_77":78,"_79":470,"_81":51,"_82":-5,"_116":471,"_18":472},"c1d73364-55ea-11f1-a8d0-ee650bb23af1","client.ts","c1d73422-55ea-11f1-a8d0-ee650bb23af1",15,["D",1779460218789],"// Typed fetch wrapper for the API.\n\nasync function request(\n path: string,\n options: RequestInit = {},\n): Promise {\n const res = await fetch(path, {\n ...options,\n headers: {\n \"Content-Type\": \"application/json\",\n ...(options.headers ?? {}),\n },\n });\n const text = await res.text();\n let data: unknown = null;\n try {\n data = text ? JSON.parse(text) : null;\n } catch {\n data = text;\n }\n if (!res.ok) {\n const message = (data as { error?: string })?.error ?? `HTTP ${res.status}`;\n throw new ApiError(res.status, message);\n }\n return data as T;\n}\n\nexport class ApiError extends Error {\n constructor(public status: number, message: string) {\n super(message);\n }\n}\n\nexport const api = {\n get: (path: string) => request(path),\n post: (path: string, body?: unknown) =>\n request(path, { method: \"POST\", body: JSON.stringify(body ?? {}) }),\n patch: (path: string, body?: unknown) =>\n request(path, { method: \"PATCH\", body: JSON.stringify(body ?? {}) }),\n del: (path: string) => request(path, { method: \"DELETE\" }),\n};\n",[],[142,458,466],["D",1779460012296],[476,477,478],[19],{"_36":91,"_13":92,"_65":93,"_67":68,"_69":70,"_71":94,"_73":74,"_38":485,"_17":76,"_77":78,"_79":96,"_81":51,"_82":-5,"_116":486,"_18":487},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":87,"_73":74,"_38":482,"_17":76,"_77":78,"_79":89,"_81":51,"_82":-5,"_116":483,"_18":484},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":479,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_116":480,"_18":481},["D",1779460102303],[],[19,64],["D",1779460137352],[],[19,85],["D",1779460130185],[],[19,92],"114abd18-55ea-11f1-9899-ee650bb23af1",["D",1779459922585],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","userId","4b701ef0-5af2-11f0-b0a0-21ea95346041","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","4b701ef1-5af2-11f0-b0a0-21ea95346041","tursoName","114abd1855ea11f19899ee650bb23af1","tursoHostname","114abd1855ea11f19899ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789494036282],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_535":531},"org",{"_11":12,"_529":-5,"_530":531,"_495":496,"_532":533,"_534":51},"branch",{"_17":294,"_13":16,"_36":70,"_42":488,"_45":37,"_46":525,"_526":53,"_527":43,"_528":57,"_58":14,"_54":12},88,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ6WDdqYXdodVpHVnBkN2pxakozbWM5M2tDNSJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":488,"_13":14,"_38":720,"_49":-5,"_490":51,"_52":53,"_491":53,"_492":493,"_494":-5,"_495":496,"_497":110,"_498":74,"_499":-5,"_500":-5,"_501":76,"_56":502,"_503":504,"_505":506,"_507":721,"_509":-5,"_510":511,"_512":511,"_513":514,"_515":514,"_516":514,"_517":511,"_518":511,"_519":722,"_521":723,"_523":724,"_50":51},[579,583,622,624,625],"files",[579,580,581,582,583,584,585,586,587,588,589,590,591,592,593,594,595,596,597,598,599,600,601,602,603,604,605,606,607,608,609,610,611,612,613,614,615,616,617,618,619,620,621,622,623,624,625],"counts",{"_570":76,"_571":113,"_572":76,"_35":573,"_574":575},[564,565,566],{"_36":98,"_69":70,"_65":68,"_13":19,"_79":-5,"_77":101,"_17":76,"_67":-5,"_38":562,"_71":99,"_82":-5,"_18":563},"upstreamProject",{"_36":43,"_13":59,"_492":493,"_494":559,"_52":53,"_519":560},"upstreamBranch",{"_36":37,"_38":557,"_40":558,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789534799&sig=2fe932419d898cd124d0961cab25a5a9c3bd76c8b30cb3b9e71257c7b34e60a2",{"_11":55,"_535":561},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789534799&sig=94d49ad984a50880ef894a3794e08842e7b9b626be771ff48da114d7d9a149ed",["D",1779460012296],[19],{"_36":91,"_13":92,"_65":93,"_67":68,"_69":70,"_71":94,"_73":74,"_38":95,"_17":76,"_77":78,"_79":96,"_81":51,"_82":-5,"_18":569},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":87,"_73":74,"_38":88,"_17":76,"_77":78,"_79":89,"_81":51,"_82":-5,"_18":568},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":75,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_18":567},[19,64],[19,85],[19,92],"pulls","branches","forks",{"_576":99,"_578":76},"connections",{"_576":76,"_577":76},"count","unfilledCount","emptyCount",{"_36":98,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":99,"_73":74,"_38":473,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":718,"_18":719},{"_36":91,"_13":92,"_65":93,"_67":68,"_69":70,"_71":94,"_73":74,"_38":485,"_17":76,"_77":78,"_79":96,"_81":51,"_82":-5,"_116":716,"_18":717},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":87,"_73":74,"_38":482,"_17":76,"_77":78,"_79":89,"_81":51,"_82":-5,"_116":714,"_18":715},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":479,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_116":712,"_18":713},{"_36":141,"_13":142,"_65":143,"_67":-5,"_69":70,"_71":113,"_73":74,"_38":144,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":710,"_18":711},{"_36":457,"_13":458,"_65":459,"_67":143,"_69":70,"_71":460,"_73":74,"_38":461,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":708,"_18":709},{"_36":465,"_13":466,"_65":467,"_67":459,"_69":70,"_71":468,"_73":74,"_38":469,"_17":76,"_77":78,"_79":470,"_81":51,"_82":-5,"_116":706,"_18":707},{"_36":356,"_13":357,"_65":358,"_67":143,"_69":70,"_71":113,"_73":74,"_38":359,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":704,"_18":705},{"_36":424,"_13":425,"_65":426,"_67":358,"_69":70,"_71":427,"_73":74,"_38":428,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":702,"_18":703},{"_36":449,"_13":450,"_65":451,"_67":426,"_69":70,"_71":452,"_73":74,"_38":453,"_17":76,"_77":78,"_79":454,"_81":51,"_82":-5,"_116":700,"_18":701},{"_36":441,"_13":442,"_65":443,"_67":426,"_69":70,"_71":444,"_73":74,"_38":445,"_17":76,"_77":78,"_79":446,"_81":51,"_82":-5,"_116":698,"_18":699},{"_36":434,"_13":435,"_65":436,"_67":426,"_69":70,"_71":427,"_73":74,"_38":437,"_17":76,"_77":78,"_79":438,"_81":51,"_82":-5,"_116":696,"_18":697},{"_36":416,"_13":417,"_65":418,"_67":358,"_69":70,"_71":419,"_73":74,"_38":420,"_17":76,"_77":78,"_79":421,"_81":51,"_82":-5,"_116":694,"_18":695},{"_36":409,"_13":410,"_65":411,"_67":358,"_69":70,"_71":113,"_73":74,"_38":412,"_17":76,"_77":78,"_79":413,"_81":51,"_82":-5,"_116":692,"_18":693},{"_36":402,"_13":403,"_65":404,"_67":358,"_69":70,"_71":113,"_73":74,"_38":405,"_17":76,"_77":78,"_79":406,"_81":51,"_82":-5,"_116":690,"_18":691},{"_36":394,"_13":395,"_65":396,"_67":358,"_69":70,"_71":397,"_73":74,"_38":398,"_17":76,"_77":78,"_79":399,"_81":51,"_82":-5,"_116":688,"_18":689},{"_36":386,"_13":387,"_65":388,"_67":358,"_69":70,"_71":389,"_73":74,"_38":390,"_17":76,"_77":78,"_79":391,"_81":51,"_82":-5,"_116":686,"_18":687},{"_36":378,"_13":379,"_65":380,"_67":358,"_69":70,"_71":381,"_73":74,"_38":382,"_17":76,"_77":78,"_79":383,"_81":51,"_82":-5,"_116":684,"_18":685},{"_36":370,"_13":371,"_65":372,"_67":358,"_69":70,"_71":373,"_73":74,"_38":374,"_17":76,"_77":78,"_79":375,"_81":51,"_82":-5,"_116":682,"_18":683},{"_36":322,"_13":323,"_65":324,"_67":143,"_69":70,"_71":325,"_73":74,"_38":326,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":680,"_18":681},{"_36":348,"_13":349,"_65":350,"_67":324,"_69":70,"_71":351,"_73":74,"_38":352,"_17":76,"_77":78,"_79":353,"_81":51,"_82":-5,"_116":678,"_18":679},{"_36":340,"_13":341,"_65":342,"_67":324,"_69":70,"_71":343,"_73":74,"_38":344,"_17":76,"_77":78,"_79":345,"_81":51,"_82":-5,"_116":676,"_18":677},{"_36":332,"_13":333,"_65":334,"_67":324,"_69":70,"_71":335,"_73":74,"_38":336,"_17":76,"_77":78,"_79":337,"_81":51,"_82":-5,"_116":674,"_18":675},{"_36":315,"_13":316,"_65":317,"_67":143,"_69":70,"_71":318,"_73":74,"_38":319,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":672,"_18":673},{"_36":299,"_13":300,"_65":301,"_67":143,"_69":70,"_71":302,"_73":74,"_38":303,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":670,"_18":671},{"_36":307,"_13":308,"_65":309,"_67":301,"_69":70,"_71":310,"_73":74,"_38":311,"_17":76,"_77":78,"_79":312,"_81":51,"_82":-5,"_116":668,"_18":669},{"_36":194,"_13":195,"_65":196,"_67":143,"_69":70,"_71":197,"_73":74,"_38":198,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":666,"_18":667},{"_36":291,"_13":292,"_65":293,"_67":196,"_69":70,"_71":294,"_73":74,"_38":295,"_17":76,"_77":78,"_79":296,"_81":51,"_82":-5,"_116":664,"_18":665},{"_36":283,"_13":284,"_65":285,"_67":196,"_69":70,"_71":286,"_73":74,"_38":287,"_17":76,"_77":78,"_79":288,"_81":51,"_82":-5,"_116":662,"_18":663},{"_36":275,"_13":276,"_65":277,"_67":196,"_69":70,"_71":278,"_73":74,"_38":279,"_17":76,"_77":78,"_79":280,"_81":51,"_82":-5,"_116":660,"_18":661},{"_36":267,"_13":268,"_65":269,"_67":196,"_69":70,"_71":270,"_73":74,"_38":271,"_17":76,"_77":78,"_79":272,"_81":51,"_82":-5,"_116":658,"_18":659},{"_36":259,"_13":260,"_65":261,"_67":196,"_69":70,"_71":262,"_73":74,"_38":263,"_17":76,"_77":78,"_79":264,"_81":51,"_82":-5,"_116":656,"_18":657},{"_36":251,"_13":252,"_65":253,"_67":196,"_69":70,"_71":254,"_73":74,"_38":255,"_17":76,"_77":78,"_79":256,"_81":51,"_82":-5,"_116":654,"_18":655},{"_36":243,"_13":244,"_65":245,"_67":196,"_69":70,"_71":246,"_73":74,"_38":247,"_17":76,"_77":78,"_79":248,"_81":51,"_82":-5,"_116":652,"_18":653},{"_36":235,"_13":236,"_65":237,"_67":196,"_69":70,"_71":238,"_73":74,"_38":239,"_17":76,"_77":78,"_79":240,"_81":51,"_82":-5,"_116":650,"_18":651},{"_36":227,"_13":228,"_65":229,"_67":196,"_69":70,"_71":230,"_73":74,"_38":231,"_17":76,"_77":78,"_79":232,"_81":51,"_82":-5,"_116":648,"_18":649},{"_36":220,"_13":221,"_65":222,"_67":196,"_69":70,"_71":32,"_73":74,"_38":223,"_17":76,"_77":78,"_79":224,"_81":51,"_82":-5,"_116":646,"_18":647},{"_36":212,"_13":213,"_65":214,"_67":196,"_69":70,"_71":215,"_73":74,"_38":216,"_17":76,"_77":78,"_79":217,"_81":51,"_82":-5,"_116":644,"_18":645},{"_36":178,"_13":179,"_65":180,"_67":143,"_69":70,"_71":181,"_73":74,"_38":182,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":642,"_18":643},{"_36":186,"_13":187,"_65":188,"_67":180,"_69":70,"_71":189,"_73":74,"_38":190,"_17":76,"_77":78,"_79":191,"_81":51,"_82":-5,"_116":640,"_18":641},{"_36":171,"_13":172,"_65":173,"_67":143,"_69":70,"_71":113,"_73":74,"_38":174,"_17":76,"_77":24,"_79":175,"_81":51,"_82":-5,"_116":638,"_18":639},{"_36":164,"_13":165,"_65":166,"_67":143,"_69":70,"_71":113,"_73":74,"_38":167,"_17":76,"_77":24,"_79":168,"_81":51,"_82":-5,"_116":636,"_18":637},{"_36":157,"_13":158,"_65":159,"_67":143,"_69":70,"_71":113,"_73":74,"_38":160,"_17":76,"_77":78,"_79":161,"_81":51,"_82":-5,"_116":634,"_18":635},{"_36":126,"_13":127,"_65":128,"_67":-5,"_69":70,"_71":34,"_73":74,"_38":129,"_17":76,"_77":101,"_79":-5,"_81":51,"_82":-5,"_116":632,"_18":633},{"_36":133,"_13":134,"_65":135,"_67":128,"_69":70,"_71":136,"_73":74,"_38":137,"_17":76,"_77":78,"_79":138,"_81":51,"_82":-5,"_116":630,"_18":631},{"_36":119,"_13":120,"_65":121,"_67":-5,"_69":70,"_71":113,"_73":74,"_38":122,"_17":76,"_77":24,"_79":123,"_81":51,"_82":-5,"_116":628,"_18":629},{"_36":108,"_13":109,"_65":110,"_67":-5,"_69":70,"_71":111,"_73":74,"_38":112,"_17":113,"_77":114,"_79":115,"_81":51,"_82":-5,"_116":626,"_18":627},[],[109],[],[120],[],[127,134],[623],[127],[],[142,158],[],[142,165],[],[142,172],[],[142,179,187],[618],[142,179],[],[142,195,213],[],[142,195,221],[],[142,195,228],[],[142,195,236],[],[142,195,244],[],[142,195,252],[],[142,195,260],[],[142,195,268],[],[142,195,276],[],[142,195,284],[],[142,195,292],[606,607,608,609,610,611,612,613,614,615,616],[142,195],[],[142,300,308],[604],[142,300],[],[142,316],[],[142,323,333],[],[142,323,341],[],[142,323,349],[599,600,601],[142,323],[],[142,357,371],[],[142,357,379],[],[142,357,387],[],[142,357,395],[],[142,357,403],[],[142,357,410],[],[142,357,417],[],[142,357,425,435],[],[142,357,425,442],[],[142,357,425,450],[588,589,590],[142,357,425],[587,591,592,593,594,595,596,597],[142,357],[],[142,458,466],[585],[142,458],[584,586,598,602,603,605,617,619,620,621],[142],[],[19,64],[],[19,85],[],[19,92],[580,581,582],[19],["D",1779459922585],["D",1789494036282],{"_11":12,"_535":531},{"_11":12,"_529":-5,"_530":531,"_495":496,"_532":533,"_534":51},{"_17":294,"_13":16,"_36":70,"_42":488,"_45":37,"_46":525,"_526":53,"_527":43,"_528":57,"_58":14,"_54":12},"ctx",{"_519":-5,"_554":758,"_759":760,"_761":762,"_763":51,"_764":51,"_765":51,"_766":74,"_767":-5,"_768":-7,"_769":-7,"_770":76,"_771":51,"_772":51,"_773":-5,"_774":51,"_775":51,"_776":51,"_777":-5},"ENV",{"_729":730,"_731":732,"_733":16,"_734":735,"_736":737,"_738":739,"_740":741,"_742":743,"_744":745,"_746":747,"_748":749,"_750":751,"_752":753,"_754":755,"_756":757},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]