[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_116":-5,"_20":117,"_22":118,"_119":120,"_121":122,"_25":123,"_24":-5,"_124":-5,"_125":-5,"_126":53,"_127":128,"_129":44,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","jgwynne7_4bf3679b","name","itabs-studio-4","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":19,"_69":-5,"_70":71,"_72":-5,"_73":53,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":14,"_18":55},"id","d0e17b9a-d119-4a25-9b4a-a5eb3b3a6be0","main.ts","fileId","dac33574-646a-11f1-b724-1607ee4eb77e","parentId","branchId","7b5dd5e6-320e-435a-9eec-3a670b71e647","branchVersion",106,"latest",true,"createdAt",["D",1781353662895],105,"fileType","http","content","// iTabs Studio - Missy Build Console\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst REGISTRY_KEY = \"itabs-menu-registry\";\n\nconst jsonHeaders = {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\",\n};\n\nasync function readRegistry(): Promise {\n try {\n const reg = await blob.getJSON(REGISTRY_KEY);\n return Array.isArray(reg) ? reg : [];\n } catch (_e) {\n return [];\n }\n}\n\nasync function handleRegistryGet(): Promise {\n const registry = await readRegistry();\n return new Response(JSON.stringify({ menus: registry }), { headers: jsonHeaders });\n}\n\nasync function handleRegistryPost(req: Request): Promise {\n try {\n const entry = await req.json();\n if (!entry || !entry.valUrl) {\n return new Response(JSON.stringify({ error: \"Missing valUrl\" }), {\n status: 400,\n headers: jsonHeaders,\n });\n }\n const nowIso = new Date().toISOString();\n // Derive a stable id from venue name, falling back to the val URL host\n let id = (entry.id || entry.venueName || \"\")\n .toString()\n .toLowerCase()\n .replace(/[^a-z0-9]+/g, \"-\")\n .replace(/^-+|-+$/g, \"\");\n if (!id) {\n try {\n id = new URL(entry.valUrl).host.split(\".\")[0];\n } catch (_e) {\n id = \"menu-\" + Date.now();\n }\n }\n const registry = await readRegistry();\n const idx = registry.findIndex((m) => m.id === id);\n const merged = {\n id: id,\n venueName: entry.venueName || (idx >= 0 ? registry[idx].venueName : \"Untitled Menu\"),\n suburb: entry.suburb || (idx >= 0 ? registry[idx].suburb : \"\"),\n valUrl: entry.valUrl,\n deployedAt: idx >= 0 ? registry[idx].deployedAt : nowIso,\n lastUpdated: nowIso,\n status: entry.status || \"live\",\n };\n if (idx >= 0) {\n registry[idx] = merged;\n } else {\n registry.unshift(merged);\n }\n await blob.setJSON(REGISTRY_KEY, registry);\n return new Response(JSON.stringify({ ok: true, menu: merged, menus: registry }), {\n headers: jsonHeaders,\n });\n } catch (e) {\n return new Response(JSON.stringify({ error: e.message }), {\n status: 500,\n headers: jsonHeaders,\n });\n }\n}\n\nasync function handleApiChat(req: Request): Promise {\n try {\n const { anthropicKey, message, image, history } = await req.json();\n if (!anthropicKey || (!message && !image)) {\n return new Response(JSON.stringify({ error: \"Missing fields\" }), {\n status: 400,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\",\n },\n });\n }\n const baseSystem =\n \"You are Missy, the iTabs menu builder AI. You are warm, direct, encouraging — like a smart friend helping a cafe owner set up their digital menu. You help Perth cafe and restaurant owners build beautiful interactive menus.\\n\\nCONVERSATION FLOW — follow this exactly, step by step:\\n\\nSTEP 1 — WHEN YOU FIRST RECEIVE VENUE DETAILS (name, suburb, phone, tables, service type):\\nDo NOT build a menu. Greet the venue owner warmly by name. Introduce yourself as Missy. Ask for a photo of their current menu. Keep it short and friendly.\\nExample: 'Hey! Great to meet [Venue Name]! I am Missy and I will help you build your iTabs menu today. To get started, can you upload a photo of your current menu? A printed menu, chalkboard, or even a handwritten list works perfectly. Just tap the camera icon below.'\\n\\nSTEP 2 — WHEN YOU RECEIVE A PHOTO:\\nDo NOT build yet. Acknowledge warmly. Briefly describe what you can see (items, categories, branding colours if visible). Ask if there are more photos or pages. Tell them to say 'build it' when they are ready.\\nExample: 'Got it! I can see your coffee menu clearly — great range. Any more pages or photos? Just say build it when you are ready and I will get started.'\\n\\nSTEP 3 — WHEN THE USER SAYS 'build it' (or 'build', 'go', 'done', 'ready', 'that is all', 'thats all'):\\nDo NOT build yet. This step is MANDATORY. Ask 3-4 smart personalised questions based on what you already know. Personalise each question using the intake details and what you saw in the photos.\\n\\nFormat your questions like this:\\n'Almost there! Just a few quick questions before I build:\\n\\n1. [table question if dine-in]\\n2. [alt milk question if coffee visible]\\n3. [specials question]\\n4. [branding/colour question]'\\n\\nQuestion rules:\\n- If service includes dine-in: ask 'Table ordering — you have got [X] tables. Want customers to enter their table number when they order? They pay at the counter — no payment system needed. Simple and works great.' Use the actual table count from the intake details.\\n- If service is Takeaway only: skip the table question, instead ask about order name or number.\\n- If you saw coffee in the photos: ask 'Alt milk — do you offer oat, almond or soy milk? Any surcharge per cup?'\\n- If you saw coffee sizes: ask about size naming (S/M/L or Small/Regular/Large or XS/S/M/L).\\n- Always ask: 'Specials — any daily specials or seasonal items not shown in your photos?'\\n- Always ask about branding: reference the specific colours you saw. Example: 'Branding — I can see a warm terracotta tone in your menu design. Want me to carry that through as your accent colour?'\\n- If it looks like an Italian venue: suggest 'Pasta of the day — want a special pasta of the day field on the menu?'\\n- If it looks like a cafe with regulars: suggest 'Loyalty — want a small loyalty stamp section or a catering inquiry button in the footer?'\\n\\nSTEP 4 — AFTER THE USER ANSWERS YOUR QUESTIONS:\\nConfirm the details out loud in one friendly sentence, then immediately build the complete menu HTML.\\nExample: 'Perfect — building your complete iTabs menu for [venue name] now with table ordering for [X] tables, oat and almond milk options, and [colour] branding throughout...'\\n\\nThen output the full HTML wrapped EXACTLY like this:\\n\\n\\n...full HTML here...\\n\\nHTML must be complete, self-contained, mobile-first, dark theme. No backtick template literals in any JS inside the HTML.\\n\\nIf the user has no photo and no typed items: respond 'No worries! Just type out your menu categories and items with prices and I will build from that. For example: Coffee: Flat White $5, Latte $5.50 / Food: Toastie $12'\\n\\nNEVER skip Step 3. The questions step is mandatory before building. Never build immediately after receiving photos — always ask the smart questions first when the user says build it.\\n\\nCRITICAL: Every menu you build MUST be a fully interactive ordering app, not a static price list. Required elements every time, no exceptions:\\n\\n1. CART BAR - fixed at bottom, hidden until items added, shows item count + total + Order button. Use display:none by default, display:flex when cart has items, position:fixed bottom:0.\\n2. QTY BUTTONS - every item has - and + buttons with a quantity display between them. Pattern:

\\n3. ORDER SHEET - bottom sheet that slides up when Order is tapped, shows full order summary with item names, quantities and prices.\\n4. ORDER CONFIRMATION - shows 'Pay at counter and show this screen' message with a Confirm button.\\n5. SUCCESS STATE - 'Order Placed' confirmation after confirming, with a reset button.\\n\\nThe JS must include these functions: increment(name, price), decrement(name, price), updateCart(), openOrder(), confirmOrder(), resetOrder(). Body must have padding-bottom:120px so content clears the cart bar. A static price list is not an iTabs menu - never build one.\\n\\nCRITICAL JS RULES — no exceptions:\\n- openOrder() MUST skip zero-quantity items. The loop must be: for (var item in cart) { if (cart[item].quantity <= 0) continue; ... } — never render items with quantity 0 in the order sheet.\\n- Any PIN or passcode input MUST use type=\\\\\\\"tel\\\\\\\" autocomplete=\\\\\\\"off\\\\\\\" — never type=\\\\\\\"password\\\\\\\". This prevents the browser password/eye icon and shows a numeric keyboard on mobile.\\n\\nPIN EDITOR — REQUIRED IN EVERY VENUE MENU:\\n\\nEvery menu you build MUST include all of the following. Add them exactly as shown:\\n\\n1. At the top of the

Code