[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_248":249,"_250":251},"routes/_app.x.$handle.$name",{"_109":108,"_38":52,"_117":95,"_33":118,"_13":14,"_119":-5,"_11":120,"_121":122,"_123":124,"_125":126,"_127":128,"_26":-5,"_129":130,"_131":132,"_133":31,"_134":135,"_136":67,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_50":51,"_38":52,"_45":53,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":62,"_19":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":71,"_72":73,"_74":-5,"_75":-5,"_76":-5,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":31},"version",3,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","8c0b239e-6608-4b39-a35b-cac10dbaa9af","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":44,"_45":46,"_47":14,"_48":49,"_30":31},"previous",{"_36":37,"_38":39,"_40":41,"_42":43},"deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","019ea433-9d0d-7353-afaf-37acc0f96955","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst entries = [\n {\n date: \"June 2026\",\n category: \"Observation\",\n title: \"On the Weight of Empty Rooms\",\n body: \"There is a particular silence that settles in a room after everyone has left. Not an absence of sound, exactly — but a kind of held breath. The furniture remembers the last arrangement of people.\",\n accent: \"#8b7355\",\n },\n {\n date: \"May 2026\",\n category: \"Fragment\",\n title: \"Three Things Overheard at a Café\",\n body: \"\\\"The whole point of a map is that it's wrong.\\\" A pause. The clink of a cup. \\\"But useful.\\\"\",\n accent: \"#5a7a6b\",\n },\n {\n date: \"April 2026\",\n category: \"Note\",\n title: \"Why Pencils are Better\",\n body: \"You can erase a pencil mark but the indent stays in the paper. Every correction is still technically there. This feels like an honest metaphor for most things.\",\n accent: \"#7a6080\",\n },\n {\n date: \"March 2026\",\n category: \"Image\",\n title: \"A Window Facing North\",\n body: \"North-facing light is the light of facts — even, unromantic, perfect for seeing things as they are. All the great portrait studios faced north. There's something to learn from that.\",\n accent: \"#5c6e8a\",\n },\n];\n\nfunction Divider() {\n return (\n

\n );\n}\n\nfunction EntryCard({ entry, index }: { entry: typeof entries[0]; index: number }) {\n const [hovered, setHovered] = useState(false);\n\n return (\n setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n style={{\n position: \"relative\",\n padding: \"32px 36px\",\n background: hovered ? \"#f2ede5\" : \"#faf8f4\",\n border: `1px solid`,\n borderColor: hovered ? entry.accent + \"55\" : \"#e2d9cc\",\n borderRadius: \"2px\",\n marginBottom: \"24px\",\n transition: \"all 0.3s ease\",\n cursor: \"default\",\n boxShadow: hovered\n ? `0 4px 24px rgba(0,0,0,0.06), inset 0 0 0 1px ${entry.accent}22`\n : \"0 1px 4px rgba(0,0,0,0.04)\",\n }}\n >\n {/* Left accent bar */}\n \n\n

\n \n {entry.category}\n \n {entry.date}\n

\n\n \n {entry.title}\n \n\n \n {entry.body}\n

Diff · v3