{props.title}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_392":393,"_394":395},"routes/_app.x.$handle.$name",{"_98":97,"_32":46,"_107":88,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":25,"_122":123,"_124":60,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",23,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","components/Layout.tsx","latestPath","fileId","3035edc0-611a-11f1-ac10-1607ee4eb77e","name","Layout.tsx","fileType","script","content","/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\n\n// Val Town product style: IBM Plex Sans body, iA Writer Quattro for the small\n// uppercase micro-labels (.eyebrow), slate + sky palette. The scoped block also\n// styles marked's rendered HTML, which can't carry Twind utility classes.\nconst CONTENT_CSS = `\n@font-face{\n font-family:\"iA Writer Quattro\";\n src:url(\"https://cdn.jsdelivr.net/gh/iaolo/iA-Fonts/iA%20Writer%20Quattro/Webfonts/iAWriterQuattroS-Bold.woff2\") format(\"woff2\");\n font-weight:700;font-style:normal;font-display:swap;\n}\nbody{font-family:\"IBM Plex Sans\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif}\n.eyebrow{font-family:\"iA Writer Quattro\",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#475569}\n.md{margin-bottom:32px}\n.md h1,.md h2,.md h3,.md h4{margin-top:32px;margin-bottom:8px;font-weight:700}\n.md h1{font-size:24px}.md h2{font-size:20px}.md h3{font-size:16px}\n.md p{margin-bottom:16px}\n.md ul,.md ol{margin:8px 0 16px 24px}\n.md ul{list-style:disc}.md ol{list-style:decimal}\n.md li{margin-bottom:4px}\n.md pre{background:#f1f5f9;padding:16px;border-radius:8px;overflow-x:auto;font-size:13px;line-height:1.5;margin:8px 0 16px}\n.md code{background:#f1f5f9;padding:2px 6px;border-radius:6px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}\n.md pre code{background:none;padding:0}\n.md table{border-collapse:collapse;width:100%;margin:8px 0 16px}\n.md th,.md td{border:1px solid #e2e8f0;padding:8px 12px;text-align:left;font-size:14px}\n.md th{background:#f8fafc;font-weight:600}\n.md blockquote{border-left:3px solid #e2e8f0;padding:8px 16px;margin:8px 0 16px;color:#334155}\n.md hr{border:none;border-top:1px solid #e2e8f0;margin:32px 0}\n.md strong{font-weight:600}\n.md a{color:#0369a1;text-decoration:underline;text-underline-offset:2px}\n.file-view pre{background:#f1f5f9;padding:16px;border-radius:8px;overflow-x:auto;font-size:13px;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}\n`;\n\nexport const Layout = (props: {\n title: string;\n children?: unknown;\n client?: boolean;\n}) => (\n <>\n {raw(\"\")}\n \n \n \n \n {props.title}\n \n \n \n \n \n

Diff · v23