diff --git a/package.json b/package.json
index 87e7f4b..d508174 100644
--- a/package.json
+++ b/package.json
@@ -25,17 +25,22 @@
     "@capacitor/status-bar": "8.0.1",
     "@ionic/vue": "^8.0.0",
     "@ionic/vue-router": "^8.0.0",
+    "@shikijs/markdown-it": "^4.0.2",
     "@tanstack/query-persist-client-core": "^5.95.0",
     "@tanstack/vue-query": "^5.94.5",
+    "dompurify": "^3.3.3",
     "idb-keyval": "^6.2.2",
     "ionicons": "^7.0.0",
+    "markdown-it": "^14.1.1",
     "pinia": "^3.0.4",
+    "shiki": "^4.0.2",
     "vue": "^3.3.0",
     "vue-router": "^4.2.0"
   },
   "devDependencies": {
     "@capacitor/cli": "8.2.0",
     "@eslint/js": "10.0.1",
+    "@types/dompurify": "^3.2.0",
     "@types/node": "25.5.0",
     "@vitejs/plugin-legacy": "^5.0.0",
     "@vitejs/plugin-vue": "^4.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 622b4ba..8366705 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -44,21 +44,33 @@ importers:
       '@ionic/vue-router':
         specifier: ^8.0.0
         version: 8.8.1(@stencil/core@4.43.3)(vue-router@4.6.4(vue@3.5.30(typescript@5.9.3)))(vue@3.5.30(typescript@5.9.3))
+      '@shikijs/markdown-it':
+        specifier: ^4.0.2
+        version: 4.0.2
       '@tanstack/query-persist-client-core':
         specifier: ^5.95.0
         version: 5.95.0
       '@tanstack/vue-query':
         specifier: ^5.94.5
         version: 5.94.5(vue@3.5.30(typescript@5.9.3))
+      dompurify:
+        specifier: ^3.3.3
+        version: 3.3.3
       idb-keyval:
         specifier: ^6.2.2
         version: 6.2.2
       ionicons:
         specifier: ^7.0.0
         version: 7.4.0
+      markdown-it:
+        specifier: ^14.1.1
+        version: 14.1.1
       pinia:
         specifier: ^3.0.4
         version: 3.0.4(typescript@5.9.3)(vue@3.5.30(typescript@5.9.3))
+      shiki:
+        specifier: ^4.0.2
+        version: 4.0.2
       vue:
         specifier: ^3.3.0
         version: 3.5.30(typescript@5.9.3)
@@ -72,6 +84,9 @@ importers:
       '@eslint/js':
         specifier: 10.0.1
         version: 10.0.1(eslint@10.1.0)
+      '@types/dompurify':
+        specifier: ^3.2.0
+        version: 3.2.0
       '@types/node':
         specifier: 25.5.0
         version: 25.5.0
@@ -1172,6 +1187,46 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@shikijs/core@4.0.2':
+    resolution: {integrity: sha512-hxT0YF4ExEqB8G/qFdtJvpmHXBYJ2lWW7qTHDarVkIudPFE6iCIrqdgWxGn5s+ppkGXI0aEGlibI0PAyzP3zlw==}
+    engines: {node: '>=20'}
+
+  '@shikijs/engine-javascript@4.0.2':
+    resolution: {integrity: sha512-7PW0Nm49DcoUIQEXlJhNNBHyoGMjalRETTCcjMqEaMoJRLljy1Bi/EGV3/qLBgLKQejdspiiYuHGQW6dX94Nag==}
+    engines: {node: '>=20'}
+
+  '@shikijs/engine-oniguruma@4.0.2':
+    resolution: {integrity: sha512-UpCB9Y2sUKlS9z8juFSKz7ZtysmeXCgnRF0dlhXBkmQnek7lAToPte8DkxmEYGNTMii72zU/lyXiCB6StuZeJg==}
+    engines: {node: '>=20'}
+
+  '@shikijs/langs@4.0.2':
+    resolution: {integrity: sha512-KaXby5dvoeuZzN0rYQiPMjFoUrz4hgwIE+D6Du9owcHcl6/g16/yT5BQxSW5cGt2MZBz6Hl0YuRqf12omRfUUg==}
+    engines: {node: '>=20'}
+
+  '@shikijs/markdown-it@4.0.2':
+    resolution: {integrity: sha512-7DDEhknj/mXTN7ME8CjKWBv5O/4YgOiJBZLgs/NbUFMC7Ik1x/VEhaK+aBjX60bJdok0E2mxEYan/GzJ2xRx+A==}
+    engines: {node: '>=20'}
+    peerDependencies:
+      markdown-it-async: ^2.2.0
+    peerDependenciesMeta:
+      markdown-it-async:
+        optional: true
+
+  '@shikijs/primitive@4.0.2':
+    resolution: {integrity: sha512-M6UMPrSa3fN5ayeJwFVl9qWofl273wtK1VG8ySDZ1mQBfhCpdd8nEx7nPZ/tk7k+TYcpqBZzj/AnwxT9lO+HJw==}
+    engines: {node: '>=20'}
+
+  '@shikijs/themes@4.0.2':
+    resolution: {integrity: sha512-mjCafwt8lJJaVSsQvNVrJumbnnj1RI8jbUKrPKgE6E3OvQKxnuRoBaYC51H4IGHePsGN/QtALglWBU7DoKDFnA==}
+    engines: {node: '>=20'}
+
+  '@shikijs/types@4.0.2':
+    resolution: {integrity: sha512-qzbeRooUTPnLE+sHD/Z8DStmaDgnbbc/pMrU203950aRqjX/6AFHeDYT+j00y2lPdz0ywJKx7o/7qnqTivtlXg==}
+    engines: {node: '>=20'}
+
+  '@shikijs/vscode-textmate@10.0.2':
+    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
+
   '@sinclair/typebox@0.27.10':
     resolution: {integrity: sha512-MTBk/3jGLNB2tVxv6uLlFh1iu64iYOQ2PbdOSK3NW8JZsmlaOh2q6sdtKowBhfw8QFLmYNzTW4/oK4uATIi6ZA==}
 
@@ -1234,6 +1289,10 @@ packages:
   '@types/chai@4.3.20':
     resolution: {integrity: sha512-/pC9HAB5I/xMlc5FP77qjCnI16ChlJfW0tGa0IUcFn38VJrTV6DeZ60NU5KZBtaOZqjdpwTWohz5HU1RrhiYxQ==}
 
+  '@types/dompurify@3.2.0':
+    resolution: {integrity: sha512-Fgg31wv9QbLDA0SpTOXO3MaxySc4DKGLi8sna4/Utjo4r3ZRPdCt4UQee8BWr+Q5z21yifghREPJGYaEOEIACg==}
+    deprecated: This is a stub types definition. dompurify provides its own type definitions, so you do not need this installed.
+
   '@types/esrecurse@4.3.1':
     resolution: {integrity: sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==}
 
@@ -1243,9 +1302,15 @@ packages:
   '@types/fs-extra@8.1.5':
     resolution: {integrity: sha512-0dzKcwO+S8s2kuF5Z9oUWatQJj5Uq/iqphEtE3GQJVRRYm/tD1LglU2UnXi2A8jLq5umkGouOXOR9y0n613ZwQ==}
 
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
   '@types/node@25.5.0':
     resolution: {integrity: sha512-jp2P3tQMSxWugkCUKLRPVUpGaL5MVFwF8RDuSRztfwgN1wmqJeMSbKlnEtQqU8UrhTmzEmZdu2I6v2dpp7XIxw==}
 
@@ -1258,6 +1323,12 @@ packages:
   '@types/slice-ansi@4.0.0':
     resolution: {integrity: sha512-+OpjSaq85gvlZAYINyzKpLeiFkSC4EsC6IIiT6v6TLSU5k5U83fHGj9Lel8oKEXM0HqgrMVCjXPDPVICtxF7EQ==}
 
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
   '@types/yauzl@2.10.3':
     resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
 
@@ -1320,6 +1391,9 @@ packages:
     resolution: {integrity: sha512-YWnmJkXbofiz9KbnbbwuA2rpGkFPLbAIetcCNO6mJ8gdhdZ/v7WDXsoGFAJuM6ikUFKTlSQnjWnVO4ux+UzS6A==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@ungap/structured-clone@1.3.0':
+    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
+
   '@vitejs/plugin-legacy@5.4.3':
     resolution: {integrity: sha512-wsyXK9mascyplcqvww1gA1xYiy29iRHfyciw+a0t7qRNdzX6PdfSWmOoCi74epr87DujM+5J+rnnSv+4PazqVg==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -1484,6 +1558,9 @@ packages:
   arch@2.2.0:
     resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
 
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
   asn1@0.2.6:
     resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
 
@@ -1617,6 +1694,9 @@ packages:
   caseless@0.12.0:
     resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
 
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
   chai@4.5.0:
     resolution: {integrity: sha512-RITGBfijLkBddZvnn8jdqoTypxvqbOLYQkGGxXzeFjVHvudaPw0HNFD9x928/eUwYWd2dPCugVqspGALTZZQKw==}
     engines: {node: '>=4'}
@@ -1625,6 +1705,12 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
   check-error@1.0.3:
     resolution: {integrity: sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==}
 
@@ -1670,6 +1756,9 @@ packages:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
 
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
   commander@10.0.1:
     resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
     engines: {node: '>=14'}
@@ -1781,6 +1870,13 @@ packages:
     resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
     engines: {node: '>=0.4.0'}
 
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
   diff-sequences@29.6.3:
     resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -1790,6 +1886,9 @@ packages:
     engines: {node: '>=12'}
     deprecated: Use your platform's native DOMException instead
 
+  dompurify@3.3.3:
+    resolution: {integrity: sha512-Oj6pzI2+RqBfFG+qOaOLbFXLQ90ARpcGG6UePL82bJLtdsa6CYJD7nmiU8MW9nQNOtCHV3lZ/Bzq1X0QYbBZCA==}
+
   dunder-proto@1.0.1:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
@@ -1825,6 +1924,10 @@ packages:
     resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
     engines: {node: '>=8.6'}
 
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
   entities@6.0.1:
     resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
     engines: {node: '>=0.12'}
@@ -2091,6 +2194,12 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
+  hast-util-to-html@9.0.5:
+    resolution: {integrity: sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
   he@1.2.0:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
@@ -2102,6 +2211,9 @@ packages:
     resolution: {integrity: sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==}
     engines: {node: '>=12'}
 
+  html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
+
   http-proxy-agent@5.0.0:
     resolution: {integrity: sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==}
     engines: {node: '>= 6'}
@@ -2299,6 +2411,9 @@ packages:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
+  linkify-it@5.0.0:
+    resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==}
+
   listr2@3.14.0:
     resolution: {integrity: sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==}
     engines: {node: '>=10.0.0'}
@@ -2349,10 +2464,20 @@ packages:
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
+  markdown-it@14.1.1:
+    resolution: {integrity: sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==}
+    hasBin: true
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
 
+  mdast-util-to-hast@13.2.1:
+    resolution: {integrity: sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==}
+
+  mdurl@2.0.0:
+    resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==}
+
   meow@13.2.0:
     resolution: {integrity: sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==}
     engines: {node: '>=18'}
@@ -2360,6 +2485,21 @@ packages:
   merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
 
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
   mime-db@1.52.0:
     resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
     engines: {node: '>= 0.6'}
@@ -2445,6 +2585,12 @@ packages:
     resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
     engines: {node: '>=6'}
 
+  oniguruma-parser@0.12.1:
+    resolution: {integrity: sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w==}
+
+  oniguruma-to-es@4.3.5:
+    resolution: {integrity: sha512-Zjygswjpsewa0NLTsiizVuMQZbp0MDyM6lIt66OxsF21npUDlzpHi1Mgb/qhQdkb+dWFTzJmFbEWdvZgRho8eQ==}
+
   open@8.4.2:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
     engines: {node: '>=12'}
@@ -2578,6 +2724,9 @@ packages:
     resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
     engines: {node: '>= 6'}
 
+  property-information@7.1.0:
+    resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
+
   proto-list@1.2.4:
     resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
 
@@ -2590,6 +2739,10 @@ packages:
   pump@3.0.4:
     resolution: {integrity: sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==}
 
+  punycode.js@2.3.1:
+    resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==}
+    engines: {node: '>=6'}
+
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -2618,6 +2771,15 @@ packages:
   regenerator-runtime@0.14.1:
     resolution: {integrity: sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==}
 
+  regex-recursion@6.0.2:
+    resolution: {integrity: sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==}
+
+  regex-utilities@2.3.0:
+    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
+
+  regex@6.1.0:
+    resolution: {integrity: sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==}
+
   regexpu-core@6.4.0:
     resolution: {integrity: sha512-0ghuzq67LI9bLXpOX/ISfve/Mq33a4aFRzoQYhnnok1JOFpmE/A2TBGkNVenOGEeSBCjIiWcc6MVOG5HEQv0sA==}
     engines: {node: '>=4'}
@@ -2700,6 +2862,10 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
+  shiki@4.0.2:
+    resolution: {integrity: sha512-eAVKTMedR5ckPo4xne/PjYQYrU3qx78gtJZ+sHlXEg5IHhhoQhMfZVzetTYuaJS0L2Ef3AcCRzCHV8T0WI6nIQ==}
+    engines: {node: '>=20'}
+
   side-channel-list@1.0.0:
     resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
     engines: {node: '>= 0.4'}
@@ -2748,6 +2914,9 @@ packages:
     resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
     engines: {node: '>=0.10.0'}
 
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
   speakingurl@14.0.1:
     resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
     engines: {node: '>=0.10.0'}
@@ -2778,6 +2947,9 @@ packages:
   string_decoder@1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
 
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
   strip-ansi@6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -2875,6 +3047,9 @@ packages:
     resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
     hasBin: true
 
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
   ts-api-utils@2.5.0:
     resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
     engines: {node: '>=18.12'}
@@ -2914,6 +3089,9 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  uc.micro@2.1.0:
+    resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==}
+
   ufo@1.6.3:
     resolution: {integrity: sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==}
 
@@ -2939,6 +3117,21 @@ packages:
   unicode-segmenter@0.14.5:
     resolution: {integrity: sha512-jHGmj2LUuqDcX3hqY12Ql+uhUTn8huuxNZGq7GvtF6bSybzH3aFgedYu/KTzQStEgt1Ra2F3HxadNXsNjb3m3g==}
 
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.1.0:
+    resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
+
   universalify@0.2.0:
     resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
     engines: {node: '>= 4.0.0'}
@@ -2974,6 +3167,12 @@ packages:
     resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
     engines: {'0': node >=0.6.0}
 
+  vfile-message@4.0.3:
+    resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
+
   vite-node@0.34.6:
     resolution: {integrity: sha512-nlBMJ9x6n7/Amaz6F3zJ97EBwR2FkzhBRxF5e+jE6LA3yi6Wtc2lyTij1OnDMIr34v5g/tVQtsVAzhT0jc5ygA==}
     engines: {node: '>=v14.18.0'}
@@ -3182,6 +3381,9 @@ packages:
     resolution: {integrity: sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==}
     engines: {node: '>=12.20'}
 
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
 snapshots:
 
   '@atcute/atproto@3.1.10':
@@ -4339,6 +4541,51 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.60.0':
     optional: true
 
+  '@shikijs/core@4.0.2':
+    dependencies:
+      '@shikijs/primitive': 4.0.2
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.5
+
+  '@shikijs/engine-javascript@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      oniguruma-to-es: 4.3.5
+
+  '@shikijs/engine-oniguruma@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+
+  '@shikijs/langs@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+
+  '@shikijs/markdown-it@4.0.2':
+    dependencies:
+      markdown-it: 14.1.1
+      shiki: 4.0.2
+
+  '@shikijs/primitive@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/themes@4.0.2':
+    dependencies:
+      '@shikijs/types': 4.0.2
+
+  '@shikijs/types@4.0.2':
+    dependencies:
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/vscode-textmate@10.0.2': {}
+
   '@sinclair/typebox@0.27.10': {}
 
   '@standard-schema/spec@1.1.0': {}
@@ -4400,6 +4647,10 @@ snapshots:
 
   '@types/chai@4.3.20': {}
 
+  '@types/dompurify@3.2.0':
+    dependencies:
+      dompurify: 3.3.3
+
   '@types/esrecurse@4.3.1': {}
 
   '@types/estree@1.0.8': {}
@@ -4408,8 +4659,16 @@ snapshots:
     dependencies:
       '@types/node': 25.5.0
 
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
   '@types/json-schema@7.0.15': {}
 
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
   '@types/node@25.5.0':
     dependencies:
       undici-types: 7.18.2
@@ -4420,6 +4679,11 @@ snapshots:
 
   '@types/slice-ansi@4.0.0': {}
 
+  '@types/trusted-types@2.0.7':
+    optional: true
+
+  '@types/unist@3.0.3': {}
+
   '@types/yauzl@2.10.3':
     dependencies:
       '@types/node': 25.5.0
@@ -4516,6 +4780,8 @@ snapshots:
       '@typescript-eslint/types': 8.57.1
       eslint-visitor-keys: 5.0.1
 
+  '@ungap/structured-clone@1.3.0': {}
+
   '@vitejs/plugin-legacy@5.4.3(terser@5.46.1)(vite@5.4.21(@types/node@25.5.0)(terser@5.46.1))':
     dependencies:
       '@babel/core': 7.29.0
@@ -4729,6 +4995,8 @@ snapshots:
 
   arch@2.2.0: {}
 
+  argparse@2.0.1: {}
+
   asn1@0.2.6:
     dependencies:
       safer-buffer: 2.1.2
@@ -4847,6 +5115,8 @@ snapshots:
 
   caseless@0.12.0: {}
 
+  ccount@2.0.1: {}
+
   chai@4.5.0:
     dependencies:
       assertion-error: 1.1.0
@@ -4862,6 +5132,10 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
+
   check-error@1.0.3:
     dependencies:
       get-func-name: 2.0.2
@@ -4901,6 +5175,8 @@ snapshots:
     dependencies:
       delayed-stream: 1.0.0
 
+  comma-separated-tokens@2.0.3: {}
+
   commander@10.0.1: {}
 
   commander@12.1.0: {}
@@ -5030,12 +5306,22 @@ snapshots:
 
   delayed-stream@1.0.0: {}
 
+  dequal@2.0.3: {}
+
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
   diff-sequences@29.6.3: {}
 
   domexception@4.0.0:
     dependencies:
       webidl-conversions: 7.0.0
 
+  dompurify@3.3.3:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+
   dunder-proto@1.0.1:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -5075,6 +5361,8 @@ snapshots:
       ansi-colors: 4.1.3
       strip-ansi: 6.0.1
 
+  entities@4.5.0: {}
+
   entities@6.0.1: {}
 
   entities@7.0.1: {}
@@ -5383,6 +5671,24 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
+  hast-util-to-html@9.0.5:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-whitespace: 3.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.1
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.4
+      zwitch: 2.0.4
+
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
   he@1.2.0: {}
 
   hookable@5.5.3: {}
@@ -5391,6 +5697,8 @@ snapshots:
     dependencies:
       whatwg-encoding: 2.0.0
 
+  html-void-elements@3.0.0: {}
+
   http-proxy-agent@5.0.0:
     dependencies:
       '@tootallnate/once': 2.0.0
@@ -5577,6 +5885,10 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
+  linkify-it@5.0.0:
+    dependencies:
+      uc.micro: 2.1.0
+
   listr2@3.14.0(enquirer@2.4.1):
     dependencies:
       cli-truncate: 2.1.0
@@ -5630,12 +5942,52 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
 
+  markdown-it@14.1.1:
+    dependencies:
+      argparse: 2.0.1
+      entities: 4.5.0
+      linkify-it: 5.0.0
+      mdurl: 2.0.0
+      punycode.js: 2.3.1
+      uc.micro: 2.1.0
+
   math-intrinsics@1.1.0: {}
 
+  mdast-util-to-hast@13.2.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.3.0
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.1
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+
+  mdurl@2.0.0: {}
+
   meow@13.2.0: {}
 
   merge-stream@2.0.0: {}
 
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.2: {}
+
   mime-db@1.52.0: {}
 
   mime-types@2.1.35:
@@ -5719,6 +6071,14 @@ snapshots:
     dependencies:
       mimic-fn: 2.1.0
 
+  oniguruma-parser@0.12.1: {}
+
+  oniguruma-to-es@4.3.5:
+    dependencies:
+      oniguruma-parser: 0.12.1
+      regex: 6.1.0
+      regex-recursion: 6.0.2
+
   open@8.4.2:
     dependencies:
       define-lazy-prop: 2.0.0
@@ -5843,6 +6203,8 @@ snapshots:
       kleur: 3.0.3
       sisteransi: 1.0.5
 
+  property-information@7.1.0: {}
+
   proto-list@1.2.4: {}
 
   proxy-from-env@1.0.0: {}
@@ -5856,6 +6218,8 @@ snapshots:
       end-of-stream: 1.4.5
       once: 1.4.0
 
+  punycode.js@2.3.1: {}
+
   punycode@2.3.1: {}
 
   qs@6.14.2:
@@ -5880,6 +6244,16 @@ snapshots:
 
   regenerator-runtime@0.14.1: {}
 
+  regex-recursion@6.0.2:
+    dependencies:
+      regex-utilities: 2.3.0
+
+  regex-utilities@2.3.0: {}
+
+  regex@6.1.0:
+    dependencies:
+      regex-utilities: 2.3.0
+
   regexpu-core@6.4.0:
     dependencies:
       regenerate: 1.4.2
@@ -5980,6 +6354,17 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
+  shiki@4.0.2:
+    dependencies:
+      '@shikijs/core': 4.0.2
+      '@shikijs/engine-javascript': 4.0.2
+      '@shikijs/engine-oniguruma': 4.0.2
+      '@shikijs/langs': 4.0.2
+      '@shikijs/themes': 4.0.2
+      '@shikijs/types': 4.0.2
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
   side-channel-list@1.0.0:
     dependencies:
       es-errors: 1.3.0
@@ -6037,6 +6422,8 @@ snapshots:
 
   source-map@0.6.1: {}
 
+  space-separated-tokens@2.0.2: {}
+
   speakingurl@14.0.1: {}
 
   split2@4.2.0: {}
@@ -6073,6 +6460,11 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
   strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
@@ -6164,6 +6556,8 @@ snapshots:
 
   tree-kill@1.2.2: {}
 
+  trim-lines@3.0.1: {}
+
   ts-api-utils@2.5.0(typescript@5.9.3):
     dependencies:
       typescript: 5.9.3
@@ -6197,6 +6591,8 @@ snapshots:
 
   typescript@5.9.3: {}
 
+  uc.micro@2.1.0: {}
+
   ufo@1.6.3: {}
 
   undici-types@7.18.2: {}
@@ -6214,6 +6610,29 @@ snapshots:
 
   unicode-segmenter@0.14.5: {}
 
+  unist-util-is@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.1.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
   universalify@0.2.0: {}
 
   universalify@2.0.1: {}
@@ -6245,6 +6664,16 @@ snapshots:
       core-util-is: 1.0.2
       extsprintf: 1.3.0
 
+  vfile-message@4.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
+
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.3
+
   vite-node@0.34.6(@types/node@25.5.0)(terser@5.46.1):
     dependencies:
       cac: 6.7.14
@@ -6428,3 +6857,5 @@ snapshots:
   yocto-queue@0.1.0: {}
 
   yocto-queue@1.2.2: {}
+
+  zwitch@2.0.4: {}
diff --git a/src/components/repo/MarkdownRenderer.vue b/src/components/repo/MarkdownRenderer.vue
index 1be96da..a2aee3f 100644
--- a/src/components/repo/MarkdownRenderer.vue
+++ b/src/components/repo/MarkdownRenderer.vue
@@ -1,31 +1,241 @@
-<!-- TODO: markdown → HTML pipeline (e.g. marked + DOMPurify). -->
 <template>
-  <div class="markdown-body">
-    <pre class="markdown-raw">{{ content }}</pre>
-  </div>
+  <div class="markdown-body" v-html="renderedHtml" />
 </template>
 
 <script setup lang="ts">
-defineProps<{ content: string }>();
+import { onBeforeUnmount, ref, watch } from "vue";
+import markdownit from "markdown-it";
+import { fromHighlighter } from "@shikijs/markdown-it";
+import { getHighlighter } from "@/lib/syntax.js";
+import { sanitizeRichHtml } from "@/lib/html.js";
+import { resolveRepoImageUrl, type RepoAssetContext } from "@/services/tangled/repo-assets.js";
+
+const props = defineProps<{ content: string; repoContext?: RepoAssetContext }>();
+
+let mdPromise: Promise<ReturnType<typeof markdownit>> | null = null;
+let activeObjectUrls: string[] = [];
+
+// Languages commonly found in README code blocks — load upfront so aliases (e.g. "sh") resolve.
+const PRELOAD_LANGS = [
+  "bash", "javascript", "typescript", "python", "json", "yaml",
+  "html", "css", "rust", "go", "sql", "markdown", "tsx", "jsx",
+] as const;
+
+async function getMd() {
+  if (!mdPromise) {
+    mdPromise = (async () => {
+      const md = markdownit({ html: true, linkify: true, typographer: true });
+      const hl = await getHighlighter();
+      await Promise.all(PRELOAD_LANGS.map((l) => hl.loadLanguage(l).catch(() => null)));
+      md.use(fromHighlighter(hl, {
+        themes: { light: "github-light", dark: "github-dark" },
+      }));
+      return md;
+    })();
+  }
+  return mdPromise;
+}
+
+const renderedHtml = ref("");
+
+function revokeObjectUrls(urls: string[] = activeObjectUrls) {
+  for (const url of urls) {
+    URL.revokeObjectURL(url);
+  }
+
+  if (urls === activeObjectUrls) {
+    activeObjectUrls = [];
+  }
+}
+
+async function resolveImageSources(html: string, repoContext?: RepoAssetContext): Promise<{ html: string; objectUrls: string[] }> {
+  if (!repoContext) return { html, objectUrls: [] };
+
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(`<body>${html}</body>`, "text/html");
+  const objectUrls: string[] = [];
+  const images = Array.from(doc.body.querySelectorAll("img[src]"));
+
+  await Promise.all(images.map(async (image) => {
+    const src = image.getAttribute("src")?.trim();
+    if (!src) return;
+
+    const resolved = await resolveRepoImageUrl(repoContext, src);
+    if (!resolved) return;
+
+    image.setAttribute("src", resolved.url);
+    if (resolved.revoke) objectUrls.push(resolved.url);
+  }));
+
+  return { html: doc.body.innerHTML, objectUrls };
+}
+
+watch(
+  () => [props.content, props.repoContext] as const,
+  async ([content, repoContext], _, onCleanup) => {
+    let cancelled = false;
+    const previousUrls = activeObjectUrls;
+    const nextUrls: string[] = [];
+
+    onCleanup(() => {
+      cancelled = true;
+      revokeObjectUrls(nextUrls);
+    });
+
+    const md = await getMd();
+    const raw = md.render(content);
+    const sanitized = sanitizeRichHtml(raw);
+    const resolved = await resolveImageSources(sanitized, repoContext);
+    nextUrls.push(...resolved.objectUrls);
+
+    if (cancelled) return;
+
+    activeObjectUrls = nextUrls;
+    revokeObjectUrls(previousUrls);
+    renderedHtml.value = resolved.html;
+  },
+  { immediate: true },
+);
+
+onBeforeUnmount(() => {
+  revokeObjectUrls();
+});
 </script>
 
 <style scoped>
 .markdown-body {
   padding: 0 16px 24px;
+  color: var(--t-text-primary);
+  font-size: 14px;
+  line-height: 1.6;
+  word-break: break-word;
+}
+
+.markdown-body :deep(h1),
+.markdown-body :deep(h2),
+.markdown-body :deep(h3),
+.markdown-body :deep(h4),
+.markdown-body :deep(h5),
+.markdown-body :deep(h6) {
+  font-weight: 600;
+  line-height: 1.25;
+  margin: 24px 0 16px;
+  color: var(--t-text-primary);
 }
 
-.markdown-raw {
+.markdown-body :deep(h1) { font-size: 2em; border-bottom: 1px solid var(--t-border); padding-bottom: 0.3em; }
+.markdown-body :deep(h2) { font-size: 1.5em; border-bottom: 1px solid var(--t-border); padding-bottom: 0.3em; }
+.markdown-body :deep(h3) { font-size: 1.25em; }
+
+.markdown-body :deep(p) {
+  margin: 0 0 16px;
+}
+
+.markdown-body :deep(a) {
+  color: var(--t-accent);
+  text-decoration: none;
+}
+
+.markdown-body :deep(a:hover) {
+  text-decoration: underline;
+}
+
+.markdown-body :deep(code) {
   font-family: var(--t-mono);
-  font-size: 12px;
-  color: var(--t-text-secondary);
-  line-height: 1.6;
-  white-space: pre-wrap;
-  word-break: break-word;
-  margin: 0;
+  font-size: 0.875em;
   background: var(--t-surface-raised);
   border: 1px solid var(--t-border);
+  border-radius: 4px;
+  padding: 0.1em 0.4em;
+}
+
+.markdown-body :deep(pre) {
+  margin: 0 0 16px;
   border-radius: var(--t-radius-md);
-  padding: 14px 16px;
+  border: 1px solid var(--t-border);
+  overflow-x: auto;
+}
+
+.markdown-body :deep(pre code) {
+  background: transparent;
+  border: none;
+  padding: 0;
+  font-size: 12px;
+}
+
+.markdown-body :deep(.shiki) {
+  padding: 16px;
+  background: var(--t-surface-raised) !important;
+  font-family: var(--t-mono);
+  font-size: 12px;
+  line-height: 1.6;
+  tab-size: 2;
+}
+
+.markdown-body :deep(.shiki span) {
+  color: var(--shiki-light);
+}
+
+@media (prefers-color-scheme: dark) {
+  .markdown-body :deep(.shiki) {
+    background: var(--t-surface-raised) !important;
+  }
+
+  .markdown-body :deep(.shiki span) {
+    color: var(--shiki-dark);
+  }
+}
+
+.markdown-body :deep(blockquote) {
+  margin: 0 0 16px;
+  padding: 0 16px;
+  border-left: 4px solid var(--t-border);
+  color: var(--t-text-secondary);
+}
+
+.markdown-body :deep(ul),
+.markdown-body :deep(ol) {
+  margin: 0 0 16px;
+  padding-left: 2em;
+}
+
+.markdown-body :deep(li) {
+  margin: 4px 0;
+}
+
+.markdown-body :deep(table) {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 0 0 16px;
+  font-size: 13px;
   overflow-x: auto;
+  display: block;
+}
+
+.markdown-body :deep(th),
+.markdown-body :deep(td) {
+  padding: 6px 12px;
+  border: 1px solid var(--t-border);
+  text-align: left;
+}
+
+.markdown-body :deep(th) {
+  background: var(--t-surface-raised);
+  font-weight: 600;
+}
+
+.markdown-body :deep(tr:nth-child(even) td) {
+  background: var(--t-surface-raised);
+}
+
+.markdown-body :deep(img) {
+  max-width: 100%;
+  border-radius: var(--t-radius-md);
+}
+
+.markdown-body :deep(hr) {
+  border: none;
+  border-top: 1px solid var(--t-border);
+  margin: 24px 0;
 }
 </style>
diff --git a/src/core/query/client.ts b/src/core/query/client.ts
index 5a4162a..a398b2e 100644
--- a/src/core/query/client.ts
+++ b/src/core/query/client.ts
@@ -1,11 +1,13 @@
 import { QueryClient } from "@tanstack/vue-query";
 
+const isDev = import.meta.env.DEV;
+
 export const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
-      staleTime: 5 * 60 * 1000, // 5 minutes
-      gcTime: 10 * 60 * 1000, // 10 minutes
-      retry: 2,
+      staleTime: isDev ? 0 : 5 * 60 * 1000,
+      gcTime: isDev ? 0 : 10 * 60 * 1000,
+      retry: isDev ? 0 : 2,
     },
   },
 });
diff --git a/src/features/repo/IssueDetailPage.vue b/src/features/repo/IssueDetailPage.vue
index 4f2b928..a20e5c7 100644
--- a/src/features/repo/IssueDetailPage.vue
+++ b/src/features/repo/IssueDetailPage.vue
@@ -47,7 +47,7 @@
             <div class="section-head">
               <h2>Body</h2>
             </div>
-            <MarkdownRenderer v-if="issue.body" :content="issue.body" />
+            <MarkdownRenderer v-if="issue.body" :content="issue.body" :repo-context="markdownContext" />
             <EmptyState
               v-else
               :icon="documentTextOutline"
@@ -92,7 +92,8 @@ import SkeletonLoader from "@/components/common/SkeletonLoader.vue";
 import EmptyState from "@/components/common/EmptyState.vue";
 import MarkdownRenderer from "@/components/repo/MarkdownRenderer.vue";
 import CommentThread from "@/components/repo/CommentThread.vue";
-import { useIdentity, useRepoRecord, useIssueDetail, useIssueComments } from "@/services/tangled/queries.js";
+import { useIdentity, useRepoRecord, useIssueDetail, useIssueComments, useDefaultBranch } from "@/services/tangled/queries.js";
+import type { RepoAssetContext } from "@/services/tangled/repo-assets.js";
 
 const route = useRoute();
 const owner = computed(() => String(route.params.owner ?? ""));
@@ -105,7 +106,23 @@ const pds = computed(() => identity.data.value?.pds ?? "");
 const hasIdentity = computed(() => !!identity.data.value);
 
 const repoQuery = useRepoRecord(pds, did, repoName, owner, { enabled: hasIdentity });
+const knotHost = computed(() => repoQuery.data.value?.knot ?? "");
+const knotRepo = computed(() => (did.value && repoName.value ? `${did.value}/${repoName.value}` : ""));
+const branchQuery = useDefaultBranch(knotHost, knotRepo, {
+  enabled: computed(() => !!knotHost.value && !!knotRepo.value),
+});
 const repoAtUri = computed(() => repoQuery.data.value?.atUri ?? "");
+const markdownContext = computed<RepoAssetContext | undefined>(() => {
+  if (!knotHost.value || !knotRepo.value || !branchQuery.data.value?.name) return undefined;
+
+  return {
+    owner: owner.value,
+    repo: repoName.value,
+    branch: branchQuery.data.value.name,
+    knotHost: knotHost.value,
+    knotRepo: knotRepo.value,
+  };
+});
 
 const issueQuery = useIssueDetail(pds, did, owner, issueId, { enabled: hasIdentity });
 const issueAtUri = computed(() => issueQuery.data.value?.atUri ?? "");
diff --git a/src/features/repo/PullRequestDetailPage.vue b/src/features/repo/PullRequestDetailPage.vue
index ca7900e..8f484d4 100644
--- a/src/features/repo/PullRequestDetailPage.vue
+++ b/src/features/repo/PullRequestDetailPage.vue
@@ -56,7 +56,7 @@
             <div class="section-head">
               <h2>Body</h2>
             </div>
-            <MarkdownRenderer v-if="pullRequest.body" :content="pullRequest.body" />
+            <MarkdownRenderer v-if="pullRequest.body" :content="pullRequest.body" :repo-context="markdownContext" />
             <EmptyState
               v-else
               :icon="documentTextOutline"
@@ -104,9 +104,11 @@ import CommentThread from "@/components/repo/CommentThread.vue";
 import {
   useIdentity,
   useRepoRecord,
+  useDefaultBranch,
   usePullRequestDetail,
   usePullRequestComments,
 } from "@/services/tangled/queries.js";
+import type { RepoAssetContext } from "@/services/tangled/repo-assets.js";
 
 const route = useRoute();
 const owner = computed(() => String(route.params.owner ?? ""));
@@ -119,7 +121,23 @@ const pds = computed(() => identity.data.value?.pds ?? "");
 const hasIdentity = computed(() => !!identity.data.value);
 
 const repoQuery = useRepoRecord(pds, did, repoName, owner, { enabled: hasIdentity });
+const knotHost = computed(() => repoQuery.data.value?.knot ?? "");
+const knotRepo = computed(() => (did.value && repoName.value ? `${did.value}/${repoName.value}` : ""));
+const branchQuery = useDefaultBranch(knotHost, knotRepo, {
+  enabled: computed(() => !!knotHost.value && !!knotRepo.value),
+});
 const repoAtUri = computed(() => repoQuery.data.value?.atUri ?? "");
+const markdownContext = computed<RepoAssetContext | undefined>(() => {
+  if (!knotHost.value || !knotRepo.value || !branchQuery.data.value?.name) return undefined;
+
+  return {
+    owner: owner.value,
+    repo: repoName.value,
+    branch: branchQuery.data.value.name,
+    knotHost: knotHost.value,
+    knotRepo: knotRepo.value,
+  };
+});
 
 const pullQuery = usePullRequestDetail(pds, did, owner, pullId, { enabled: hasIdentity });
 const pullAtUri = computed(() => pullQuery.data.value?.atUri ?? "");
diff --git a/src/features/repo/RepoDetailPage.vue b/src/features/repo/RepoDetailPage.vue
index b95d1b4..e29efc4 100644
--- a/src/features/repo/RepoDetailPage.vue
+++ b/src/features/repo/RepoDetailPage.vue
@@ -38,7 +38,11 @@
 
       <!-- Content -->
       <template v-else>
-        <RepoOverview v-if="segment === 'overview'" :repo="repo" :commits="commits" />
+        <RepoOverview
+          v-if="segment === 'overview'"
+          :repo="repo"
+          :commits="commits"
+          :markdown-context="markdownContext" />
         <RepoFiles
           v-else-if="segment === 'files'"
           :knot-host="knotHost"
@@ -91,6 +95,7 @@ import {
   useRepoPRs,
 } from "@/services/tangled/queries.js";
 import type { RepoDetail } from "@/domain/models/repo.js";
+import type { RepoAssetContext } from "@/services/tangled/repo-assets.js";
 
 const route = useRoute();
 const router = useRouter();
@@ -136,6 +141,18 @@ const hasRecord = computed(() => !!recordQuery.data.value?.knot && !!did.value);
 const branchQuery = useDefaultBranch(knotHost, knotRepo, { enabled: hasRecord });
 const defaultBranch = computed(() => branchQuery.data.value?.name ?? "");
 const hasBranch = computed(() => !!branchQuery.data.value?.name);
+const markdownContext = computed<RepoAssetContext | undefined>(() => {
+  if (!knotHost.value || !knotRepo.value || !defaultBranch.value) return undefined;
+
+  return {
+    owner: owner.value,
+    repo: repoName.value,
+    branch: defaultBranch.value,
+    knotHost: knotHost.value,
+    knotRepo: knotRepo.value,
+    sourcePath: "README.md",
+  };
+});
 
 const languagesQuery = useRepoLanguages(knotHost, knotRepo, undefined, { enabled: hasBranch });
 const readmeQuery = useRepoBlob(knotHost, knotRepo, defaultBranch, "README.md", { readme: true, enabled: hasBranch });
diff --git a/src/features/repo/RepoFiles.vue b/src/features/repo/RepoFiles.vue
index a0da0bb..14b60d1 100644
--- a/src/features/repo/RepoFiles.vue
+++ b/src/features/repo/RepoFiles.vue
@@ -18,7 +18,15 @@
         title="Could not load file"
         :message="blobQuery.error.value instanceof Error ? blobQuery.error.value.message : 'Unknown error'" />
       <template v-else-if="blobQuery.data.value">
-        <div v-if="blobQuery.data.value.isBinary" class="binary-notice">
+        <div v-if="binaryPreviewUrl" class="image-preview-wrap">
+          <div class="file-meta">
+            <span class="file-size" v-if="blobQuery.data.value.size != null">
+              {{ formatSize(blobQuery.data.value.size) }}
+            </span>
+          </div>
+          <img :src="binaryPreviewUrl" :alt="selectedFile?.name ?? 'Repository image'" class="image-preview" />
+        </div>
+        <div v-else-if="blobQuery.data.value.isBinary" class="binary-notice">
           <ion-icon :icon="documentOutline" class="binary-icon" />
           Binary file — cannot display.
         </div>
@@ -28,7 +36,11 @@
               {{ formatSize(blobQuery.data.value.size) }}
             </span>
           </div>
-          <pre class="file-content"><code>{{ blobQuery.data.value.content }}</code></pre>
+          <div
+            v-if="highlightedHtml"
+            class="file-content shiki-wrap"
+            v-html="highlightedHtml" />
+          <pre v-else class="file-content"><code>{{ blobQuery.data.value.content }}</code></pre>
         </div>
       </template>
     </template>
@@ -55,7 +67,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from "vue";
+import { ref, computed, watch, onBeforeUnmount } from "vue";
 import { IonList, IonButton, IonIcon } from "@ionic/vue";
 import { folderOpenOutline, alertCircleOutline, arrowBackOutline, documentOutline } from "ionicons/icons";
 import FileTreeItem from "@/components/repo/FileTreeItem.vue";
@@ -63,6 +75,8 @@ import EmptyState from "@/components/common/EmptyState.vue";
 import SkeletonLoader from "@/components/common/SkeletonLoader.vue";
 import { useRepoBlob, useRepoTree } from "@/services/tangled/queries.js";
 import type { RepoFile } from "@/domain/models/repo.js";
+import { highlightCode } from "@/lib/syntax.js";
+import { createObjectUrlFromBlobContent } from "@/services/tangled/repo-assets.js";
 
 const props = defineProps<{ knotHost: string; knotRepo: string; branch: string }>();
 
@@ -124,6 +138,39 @@ function goBack() {
   currentPath.value = segments.join("/");
 }
 
+const highlightedHtml = ref<string | null>(null);
+const binaryPreviewUrl = ref<string | null>(null);
+
+watch(
+  () => [blobQuery.data.value?.content, selectedFile.value?.name] as const,
+  async ([content, name]) => {
+    highlightedHtml.value = null;
+    if (!content || !name) return;
+    highlightedHtml.value = await highlightCode(content, name);
+  },
+  { immediate: true },
+);
+
+watch(
+  () => blobQuery.data.value,
+  (blob) => {
+    if (binaryPreviewUrl.value) {
+      URL.revokeObjectURL(binaryPreviewUrl.value);
+      binaryPreviewUrl.value = null;
+    }
+
+    if (!blob) return;
+    binaryPreviewUrl.value = createObjectUrlFromBlobContent(blob);
+  },
+  { immediate: true },
+);
+
+onBeforeUnmount(() => {
+  if (binaryPreviewUrl.value) {
+    URL.revokeObjectURL(binaryPreviewUrl.value);
+  }
+});
+
 function formatSize(bytes: number): string {
   if (bytes < 1024) return `${bytes} B`;
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
@@ -167,6 +214,19 @@ function formatSize(bytes: number): string {
   overflow: auto;
 }
 
+.image-preview-wrap {
+  display: flex;
+  flex-direction: column;
+}
+
+.image-preview {
+  display: block;
+  width: 100%;
+  height: auto;
+  object-fit: contain;
+  background: var(--t-surface-raised);
+}
+
 .file-meta {
   padding: 6px 16px;
   border-bottom: 1px solid var(--t-border);
@@ -204,4 +264,32 @@ function formatSize(bytes: number): string {
 .binary-icon {
   font-size: 20px;
 }
+
+.shiki-wrap :deep(.shiki) {
+  margin: 0;
+  padding: 16px;
+  font-family: var(--t-mono);
+  font-size: 12px;
+  line-height: 1.6;
+  tab-size: 2;
+  overflow-x: auto;
+  background: transparent !important;
+}
+
+.shiki-wrap :deep(.shiki code) {
+  font-family: inherit;
+  font-size: inherit;
+  background: transparent !important;
+}
+
+/* Dual-theme: light tokens visible by default, dark tokens on dark scheme */
+.shiki-wrap :deep(.shiki span) {
+  color: var(--shiki-light);
+}
+
+@media (prefers-color-scheme: dark) {
+  .shiki-wrap :deep(.shiki span) {
+    color: var(--shiki-dark);
+  }
+}
 </style>
diff --git a/src/features/repo/RepoOverview.vue b/src/features/repo/RepoOverview.vue
index 75bb105..0b75520 100644
--- a/src/features/repo/RepoOverview.vue
+++ b/src/features/repo/RepoOverview.vue
@@ -43,7 +43,7 @@
     <!-- README -->
     <div class="section">
       <h3 class="section-label">README</h3>
-      <MarkdownRenderer v-if="repo.readme" :content="repo.readme" />
+      <MarkdownRenderer v-if="repo.readme" :content="repo.readme" :repo-context="markdownContext" />
       <EmptyState v-else :icon="documentOutline" title="No README" message="This repo doesn't have a README yet." />
     </div>
 
@@ -69,8 +69,9 @@
   import EmptyState from "@/components/common/EmptyState.vue";
   import type { RepoDetail } from "@/domain/models/repo.js";
   import type { CommitEntry } from "@/services/tangled/queries.js";
+  import type { RepoAssetContext } from "@/services/tangled/repo-assets.js";
 
-  const props = defineProps<{ repo: RepoDetail; commits?: CommitEntry[] }>();
+  const props = defineProps<{ repo: RepoDetail; commits?: CommitEntry[]; markdownContext?: RepoAssetContext }>();
 
   function relativeTime(iso: string): string {
     const d = new Date(iso);
diff --git a/src/lib/html.ts b/src/lib/html.ts
new file mode 100644
index 0000000..2e2e2ac
--- /dev/null
+++ b/src/lib/html.ts
@@ -0,0 +1,31 @@
+import DOMPurify from "dompurify";
+
+const SANITIZE_CONFIG = {
+  USE_PROFILES: { html: true },
+  ADD_ATTR: ["class", "style"],
+};
+
+export function sanitizeRichHtml(html: string): string {
+  return stripHtmlComments(DOMPurify.sanitize(html, SANITIZE_CONFIG));
+}
+
+export function stripHtmlComments(html: string): string {
+  if (typeof DOMParser === "undefined" || typeof NodeFilter === "undefined") {
+    return html.replace(/<!--[\s\S]*?-->/g, "");
+  }
+
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(`<body>${html}</body>`, "text/html");
+  const walker = doc.createTreeWalker(doc.body, NodeFilter.SHOW_COMMENT);
+  const comments: Comment[] = [];
+
+  for (let current = walker.nextNode(); current; current = walker.nextNode()) {
+    comments.push(current as Comment);
+  }
+
+  for (const comment of comments) {
+    comment.parentNode?.removeChild(comment);
+  }
+
+  return doc.body.innerHTML;
+}
diff --git a/src/lib/syntax.ts b/src/lib/syntax.ts
new file mode 100644
index 0000000..5fb4f48
--- /dev/null
+++ b/src/lib/syntax.ts
@@ -0,0 +1,114 @@
+import { createHighlighter, type Highlighter } from "shiki";
+import { sanitizeRichHtml } from "./html.js";
+
+let promise: Promise<Highlighter> | null = null;
+
+export function getHighlighter(): Promise<Highlighter> {
+  if (!promise) {
+    promise = createHighlighter({
+      themes: ["github-light", "github-dark"],
+      langs: [],
+    });
+  }
+  return promise;
+}
+
+const LANG_MAP: Record<string, string> = {
+  js: "javascript",
+  mjs: "javascript",
+  cjs: "javascript",
+  jsx: "jsx",
+  ts: "typescript",
+  mts: "typescript",
+  cts: "typescript",
+  tsx: "tsx",
+  vue: "vue",
+  svelte: "svelte",
+  astro: "astro",
+  py: "python",
+  rb: "ruby",
+  rs: "rust",
+  go: "go",
+  java: "java",
+  kt: "kotlin",
+  kts: "kotlin",
+  swift: "swift",
+  c: "c",
+  h: "c",
+  cpp: "cpp",
+  cc: "cpp",
+  cxx: "cpp",
+  hpp: "cpp",
+  cs: "csharp",
+  css: "css",
+  scss: "scss",
+  sass: "sass",
+  less: "less",
+  html: "html",
+  htm: "html",
+  json: "json",
+  jsonc: "jsonc",
+  yaml: "yaml",
+  yml: "yaml",
+  toml: "toml",
+  xml: "xml",
+  svg: "xml",
+  md: "markdown",
+  mdx: "mdx",
+  sh: "bash",
+  bash: "bash",
+  zsh: "bash",
+  fish: "fish",
+  ps1: "powershell",
+  sql: "sql",
+  graphql: "graphql",
+  gql: "graphql",
+  tf: "terraform",
+  r: "r",
+  lua: "lua",
+  php: "php",
+  dart: "dart",
+  ex: "elixir",
+  exs: "elixir",
+  erl: "erlang",
+  elm: "elm",
+  clj: "clojure",
+  cljs: "clojure",
+  hs: "haskell",
+  nix: "nix",
+  proto: "proto",
+  ini: "ini",
+  conf: "ini",
+};
+
+export function detectLang(filename: string): string | null {
+  const lower = filename.toLowerCase();
+  if (lower === "dockerfile" || lower.startsWith("dockerfile.")) return "dockerfile";
+  if (lower === "makefile" || lower === "gnumakefile") return "makefile";
+  if (lower === "gemfile" || lower === "rakefile") return "ruby";
+  if (lower === ".env" || lower.startsWith(".env.")) return "bash";
+
+  const ext = lower.split(".").pop();
+  if (!ext || ext === lower) return null;
+  return LANG_MAP[ext] ?? null;
+}
+
+export async function highlightCode(code: string, filename: string): Promise<string | null> {
+  const lang = detectLang(filename);
+  if (!lang) return null;
+
+  const hl = await getHighlighter();
+  const loaded = hl.getLoadedLanguages();
+  if (!loaded.includes(lang as never)) {
+    try {
+      await hl.loadLanguage(lang as never);
+    } catch {
+      return null;
+    }
+  }
+
+  return sanitizeRichHtml(hl.codeToHtml(code, {
+    lang,
+    themes: { light: "github-light", dark: "github-dark" },
+  }));
+}
diff --git a/src/main.ts b/src/main.ts
index 39d1be7..e062c91 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -34,7 +34,11 @@ import "@ionic/vue/css/palettes/dark.system.css";
 /* Theme variables */
 import "./theme/variables.css";
 
-persistQueryClient({ queryClient: queryClient as any, persister: createIdbPersister(), maxAge: 30 * 60 * 1000 });
+if (import.meta.env.DEV) {
+  void createIdbPersister().removeClient();
+} else {
+  persistQueryClient({ queryClient: queryClient as any, persister: createIdbPersister(), maxAge: 30 * 60 * 1000 });
+}
 
 const app = createApp(App).use(IonicVue).use(router).use(createPinia()).use(VueQueryPlugin, { queryClient });
 
diff --git a/src/services/tangled/repo-assets.ts b/src/services/tangled/repo-assets.ts
new file mode 100644
index 0000000..a54bf38
--- /dev/null
+++ b/src/services/tangled/repo-assets.ts
@@ -0,0 +1,115 @@
+import { fetchRepoBlob } from "./endpoints.js";
+import { normalizeBlob, type BlobContent } from "./normalizers.js";
+
+export type RepoAssetContext = {
+  owner: string;
+  repo: string;
+  branch: string;
+  knotHost: string;
+  knotRepo: string;
+  sourcePath?: string;
+};
+
+const EXTERNAL_URL_RE = /^(?:[a-z][a-z0-9+.-]*:)?\/\//i;
+const SCHEME_RE = /^[a-z][a-z0-9+.-]*:/i;
+
+export function isRenderableImage(blob: Pick<BlobContent, "mimeType">): boolean {
+  return !!blob.mimeType?.toLowerCase().startsWith("image/");
+}
+
+export function createObjectUrlFromBlobContent(blob: BlobContent): string | null {
+  if (!isRenderableImage(blob)) return null;
+
+  const browserBlob = toBrowserBlob(blob);
+  if (!browserBlob) return null;
+
+  return URL.createObjectURL(browserBlob);
+}
+
+export function buildPublicRawUrl(context: RepoAssetContext, repoPath: string): string {
+  const owner = encodeURIComponent(context.owner);
+  const repo = encodeURIComponent(context.repo);
+  const branch = encodeURIComponent(context.branch);
+  const path = repoPath
+    .split("/")
+    .filter(Boolean)
+    .map((segment) => encodeURIComponent(segment))
+    .join("/");
+
+  return `https://tangled.org/${owner}/${repo}/raw/${branch}/${path}`;
+}
+
+export function resolveRepoRelativePath(sourcePath: string | undefined, src: string): string | null {
+  const value = src.trim();
+  if (!value || value.startsWith("#") || value.startsWith("data:") || value.startsWith("blob:")) return null;
+  if (EXTERNAL_URL_RE.test(value) || SCHEME_RE.test(value)) return null;
+
+  const [pathOnly] = value.split(/[?#]/, 1);
+  if (!pathOnly) return null;
+
+  const baseSegments = value.startsWith("/")
+    ? []
+    : (sourcePath ? dirname(sourcePath).split("/").filter(Boolean) : []);
+
+  const segments = pathOnly.replace(/^\/+/, "").split("/");
+  const resolved = [...baseSegments];
+
+  for (const segment of segments) {
+    if (!segment || segment === ".") continue;
+
+    if (segment === "..") {
+      if (!resolved.length) return null;
+      resolved.pop();
+      continue;
+    }
+
+    resolved.push(segment);
+  }
+
+  return resolved.join("/");
+}
+
+export async function resolveRepoImageUrl(
+  context: RepoAssetContext,
+  src: string,
+): Promise<{ url: string; revoke: boolean } | null> {
+  const repoPath = resolveRepoRelativePath(context.sourcePath, src);
+  if (!repoPath) return null;
+
+  try {
+    const blob = normalizeBlob(await fetchRepoBlob(context.knotHost, {
+      repo: context.knotRepo,
+      ref: context.branch,
+      path: repoPath,
+    }));
+
+    const objectUrl = createObjectUrlFromBlobContent(blob);
+    if (objectUrl) return { url: objectUrl, revoke: true };
+  } catch {
+    // Fall back to the public raw URL if the XRPC lookup fails.
+  }
+
+  return { url: buildPublicRawUrl(context, repoPath), revoke: false };
+}
+
+function dirname(path: string): string {
+  const segments = path.split("/").filter(Boolean);
+  segments.pop();
+  return segments.join("/");
+}
+
+function toBrowserBlob(blob: BlobContent): Blob | null {
+  const type = blob.mimeType ?? "application/octet-stream";
+
+  if (blob.encoding === "base64") {
+    try {
+      const binary = atob(blob.content);
+      const bytes = Uint8Array.from(binary, (char) => char.charCodeAt(0));
+      return new Blob([bytes], { type });
+    } catch {
+      return null;
+    }
+  }
+
+  return new Blob([blob.content], { type });
+}
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index 2f06ebf..2b71d9c 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -1,3 +1,19 @@
 /// <reference types="vite/client" />
 /// <reference types="@atcute/bluesky" />
 /// <reference types="@atcute/tangled" />
+
+declare module "markdown-it" {
+  type MarkdownIt = {
+    render(content: string): string;
+    use(plugin: (...args: any[]) => unknown, ...params: any[]): MarkdownIt;
+  };
+
+  type MarkdownItOptions = {
+    html?: boolean;
+    linkify?: boolean;
+    typographer?: boolean;
+  };
+
+  const markdownit: (options?: MarkdownItOptions) => MarkdownIt;
+  export default markdownit;
+}
diff --git a/tests/unit/tangled-normalizers.spec.ts b/tests/unit/tangled-normalizers.spec.ts
index b39d0c2..f7df23d 100644
--- a/tests/unit/tangled-normalizers.spec.ts
+++ b/tests/unit/tangled-normalizers.spec.ts
@@ -1,6 +1,7 @@
 import { describe, expect, it } from "vitest";
 import { buildKnotUrl } from "@/services/tangled/endpoints.js";
 import { buildIssueCommentThread, normalizeLogText, normalizeRepoRecord, normalizeTree } from "@/services/tangled/normalizers.js";
+import { buildPublicRawUrl, resolveRepoRelativePath } from "@/services/tangled/repo-assets.js";
 import { getAtUriRkey, parseAtUri } from "@/services/tangled/uris.js";
 import type { IssueComment } from "@/domain/models/comment.js";
 
@@ -117,6 +118,26 @@ describe("AT URI helpers", () => {
       when: "2026-03-21T15:08:58Z",
     });
   });
+
+  it("resolves repo-relative markdown asset paths", () => {
+    expect(resolveRepoRelativePath("docs/guides/README.md", "../images/sidebar.png")).toBe("docs/images/sidebar.png");
+    expect(resolveRepoRelativePath("README.md", "/www/src/static/images/context-menu-in-sidebar.png")).toBe(
+      "www/src/static/images/context-menu-in-sidebar.png",
+    );
+    expect(resolveRepoRelativePath("README.md", "../../../escape.png")).toBeNull();
+  });
+
+  it("builds public raw URLs for repo assets", () => {
+    expect(buildPublicRawUrl({
+      owner: "desertthunder.dev",
+      repo: "writer",
+      branch: "main",
+      knotHost: "unused",
+      knotRepo: "unused",
+    }, "www/src/static/images/context-menu-in-sidebar.png")).toBe(
+      "https://tangled.org/desertthunder.dev/writer/raw/main/www/src/static/images/context-menu-in-sidebar.png",
+    );
+  });
 });
 
 describe("buildIssueCommentThread", () => {