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

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

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;
 }