[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_240":241,"_242":243},"routes/_app.x.$handle.$name",{"_101":100,"_37":50,"_110":91,"_32":105,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_26":-5,"_121":-5,"_122":-5,"_123":30,"_124":125,"_126":64,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":30},"version",8,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","ee72945f-6aab-4789-9508-d02fc7a191b0","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/BreedModal.tsx","latestPath","fileId","3215f6be-3e8b-11f1-a57d-42b51c65c3df","name","BreedModal.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface BreedDetail {\n id: string;\n name: string;\n emoji: string;\n origin: string;\n lifespan: string;\n weight: string;\n temperament: string[];\n energy: number;\n affection: number;\n grooming: number;\n intelligence: number;\n description: string;\n funFact: string;\n coat: string;\n hypoallergenic: boolean;\n color: string;\n}\n\nfunction StatBar({ label, value }: { label: string; value: number }) {\n return (\n

\n {label}\n {value}/5\n

\n \n

\n );\n}\n\nexport function BreedModal({ id, onClose }: { id: string; onClose: () => void }) {\n const [breed, setBreed] = useState(null);\n\n useEffect(() => {\n fetch(`/api/breeds/${id}`)\n .then((r) => r.json())\n .then(setBreed);\n }, [id]);\n\n useEffect(() => {\n const esc = (e: KeyboardEvent) => e.key === \"Escape\" && onClose();\n document.addEventListener(\"keydown\", esc);\n document.body.style.overflow = \"hidden\";\n return () => {\n document.removeEventListener(\"keydown\", esc);\n document.body.style.overflow = \"\";\n };\n }, [onClose]);\n\n return (\n \n e.stopPropagation()}\n >\n {!breed ? (\n

\n ) : (\n <>\n {/* Header */}\n \n \n ×\n \n

{breed.emoji}

{breed.name}

\n 📍 {breed.origin}\n ·\n ⏳ {breed.lifespan}\n ·\n ⚖️ {breed.weight}\n

\n \n\n {/* Body */}\n

\n {/* Description */}\n

{breed.description}

\n\n {/* Tags */}\n

\n Personality\n

\n {breed.temperament.map((t) => (\n \n {t}\n \n ))}\n

\n\n {/* Stats */}\n

\n Traits\n

\n \n \n \n \n

\n\n {/* Specs */}\n

\n Coat\n

{breed.coat}

\n Hypoallergenic\n

\n {breed.hypoallergenic ? \"Yes ✓\" : \"No\"}\n

\n\n {/* Fun fact */}\n

\n 💡 Fun fact\n

{breed.funFact}

\n \n )}\n \n \n );\n}\n","createdAt",["D",1776890298677],"branchVersion","branchId","efc75384-3e8a-11f1-b699-42b51c65c3df","id","efc6f038-3e8a-11f1-b699-42b51c65c3df","cat-breed-explorer",["D",1776890187437],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Explore different cat breeds","imageUrl","4bd2cae1-acd4-4949-a41a-c29c19fb964d","pinnedFileId","efcbeae8-3e8a-11f1-b699-42b51c65c3df","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019d5969-aad7-7319-bc6a-364c0e94949a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_19":-5,"_106":107,"_108":64},"branch",{"_13":14,"_37":91,"_48":47,"_92":49,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":50,"_99":100},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","casual_collab","handle","displayName","Casual Collab","avatar","","tier","business","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_48":49,"_37":50,"_43":236,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":237,"_86":238,"_88":239,"_90":30},"tree",[168,175,177],"files",[168,169,170,171,172,173,174,175,176,177],"counts",{"_158":68,"_159":140,"_160":68,"_161":162,"_163":164},"contents",[131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":152,"_37":153,"_35":154,"_136":-5,"_46":47,"_45":155,"_138":64,"_43":156,"_13":68,"_39":150,"_41":-5,"_29":30,"_143":-5,"_32":157},{"_48":145,"_37":146,"_35":147,"_136":-5,"_46":47,"_45":148,"_138":64,"_43":149,"_13":68,"_39":150,"_41":-5,"_29":30,"_143":-5,"_32":151},{"_48":134,"_37":135,"_35":62,"_136":-5,"_46":47,"_45":137,"_138":64,"_43":139,"_13":140,"_39":141,"_41":142,"_29":30,"_143":-5,"_32":144},"15b9b3ac-3e8b-11f1-8635-42b51c65c3df","main.tsx","parentId",4,"latest",["D",1776890251093],1,"http","import { Hono } from \"npm:hono@4\";\nimport { serveFile, parseVal, readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { BREEDS, getBreed } from \"./shared/breeds.ts\";\n\nconst app = new Hono();\n\n// Full stack traces on errors\napp.onError((err) => Promise.reject(err));\n\n// API: list all breeds (compact form for grid view)\napp.get(\"/api/breeds\", (c) => {\n const compact = BREEDS.map((b) => ({\n id: b.id,\n name: b.name,\n emoji: b.emoji,\n origin: b.origin,\n coat: b.coat,\n temperament: b.temperament,\n hypoallergenic: b.hypoallergenic,\n color: b.color,\n }));\n return c.json(compact);\n});\n\n// API: single breed detail\napp.get(\"/api/breeds/:id\", (c) => {\n const breed = getBreed(c.req.param(\"id\"));\n if (!breed) return c.json({ error: \"Breed not found\" }, 404);\n return c.json(breed);\n});\n\n// Source link\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Serve client TSX files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Main SPA HTML\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;\n","label",[135],"0b86df4a-3e8b-11f1-bfc1-42b51c65c3df","shared","0453d501-6393-456d-af5e-4078385da0c9",2,["D",1776890233984],"directory",[146],"1264b8e6-3e8b-11f1-b3ef-42b51c65c3df","frontend","876c89c2-2545-4fa6-a786-47cfcdf1160c",3,["D",1776890245506],[153],"pulls","branches","forks","envVars",{"_165":68,"_167":68},"connections",{"_165":68,"_166":68},"count","unfilledCount","emptyCount",{"_48":152,"_37":153,"_35":154,"_136":-5,"_46":47,"_45":155,"_138":64,"_43":233,"_13":68,"_39":150,"_41":-5,"_29":30,"_143":-5,"_179":234,"_32":235},{"_48":229,"_37":212,"_35":208,"_136":154,"_46":47,"_45":224,"_138":64,"_43":230,"_13":68,"_39":150,"_41":-5,"_29":30,"_143":-5,"_179":231,"_32":232},{"_48":221,"_37":222,"_35":223,"_136":208,"_46":47,"_45":224,"_138":64,"_43":225,"_13":68,"_39":40,"_41":226,"_29":30,"_143":-5,"_179":227,"_32":228},{"_48":213,"_37":214,"_35":215,"_136":208,"_46":47,"_45":216,"_138":64,"_43":217,"_13":68,"_39":40,"_41":218,"_29":30,"_143":-5,"_179":219,"_32":220},{"_48":207,"_37":38,"_35":36,"_136":208,"_46":47,"_45":14,"_138":64,"_43":209,"_13":68,"_39":40,"_41":42,"_29":30,"_143":-5,"_179":210,"_32":211},{"_48":200,"_37":201,"_35":202,"_136":154,"_46":47,"_45":155,"_138":64,"_43":203,"_13":68,"_39":26,"_41":204,"_29":30,"_143":-5,"_179":205,"_32":206},{"_48":192,"_37":193,"_35":194,"_136":154,"_46":47,"_45":195,"_138":64,"_43":196,"_13":68,"_39":40,"_41":197,"_29":30,"_143":-5,"_179":198,"_32":199},{"_48":145,"_37":146,"_35":147,"_136":-5,"_46":47,"_45":148,"_138":64,"_43":189,"_13":68,"_39":150,"_41":-5,"_29":30,"_143":-5,"_179":190,"_32":191},{"_48":182,"_37":183,"_35":184,"_136":147,"_46":47,"_45":148,"_138":64,"_43":185,"_13":68,"_39":40,"_41":186,"_29":30,"_143":-5,"_179":187,"_32":188},{"_48":134,"_37":135,"_35":62,"_136":-5,"_46":47,"_45":137,"_138":64,"_43":178,"_13":140,"_39":141,"_41":142,"_29":30,"_143":-5,"_179":180,"_32":181},["D",1776890251093],"children",[],[135],"0b867190-3e8b-11f1-bfc1-42b51c65c3df","breeds.ts","0b867244-3e8b-11f1-bfc1-42b51c65c3df",["D",1776890233984],"export interface CatBreed {\n id: string;\n name: string;\n emoji: string;\n origin: string;\n lifespan: string;\n weight: string;\n temperament: string[];\n energy: 1 | 2 | 3 | 4 | 5;\n affection: 1 | 2 | 3 | 4 | 5;\n grooming: 1 | 2 | 3 | 4 | 5;\n intelligence: 1 | 2 | 3 | 4 | 5;\n description: string;\n funFact: string;\n coat: \"Short\" | \"Medium\" | \"Long\" | \"Hairless\";\n hypoallergenic: boolean;\n color: string; // hex background accent\n}\n\nexport const BREEDS: CatBreed[] = [\n {\n id: \"maine-coon\",\n name: \"Maine Coon\",\n emoji: \"🦁\",\n origin: \"United States (Maine)\",\n lifespan: \"12–15 years\",\n weight: \"4–8 kg (9–18 lb)\",\n temperament: [\"Gentle\", \"Friendly\", \"Playful\", \"Intelligent\"],\n energy: 4, affection: 5, grooming: 4, intelligence: 5,\n description: \"Known as the 'gentle giant' of the cat world, the Maine Coon is one of the largest domesticated cat breeds. They have a distinctive tufted ears, bushy tails, and a shaggy water-resistant coat — traits developed to survive harsh New England winters.\",\n funFact: \"Maine Coons often chirp and trill rather than meow — their vocalizations sound almost like conversation.\",\n coat: \"Long\",\n hypoallergenic: false,\n color: \"#d97706\",\n },\n {\n id: \"siamese\",\n name: \"Siamese\",\n emoji: \"🐱\",\n origin: \"Thailand (Siam)\",\n lifespan: \"12–20 years\",\n weight: \"3–6 kg (6–14 lb)\",\n temperament: [\"Vocal\", \"Social\", \"Affectionate\", \"Curious\"],\n energy: 5, affection: 5, grooming: 1, intelligence: 5,\n description: \"With striking blue eyes and a sleek pointed coat, Siamese cats are among the oldest and most recognizable breeds. They're famously talkative and form deep bonds with their humans — they hate being left alone.\",\n funFact: \"Ancient Siamese cats were considered royal and were believed to receive the souls of deceased royalty in Thailand.\",\n coat: \"Short\",\n hypoallergenic: false,\n color: \"#78716c\",\n },\n {\n id: \"persian\",\n name: \"Persian\",\n emoji: \"😺\",\n origin: \"Iran (Persia)\",\n lifespan: \"10–17 years\",\n weight: \"3–5.5 kg (7–12 lb)\",\n temperament: [\"Calm\", \"Sweet\", \"Quiet\", \"Dignified\"],\n energy: 2, affection: 4, grooming: 5, intelligence: 3,\n description: \"The Persian is the glamour puss of the cat world — long flowing coat, round face, and a famously laid-back personality. They prefer a serene, predictable environment and are happy lounging on your lap.\",\n funFact: \"Persians require daily grooming — without it, their long coats can mat within just a few days.\",\n coat: \"Long\",\n hypoallergenic: false,\n color: \"#f59e0b\",\n },\n {\n id: \"bengal\",\n name: \"Bengal\",\n emoji: \"🐆\",\n origin: \"United States\",\n lifespan: \"12–16 years\",\n weight: \"4–7 kg (8–15 lb)\",\n temperament: [\"Active\", \"Curious\", \"Athletic\", \"Playful\"],\n energy: 5, affection: 3, grooming: 1, intelligence: 5,\n description: \"Bengals look like miniature leopards, descended from crosses between domestic cats and Asian Leopard Cats. They're athletic, love water, and need lots of stimulation — not your typical lap cat.\",\n funFact: \"Many Bengals love water and will happily join you in the shower or splash in their water bowl.\",\n coat: \"Short\",\n hypoallergenic: false,\n color: \"#ea580c\",\n },\n {\n id: \"ragdoll\",\n name: \"Ragdoll\",\n emoji: \"😻\",\n origin: \"United States (California)\",\n lifespan: \"12–17 years\",\n weight: \"4.5–9 kg (10–20 lb)\",\n temperament: [\"Docile\", \"Affectionate\", \"Gentle\", \"Relaxed\"],\n energy: 2, affection: 5, grooming: 3, intelligence: 3,\n description: \"Named for their tendency to go limp when picked up, Ragdolls are large, sweet-natured cats with stunning blue eyes and silky semi-long coats. They often follow their humans from room to room like a dog.\",\n funFact: \"Ragdolls were developed in the 1960s by a California breeder named Ann Baker from a single white cat named Josephine.\",\n coat: \"Long\",\n hypoallergenic: false,\n color: \"#60a5fa\",\n },\n {\n id: \"british-shorthair\",\n name: \"British Shorthair\",\n emoji: \"🐈\",\n origin: \"United Kingdom\",\n lifespan: \"12–17 years\",\n weight: \"4–8 kg (9–17 lb)\",\n temperament: [\"Easygoing\", \"Calm\", \"Loyal\", \"Independent\"],\n energy: 2, affection: 3, grooming: 2, intelligence: 4,\n description: \"The teddy bear of the cat world — round faces, plush blue-gray coats, and stocky builds. Brits are calm, undemanding companions who prefer a quiet cuddle next to you rather than on your lap.\",\n funFact: \"The British Shorthair is believed to be the inspiration for the Cheshire Cat in Alice in Wonderland.\",\n coat: \"Short\",\n hypoallergenic: false,\n color: \"#64748b\",\n },\n {\n id: \"sphynx\",\n name: \"Sphynx\",\n emoji: \"👽\",\n origin: \"Canada\",\n lifespan: \"8–14 years\",\n weight: \"3.5–5.5 kg (8–12 lb)\",\n temperament: [\"Energetic\", \"Affectionate\", \"Mischievous\", \"Extroverted\"],\n energy: 5, affection: 5, grooming: 4, intelligence: 5,\n description: \"The famously hairless Sphynx is warm to the touch and craves human contact — they'll burrow into blankets or under your shirt for warmth. Despite appearances, they need regular baths to manage skin oils.\",\n funFact: \"Sphynx cats aren't actually completely hairless — they have a fine, peach-fuzz coat you can feel when you pet them.\",\n coat: \"Hairless\",\n hypoallergenic: false,\n color: \"#f472b6\",\n },\n {\n id: \"scottish-fold\",\n name: \"Scottish Fold\",\n emoji: \"🥺\",\n origin: \"Scotland\",\n lifespan: \"11–15 years\",\n weight: \"2.5–6 kg (6–13 lb)\",\n temperament: [\"Sweet\", \"Adaptable\", \"Playful\", \"Quiet\"],\n energy: 3, affection: 4, grooming: 2, intelligence: 4,\n description: \"Famous for their forward-folded ears giving them an owlish, perpetually surprised expression. Scottish Folds are sweet, easygoing companions that often sit in the 'Buddha pose' with their legs stretched out.\",\n funFact: \"All Scottish Folds descend from a single white barn cat named Susie, discovered in Scotland in 1961.\",\n coat: \"Short\",\n hypoallergenic: false,\n color: \"#a78bfa\",\n },\n {\n id: \"abyssinian\",\n name: \"Abyssinian\",\n emoji: \"🦊\",\n origin: \"Ethiopia (disputed)\",\n lifespan: \"9–15 years\",\n weight: \"3–5 kg (6–10 lb)\",\n temperament: [\"Active\", \"Playful\", \"Curious\", \"Attention-seeking\"],\n energy: 5, affection: 4, grooming: 1, intelligence: 5,\n description: \"One of the oldest known breeds, the 'Aby' has a distinctive ticked coat that gives them a wild, cougar-like appearance. They're in perpetual motion — climbing, exploring, and investigating everything.\",\n funFact: \"Abyssinians are sometimes called 'clown cats' for their goofy antics and refusal to be ignored.\",\n coat: \"Short\",\n hypoallergenic: false,\n color: \"#b45309\",\n },\n {\n id: \"russian-blue\",\n name: \"Russian Blue\",\n emoji: \"🩵\",\n origin: \"Russia\",\n lifespan: \"15–20 years\",\n weight: \"3–5.5 kg (7–12 lb)\",\n temperament: [\"Gentle\", \"Shy\", \"Loyal\", \"Reserved\"],\n energy: 3, affection: 4, grooming: 2, intelligence: 4,\n description: \"Silvery-blue double coats and luminous green eyes make the Russian Blue unmistakable. They're sweet with family but often shy around strangers, and famously considered one of the more hypoallergenic breeds.\",\n funFact: \"Russian Blues produce less Fel d 1 — the protein responsible for most cat allergies — than many other breeds.\",\n coat: \"Short\",\n hypoallergenic: true,\n color: \"#38bdf8\",\n },\n {\n id: \"norwegian-forest\",\n name: \"Norwegian Forest Cat\",\n emoji: \"🌲\",\n origin: \"Norway\",\n lifespan: \"14–16 years\",\n weight: \"4–9 kg (9–20 lb)\",\n temperament: [\"Independent\", \"Friendly\", \"Adventurous\", \"Patient\"],\n energy: 4, affection: 3, grooming: 4, intelligence: 4,\n description: \"A hardy Scandinavian breed with a thick double coat designed for harsh winters. 'Wegies' are natural climbers with a reputation for scaling cliffs and trees — they're strong, athletic, and love the outdoors.\",\n funFact: \"Norwegian Forest Cats appear in Norse mythology as the cats that pulled the goddess Freyja's chariot.\",\n coat: \"Long\",\n hypoallergenic: false,\n color: \"#059669\",\n },\n {\n id: \"devon-rex\",\n name: \"Devon Rex\",\n emoji: \"🧚\",\n origin: \"England (Devon)\",\n lifespan: \"9–15 years\",\n weight: \"2.5–4.5 kg (5–10 lb)\",\n temperament: [\"Mischievous\", \"Playful\", \"People-oriented\", \"Pixie-like\"],\n energy: 5, affection: 5, grooming: 2, intelligence: 5,\n description: \"Huge ears, impish faces, and soft wavy coats give Devon Rex cats a 'pixie' look. They behave more like dogs than cats — fetching, perching on shoulders, and desperately wanting to be with their humans.\",\n funFact: \"Devon Rex cats are sometimes called 'Velcro kitties' because they stick to their favorite humans.\",\n coat: \"Short\",\n hypoallergenic: true,\n color: \"#c084fc\",\n },\n];\n\nexport function getBreed(id: string): CatBreed | undefined {\n return BREEDS.find((b) => b.id === id);\n}\n\nexport function getAllCoats(): string[] {\n return Array.from(new Set(BREEDS.map((b) => b.coat)));\n}\n",[],[146,183],["D",1776890233984],[176],[146],"16beb536-3e8b-11f1-b5b3-42b51c65c3df","index.tsx","16beb5f4-3e8b-11f1-b5b3-42b51c65c3df",5,["D",1776890252809],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"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 = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[153,193],"126490dc-3e8b-11f1-b3ef-42b51c65c3df","index.html","126491b8-3e8b-11f1-b3ef-42b51c65c3df",["D",1776890245506],"\n\n\n \n \n 🐈 Cat Breed Explorer\n \n \n \n\n\n

\n \n\n\n",[],[153,201],"3215f3f8-3e8b-11f1-a57d-42b51c65c3df","cdd7ed5c-a2f8-467a-8c4f-54c4f3873da2",["D",1776890298677],[],[153,212,38],"components","27b8958c-3e8b-11f1-a57d-42b51c65c3df","BreedCard.tsx","27b8969a-3e8b-11f1-a57d-42b51c65c3df",7,["D",1776890281290],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface BreedSummary {\n id: string;\n name: string;\n emoji: string;\n origin: string;\n coat: string;\n temperament: string[];\n hypoallergenic: boolean;\n color: string;\n}\n\nexport function BreedCard({\n breed,\n onClick,\n}: {\n breed: BreedSummary;\n onClick: () => void;\n}) {\n return (\n \n \n

{breed.emoji}

{breed.name}

{breed.origin}

\n {breed.temperament.slice(0, 3).map((t) => (\n \n {t}\n \n ))}\n

\n \n \n {breed.coat} coat\n \n {breed.hypoallergenic && (\n ✓ Hypoallergenic\n )}\n

\n Learn more →\n

\n \n );\n}\n",[],[153,212,214],"235fe5bc-3e8b-11f1-b0d3-42b51c65c3df","App.tsx","235fe684-3e8b-11f1-b0d3-42b51c65c3df",6,["D",1776890273995],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { BreedCard } from \"./BreedCard.tsx\";\nimport { BreedModal } from \"./BreedModal.tsx\";\n\ninterface BreedSummary {\n id: string;\n name: string;\n emoji: string;\n origin: string;\n coat: string;\n temperament: string[];\n hypoallergenic: boolean;\n color: string;\n}\n\nconst COATS = [\"All\", \"Short\", \"Medium\", \"Long\", \"Hairless\"];\n\nexport function App() {\n const [breeds, setBreeds] = useState([]);\n const [loading, setLoading] = useState(true);\n const [search, setSearch] = useState(\"\");\n const [coatFilter, setCoatFilter] = useState(\"All\");\n const [hypoOnly, setHypoOnly] = useState(false);\n const [selectedId, setSelectedId] = useState(null);\n\n useEffect(() => {\n fetch(\"/api/breeds\")\n .then((r) => r.json())\n .then((data) => {\n setBreeds(data);\n setLoading(false);\n });\n }, []);\n\n const filtered = useMemo(() => {\n return breeds.filter((b) => {\n if (coatFilter !== \"All\" && b.coat !== coatFilter) return false;\n if (hypoOnly && !b.hypoallergenic) return false;\n if (search) {\n const q = search.toLowerCase();\n const hay = `${b.name} ${b.origin} ${b.temperament.join(\" \")}`.toLowerCase();\n if (!hay.includes(q)) return false;\n }\n return true;\n });\n }, [breeds, search, coatFilter, hypoOnly]);\n\n return (\n

\n {/* Header */}\n

\n 🐈\n \n Cat Breed Explorer\n \n

\n Find your purrfect companion\n

\n Browse {breeds.length || \"a dozen\"} of the world's most beloved cat breeds — their\n personalities, origins, and quirks.\n

\n\n {/* Filters */}\n

\n setSearch(e.target.value)}\n className=\"flex-1 min-w-[200px] px-4 py-2 border border-stone-200 rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-orange-400 focus:border-transparent\"\n />\n

\n {COATS.map((c) => (\n setCoatFilter(c)}\n className={`px-3 py-1 text-sm rounded-full transition ${\n coatFilter === c\n ? \"bg-white text-stone-900 shadow-sm font-semibold\"\n : \"text-stone-500 hover:text-stone-900\"\n }`}\n >\n {c}\n \n ))}\n

\n \n setHypoOnly(e.target.checked)}\n className=\"w-4 h-4 accent-orange-500\"\n />\n Hypoallergenic only\n \n

\n\n {/* Grid */}\n

\n {loading ? (\n

Loading breeds... 🐾

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

🙀

No breeds match your filters.

\n ) : (\n <>\n

\n Showing {filtered.length}{\" \"}\n {filtered.length === 1 ? \"breed\" : \"breeds\"}\n

\n {filtered.map((b) => (\n setSelectedId(b.id)} />\n ))}\n

\n \n )}\n

\n\n {/* Footer */}\n \n\n {/* Modal */}\n {selectedId && setSelectedId(null)} />}\n

\n );\n}\n",[],[153,212,222],"23602900-3e8b-11f1-b0d3-42b51c65c3df",["D",1776890273995],[170,171,172],[153,212],["D",1776890245506],[169,173,174],[153],["D",1776890187437],{"_101":100,"_109":105},{"_101":100,"_102":103,"_104":105,"_19":-5,"_106":107,"_108":64},{"_13":14,"_37":91,"_48":47,"_92":49,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":50,"_99":100},"ctx",{"_84":-5,"_128":273,"_274":275,"_276":277,"_278":30,"_279":30,"_280":30,"_281":64,"_282":-5,"_283":-7,"_284":-7,"_285":68,"_286":30,"_287":30,"_288":-5,"_289":30,"_290":30,"_291":30,"_292":-5},"ENV",{"_244":245,"_246":247,"_248":91,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272},"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"]

Diff · v8