{props.title}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_275":276,"_277":278},"routes/_app.x.$handle.$name",{"_102":101,"_32":50,"_111":92,"_27":112,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_21":-5,"_123":-5,"_124":-5,"_125":25,"_126":127,"_128":64,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_48":49,"_32":50,"_38":51,"_52":-5,"_53":25,"_54":55,"_56":55,"_57":58,"_59":-5,"_18":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":25},"version",7,"changes",[19,20],"aiChatInfo","userId",{"_21":43,"_23":-7,"_24":25,"_26":25,"_27":44,"_29":44},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous","deleted",false,"deletedHere","path","components/Layout.tsx","latestPath","fileId","749858a8-6454-11f1-ba60-1607ee4eb77e","name","Layout.tsx","fileType","script","content","/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\n\n// Plain defaults: system font (Twind `font-sans`), neutral palette, one blue\n// accent. The scoped block styles marked's rendered markdown (which can't carry\n// Twind utility classes) plus a small uppercase `.eyebrow` label helper.\nconst CONTENT_CSS = `\n.eyebrow{font-size:11px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;color:#a3a3a3}\n.md{margin-bottom:32px}\n.md h1,.md h2,.md h3,.md h4{margin-top:32px;margin-bottom:8px;font-weight:600}\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:#f5f5f5;padding:16px;border-radius:8px;overflow-x:auto;font-size:13px;line-height:1.5;margin:8px 0 16px}\n.md code{background:#f5f5f5;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 #e5e5e5;padding:8px 12px;text-align:left;font-size:14px}\n.md th{background:#fafafa;font-weight:600}\n.md blockquote{border-left:3px solid #e5e5e5;padding:8px 16px;margin:8px 0 16px;color:#525252}\n.md hr{border:none;border-top:1px solid #e5e5e5;margin:32px 0}\n.md strong{font-weight:600}\n.md a{color:#2563eb;text-decoration:underline;text-underline-offset:2px}\n.file-view pre{background:#f5f5f5;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\nconst DEFAULT_DESC =\n \"A shared library of reusable agent skills. Fork it and drop in your own.\";\n\nexport const Layout = (props: {\n title: string;\n children?: unknown;\n client?: boolean;\n baseUrl?: string;\n description?: string;\n}) => {\n const desc = props.description ?? DEFAULT_DESC;\n const ogImage = props.baseUrl ? `${props.baseUrl}/og.png` : \"/og.png\";\n return (\n <>\n {raw(\"\")}\n \n \n \n \n {props.title}\n \n \n \n \n \n {props.baseUrl ? : null}\n \n \n \n \n \n \n

Diff · v7