fix(app): fix numbered list rendering in web markdown (#9723)

2 files changed, 28 insertions, 0 deletions

diff --git a/packages/app/AGENTS.md b/packages/app/AGENTS.md
index 85e6a8466..765e960c8 100644
--- a/packages/app/AGENTS.md
+++ b/packages/app/AGENTS.md
@@ -2,6 +2,14 @@
 
 - NEVER try to restart the app, or the server process, EVER.
 
+## Local Dev
+
+- `opencode dev web` proxies `https://app.opencode.ai`, so local UI/CSS changes will not show there.
+- For local UI changes, run the backend and app dev servers separately.
+- Backend (from `packages/opencode`): `bun run --conditions=browser ./src/index.ts serve --port 4096`
+- App (from `packages/app`): `bun dev -- --port 4444`
+- Open `http://localhost:4444` to verify UI changes (it targets the backend at `http://localhost:4096`).
+
 ## SolidJS
 
 - Always prefer `createStore` over multiple `createSignal` calls
diff --git a/packages/app/src/index.css b/packages/app/src/index.css
index d9d51aa8f..4edbe2440 100644
--- a/packages/app/src/index.css
+++ b/packages/app/src/index.css
@@ -6,6 +6,26 @@
   }
 }
 
+[data-component="markdown"] ul {
+  list-style: disc outside;
+  padding-left: 1.5rem;
+}
+
+[data-component="markdown"] ol {
+  list-style: decimal outside;
+  padding-left: 1.5rem;
+}
+
+[data-component="markdown"] li > p:first-child {
+  display: inline;
+  margin: 0;
+}
+
+[data-component="markdown"] li > p + p {
+  display: block;
+  margin-top: 0.5rem;
+}
+
 *[data-tauri-drag-region] {
   app-region: drag;
 }