\r\n ${(String(name || \"?\").trim()[0] || \"?\")}\r\n

`;\r\n }\r\n return html` setStage(stage + 1)}\r\n />`;\r\n}\r\n\r\n// ---------- generic pieces ----------\r\n\r\nexport function Toast({ toast }) {\r\n if (!toast) return null;\r\n return html`

${toast.msg}

`;\r\n}\r\n\r\nexport function Sheet({ title, onClose, children, tall }) {\r\n useEffect(() => {\r\n document.body.classList.add(\"no-scroll\");\r\n return () => document.body.classList.remove(\"no-scroll\");\r\n }, []);\r\n return html`\r\n

{ if (e.target === e.currentTarget) onClose(); }}>\r\n

\r\n

${title}

\r\n \r\n

\r\n

${children}

\r\n

`;\r\n}\r\n\r\nexport function PinScreen({ onSubmit, error, busy }) {\r\n const [pin, setPinVal] = useState(\"\");\r\n return html`\r\n

\r\n

<${Icon} name=\"cart\" size=\"34\" />

\r\n

סל קניות

\r\n

הזינו קוד גישה כדי להמשיך

\r\n

`;\r\n}\r\n\r\n// ---------- cart ----------\r\n\r\nfunction CartRow({ it, shopping, onPatch, onRemove }) {\r\n const qty = Number(it.qty);\r\n const unit = Number(it.unit_price);\r\n const actual = it.actual_price != null ? Number(it.actual_price) : null;\r\n const showDev = shopping && Number(it.scanned_qty) > 0 && actual != null && Math.abs(actual - unit) >= 0.05;\r\n return html`\r\n

\r\n onPatch(it.id, { checked: it.checked ? 0 : 1 })}\r\n >${it.checked ? html`<${Icon} name=\"check\" size=\"14\" />` : null}\r\n

\r\n ${it.name}\r\n \r\n ${shekel(unit)} ליח׳\r\n ${!!it.unplanned && html`לא מתוכנן`}\r\n ${showDev && html`\r\n unit ? \"chip-danger\" : \"chip-ok\"}\">\r\n בפועל ${shekel(actual)}\r\n `}\r\n \r\n

\r\n

\r\n ${shekel(qty * unit)}\r\n

\r\n \r\n ${fmtQty(qty)}\r\n \r\n

\r\n

`;\r\n}\r\n\r\nexport function CartView({\r\n cart,\r\n loaded,\r\n shopping,\r\n refreshing,\r\n hasApiKey,\r\n onPatch,\r\n onRemove,\r\n onClear,\r\n onRefreshPrices,\r\n onStartShopping,\r\n onGoSearch,\r\n}) {\r\n const { items, totals } = cart;\r\n const unchecked = items.filter((i) => !i.checked);\r\n const checked = items.filter((i) => i.checked);\r\n\r\n return html`\r\n

\r\n

\r\n ${shopping\r\n ? html`\r\n

\r\n

\r\n בפועל (נסרק)\r\n ${shekel(totals.scanned)}\r\n

\r\n

\r\n מתוכנן\r\n ${shekel(totals.planned)}\r\n

\r\n

${totals.checkedCount} מתוך ${totals.itemCount} נאספו · סרקו כל מוצר שנכנס לעגלה

`\r\n : html`\r\n עלות משוערת לקנייה הבאה\r\n ${shekel(totals.planned)}\r\n

${totals.itemCount ? `${totals.itemCount} פריטים ברשימה` : \"הסל ריק בינתיים\"}

\r\n

\r\n \r\n \r\n

`}\r\n

\r\n\r\n ${loaded && !items.length && html`\r\n

\r\n

<${Icon} name=\"cart\" size=\"34\" />

\r\n

הסל ריק

\r\n

חפשו מוצרים אמיתיים מהסופר — עם מחיר ממוצע אמיתי — והוסיפו אותם לרשימה.

\r\n \r\n

`}\r\n\r\n ${!!unchecked.length && html`\r\n

\r\n ${shopping && html`

לאסוף · ${unchecked.length}

`}\r\n

\r\n ${unchecked.map((it) => html`<${CartRow} key=${it.id} it=${it} shopping=${shopping} onPatch=${onPatch} onRemove=${onRemove} />`)}\r\n \r\n

`}\r\n\r\n ${!!checked.length && html`\r\n

\r\n

${shopping ? \"בעגלה\" : \"סומנו\"} · ${checked.length}

\r\n

\r\n ${checked.map((it) => html`<${CartRow} key=${it.id} it=${it} shopping=${shopping} onPatch=${onPatch} onRemove=${onRemove} />`)}\r\n \r\n

`}\r\n\r\n ${!!items.length && !shopping && html`\r\n

\r\n ${!!checked.length && html`\r\n `}\r\n \r\n

`}\r\n

`;\r\n}\r\n\r\n// ---------- search ----------\r\n\r\nfunction ResultRow({ r, onAdd, onToggleFav }) {\r\n const priceLabel = PRICE_KIND_LABEL[r.priceKind];\r\n return html`\r\n

\r\n \r\n <${Thumb} barcode=${r.barcode} name=${r.name} />\r\n

\r\n ${r.name}\r\n \r\n ${[r.brand, r.unit_qty].filter(Boolean).join(\" · \")}\r\n ${r.kind === \"custom\" && html`פריט שלי`}\r\n \r\n

\r\n

\r\n \r\n ${shekel(r.price)}\r\n ${priceLabel && html`${priceLabel}`}\r\n \r\n \r\n

\r\n

`;\r\n}\r\n\r\nexport function SearchView({ onAddToCart, showToast }) {\r\n const [query, setQuery] = useState(\"\");\r\n const [results, setResults] = useState([]);\r\n const [searching, setSearching] = useState(false);\r\n const [customPrice, setCustomPrice] = useState(\"\");\r\n const [customBusy, setCustomBusy] = useState(false);\r\n const timer = useRef(null);\r\n const seq = useRef(0);\r\n const inputRef = useRef(null);\r\n\r\n useEffect(() => () => clearTimeout(timer.current), []);\r\n\r\n const runSearch = useCallback(async (qstr) => {\r\n const my = ++seq.current;\r\n if (!qstr.trim()) {\r\n setResults([]);\r\n setSearching(false);\r\n return;\r\n }\r\n setSearching(true);\r\n try {\r\n const r = await api(`/api/search?q=${encodeURIComponent(qstr.trim())}`);\r\n if (my === seq.current) setResults(r.results || []);\r\n } catch (e) {\r\n if (my === seq.current) showToast(friendlyError(e), \"error\");\r\n } finally {\r\n if (my === seq.current) setSearching(false);\r\n }\r\n }, [showToast]);\r\n\r\n const onInput = (e) => {\r\n const v = e.target.value;\r\n setQuery(v);\r\n clearTimeout(timer.current);\r\n timer.current = setTimeout(() => runSearch(v), 250);\r\n };\r\n\r\n const refKey = (r) => (r.kind === \"catalog\" ? `catalog:${r.barcode}` : `custom:${r.custom_id}`);\r\n\r\n const addResult = async (r) => {\r\n const ok = await onAddToCart(\r\n r.kind === \"catalog\" ? { kind: \"catalog\", barcode: r.barcode } : { kind: \"custom\", custom_id: r.custom_id },\r\n r.name,\r\n );\r\n if (ok) {\r\n setResults((rs) => rs.map((x) => (refKey(x) === refKey(r) ? { ...x, inCartQty: (x.inCartQty || 0) + 1 } : x)));\r\n }\r\n };\r\n\r\n const toggleFav = async (r) => {\r\n const next = !r.fav;\r\n setResults((rs) => rs.map((x) => (refKey(x) === refKey(r) ? { ...x, fav: next } : x)));\r\n try {\r\n if (next) {\r\n await api(\"/api/favorites\", { method: \"POST\", body: { kind: r.kind, barcode: r.barcode, custom_id: r.custom_id } });\r\n } else {\r\n await api(`/api/favorites?kind=${r.kind}&barcode=${r.barcode || \"\"}&custom_id=${r.custom_id || 0}`, { method: \"DELETE\" });\r\n }\r\n } catch (e) {\r\n setResults((rs) => rs.map((x) => (refKey(x) === refKey(r) ? { ...x, fav: !next } : x)));\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n };\r\n\r\n const createCustom = async () => {\r\n const name = query.trim();\r\n if (!name || customBusy) return;\r\n setCustomBusy(true);\r\n try {\r\n const { item } = await api(\"/api/custom-items\", { method: \"POST\", body: { name, price: Number(customPrice) || 0 } });\r\n await onAddToCart({ kind: \"custom\", custom_id: item.id }, item.name);\r\n setCustomPrice(\"\");\r\n runSearch(query);\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n } finally {\r\n setCustomBusy(false);\r\n }\r\n };\r\n\r\n const barcodeQuery = /^\\d{7,14}$/.test(query.trim());\r\n\r\n const lookupBarcode = async () => {\r\n try {\r\n setSearching(true);\r\n const r = await api(`/api/lookup/${query.trim()}`);\r\n if (r.found && r.name) {\r\n setResults([{\r\n kind: \"catalog\",\r\n barcode: r.barcode,\r\n name: r.name,\r\n brand: r.brand || \"\",\r\n unit_qty: \"\",\r\n price: r.expectedPrice,\r\n priceKind: r.source === \"average\" ? \"avg\" : \"ref\",\r\n fav: false,\r\n inCartQty: r.inCart ? Number(r.inCart.qty) : 0,\r\n }]);\r\n } else {\r\n showToast(\"הברקוד לא נמצא במאגר\", \"warn\");\r\n }\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n } finally {\r\n setSearching(false);\r\n }\r\n };\r\n\r\n return html`\r\n

\r\n \r\n\r\n ${!query.trim() && html`\r\n

\r\n

<${Icon} name=\"search\" size=\"30\" />

\r\n

חיפוש מוצרים אמיתיים

\r\n

הקלידו שם מוצר בעברית — התוצאות מגיעות מקטלוג הסופרים, עם מחיר ממוצע ארצי. אפשר גם להקליד ברקוד.

\r\n

`}\r\n\r\n ${searching && html`\r\n

`}\r\n\r\n ${!searching && !!query.trim() && html`\r\n

\r\n ${results.map((r) => html`<${ResultRow} key=${refKey(r)} r=${r} onAdd=${addResult} onToggleFav=${toggleFav} />`)}\r\n \r\n\r\n ${barcodeQuery && html`\r\n `}\r\n\r\n

\r\n

\r\n ${results.length ? \"לא מצאתם?\" : \"אין תוצאות\"}\r\n הוסיפו פריט משלכם עם מחיר משוער\r\n

\r\n

\r\n ${query.trim()}\r\n setCustomPrice(e.target.value)}\r\n />\r\n \r\n

\r\n

`}\r\n

`;\r\n}\r\n\r\n// ---------- favorites ----------\r\n\r\nexport function FavoritesView({ onAddToCart, showToast }) {\r\n const [items, setItems] = useState(null);\r\n\r\n const load = useCallback(async () => {\r\n try {\r\n const r = await api(\"/api/favorites\");\r\n setItems(r.favorites || []);\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n setItems([]);\r\n }\r\n }, [showToast]);\r\n\r\n useEffect(() => {\r\n load();\r\n }, [load]);\r\n\r\n const add = async (f) => {\r\n const ok = await onAddToCart(\r\n f.kind === \"catalog\" ? { kind: \"catalog\", barcode: f.barcode } : { kind: \"custom\", custom_id: f.custom_id },\r\n f.name,\r\n );\r\n if (ok) {\r\n setItems((xs) => xs.map((x) => (x.id === f.id ? { ...x, inCartQty: (x.inCartQty || 0) + 1 } : x)));\r\n }\r\n };\r\n\r\n const unfav = async (f) => {\r\n setItems((xs) => xs.filter((x) => x.id !== f.id));\r\n try {\r\n await api(`/api/favorites?kind=${f.kind}&barcode=${f.barcode || \"\"}&custom_id=${f.custom_id || 0}`, { method: \"DELETE\" });\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n load();\r\n }\r\n };\r\n\r\n return html`\r\n

\r\n ${items === null && html`\r\n

`}\r\n\r\n ${items !== null && !items.length && html`\r\n

\r\n

<${Icon} name=\"star\" size=\"30\" />

\r\n

אין מועדפים עדיין

\r\n

סמנו כוכב על מוצרים שאתם קונים שוב ושוב — ותוסיפו אותם לסל בלחיצה אחת.

\r\n

`}\r\n\r\n ${items !== null && !!items.length && html`\r\n

\r\n \r\n <${Thumb} barcode=${f.kind === \"catalog\" ? f.barcode : null} name=${f.name} />\r\n
\r\n ${f.name}\r\n ${[f.brand, f.unit_qty].filter(Boolean).join(\" · \")}${f.kind === \"custom\" ? \"פריט שלי\" : \"\"}\r\n
\r\n
\r\n ${shekel(f.price)}\r\n \r\n
\r\n

`}\r\n

`;\r\n}\r\n\r\n// ---------- summary ----------\r\n\r\nexport function SummarySheet({ cart, onClose, onFinish }) {\r\n const { items, totals } = cart;\r\n const unpicked = items.filter((i) => !i.checked && !(Number(i.scanned_qty) > 0));\r\n const unplanned = items.filter((i) => i.unplanned);\r\n const deviations = items.filter((i) => {\r\n const actual = i.actual_price != null ? Number(i.actual_price) : null;\r\n const unit = Number(i.unit_price);\r\n return Number(i.scanned_qty) > 0 && actual != null && unit > 0 && Math.abs(actual - unit) / unit > 0.15;\r\n });\r\n const diff = Math.round((totals.scanned - totals.planned) * 100) / 100;\r\n\r\n return html`\r\n <${Sheet} title=\"סיכום קנייה\" onClose=${onClose} tall>\r\n

\r\n

\r\n בפועל (נסרק)\r\n ${shekel(totals.scanned)}\r\n

\r\n

\r\n מתוכנן\r\n ${shekel(totals.planned)}\r\n

\r\n

0 ? \"over\" : \"under\"}\">\r\n ${diff === 0 ? \"בדיוק לפי התכנון\" : diff > 0 ? `${shekel(Math.abs(diff))} מעל המתוכנן` : `${shekel(Math.abs(diff))} מתחת למתוכנן`}\r\n

\r\n

בקופה — השוו את הסכום בצג לסכום \"בפועל\". פער גדול אומר ששווה לבדוק את החשבונית.

\r\n\r\n ${!!deviations.length && html`\r\n

<${Icon} name=\"alert\" size=\"15\" /> חריגות מחיר

\r\n

\r\n ${i.name}\r\n ${shekel(i.unit_price)} ← ${shekel(i.actual_price)}\r\n

`}\r\n\r\n ${!!unplanned.length && html`\r\n

תוספות לא מתוכננות · ${unplanned.length}

\r\n

\r\n ${i.name}\r\n ${shekel(Number(i.actual_price ?? i.unit_price) * Number(i.scanned_qty || i.qty))}\r\n

`}\r\n\r\n ${!!unpicked.length && html`\r\n

לא נאספו · ${unpicked.length}

\r\n

\r\n ${i.name}\r\n × ${fmtQty(i.qty)}\r\n

`}\r\n\r\n

\r\n \r\n \r\n \r\n

\r\n `;\r\n}\r\n\r\n// ---------- settings ----------\r\n\r\nexport function SettingsSheet({ config, showToast, onClose }) {\r\n const [status, setStatus] = useState(null);\r\n const [city, setCity] = useState(\"\");\r\n const [branches, setBranches] = useState(null);\r\n const [branchBusy, setBranchBusy] = useState(false);\r\n const [syncing, setSyncing] = useState(false);\r\n\r\n const loadStatus = useCallback(async () => {\r\n try {\r\n setStatus(await api(\"/api/status\"));\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n }, [showToast]);\r\n\r\n useEffect(() => {\r\n loadStatus();\r\n }, [loadStatus]);\r\n\r\n const searchBranches = async () => {\r\n if (!city.trim()) return;\r\n setBranchBusy(true);\r\n try {\r\n const r = await api(`/api/branches?city=${encodeURIComponent(city.trim())}`);\r\n setBranches(r.branches || []);\r\n if (!(r.branches || []).length) showToast(\"לא נמצאו סניפים בעיר הזו\", \"warn\");\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n } finally {\r\n setBranchBusy(false);\r\n }\r\n };\r\n\r\n const pickBranch = async (b) => {\r\n const name = [b?.chain?.name, b?.name].filter(Boolean).join(\" — \");\r\n try {\r\n await api(\"/api/settings\", { method: \"PATCH\", body: { my_branch_id: b.id, my_branch_name: name, my_city: city.trim() } });\r\n setBranches(null);\r\n setCity(\"\");\r\n showToast(\"החנות שלכם נשמרה\", \"ok\");\r\n loadStatus();\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n };\r\n\r\n const clearBranch = async () => {\r\n try {\r\n await api(\"/api/settings\", { method: \"PATCH\", body: { my_branch_id: null, my_branch_name: null } });\r\n showToast(\"חזרנו לממוצע ארצי\", \"ok\");\r\n loadStatus();\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n };\r\n\r\n const runSync = async () => {\r\n setSyncing(true);\r\n try {\r\n const r = await api(\"/api/sync/run\", { method: \"POST\", body: { pages: 2 } });\r\n showToast(r.ran ? `סונכרנו ${r.upserted} מוצרים (${r.branch || \"\"})` : r.message || \"אין מה לסנכרן\", r.ran ? \"ok\" : \"warn\");\r\n loadStatus();\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n } finally {\r\n setSyncing(false);\r\n }\r\n };\r\n\r\n const logout = () => {\r\n clearPin();\r\n window.location.reload();\r\n };\r\n\r\n return html`\r\n <${Sheet} title=\"הגדרות\" onClose=${onClose} tall>\r\n ${!config.hasApiKey && html`\r\n

\r\n <${Icon} name=\"alert\" size=\"17\" />\r\n

\r\n מפתח API חסר. הגדירו CHEAPERSAL_API_KEY במשתני הסביבה של ה-val\r\n כדי לקבל מוצרים ומחירים אמיתיים. עד אז אפשר להשתמש בפריטים מותאמים.\r\n

\r\n

`}\r\n\r\n

<${Icon} name=\"store\" size=\"16\" /> החנות שלי

\r\n

\r\n בחרו את הסניף שבו אתם קונים — בזמן סריקה נציג את המחיר של הסניף שלכם במקום הממוצע הארצי.\r\n

\r\n ${status?.myBranch\r\n ? html`\r\n

\r\n ${status.myBranch.name}\r\n \r\n

`\r\n : html`

לא נבחרה חנות — המחירים לפי ממוצע ארצי.

`}\r\n

\r\n setCity(e.target.value)}\r\n onKeyDown=${(e) => { if (e.key === \"Enter\") searchBranches(); }}\r\n />\r\n \r\n

\r\n ${branches !== null && !!branches.length && html`\r\n

\r\n \r\n

`}\r\n\r\n

<${Icon} name=\"refresh\" size=\"16\" /> קטלוג ומכסה

\r\n ${status\r\n ? html`\r\n

\r\n

מוצרים בקטלוג${status.catalogCount.toLocaleString(\"he-IL\")}

\r\n

סנכרון אחרון${timeAgo(status.lastSync)}

\r\n

בקשות API היום${status.apiUsedToday}

\r\n

נותרו להיום${status.apiRemaining ?? \"—\"}

\r\n

\r\n ${!!status.syncBranches?.length && html`\r\n

סניפי הקטלוג: ${status.syncBranches.map((b) => b.name).join(\" · \")}

`}\r\n `\r\n : html`

טוען נתונים…

`}\r\n\r\n

<${Icon} name=\"gear\" size=\"16\" /> כללי

\r\n ${config.authRequired\r\n ? html``\r\n : html`

לא הוגדר קוד גישה. אפשר להגדיר APP_PIN במשתני הסביבה.

`}\r\n

המחירים באדיבות Cheapersal — נתוני שקיפות מחירים ממשלתיים. המחיר בקופה עשוי להשתנות.

\r\n `;\r\n}\r\n",[],[148,164],"af4bb7ea-fd4e-46e9-82f5-f3ed55dafdc8","ui.js","fb48471c-6654-11f1-b57c-1607ee4eb77e",23,["D",1781265060411],"import React from \"https://esm.sh/react@18.3.1\";\r\nimport htm from \"https://esm.sh/htm@3.1.1\";\r\n\r\nexport const html = htm.bind(React.createElement);\r\nexport const { useState, useEffect, useRef, useMemo, useCallback } = React;\r\nexport default React;\r\n",[],[148,172],"f438a75e-3a1d-48fb-aa04-9dcfc3fd2452","sw.js","fb23cb9e-6654-11f1-932f-1607ee4eb77e",32,["D",1781266867661],"const VERSION = \"sal-v2\";\r\nconst CDN_CACHE = VERSION + \"-cdn\";\r\nconst CORE = [\r\n \"/\",\r\n \"/manifest.json\",\r\n \"/frontend/styles.css\",\r\n \"/frontend/index.js\",\r\n \"/frontend/ui.js\",\r\n \"/frontend/api.js\",\r\n \"/frontend/app.js\",\r\n \"/frontend/views.js\",\r\n \"/frontend/scanner.js\",\r\n \"/icons/icon.svg\",\r\n];\r\n\r\nself.addEventListener(\"install\", (event) => {\r\n event.waitUntil(\r\n caches.open(VERSION).then((cache) => cache.addAll(CORE)).then(() => self.skipWaiting()),\r\n );\r\n});\r\n\r\nself.addEventListener(\"activate\", (event) => {\r\n event.waitUntil(\r\n caches.keys()\r\n .then((keys) => Promise.all(keys.filter((k) => k !== VERSION && k !== CDN_CACHE).map((k) => caches.delete(k))))\r\n .then(() => self.clients.claim()),\r\n );\r\n});\r\n\r\nself.addEventListener(\"fetch\", (event) => {\r\n const req = event.request;\r\n if (req.method !== \"GET\") return;\r\n const url = new URL(req.url);\r\n\r\n // API is always live; the app keeps its own offline copy of the cart.\r\n if (url.pathname.startsWith(\"/api/\")) return;\r\n\r\n // CDN modules and fonts: cache-first (immutable enough).\r\n if (url.origin !== location.origin) {\r\n event.respondWith(\r\n caches.open(CDN_CACHE).then(async (cache) => {\r\n const hit = await cache.match(req);\r\n if (hit) return hit;\r\n const res = await fetch(req);\r\n if (res.ok || res.type === \"opaque\") cache.put(req, res.clone());\r\n return res;\r\n }),\r\n );\r\n return;\r\n }\r\n\r\n // App navigation: network-first with cached shell fallback (offline in-store).\r\n if (req.mode === \"navigate\") {\r\n event.respondWith(\r\n fetch(req)\r\n .then((res) => {\r\n const copy = res.clone();\r\n caches.open(VERSION).then((cache) => cache.put(\"/\", copy));\r\n return res;\r\n })\r\n .catch(() => caches.match(\"/\")),\r\n );\r\n return;\r\n }\r\n\r\n // Static assets: stale-while-revalidate.\r\n event.respondWith(\r\n caches.open(VERSION).then(async (cache) => {\r\n const hit = await cache.match(req);\r\n const refresh = fetch(req)\r\n .then((res) => {\r\n if (res.ok) cache.put(req, res.clone());\r\n return res;\r\n })\r\n .catch(() => hit);\r\n return hit || refresh;\r\n }),\r\n );\r\n});\r\n",[],[148,180],"9cc82e25-9c44-42ed-a9be-f38b0d488525","styles.css","fb02c688-6654-11f1-b768-1607ee4eb77e",29,["D",1781266379089],"/* ---------- tokens ---------- */\r\n\r\n:root {\r\n --bg: #f2f5f7;\r\n --surface: #ffffff;\r\n --surface-2: #e9eef2;\r\n --ink: #0f172a;\r\n --ink-2: #5b6776;\r\n --brand: #059669;\r\n --brand-2: #047857;\r\n --brand-soft: #d8f3e9;\r\n --danger: #e11d48;\r\n --warn: #d97706;\r\n --ok: #059669;\r\n --line: rgba(15, 23, 42, 0.08);\r\n --shadow: 0 12px 32px rgba(15, 23, 42, 0.09);\r\n --shadow-soft: 0 4px 14px rgba(15, 23, 42, 0.06);\r\n --radius: 18px;\r\n --tabbar-h: 62px;\r\n --sat: env(safe-area-inset-top, 0px);\r\n --sab: env(safe-area-inset-bottom, 0px);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n :root {\r\n --bg: #0b1220;\r\n --surface: #151f2e;\r\n --surface-2: #1c2940;\r\n --ink: #e7edf6;\r\n --ink-2: #91a2b8;\r\n --brand: #10b981;\r\n --brand-2: #059669;\r\n --brand-soft: rgba(16, 185, 129, 0.16);\r\n --danger: #fb7185;\r\n --warn: #fbbf24;\r\n --ok: #34d399;\r\n --line: rgba(231, 237, 246, 0.09);\r\n --shadow: 0 12px 32px rgba(0, 0, 0, 0.4);\r\n --shadow-soft: 0 4px 14px rgba(0, 0, 0, 0.3);\r\n }\r\n}\r\n\r\n/* ---------- base ---------- */\r\n\r\n* {\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\nhtml,\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nbody {\r\n background: var(--bg);\r\n color: var(--ink);\r\n font-family: \"Rubik\", -apple-system, \"Segoe UI\", sans-serif;\r\n font-size: 15.5px;\r\n line-height: 1.45;\r\n -webkit-font-smoothing: antialiased;\r\n overscroll-behavior-y: none;\r\n}\r\n\r\nbody.no-scroll {\r\n overflow: hidden;\r\n}\r\n\r\nbutton {\r\n font: inherit;\r\n color: inherit;\r\n background: none;\r\n border: 0;\r\n cursor: pointer;\r\n padding: 0;\r\n}\r\n\r\ninput {\r\n font: inherit;\r\n color: var(--ink);\r\n}\r\n\r\ninput[type=\"search\"]::-webkit-search-cancel-button {\r\n display: none;\r\n}\r\n\r\nh1, h2, h3, h4, p {\r\n margin: 0;\r\n}\r\n\r\nul {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\ncode {\r\n background: var(--surface-2);\r\n border-radius: 6px;\r\n padding: 1px 5px;\r\n font-size: 0.85em;\r\n direction: ltr;\r\n display: inline-block;\r\n}\r\n\r\n/* ---------- boot / pin ---------- */\r\n\r\n.boot {\r\n min-height: 100dvh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n}\r\n\r\n.boot-badge,\r\n.pin-badge {\r\n width: 76px;\r\n height: 76px;\r\n border-radius: 24px;\r\n display: grid;\r\n place-items: center;\r\n color: #fff;\r\n background: linear-gradient(135deg, var(--brand), var(--brand-2));\r\n box-shadow: var(--shadow);\r\n}\r\n\r\n.boot-badge.pulse {\r\n animation: pulse 1.4s ease-in-out infinite;\r\n}\r\n\r\n.boot-text {\r\n color: var(--ink-2);\r\n font-weight: 500;\r\n}\r\n\r\n.pin-screen {\r\n min-height: 100dvh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 24px;\r\n background: linear-gradient(160deg, var(--brand-2), var(--brand) 55%, #0ea5a3);\r\n color: #fff;\r\n text-align: center;\r\n}\r\n\r\n.pin-screen h1 {\r\n font-size: 26px;\r\n font-weight: 800;\r\n}\r\n\r\n.pin-sub {\r\n opacity: 0.85;\r\n}\r\n\r\n.pin-form {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 14px;\r\n}\r\n\r\n.pin-form input {\r\n width: 150px;\r\n text-align: center;\r\n font-size: 22px;\r\n letter-spacing: 6px;\r\n padding: 12px 14px;\r\n border-radius: 14px;\r\n border: 0;\r\n background: rgba(255, 255, 255, 0.16);\r\n color: #fff;\r\n outline: none;\r\n}\r\n\r\n.pin-form input::placeholder {\r\n color: rgba(255, 255, 255, 0.55);\r\n}\r\n\r\n.pin-error {\r\n margin-top: 8px;\r\n background: rgba(0, 0, 0, 0.22);\r\n padding: 7px 14px;\r\n border-radius: 99px;\r\n font-size: 13.5px;\r\n}\r\n\r\n/* ---------- layout ---------- */\r\n\r\n.app {\r\n max-width: 540px;\r\n margin: 0 auto;\r\n min-height: 100dvh;\r\n display: flex;\r\n flex-direction: column;\r\n padding-bottom: calc(var(--tabbar-h) + var(--sab) + 14px);\r\n}\r\n\r\n.header {\r\n position: sticky;\r\n top: 0;\r\n z-index: 20;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: calc(10px + var(--sat)) 16px 10px;\r\n background: color-mix(in srgb, var(--bg) 82%, transparent);\r\n -webkit-backdrop-filter: blur(14px);\r\n backdrop-filter: blur(14px);\r\n}\r\n\r\n.brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.brand h1 {\r\n font-size: 19px;\r\n font-weight: 800;\r\n}\r\n\r\n.brand-badge {\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 11px;\r\n display: grid;\r\n place-items: center;\r\n color: #fff;\r\n background: linear-gradient(135deg, var(--brand), var(--brand-2));\r\n box-shadow: var(--shadow-soft);\r\n}\r\n\r\n.main {\r\n flex: 1;\r\n}\r\n\r\n.view {\r\n padding: 4px 16px 24px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n animation: fade-in 0.22s ease;\r\n}\r\n\r\n/* ---------- buttons / chips ---------- */\r\n\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n padding: 11px 16px;\r\n border-radius: 13px;\r\n font-weight: 600;\r\n font-size: 14.5px;\r\n transition: transform 0.12s ease, opacity 0.15s ease, background 0.15s ease;\r\n white-space: nowrap;\r\n}\r\n\r\n.btn:active {\r\n transform: scale(0.97);\r\n}\r\n\r\n.btn:disabled {\r\n opacity: 0.45;\r\n pointer-events: none;\r\n}\r\n\r\n.btn-primary {\r\n background: var(--brand);\r\n color: #fff;\r\n box-shadow: var(--shadow-soft);\r\n}\r\n\r\n.btn-light {\r\n background: #fff;\r\n color: var(--brand-2);\r\n box-shadow: var(--shadow-soft);\r\n}\r\n\r\n.btn-ghost {\r\n background: var(--surface);\r\n color: var(--ink-2);\r\n border: 1px solid var(--line);\r\n}\r\n\r\n.btn-ghost.danger {\r\n color: var(--danger);\r\n}\r\n\r\n.btn-glass {\r\n background: rgba(255, 255, 255, 0.16);\r\n color: #fff;\r\n}\r\n\r\n.btn.wide {\r\n width: 100%;\r\n}\r\n\r\n.btn.small {\r\n padding: 7px 12px;\r\n font-size: 13px;\r\n}\r\n\r\n.icon-btn {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 13px;\r\n display: grid;\r\n place-items: center;\r\n color: var(--ink-2);\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n transition: transform 0.12s ease;\r\n}\r\n\r\n.icon-btn:active {\r\n transform: scale(0.92);\r\n}\r\n\r\n.icon-btn.small {\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 9px;\r\n border: 0;\r\n background: transparent;\r\n}\r\n\r\n.icon-btn.glass {\r\n background: rgba(20, 22, 28, 0.45);\r\n border: 0;\r\n color: #fff;\r\n -webkit-backdrop-filter: blur(8px);\r\n backdrop-filter: blur(8px);\r\n}\r\n\r\n.chip {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 4px;\r\n padding: 3px 10px;\r\n border-radius: 99px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n background: var(--surface-2);\r\n color: var(--ink-2);\r\n}\r\n\r\n.chip.small {\r\n padding: 1.5px 8px;\r\n font-size: 11px;\r\n}\r\n\r\n.chip-live {\r\n background: var(--brand-soft);\r\n color: var(--brand-2);\r\n}\r\n\r\n.chip-warn {\r\n background: rgba(217, 119, 6, 0.14);\r\n color: var(--warn);\r\n}\r\n\r\n.chip-danger {\r\n background: rgba(225, 29, 72, 0.12);\r\n color: var(--danger);\r\n}\r\n\r\n.chip-ok {\r\n background: var(--brand-soft);\r\n color: var(--ok);\r\n}\r\n\r\n.spin {\r\n display: inline-grid;\r\n place-items: center;\r\n animation: spin 0.9s linear infinite;\r\n}\r\n\r\n/* ---------- total card ---------- */\r\n\r\n.total-card {\r\n margin-top: 6px;\r\n border-radius: 22px;\r\n padding: 20px;\r\n color: #fff;\r\n background:\r\n radial-gradient(120% 160% at 100% 0%, rgba(255, 255, 255, 0.18) 0%, transparent 45%),\r\n linear-gradient(135deg, var(--brand), var(--brand-2));\r\n box-shadow: var(--shadow);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n}\r\n\r\n.total-label {\r\n font-size: 13px;\r\n opacity: 0.85;\r\n font-weight: 500;\r\n}\r\n\r\n.total-big {\r\n font-size: 38px;\r\n font-weight: 800;\r\n letter-spacing: -0.5px;\r\n line-height: 1.1;\r\n}\r\n\r\n.total-mid {\r\n font-size: 24px;\r\n font-weight: 700;\r\n}\r\n\r\n.total-meta {\r\n font-size: 13px;\r\n opacity: 0.85;\r\n}\r\n\r\n.total-actions {\r\n display: flex;\r\n gap: 9px;\r\n margin-top: 10px;\r\n}\r\n\r\n.total-actions .btn {\r\n flex: 1;\r\n}\r\n\r\n.total-duo {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n}\r\n\r\n.total-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.total-block.dim {\r\n opacity: 0.75;\r\n}\r\n\r\n.total-divider {\r\n width: 1px;\r\n align-self: stretch;\r\n background: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n/* ---------- lists / rows ---------- */\r\n\r\n.list-section {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.list-title {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--ink-2);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 2px 4px 0;\r\n}\r\n\r\n.list-title.warn {\r\n color: var(--warn);\r\n}\r\n\r\n.list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.row {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n background: var(--surface);\r\n border-radius: var(--radius);\r\n padding: 11px 13px;\r\n box-shadow: var(--shadow-soft);\r\n border: 1px solid var(--line);\r\n animation: row-in 0.2s ease;\r\n}\r\n\r\n.row.done {\r\n opacity: 0.62;\r\n}\r\n\r\n.row.done .row-name {\r\n text-decoration: line-through;\r\n text-decoration-thickness: 1.5px;\r\n}\r\n\r\n.row-main {\r\n flex: 1;\r\n min-width: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.row-name {\r\n font-weight: 600;\r\n font-size: 14.5px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n}\r\n\r\n.row-meta {\r\n font-size: 12.5px;\r\n color: var(--ink-2);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.row-side {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n gap: 6px;\r\n}\r\n\r\n.row-total {\r\n font-weight: 700;\r\n font-size: 14px;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n/* check circle */\r\n\r\n.check {\r\n flex: none;\r\n width: 27px;\r\n height: 27px;\r\n border-radius: 50%;\r\n border: 2px solid var(--line);\r\n background: var(--surface-2);\r\n display: grid;\r\n place-items: center;\r\n color: #fff;\r\n transition: all 0.15s ease;\r\n}\r\n\r\n.check.on {\r\n background: var(--brand);\r\n border-color: var(--brand);\r\n}\r\n\r\n/* stepper */\r\n\r\n.stepper {\r\n display: flex;\r\n align-items: center;\r\n gap: 2px;\r\n background: var(--surface-2);\r\n border-radius: 11px;\r\n padding: 3px;\r\n}\r\n\r\n.stepper button {\r\n width: 28px;\r\n height: 26px;\r\n border-radius: 8px;\r\n display: grid;\r\n place-items: center;\r\n color: var(--ink-2);\r\n background: var(--surface);\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);\r\n}\r\n\r\n.stepper button:active {\r\n transform: scale(0.92);\r\n}\r\n\r\n.stepper-qty {\r\n min-width: 26px;\r\n text-align: center;\r\n font-weight: 700;\r\n font-size: 14px;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n/* product thumbnails */\r\n\r\n.thumb {\r\n flex: none;\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 12px;\r\n object-fit: contain;\r\n background: #fff;\r\n border: 1px solid var(--line);\r\n}\r\n\r\n.thumb-ph {\r\n display: grid;\r\n place-items: center;\r\n color: #fff;\r\n font-weight: 700;\r\n font-size: 18px;\r\n border: 0;\r\n}\r\n\r\n.scan-card-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 11px;\r\n}\r\n\r\n.scan-card-row .thumb {\r\n width: 48px;\r\n height: 48px;\r\n}\r\n\r\n/* search result extras */\r\n\r\n.star-btn {\r\n flex: none;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 12px;\r\n display: grid;\r\n place-items: center;\r\n color: var(--line);\r\n color: var(--ink-2);\r\n opacity: 0.55;\r\n transition: all 0.15s ease;\r\n}\r\n\r\n.star-btn.on {\r\n color: #f59e0b;\r\n opacity: 1;\r\n}\r\n\r\n.price-tag {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n line-height: 1.15;\r\n}\r\n\r\n.price-tag strong {\r\n font-size: 14px;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.price-tag small {\r\n font-size: 10.5px;\r\n color: var(--ink-2);\r\n}\r\n\r\n.add-btn {\r\n position: relative;\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 13px;\r\n display: grid;\r\n place-items: center;\r\n background: var(--brand-soft);\r\n color: var(--brand-2);\r\n transition: transform 0.12s ease;\r\n}\r\n\r\n.add-btn:active {\r\n transform: scale(0.88);\r\n}\r\n\r\n.add-btn.in {\r\n background: var(--brand);\r\n color: #fff;\r\n}\r\n\r\n.add-count {\r\n position: absolute;\r\n top: -6px;\r\n inset-inline-start: -6px;\r\n min-width: 18px;\r\n height: 18px;\r\n padding: 0 4px;\r\n border-radius: 99px;\r\n background: var(--ink);\r\n color: var(--bg);\r\n font-size: 11px;\r\n font-weight: 700;\r\n display: grid;\r\n place-items: center;\r\n}\r\n\r\n/* ---------- search ---------- */\r\n\r\n.search-box {\r\n position: sticky;\r\n top: calc(58px + var(--sat));\r\n z-index: 15;\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: 15px;\r\n padding: 0 14px;\r\n height: 50px;\r\n box-shadow: var(--shadow-soft);\r\n color: var(--ink-2);\r\n}\r\n\r\n.search-box input {\r\n flex: 1;\r\n border: 0;\r\n outline: none;\r\n background: transparent;\r\n font-size: 15.5px;\r\n height: 100%;\r\n}\r\n\r\n.custom-card {\r\n background: var(--surface);\r\n border: 1.5px dashed var(--line);\r\n border-radius: var(--radius);\r\n padding: 14px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n\r\n.custom-head {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.custom-head span {\r\n font-size: 12.5px;\r\n color: var(--ink-2);\r\n}\r\n\r\n.custom-form {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.custom-name {\r\n flex: 1;\r\n min-width: 0;\r\n font-weight: 600;\r\n font-size: 14px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n.custom-form input {\r\n width: 86px;\r\n border: 1px solid var(--line);\r\n background: var(--surface-2);\r\n border-radius: 11px;\r\n padding: 9px 10px;\r\n outline: none;\r\n font-size: 14px;\r\n}\r\n\r\n/* ---------- empty / skeleton ---------- */\r\n\r\n.empty {\r\n text-align: center;\r\n padding: 34px 24px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 9px;\r\n}\r\n\r\n.empty.soft {\r\n padding-top: 48px;\r\n}\r\n\r\n.empty-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 22px;\r\n display: grid;\r\n place-items: center;\r\n background: var(--brand-soft);\r\n color: var(--brand-2);\r\n margin-bottom: 4px;\r\n}\r\n\r\n.empty h3 {\r\n font-size: 17px;\r\n font-weight: 700;\r\n}\r\n\r\n.empty p {\r\n color: var(--ink-2);\r\n font-size: 13.5px;\r\n max-width: 300px;\r\n}\r\n\r\n.empty .btn {\r\n margin-top: 8px;\r\n}\r\n\r\n.row.skeleton {\r\n pointer-events: none;\r\n}\r\n\r\n.sk-circle {\r\n width: 27px;\r\n height: 27px;\r\n border-radius: 50%;\r\n background: var(--surface-2);\r\n animation: shimmer 1.2s ease-in-out infinite;\r\n}\r\n\r\n.sk-line {\r\n height: 11px;\r\n border-radius: 6px;\r\n background: var(--surface-2);\r\n animation: shimmer 1.2s ease-in-out infinite;\r\n}\r\n\r\n.sk-line.w60 { width: 60%; }\r\n.sk-line.w35 { width: 35%; }\r\n\r\n/* ---------- cart footer ---------- */\r\n\r\n.cart-foot {\r\n display: flex;\r\n gap: 9px;\r\n justify-content: center;\r\n padding-top: 4px;\r\n}\r\n\r\n/* ---------- tabbar / shopbar ---------- */\r\n\r\n.tabbar,\r\n.shopbar {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 30;\r\n margin: 0 auto;\r\n max-width: 540px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-around;\r\n height: calc(var(--tabbar-h) + var(--sab));\r\n padding-bottom: var(--sab);\r\n background: color-mix(in srgb, var(--surface) 88%, transparent);\r\n -webkit-backdrop-filter: blur(16px);\r\n backdrop-filter: blur(16px);\r\n border-top: 1px solid var(--line);\r\n}\r\n\r\n.tab {\r\n flex: 1;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 3px;\r\n color: var(--ink-2);\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n transition: color 0.15s ease;\r\n}\r\n\r\n.tab.active {\r\n color: var(--brand-2);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .tab.active {\r\n color: var(--brand);\r\n }\r\n}\r\n\r\n.tab-icon {\r\n position: relative;\r\n display: grid;\r\n place-items: center;\r\n}\r\n\r\n.tab .badge {\r\n position: absolute;\r\n top: -5px;\r\n inset-inline-start: 13px;\r\n min-width: 17px;\r\n height: 17px;\r\n padding: 0 4px;\r\n border-radius: 99px;\r\n background: var(--brand);\r\n color: #fff;\r\n font-size: 10.5px;\r\n font-weight: 700;\r\n display: grid;\r\n place-items: center;\r\n}\r\n\r\n.shopbar {\r\n justify-content: space-between;\r\n padding-inline: 26px;\r\n}\r\n\r\n.shopbar-btn {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 2px;\r\n color: var(--ink-2);\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n}\r\n\r\n.fab {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n display: grid;\r\n place-items: center;\r\n color: #fff;\r\n background: linear-gradient(135deg, var(--brand), var(--brand-2));\r\n box-shadow: 0 10px 26px rgba(5, 150, 105, 0.45);\r\n margin-top: -26px;\r\n transition: transform 0.12s ease;\r\n}\r\n\r\n.fab:active {\r\n transform: scale(0.93);\r\n}\r\n\r\n/* ---------- overlay / sheet ---------- */\r\n\r\n.overlay {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 50;\r\n background: rgba(8, 12, 20, 0.45);\r\n -webkit-backdrop-filter: blur(3px);\r\n backdrop-filter: blur(3px);\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n animation: fade-in 0.18s ease;\r\n}\r\n\r\n.sheet {\r\n width: 100%;\r\n max-width: 540px;\r\n max-height: 78dvh;\r\n background: var(--bg);\r\n border-radius: 26px 26px 0 0;\r\n display: flex;\r\n flex-direction: column;\r\n animation: slide-up 0.26s cubic-bezier(0.2, 0.9, 0.3, 1);\r\n box-shadow: 0 -12px 44px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.sheet.tall {\r\n max-height: 92dvh;\r\n}\r\n\r\n.sheet-handle {\r\n width: 42px;\r\n height: 4.5px;\r\n border-radius: 99px;\r\n background: var(--line);\r\n margin: 10px auto 2px;\r\n flex: none;\r\n}\r\n\r\n.sheet-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 8px 18px 6px;\r\n flex: none;\r\n}\r\n\r\n.sheet-head h2 {\r\n font-size: 18px;\r\n font-weight: 800;\r\n}\r\n\r\n.sheet-body {\r\n overflow-y: auto;\r\n padding: 6px 18px calc(20px + var(--sab));\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n}\r\n\r\n.sheet-actions {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n margin-top: 8px;\r\n}\r\n\r\n/* ---------- summary ---------- */\r\n\r\n.summary-totals {\r\n display: flex;\r\n gap: 10px;\r\n}\r\n\r\n.summary-block {\r\n flex: 1;\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n padding: 14px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 3px;\r\n}\r\n\r\n.summary-block span {\r\n font-size: 12.5px;\r\n color: var(--ink-2);\r\n}\r\n\r\n.summary-block strong {\r\n font-size: 22px;\r\n font-weight: 800;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.summary-block.main {\r\n background: var(--brand-soft);\r\n border-color: transparent;\r\n}\r\n\r\n.summary-block.main strong {\r\n color: var(--brand-2);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .summary-block.main strong {\r\n color: var(--brand);\r\n }\r\n}\r\n\r\n.summary-diff {\r\n align-self: center;\r\n padding: 6px 14px;\r\n border-radius: 99px;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n}\r\n\r\n.summary-diff.over {\r\n background: rgba(225, 29, 72, 0.12);\r\n color: var(--danger);\r\n}\r\n\r\n.summary-diff.under {\r\n background: var(--brand-soft);\r\n color: var(--ok);\r\n}\r\n\r\n.summary-hint {\r\n font-size: 13px;\r\n color: var(--ink-2);\r\n text-align: center;\r\n}\r\n\r\n.mini-list {\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n}\r\n\r\n.mini-list li {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n padding: 10px 14px;\r\n}\r\n\r\n.mini-list li + li {\r\n border-top: 1px solid var(--line);\r\n}\r\n\r\n.mini-name {\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n.mini-val {\r\n font-size: 13px;\r\n color: var(--ink-2);\r\n white-space: nowrap;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n/* ---------- settings ---------- */\r\n\r\n.settings-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: 14.5px;\r\n font-weight: 700;\r\n margin-top: 6px;\r\n}\r\n\r\n.settings-sub,\r\n.settings-note {\r\n font-size: 13px;\r\n color: var(--ink-2);\r\n}\r\n\r\n.settings-note {\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: 13px;\r\n padding: 10px 13px;\r\n}\r\n\r\n.notice {\r\n display: flex;\r\n gap: 10px;\r\n align-items: flex-start;\r\n border-radius: var(--radius);\r\n padding: 12px 14px;\r\n font-size: 13.5px;\r\n line-height: 1.5;\r\n}\r\n\r\n.notice.warn {\r\n background: rgba(217, 119, 6, 0.12);\r\n color: var(--warn);\r\n}\r\n\r\n.branch-current {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n background: var(--brand-soft);\r\n border-radius: 13px;\r\n padding: 10px 13px;\r\n font-weight: 600;\r\n font-size: 14px;\r\n color: var(--brand-2);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .branch-current {\r\n color: var(--brand);\r\n }\r\n}\r\n\r\n.branch-search {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.branch-search input {\r\n flex: 1;\r\n border: 1px solid var(--line);\r\n background: var(--surface);\r\n border-radius: 13px;\r\n padding: 10px 13px;\r\n outline: none;\r\n}\r\n\r\n.branch-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 7px;\r\n max-height: 260px;\r\n overflow-y: auto;\r\n}\r\n\r\n.branch-opt {\r\n width: 100%;\r\n text-align: start;\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: 13px;\r\n padding: 10px 13px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.branch-opt strong {\r\n font-size: 14px;\r\n}\r\n\r\n.branch-opt span {\r\n font-size: 12.5px;\r\n color: var(--ink-2);\r\n}\r\n\r\n.stat-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 8px;\r\n}\r\n\r\n.stat {\r\n background: var(--surface);\r\n border: 1px solid var(--line);\r\n border-radius: 13px;\r\n padding: 10px 13px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.stat span {\r\n font-size: 12px;\r\n color: var(--ink-2);\r\n}\r\n\r\n.stat strong {\r\n font-size: 16px;\r\n font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.credit {\r\n font-size: 12px;\r\n color: var(--ink-2);\r\n text-align: center;\r\n padding: 6px 0 2px;\r\n}\r\n\r\n/* ---------- toast ---------- */\r\n\r\n.toast {\r\n position: fixed;\r\n bottom: calc(var(--tabbar-h) + var(--sab) + 16px);\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 80;\r\n background: var(--ink);\r\n color: var(--bg);\r\n padding: 11px 18px;\r\n border-radius: 14px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n box-shadow: var(--shadow);\r\n animation: toast-in 0.25s cubic-bezier(0.2, 0.9, 0.3, 1);\r\n max-width: min(86vw, 440px);\r\n text-align: center;\r\n}\r\n\r\n.toast.ok {\r\n background: var(--brand-2);\r\n color: #fff;\r\n}\r\n\r\n.toast.error {\r\n background: var(--danger);\r\n color: #fff;\r\n}\r\n\r\n.toast.warn {\r\n background: var(--warn);\r\n color: #fff;\r\n}\r\n\r\n/* ---------- scanner ---------- */\r\n\r\n.scanner {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 60;\r\n background: #000;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.scanner video {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n.scan-top {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n padding: calc(14px + var(--sat)) 16px 14px;\r\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), transparent);\r\n}\r\n\r\n.scan-totals {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1px;\r\n color: #fff;\r\n font-size: 13.5px;\r\n}\r\n\r\n.scan-totals b {\r\n font-size: 17px;\r\n}\r\n\r\n.scan-totals .dim {\r\n opacity: 0.7;\r\n font-size: 12.5px;\r\n}\r\n\r\n.viewfinder {\r\n position: relative;\r\n z-index: 1;\r\n margin: auto;\r\n width: min(78vw, 330px);\r\n aspect-ratio: 1.55;\r\n border-radius: 22px;\r\n box-shadow: 0 0 0 200vmax rgba(0, 0, 0, 0.42);\r\n outline: 2.5px solid rgba(255, 255, 255, 0.85);\r\n outline-offset: -1px;\r\n overflow: hidden;\r\n}\r\n\r\n.viewfinder.busy {\r\n outline-color: var(--brand);\r\n}\r\n\r\n.scanline {\r\n position: absolute;\r\n left: 8%;\r\n right: 8%;\r\n height: 2.5px;\r\n border-radius: 99px;\r\n background: linear-gradient(90deg, transparent, #34d399 30%, #34d399 70%, transparent);\r\n animation: scanline 1.9s ease-in-out infinite;\r\n}\r\n\r\n.scan-bottom {\r\n position: relative;\r\n z-index: 2;\r\n margin-top: auto;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n padding: 16px 16px calc(18px + var(--sab));\r\n background: linear-gradient(to top, rgba(0, 0, 0, 0.72), transparent);\r\n}\r\n\r\n.scan-card {\r\n background: rgba(18, 22, 30, 0.88);\r\n -webkit-backdrop-filter: blur(10px);\r\n backdrop-filter: blur(10px);\r\n color: #fff;\r\n border-radius: 17px;\r\n padding: 13px 15px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n animation: slide-up 0.22s ease;\r\n}\r\n\r\n.scan-card.ok {\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 11px;\r\n border-inline-start: 4px solid var(--ok);\r\n}\r\n\r\n.scan-card.error {\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 11px;\r\n border-inline-start: 4px solid var(--danger);\r\n}\r\n\r\n.scan-card-main {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n min-width: 0;\r\n}\r\n\r\n.scan-card-main strong {\r\n font-size: 14.5px;\r\n}\r\n\r\n.scan-card-main span {\r\n font-size: 12.5px;\r\n opacity: 0.78;\r\n}\r\n\r\n.scan-card-actions {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.scan-card-actions .btn {\r\n flex: 1;\r\n padding: 9px 12px;\r\n}\r\n\r\n.scan-form {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.scan-form input {\r\n border: 0;\r\n border-radius: 11px;\r\n padding: 10px 12px;\r\n background: rgba(255, 255, 255, 0.12);\r\n color: #fff;\r\n outline: none;\r\n font-size: 14px;\r\n}\r\n\r\n.scan-form input::placeholder {\r\n color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.scan-form input[type=\"text\"] {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.scan-form input[type=\"number\"] {\r\n width: 84px;\r\n}\r\n\r\n.scan-manual {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n\r\n.scan-manual input {\r\n flex: 1;\r\n border: 0;\r\n border-radius: 13px;\r\n padding: 11px 14px;\r\n background: rgba(255, 255, 255, 0.14);\r\n color: #fff;\r\n outline: none;\r\n font-size: 16px;\r\n letter-spacing: 1px;\r\n direction: ltr;\r\n text-align: end;\r\n}\r\n\r\n.scan-manual input::placeholder {\r\n color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n.scan-tools {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n/* ---------- animations ---------- */\r\n\r\n@keyframes fade-in {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n}\r\n\r\n@keyframes row-in {\r\n from { opacity: 0; transform: translateY(5px); }\r\n to { opacity: 1; transform: none; }\r\n}\r\n\r\n@keyframes slide-up {\r\n from { transform: translateY(26px); opacity: 0.6; }\r\n to { transform: none; opacity: 1; }\r\n}\r\n\r\n@keyframes toast-in {\r\n from { transform: translate(-50%, 14px); opacity: 0; }\r\n to { transform: translate(-50%, 0); opacity: 1; }\r\n}\r\n\r\n@keyframes spin {\r\n to { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes pulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.06); }\r\n}\r\n\r\n@keyframes shimmer {\r\n 0%, 100% { opacity: 0.55; }\r\n 50% { opacity: 1; }\r\n}\r\n\r\n@keyframes scanline {\r\n 0%, 100% { top: 12%; }\r\n 50% { top: 84%; }\r\n}\r\n\r\n@keyframes shake {\r\n 10%, 90% { transform: translateX(-1px); }\r\n 20%, 80% { transform: translateX(2px); }\r\n 30%, 50%, 70% { transform: translateX(-4px); }\r\n 40%, 60% { transform: translateX(4px); }\r\n}\r\n\r\n.shake {\r\n animation: shake 0.5s ease;\r\n}\r\n",[],[148,188],"ee647fe5-7764-4ca1-b069-f5ea9fb5fecc","scanner.js","fade8f48-6654-11f1-b967-1607ee4eb77e",28,["D",1781266378790],"import { html, useCallback, useEffect, useRef, useState } from \"./ui.js\";\r\nimport { shekel } from \"./api.js\";\r\nimport { Icon, Thumb } from \"./views.js\";\r\n\r\nconst NATIVE_FORMATS = [\"ean_13\", \"ean_8\", \"upc_a\"];\r\nconst ZXING_FORMATS = [\"EAN-13\", \"EAN-8\", \"UPC-A\"];\r\n\r\n/**\r\n * Native BarcodeDetector where available (Chrome/Android),\r\n * zxing-wasm (ZXing compiled to WebAssembly) elsewhere (iOS Safari).\r\n */\r\nasync function createDetector() {\r\n if (\"BarcodeDetector\" in window) {\r\n try {\r\n const supported = await window.BarcodeDetector.getSupportedFormats();\r\n const formats = NATIVE_FORMATS.filter((f) => supported.includes(f));\r\n if (formats.includes(\"ean_13\")) {\r\n const det = new window.BarcodeDetector({ formats });\r\n return {\r\n async detect(video) {\r\n const codes = await det.detect(video);\r\n return codes[0]?.rawValue ?? null;\r\n },\r\n };\r\n }\r\n } catch {\r\n // fall through to zxing\r\n }\r\n }\r\n const zxing = await import(\"https://esm.sh/zxing-wasm@2/reader\");\r\n const canvas = document.createElement(\"canvas\");\r\n const ctx = canvas.getContext(\"2d\", { willReadFrequently: true });\r\n return {\r\n async detect(video) {\r\n if (!video.videoWidth) return null;\r\n const w = Math.min(video.videoWidth, 960);\r\n const h = Math.round((video.videoHeight / video.videoWidth) * w);\r\n canvas.width = w;\r\n canvas.height = h;\r\n ctx.drawImage(video, 0, 0, w, h);\r\n const img = ctx.getImageData(0, 0, w, h);\r\n const results = await zxing.readBarcodes(img, {\r\n formats: ZXING_FORMATS,\r\n maxNumberOfSymbols: 1,\r\n tryHarder: true,\r\n });\r\n return results[0]?.text ?? null;\r\n },\r\n };\r\n}\r\n\r\nlet audioCtx = null;\r\nfunction beep() {\r\n try {\r\n audioCtx = audioCtx || new (window.AudioContext || window.webkitAudioContext)();\r\n if (audioCtx.state === \"suspended\") audioCtx.resume();\r\n const osc = audioCtx.createOscillator();\r\n const gain = audioCtx.createGain();\r\n osc.connect(gain);\r\n gain.connect(audioCtx.destination);\r\n osc.type = \"sine\";\r\n osc.frequency.value = 880;\r\n gain.gain.setValueAtTime(0.08, audioCtx.currentTime);\r\n gain.gain.exponentialRampToValueAtTime(0.0001, audioCtx.currentTime + 0.12);\r\n osc.start();\r\n osc.stop(audioCtx.currentTime + 0.13);\r\n } catch {\r\n // audio unavailable\r\n }\r\n if (navigator.vibrate) navigator.vibrate(60);\r\n}\r\n\r\nconst SOURCE_LABEL = {\r\n branch: \"מחיר בסניף שלכם\",\r\n average: \"ממוצע ארצי\",\r\n catalog: \"מחיר קטלוג\",\r\n cart: \"מהרשימה\",\r\n};\r\n\r\nexport function ScannerOverlay({ cart, onScan, onAddUnplanned, onClose }) {\r\n const videoRef = useRef(null);\r\n const busyRef = useRef(false);\r\n const lastCodeRef = useRef({ code: null, at: 0 });\r\n\r\n const [cameraError, setCameraError] = useState(null);\r\n const [last, setLast] = useState(null);\r\n const [pending, setPending] = useState(null);\r\n const [manualOpen, setManualOpen] = useState(false);\r\n const [manualCode, setManualCode] = useState(\"\");\r\n const [unknownName, setUnknownName] = useState(\"\");\r\n const [unknownPrice, setUnknownPrice] = useState(\"\");\r\n const [busy, setBusy] = useState(false);\r\n\r\n const handleCode = useCallback(async (code) => {\r\n const now = Date.now();\r\n if (busyRef.current) return;\r\n if (lastCodeRef.current.code === code && now - lastCodeRef.current.at < 3000) return;\r\n lastCodeRef.current = { code, at: now };\r\n busyRef.current = true;\r\n setBusy(true);\r\n beep();\r\n try {\r\n const result = await onScan(code);\r\n setLast(result);\r\n if (result.status === \"found\" || result.status === \"unknown\") {\r\n setPending(result);\r\n setUnknownName(\"\");\r\n setUnknownPrice(result.price != null ? String(result.price) : \"\");\r\n } else {\r\n setPending(null);\r\n }\r\n } finally {\r\n busyRef.current = false;\r\n setBusy(false);\r\n }\r\n }, [onScan]);\r\n\r\n useEffect(() => {\r\n let stream = null;\r\n let timer = null;\r\n let stopped = false;\r\n (async () => {\r\n try {\r\n stream = await navigator.mediaDevices.getUserMedia({\r\n video: { facingMode: { ideal: \"environment\" }, width: { ideal: 1280 }, height: { ideal: 720 } },\r\n audio: false,\r\n });\r\n if (stopped) {\r\n stream.getTracks().forEach((t) => t.stop());\r\n return;\r\n }\r\n const video = videoRef.current;\r\n video.srcObject = stream;\r\n await video.play();\r\n const detector = await createDetector();\r\n timer = setInterval(async () => {\r\n if (stopped || busyRef.current || !videoRef.current) return;\r\n try {\r\n const code = await detector.detect(videoRef.current);\r\n if (code && /^\\d{7,14}$/.test(code)) handleCode(code);\r\n } catch {\r\n // frame decode failed; try next frame\r\n }\r\n }, 300);\r\n } catch {\r\n setCameraError(\"אין גישה למצלמה — אפשר להקליד ברקוד ידנית\");\r\n setManualOpen(true);\r\n }\r\n })();\r\n return () => {\r\n stopped = true;\r\n if (timer) clearInterval(timer);\r\n if (stream) stream.getTracks().forEach((t) => t.stop());\r\n };\r\n }, [handleCode]);\r\n\r\n const confirmFound = async () => {\r\n if (!pending) return;\r\n const ok = await onAddUnplanned({\r\n barcode: pending.barcode,\r\n name: pending.name,\r\n price: Number(pending.price) || 0,\r\n source: \"scan\",\r\n });\r\n if (ok) {\r\n setLast({ status: \"added\", name: pending.name, price: Number(pending.price) || 0 });\r\n setPending(null);\r\n }\r\n };\r\n\r\n const confirmUnknown = async () => {\r\n if (!pending || !unknownName.trim()) return;\r\n const ok = await onAddUnplanned({\r\n barcode: pending.barcode,\r\n name: unknownName.trim(),\r\n price: Number(unknownPrice) || 0,\r\n source: \"manual\",\r\n });\r\n if (ok) {\r\n setLast({ status: \"added\", name: unknownName.trim(), price: Number(unknownPrice) || 0 });\r\n setPending(null);\r\n }\r\n };\r\n\r\n const submitManual = (e) => {\r\n e.preventDefault();\r\n const code = manualCode.replace(/\\D/g, \"\");\r\n if (code.length >= 7) {\r\n handleCode(code);\r\n setManualCode(\"\");\r\n }\r\n };\r\n\r\n return html`\r\n

\r\n

\r\n בפועל ${shekel(cart.totals.scanned)}\r\n מתוכנן ${shekel(cart.totals.planned)}\r\n

\r\n \r\n

\r\n\r\n ${!cameraError && html`\r\n

\r\n

`}\r\n\r\n

\r\n ${cameraError && html`

<${Icon} name=\"alert\" size=\"17\" /> ${cameraError}

`}\r\n\r\n ${last?.status === \"error\" && html`\r\n

<${Icon} name=\"alert\" size=\"17\" /> ${last.message}

`}\r\n\r\n ${last?.status === \"matched\" && !pending && html`\r\n

\r\n <${Icon} name=\"check\" size=\"18\" />\r\n

\r\n ${last.name}\r\n ${shekel(last.price)} · נסרקו ${last.scannedQty} · ${SOURCE_LABEL[last.source] || \"\"}\r\n

\r\n

`}\r\n\r\n ${last?.status === \"added\" && !pending && html`\r\n

\r\n <${Icon} name=\"check\" size=\"18\" />\r\n

\r\n ${last.name}\r\n נוסף לקנייה · ${shekel(last.price)}\r\n

\r\n

`}\r\n\r\n ${pending?.status === \"found\" && html`\r\n

\r\n

\r\n <${Thumb} barcode=${pending.barcode} name=${pending.name} />\r\n

\r\n ${pending.name}\r\n ${shekel(pending.price)} · ${SOURCE_LABEL[pending.source] || \"\"} · לא ברשימה שלכם\r\n

\r\n

\r\n \r\n \r\n

\r\n

`}\r\n\r\n ${pending?.status === \"unknown\" && html`\r\n

\r\n

\r\n ברקוד ${pending.barcode} לא מוכר\r\n הוסיפו אותו ידנית עם שם ומחיר\r\n

\r\n

\r\n setUnknownName(e.target.value)} />\r\n setUnknownPrice(e.target.value)} />\r\n

\r\n

\r\n \r\n \r\n

\r\n

`}\r\n\r\n ${manualOpen && html`\r\n

\r\n

`;\r\n}\r\n",[],[148,196],"9f22763e-e7c3-4368-87c7-5d70861a5617","manifest.json","fab7b2a6-6654-11f1-9e0e-1607ee4eb77e",19,["D",1781265059468],"{\r\n \"name\": \"סל קניות\",\r\n \"short_name\": \"סל\",\r\n \"description\": \"רשימת קניות חכמה עם מחירים אמיתיים מהסופרים בישראל\",\r\n \"lang\": \"he\",\r\n \"dir\": \"rtl\",\r\n \"start_url\": \"/\",\r\n \"scope\": \"/\",\r\n \"display\": \"standalone\",\r\n \"orientation\": \"portrait\",\r\n \"background_color\": \"#f2f5f7\",\r\n \"theme_color\": \"#047857\",\r\n \"icons\": [\r\n { \"src\": \"/icons/icon-192.png\", \"sizes\": \"192x192\", \"type\": \"image/png\" },\r\n { \"src\": \"/icons/icon-512.png\", \"sizes\": \"512x512\", \"type\": \"image/png\" },\r\n { \"src\": \"/icons/icon-512.png\", \"sizes\": \"512x512\", \"type\": \"image/png\", \"purpose\": \"maskable\" },\r\n { \"src\": \"/icons/icon.svg\", \"sizes\": \"any\", \"type\": \"image/svg+xml\" }\r\n ]\r\n}\r\n",[],[148,204],"9cd6ca67-c486-461d-b0be-934183779896","index.js","fa93870a-6654-11f1-b6a0-1607ee4eb77e",18,["D",1781265059239],"import React from \"https://esm.sh/react@18.3.1\";\r\nimport { createRoot } from \"https://esm.sh/react-dom@18.3.1/client\";\r\nimport { App } from \"./app.js\";\r\n\r\ncreateRoot(document.getElementById(\"root\")).render(React.createElement(App));\r\n",[],[148,212],"488f4bf1-9294-4afa-b81b-e9a60548d039","index.html","fa71d22c-6654-11f1-8aaf-1607ee4eb77e",31,["D",1781266866043],"\r\n\r\n\r\n \r\n \r\n סל קניות\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n

\r\n

\r\n \r\n

\r\n

טוען את הסל…

\r\n

\r\n \r\n \r\n \r\n\r\n\r\n",[],[148,220],"a0420aef-774f-46a7-b36f-cbe0bff0c205","app.js","fa47b1f4-6654-11f1-98a0-1607ee4eb77e",16,["D",1781265058738],"import { html, useCallback, useEffect, useRef, useState } from \"./ui.js\";\r\nimport { api, friendlyError, getPin, setPin } from \"./api.js\";\r\nimport {\r\n CartView,\r\n FavoritesView,\r\n Icon,\r\n PinScreen,\r\n SearchView,\r\n SettingsSheet,\r\n SummarySheet,\r\n Toast,\r\n} from \"./views.js\";\r\nimport { ScannerOverlay } from \"./scanner.js\";\r\n\r\nconst EMPTY_CART = { items: [], totals: { planned: 0, scanned: 0, itemCount: 0, checkedCount: 0 } };\r\nconst CART_CACHE_KEY = \"sal_cart_cache\";\r\n\r\nexport function App() {\r\n const [config, setConfig] = useState(null);\r\n const [authed, setAuthed] = useState(false);\r\n const [pinError, setPinError] = useState(\"\");\r\n const [pinBusy, setPinBusy] = useState(false);\r\n\r\n const [tab, setTab] = useState(\"cart\");\r\n const [cart, setCart] = useState(EMPTY_CART);\r\n const [cartLoaded, setCartLoaded] = useState(false);\r\n const [offline, setOffline] = useState(false);\r\n\r\n const [shopping, setShopping] = useState(false);\r\n const [scannerOpen, setScannerOpen] = useState(false);\r\n const [summaryOpen, setSummaryOpen] = useState(false);\r\n const [settingsOpen, setSettingsOpen] = useState(false);\r\n const [refreshing, setRefreshing] = useState(false);\r\n\r\n const [toast, setToast] = useState(null);\r\n const toastTimer = useRef(null);\r\n\r\n const showToast = useCallback((msg, type = \"info\") => {\r\n clearTimeout(toastTimer.current);\r\n setToast({ msg, type, key: Date.now() });\r\n toastTimer.current = setTimeout(() => setToast(null), 2600);\r\n }, []);\r\n\r\n // ---------- boot ----------\r\n\r\n useEffect(() => {\r\n (async () => {\r\n try {\r\n const cfg = await api(\"/api/config\");\r\n setConfig(cfg);\r\n setAuthed(!cfg.authRequired || !!getPin());\r\n } catch {\r\n setConfig({ authRequired: false, hasApiKey: false });\r\n setAuthed(true);\r\n setOffline(true);\r\n }\r\n })();\r\n }, []);\r\n\r\n useEffect(() => {\r\n const onUnauthorized = () => {\r\n setAuthed(false);\r\n setPinError(\"הקוד השתנה — יש להזין שוב\");\r\n };\r\n window.addEventListener(\"sal:unauthorized\", onUnauthorized);\r\n return () => window.removeEventListener(\"sal:unauthorized\", onUnauthorized);\r\n }, []);\r\n\r\n const refreshCart = useCallback(async () => {\r\n try {\r\n const data = await api(\"/api/cart\");\r\n setCart(data);\r\n setCartLoaded(true);\r\n setOffline(false);\r\n } catch (e) {\r\n if (e.status === 401) return;\r\n const cached = localStorage.getItem(CART_CACHE_KEY);\r\n if (cached) {\r\n try {\r\n setCart(JSON.parse(cached));\r\n setCartLoaded(true);\r\n } catch { /* corrupt cache */ }\r\n }\r\n setOffline(true);\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (authed) refreshCart();\r\n }, [authed, refreshCart]);\r\n\r\n useEffect(() => {\r\n if (cartLoaded && !offline) localStorage.setItem(CART_CACHE_KEY, JSON.stringify(cart));\r\n }, [cart, cartLoaded, offline]);\r\n\r\n // ---------- pin ----------\r\n\r\n const submitPin = useCallback(async (pin) => {\r\n setPinBusy(true);\r\n setPinError(\"\");\r\n try {\r\n const r = await api(\"/api/auth/verify\", { method: \"POST\", body: { pin } });\r\n if (r.ok) {\r\n setPin(pin);\r\n setAuthed(true);\r\n } else {\r\n setPinError(\"קוד שגוי, נסו שוב\");\r\n }\r\n } catch (e) {\r\n setPinError(friendlyError(e));\r\n } finally {\r\n setPinBusy(false);\r\n }\r\n }, []);\r\n\r\n // ---------- cart actions ----------\r\n\r\n const applyCart = useCallback((data) => {\r\n if (data?.items) {\r\n setCart(data);\r\n setCartLoaded(true);\r\n }\r\n }, []);\r\n\r\n const addToCart = useCallback(async (ref, name) => {\r\n try {\r\n applyCart(await api(\"/api/cart\", { method: \"POST\", body: ref }));\r\n showToast(name ? `\"${name}\" נוסף לסל` : \"נוסף לסל\", \"ok\");\r\n return true;\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n return false;\r\n }\r\n }, [applyCart, showToast]);\r\n\r\n const patchItem = useCallback(async (id, fields) => {\r\n try {\r\n applyCart(await api(`/api/cart/${id}`, { method: \"PATCH\", body: fields }));\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n }, [applyCart, showToast]);\r\n\r\n const removeItem = useCallback(async (id) => {\r\n try {\r\n applyCart(await api(`/api/cart/${id}`, { method: \"DELETE\" }));\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n }, [applyCart, showToast]);\r\n\r\n const clearCart = useCallback(async (mode) => {\r\n try {\r\n applyCart(await api(\"/api/cart/clear\", { method: \"POST\", body: { mode } }));\r\n showToast(mode === \"checked\" ? \"הפריטים שנקנו נמחקו\" : \"הסל נוקה\", \"ok\");\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n }\r\n }, [applyCart, showToast]);\r\n\r\n const refreshPrices = useCallback(async () => {\r\n if (refreshing) return;\r\n setRefreshing(true);\r\n try {\r\n let rounds = 0;\r\n let res;\r\n do {\r\n res = await api(\"/api/cart/refresh-prices\", { method: \"POST\", body: {} });\r\n applyCart(res);\r\n rounds++;\r\n if (res.stopped) {\r\n showToast(friendlyError({ code: res.stopped }), \"warn\");\r\n break;\r\n }\r\n } while (res.remaining > 0 && rounds < 4);\r\n if (!res?.stopped) showToast(\"המחירים עודכנו\", \"ok\");\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n } finally {\r\n setRefreshing(false);\r\n }\r\n }, [refreshing, applyCart, showToast]);\r\n\r\n // ---------- shopping mode / scanning ----------\r\n\r\n const handleScan = useCallback(async (code) => {\r\n try {\r\n const r = await api(`/api/lookup/${code}`);\r\n if (r.inCart) {\r\n const it = r.inCart;\r\n const scannedQty = Number(it.scanned_qty || 0) + 1;\r\n const actual = r.branchPrice ?? r.avgPrice ?? (it.actual_price != null ? Number(it.actual_price) : Number(it.unit_price));\r\n const data = await api(`/api/cart/${it.id}`, {\r\n method: \"PATCH\",\r\n body: { checked: 1, scanned_qty: scannedQty, actual_price: actual },\r\n });\r\n applyCart(data);\r\n return { status: \"matched\", name: it.name, price: actual, scannedQty, source: r.source };\r\n }\r\n if (r.found && r.name) {\r\n return { status: \"found\", barcode: code, name: r.name, price: r.expectedPrice, source: r.source };\r\n }\r\n return { status: \"unknown\", barcode: code };\r\n } catch (e) {\r\n return { status: \"error\", barcode: code, message: friendlyError(e) };\r\n }\r\n }, [applyCart]);\r\n\r\n const addUnplanned = useCallback(async ({ barcode, name, price, source }) => {\r\n try {\r\n applyCart(await api(\"/api/cart/unplanned\", { method: \"POST\", body: { barcode, name, price, source } }));\r\n showToast(`\"${name}\" נוסף לקנייה`, \"ok\");\r\n return true;\r\n } catch (e) {\r\n showToast(friendlyError(e), \"error\");\r\n return false;\r\n }\r\n }, [applyCart, showToast]);\r\n\r\n const startShopping = useCallback(() => {\r\n setTab(\"cart\");\r\n setShopping(true);\r\n }, []);\r\n\r\n const exitShopping = useCallback((clearMode) => {\r\n setSummaryOpen(false);\r\n setScannerOpen(false);\r\n setShopping(false);\r\n if (clearMode) clearCart(clearMode);\r\n }, [clearCart]);\r\n\r\n // ---------- render ----------\r\n\r\n if (!config) {\r\n return html`

<${Icon} name=\"cart\" size=\"34\" />

טוען את הסל…

`;\r\n }\r\n\r\n if (config.authRequired && !authed) {\r\n return html`<${PinScreen} onSubmit=${submitPin} error=${pinError} busy=${pinBusy} />`;\r\n }\r\n\r\n return html`\r\n

\r\n \r\n\r\n

\r\n ${tab === \"cart\" && html`\r\n <${CartView}\r\n cart=${cart}\r\n loaded=${cartLoaded}\r\n shopping=${shopping}\r\n refreshing=${refreshing}\r\n hasApiKey=${config.hasApiKey}\r\n onPatch=${patchItem}\r\n onRemove=${removeItem}\r\n onClear=${clearCart}\r\n onRefreshPrices=${refreshPrices}\r\n onStartShopping=${startShopping}\r\n onGoSearch=${() => setTab(\"search\")}\r\n />`}\r\n ${tab === \"search\" && html`\r\n <${SearchView}\r\n onAddToCart=${addToCart}\r\n showToast=${showToast}\r\n />`}\r\n ${tab === \"favorites\" && html`\r\n <${FavoritesView}\r\n onAddToCart=${addToCart}\r\n showToast=${showToast}\r\n />`}\r\n

\r\n\r\n ${!shopping && html`\r\n

\r\n ${[\r\n { id: \"cart\", label: \"סל\", icon: \"cart\", badge: cart.totals.itemCount || null },\r\n { id: \"search\", label: \"חיפוש\", icon: \"search\" },\r\n { id: \"favorites\", label: \"מועדפים\", icon: \"star\" },\r\n ].map((t) => html`\r\n `)}\r\n

`}\r\n\r\n ${shopping && html`\r\n

\r\n \r\n \r\n \r\n

`}\r\n\r\n ${scannerOpen && html`\r\n <${ScannerOverlay}\r\n cart=${cart}\r\n onScan=${handleScan}\r\n onAddUnplanned=${addUnplanned}\r\n onClose=${() => setScannerOpen(false)}\r\n />`}\r\n\r\n ${summaryOpen && html`\r\n <${SummarySheet}\r\n cart=${cart}\r\n onClose=${() => setSummaryOpen(false)}\r\n onFinish=${exitShopping}\r\n />`}\r\n\r\n ${settingsOpen && html`\r\n <${SettingsSheet}\r\n config=${config}\r\n showToast=${showToast}\r\n onClose=${() => setSettingsOpen(false)}\r\n />`}\r\n\r\n <${Toast} toast=${toast} />\r\n

`;\r\n}\r\n",[],[148,228],"7d95b84d-e213-4359-ab23-b0dae066a57f","api.js","fa2305fc-6654-11f1-98fc-1607ee4eb77e",15,["D",1781265058499],"const PIN_KEY = \"sal_pin\";\r\n\r\nexport function getPin() {\r\n return localStorage.getItem(PIN_KEY) || \"\";\r\n}\r\nexport function setPin(pin) {\r\n localStorage.setItem(PIN_KEY, pin);\r\n}\r\nexport function clearPin() {\r\n localStorage.removeItem(PIN_KEY);\r\n}\r\n\r\nexport class ApiError extends Error {\r\n constructor(message, status, code) {\r\n super(message);\r\n this.status = status;\r\n this.code = code;\r\n }\r\n}\r\n\r\nexport async function api(path, { method = \"GET\", body } = {}) {\r\n const res = await fetch(path, {\r\n method,\r\n headers: {\r\n ...(body !== undefined ? { \"content-type\": \"application/json\" } : {}),\r\n \"x-app-pin\": getPin(),\r\n },\r\n body: body !== undefined ? JSON.stringify(body) : undefined,\r\n });\r\n let data = null;\r\n try {\r\n data = await res.json();\r\n } catch {\r\n // empty / non-JSON response\r\n }\r\n if (!res.ok) {\r\n if (res.status === 401) window.dispatchEvent(new CustomEvent(\"sal:unauthorized\"));\r\n throw new ApiError(data?.error || res.statusText || \"שגיאה\", res.status, data?.code);\r\n }\r\n return data;\r\n}\r\n\r\nconst fmt = new Intl.NumberFormat(\"he-IL\", { style: \"currency\", currency: \"ILS\", maximumFractionDigits: 2 });\r\n\r\nexport function shekel(n) {\r\n if (n === null || n === undefined || Number.isNaN(Number(n))) return \"—\";\r\n return fmt.format(Number(n));\r\n}\r\n\r\nexport function friendlyError(e) {\r\n if (e?.code === \"NO_KEY\") return \"מפתח ה-API של Cheapersal עדיין לא הוגדר\";\r\n if (e?.code === \"BUDGET\") return \"נגמרה מכסת הבקשות היומית ל-API המחירים\";\r\n if (e?.code === \"RATE_LIMIT_EXCEEDED\") return \"יותר מדי בקשות בדקה — נסו שוב עוד רגע\";\r\n if (e?.status === 0 || e?.message === \"Failed to fetch\") return \"אין חיבור לרשת\";\r\n return e?.message || \"משהו השתבש\";\r\n}\r\n",[],[148,236],["D",1781264884030],[246,247,248,249,250],[19],{"_38":86,"_13":87,"_41":88,"_43":44,"_45":46,"_47":89,"_49":50,"_51":263,"_17":53,"_54":76,"_56":91,"_58":59,"_60":-5,"_112":264,"_18":265},{"_38":79,"_13":80,"_41":81,"_43":44,"_45":46,"_47":82,"_49":50,"_51":260,"_17":53,"_54":76,"_56":84,"_58":59,"_60":-5,"_112":261,"_18":262},{"_38":71,"_13":72,"_41":73,"_43":44,"_45":46,"_47":74,"_49":50,"_51":257,"_17":53,"_54":76,"_56":77,"_58":59,"_60":-5,"_112":258,"_18":259},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":254,"_17":67,"_54":68,"_56":69,"_58":59,"_60":-5,"_112":255,"_18":256},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":251,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_112":252,"_18":253},["D",1781265058079],[],[19,40],["D",1781266377079],[],[19,63],["D",1781265057605],[],[19,72],["D",1781265057385],[],[19,80],["D",1781265057129],[],[19,87],"aa4c5e77-addb-4ead-adc7-cc2fbef21e6a",".vt","bb7ec82c-6654-11f1-98fc-1607ee4eb77e",8,["D",1781264953400],[],[267],"7b603636-18b2-423f-88d7-d7dee3c0d631",".git","929e2830-6654-11f1-92f4-1607ee4eb77e",4,["D",1781264884823],[],[274],"7d5b16ae-5c7c-4ac0-bf56-1b4e7583327f",["D",1781264881516],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Hebrew shopping list PWA with real Israeli grocery prices","imageUrl","userId","f9a9d73d-189d-4a89-b651-a98dd96ccd85","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019ebad4-b39c-7578-b99d-98184cb7486b","tursoName","7d5b16ae5c7c4ac0bf561b4e7583327f","tursoHostname","7d5b16ae5c7c4ac0bf561b4e7583327f-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789535451117],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_337":333},"org",{"_11":12,"_330":331,"_332":333,"_290":291,"_334":335,"_336":59},"branch",{"_17":182,"_13":16,"_38":46,"_322":280,"_323":-5,"_324":-5,"_325":-5,"_326":-5,"_327":-5,"_328":14,"_329":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Yaniv Bitton","avatar","https://lh3.googleusercontent.com/a/ACg8ocJyc9WiOwnFbdo0vUbRiTCBw7JbZp4Zdp9SivQ_duK8hZjZGjml=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_38":280,"_13":14,"_51":449,"_282":-5,"_283":59,"_284":285,"_286":285,"_287":288,"_289":-5,"_290":291,"_292":-5,"_293":59,"_294":-5,"_295":-5,"_296":53,"_297":298,"_299":300,"_301":302,"_303":450,"_305":-5,"_306":307,"_308":307,"_309":310,"_311":310,"_312":310,"_313":307,"_314":307,"_315":451,"_317":452,"_319":453,"_321":59},[377,378,379,385,396,398,399,400],"files",[377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400],"counts",{"_368":53,"_369":94,"_370":53,"_32":371,"_372":373},[358,359,360,361,362],{"_38":93,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":94,"_49":50,"_51":95,"_17":53,"_54":96,"_56":-5,"_58":59,"_60":-5,"_18":357},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_38":86,"_13":87,"_41":88,"_43":44,"_45":46,"_47":89,"_49":50,"_51":90,"_17":53,"_54":76,"_56":91,"_58":59,"_60":-5,"_18":367},{"_38":79,"_13":80,"_41":81,"_43":44,"_45":46,"_47":82,"_49":50,"_51":83,"_17":53,"_54":76,"_56":84,"_58":59,"_60":-5,"_18":366},{"_38":71,"_13":72,"_41":73,"_43":44,"_45":46,"_47":74,"_49":50,"_51":75,"_17":53,"_54":76,"_56":77,"_58":59,"_60":-5,"_18":365},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":66,"_17":67,"_54":68,"_56":69,"_58":59,"_60":-5,"_18":364},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_18":363},[19,40],[19,63],[19,72],[19,80],[19,87],"pulls","branches","forks",{"_374":67,"_376":53},"connections",{"_374":53,"_375":53},"count","unfilledCount","emptyCount",{"_38":273,"_13":274,"_41":275,"_43":-5,"_45":46,"_47":276,"_49":50,"_51":277,"_17":53,"_54":96,"_56":-5,"_58":59,"_60":-5,"_112":447,"_18":448},{"_38":266,"_13":267,"_41":268,"_43":-5,"_45":46,"_47":269,"_49":50,"_51":270,"_17":53,"_54":96,"_56":-5,"_58":59,"_60":-5,"_112":445,"_18":446},{"_38":93,"_13":19,"_41":44,"_43":-5,"_45":46,"_47":94,"_49":50,"_51":243,"_17":53,"_54":96,"_56":-5,"_58":59,"_60":-5,"_112":443,"_18":444},{"_38":86,"_13":87,"_41":88,"_43":44,"_45":46,"_47":89,"_49":50,"_51":263,"_17":53,"_54":76,"_56":91,"_58":59,"_60":-5,"_112":441,"_18":442},{"_38":79,"_13":80,"_41":81,"_43":44,"_45":46,"_47":82,"_49":50,"_51":260,"_17":53,"_54":76,"_56":84,"_58":59,"_60":-5,"_112":439,"_18":440},{"_38":71,"_13":72,"_41":73,"_43":44,"_45":46,"_47":74,"_49":50,"_51":257,"_17":53,"_54":76,"_56":77,"_58":59,"_60":-5,"_112":437,"_18":438},{"_38":62,"_13":63,"_41":64,"_43":44,"_45":46,"_47":65,"_49":50,"_51":254,"_17":67,"_54":68,"_56":69,"_58":59,"_60":-5,"_112":435,"_18":436},{"_38":39,"_13":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":251,"_17":53,"_54":55,"_56":57,"_58":59,"_60":-5,"_112":433,"_18":434},{"_38":147,"_13":148,"_41":149,"_43":-5,"_45":46,"_47":67,"_49":50,"_51":150,"_17":53,"_54":96,"_56":-5,"_58":59,"_60":-5,"_112":431,"_18":432},{"_38":235,"_13":236,"_41":237,"_43":149,"_45":46,"_47":238,"_49":50,"_51":239,"_17":53,"_54":76,"_56":240,"_58":59,"_60":-5,"_112":429,"_18":430},{"_38":227,"_13":228,"_41":229,"_43":149,"_45":46,"_47":230,"_49":50,"_51":231,"_17":53,"_54":76,"_56":232,"_58":59,"_60":-5,"_112":427,"_18":428},{"_38":219,"_13":220,"_41":221,"_43":149,"_45":46,"_47":222,"_49":50,"_51":223,"_17":94,"_54":24,"_56":224,"_58":59,"_60":-5,"_112":425,"_18":426},{"_38":211,"_13":212,"_41":213,"_43":149,"_45":46,"_47":214,"_49":50,"_51":215,"_17":53,"_54":76,"_56":216,"_58":59,"_60":-5,"_112":423,"_18":424},{"_38":203,"_13":204,"_41":205,"_43":149,"_45":46,"_47":206,"_49":50,"_51":207,"_17":53,"_54":24,"_56":208,"_58":59,"_60":-5,"_112":421,"_18":422},{"_38":195,"_13":196,"_41":197,"_43":149,"_45":46,"_47":198,"_49":50,"_51":199,"_17":94,"_54":76,"_56":200,"_58":59,"_60":-5,"_112":419,"_18":420},{"_38":187,"_13":188,"_41":189,"_43":149,"_45":46,"_47":190,"_49":50,"_51":191,"_17":94,"_54":24,"_56":192,"_58":59,"_60":-5,"_112":417,"_18":418},{"_38":179,"_13":180,"_41":181,"_43":149,"_45":46,"_47":182,"_49":50,"_51":183,"_17":94,"_54":76,"_56":184,"_58":59,"_60":-5,"_112":415,"_18":416},{"_38":171,"_13":172,"_41":173,"_43":149,"_45":46,"_47":174,"_49":50,"_51":175,"_17":53,"_54":76,"_56":176,"_58":59,"_60":-5,"_112":413,"_18":414},{"_38":163,"_13":164,"_41":165,"_43":149,"_45":46,"_47":166,"_49":50,"_51":167,"_17":94,"_54":76,"_56":168,"_58":59,"_60":-5,"_112":411,"_18":412},{"_38":131,"_13":132,"_41":133,"_43":-5,"_45":46,"_47":134,"_49":50,"_51":135,"_17":53,"_54":96,"_56":-5,"_58":59,"_60":-5,"_112":409,"_18":410},{"_38":139,"_13":140,"_41":141,"_43":133,"_45":46,"_47":142,"_49":50,"_51":143,"_17":53,"_54":76,"_56":144,"_58":59,"_60":-5,"_112":407,"_18":408},{"_38":123,"_13":124,"_41":125,"_43":-5,"_45":46,"_47":126,"_49":50,"_51":127,"_17":94,"_54":24,"_56":128,"_58":59,"_60":-5,"_112":405,"_18":406},{"_38":115,"_13":116,"_41":117,"_43":-5,"_45":46,"_47":118,"_49":50,"_51":119,"_17":53,"_54":24,"_56":120,"_58":59,"_60":-5,"_112":403,"_18":404},{"_38":106,"_13":107,"_41":108,"_43":-5,"_45":46,"_47":109,"_49":50,"_51":110,"_17":53,"_54":24,"_56":111,"_58":59,"_60":-5,"_112":401,"_18":402},[],[107],[],[116],[],[124],[],[132,140],[397],[132],[],[148,164],[],[148,172],[],[148,180],[],[148,188],[],[148,196],[],[148,204],[],[148,212],[],[148,220],[],[148,228],[],[148,236],[386,387,388,389,390,391,392,393,394,395],[148],[],[19,40],[],[19,63],[],[19,72],[],[19,80],[],[19,87],[380,381,382,383,384],[19],[],[267],[],[274],["D",1781264881516],["D",1789535451117],{"_11":12,"_337":333},{"_11":12,"_330":331,"_332":333,"_290":291,"_334":335,"_336":59},{"_17":182,"_13":16,"_38":46,"_322":280,"_323":-5,"_324":-5,"_325":-5,"_326":-5,"_327":-5,"_328":14,"_329":12},"ctx",{"_315":-5,"_354":487,"_488":489,"_490":491,"_492":59,"_493":59,"_494":59,"_495":50,"_496":-5,"_497":-7,"_498":-7,"_499":53,"_500":59,"_501":59,"_502":-5,"_503":59,"_504":59,"_505":59,"_506":-5},"ENV",{"_458":459,"_460":461,"_462":16,"_463":464,"_465":466,"_467":468,"_469":470,"_471":472,"_473":474,"_475":476,"_477":478,"_479":480,"_481":482,"_483":484,"_485":486},"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"]