fix(mcp): configure Figma OAuth client

2026-08-03 00:36:20 -04:00 · 2026-06-17 13:28:55 +02:00
835 changed files with 16571 additions and 35033 deletions
@@ -2,4 +2,4 @@ blank_issues_enabled: false
 contact_links:
  - name: 💬 Discord Community
    url: https://discord.gg/opencode
-    about: For support, troubleshooting, how-to questions, and real-time discussion.
+    about: For quick questions or real-time discussion. Note that issues are searchable and help others with the same question.
@@ -0,0 +1,10 @@
+name: Question
+description: Ask a question
+body:
+  - type: textarea
+    id: question
+    attributes:
+      label: Question
+      description: What's your question?
+    validations:
+      required: true
@@ -325,7 +325,6 @@ jobs:
        run: bun run build
        working-directory: packages/desktop
        env:
-          NODE_OPTIONS: --max-old-space-size=4096
          OPENCODE_CHANNEL: ${{ (github.ref_name == 'beta' && 'beta') || 'prod' }}
          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
          SENTRY_ORG: ${{ vars.SENTRY_ORG }}
@@ -9,7 +9,6 @@ on:
      - "bun.lock"
      - "packages/storybook/**"
      - "packages/ui/**"
-      - "packages/session-ui/**"
  pull_request:
    branches: [dev]
    paths:
@@ -18,7 +17,6 @@ on:
      - "bun.lock"
      - "packages/storybook/**"
      - "packages/ui/**"
-      - "packages/session-ui/**"
  workflow_dispatch:

 concurrency:
@@ -65,7 +65,7 @@ jobs:

      - name: Run unit tests
        timeout-minutes: 20
-        run: GITHUB_ACTIONS=false bun turbo test
+        run: bun turbo test --output-logs=errors-only --log-order=grouped --log-prefix=task
        env:
          OPENCODE_EXPERIMENTAL_DISABLE_FILEWATCHER: ${{ runner.os == 'Windows' && 'true' || 'false' }}

@@ -99,8 +99,7 @@ jobs:
      - name: Setup Node
        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
        with:
-          # Playwright 1.59 hangs while extracting Chromium with Node 24.16.
-          node-version: "24.15"
+          node-version: "24"

      - name: Setup Bun
        uses: ./.github/actions/setup-bun
@@ -137,7 +137,7 @@ const table = sqliteTable("session", {

 ## Testing

- Avoid mocks as much as possible, you shouldn't be using globalThis.\* at all unless it's the only option.
+- Avoid mocks as much as possible
 - Test actual implementation, do not duplicate logic into tests
 - Tests cannot run from repo root (guard: `do-not-run-tests-from-root`); run from package dirs like `packages/opencode`.

@@ -152,7 +152,7 @@ const table = sqliteTable("session", {
 - Keep `SessionExecution` process-global and Session-ID based. Its local implementation owns the process-local Session coordinator and discovers placement through `SessionStore` plus `LocationServiceMap.get(session.location)` only when a drain starts; no layer should take a Session ID. V2 interruption targets the active process-local ownership chain for that Session; idle or missing interruption is a no-op.
 - Keep `SessionRunner`, model resolution, tool registry, permissions, and filesystem Location-scoped. Omitted `Location.workspaceID` means implicit-local placement; explicit workspace identity remains reserved for future placement semantics.
 - Preserve one explicit `llm.stream(request)` call per provider turn and reload projected history before durable continuation. Do not bridge through legacy `SessionPrompt.loop(...)` or delegate orchestration to an in-memory tool loop.
- Keep local Session drains process-local until clustering is implemented. `SessionRunCoordinator` joins explicit same-Session resumes, coalesces prompt wakeups, and allows different Sessions to run concurrently. Advisory wakes drain eligible durable inbox rows only; post-crash continuation recovery requires a separate explicit design before it may retry provider work. A drain has no durable identity or transcript boundary.
- Keep delivery vocabulary explicit. Prompts steer by default and promote at the next safe provider-turn boundary while the current drain requires continuation. An explicit `queue` input remains pending until the Session would otherwise become idle; promote one queued input at that boundary, then reevaluate continuation before promoting another. Promoting any new user input resets the selected agent's provider-turn allowance; a batch of steers resets it once.
+- Keep local Session drains process-local until clustering is implemented. `SessionRunCoordinator` joins explicit same-Session resumes, coalesces prompt wakeups, and allows different Sessions to run concurrently. Advisory wakes drain eligible durable inbox rows only; post-crash activity recovery requires a separate explicit design before it may retry provider work.
+- Keep delivery vocabulary explicit. Prompts steer by default and coalesce into the active activity at the next safe provider-turn boundary. Explicit `queue` inputs open FIFO future activities one at a time after the active activity settles.
 - Keep EventV2 replay owner claims separate from clustered Session execution ownership.
 - Keep the System Context algebra, registry, and built-ins in `src/system-context`; keep Context Source producers with their observed domains, and keep Session History selection plus Context Epoch persistence Session-owned.
@@ -24,7 +24,7 @@ A durable chronological instruction that tells the model the newly effective sta
 _Avoid_: System update, system notification, raw text diff

 **Context Epoch**:
-The span during which one initially rendered **System Context** remains the immutable provider-cache baseline, ending at completed compaction, Session movement, or an incompatible context transition that requires a fresh baseline.
+The span during which one effective agent's initially rendered **System Context** remains immutable, ending at compaction or another baseline-replacing transition.

 **Baseline System Context**:
 The full **System Context** rendered at the start of a **Context Epoch**.
@@ -39,24 +39,19 @@ An expected temporary inability to observe a **Context Source** value; the runti
 **Safe Provider-Turn Boundary**:
 The point immediately before a provider call, after durable input promotion and any required tool settlement, where context changes may be admitted chronologically.

-**Admitted Prompt**:
-A durable user input accepted into the Session inbox but not yet included in **Session History**.
-
-**Prompt Promotion**:
-The durable transition that removes an **Admitted Prompt** from pending input and appends its user message to **Session History**.
-
-**Provider Turn**:
-One request to a model provider and the response projected from that request.
-
-**Session Drain**:
-One process-local execution span that promotes eligible input and runs required **Provider Turns** until no immediate continuation remains. A Session Drain has no durable identity or transcript boundary.
-
 **Model Tool Output**:
 The bounded projection of a Core-executed tool result persisted in Session history and replayed to the model. A tool may shape this projection semantically, but the Tool Registry enforces the final size limit.

 **Managed Tool Output File**:
 A temporary file created under OpenCode's shared tool-output directory to retain complete output that was too large for Session history.

+**Model Request Options**:
+Provider-semantic model settings selected from the Catalog and active Session variant before the LLM protocol adapter encodes them for a provider request.
+_Avoid_: Request body, wire options
+
+**Generation Controls**:
+Provider-neutral sampling and output controls, partitioned from provider semantics and compatibility wire fields when model metadata enters the Catalog.
+
 **PTY Environment**:
 The host-supplied environment overlay applied by the server when creating a PTY, observed for the request Location and resolved PTY working directory.

@@ -72,11 +67,6 @@ The host-supplied environment overlay applied by the server when creating a PTY,
 - Changes from multiple **Context Sources** admitted at one safe boundary combine into one **Mid-Conversation System Message**.
 - Context changes are sampled and admitted lazily at a **Safe Provider-Turn Boundary**, never pushed asynchronously when their source changes.
 - At a **Safe Provider-Turn Boundary**, newly promoted user input or settled tool results precede any combined **Mid-Conversation System Message**.
- An **Admitted Prompt** is replayable pending input, not yet model-visible **Session History**.
- **Prompt Promotion** atomically consumes the pending inbox entry and appends its model-visible user message.
- Steering prompts promote at the next **Safe Provider-Turn Boundary** while the current **Session Drain** still requires continuation. Promoting any newly admitted user input resets the selected agent's provider-turn allowance; multiple prompts promoted at one boundary reset it once.
- A queued prompt does not promote while the current **Session Drain** requires continuation. The runner promotes one queued prompt when the Session would otherwise become idle, then reevaluates continuation before promoting another.
- A **Session Drain** is process-local coordination rather than a durable domain entity. Durable recovery must reason from prompts, projected history, provider attempts, and tool state rather than inventing an enclosing execution identity.
 - The first provider turn renders the latest complete **Baseline System Context** and initializes its **Context Snapshot** without emitting a redundant **Mid-Conversation System Message**; unavailable initial context blocks the turn instead of persisting an incomplete baseline.
 - Initial **System Context** preparation precedes the first durable input promotion so an unavailable baseline leaves that input pending and retryable; ordinary reconciliation remains after promotion.
 - Compaction starts a new **Context Epoch** with a freshly rendered **Baseline System Context** and **Context Snapshot**; prior **Mid-Conversation System Messages** remain durable audit history but leave projected model history.
@@ -85,28 +75,33 @@ The host-supplied environment overlay applied by the server when creating a PTY,
 - Each **Context Source** loader returns one coherent typed value. `SystemContext.make(...)` hides that value type so differently typed sources compose uniformly. Its codec compares and stores that value; its pure renderers produce model-visible baseline, update, and removal text only when needed.
 - `SystemContext.initialize(...)` observes a composed **System Context** once and produces a fresh **Baseline System Context** with its **Context Snapshot**.
 - `SystemContext.reconcile(...)` observes a composed **System Context** once and returns exactly one next action: unchanged, updated, replacement ready, or replacement blocked.
- `SystemContext.replace(...)` renders a fresh generation after completed compaction or another baseline-replacing transition; it reports replacement blocked while previously admitted context is unavailable.
+- `SystemContext.replace(...)` represents an explicit baseline-replacing transition such as compaction or model/provider switch; it either produces a fresh generation or reports that replacement is blocked by unavailable admitted context.
+- Context Epoch preparation retries until stable after optimistic revision mismatches so concurrent replacement requests cannot terminate an otherwise valid safe-boundary run.
 - **Unavailable Context** uses stale-while-revalidate semantics and is distinct from a successfully loaded absence, which may emit removal text.
 - Ordinary **Context Source** loaders return values directly; loaders that intentionally use stale-while-revalidate may explicitly return **Unavailable Context**.
 - Nested project instruction discovery after successful reads remains a follow-up; when implemented, discovered instructions must be admitted durably at the next **Safe Provider-Turn Boundary**.
 - Location-scoped services naturally re-resolve effective context when a moved session next runs in its destination location.
 - Moving a Session clears its active **Context Epoch**, so the destination must initialize a complete baseline before another prompt can promote.
+- Context Epoch initialization is fenced against the authoritative Session Location, so an old-Location runner cannot recreate source context after a concurrent move.
 - Instruction discovery, source identity, persistence, and file loading belong to the instruction service; the **System Context** abstraction only composes effectful producers and renders loaded values.
 - The first instruction-service slice observes global and upward project `AGENTS.md` files as one ordered aggregate **Context Source** at each **Safe Provider-Turn Boundary**.
 - Built-in and instruction context producers register through the **System Context Registry** with stable contribution keys. Plugin-defined context registration and hot-reload lifecycle remain a follow-up built on the same scoped registry seam.
 - Selected-agent available-skill guidance is a **Context Source** composed with Location-wide registry sources immediately before Context Epoch admission. It lists only names and descriptions permitted for that agent; skill bodies and locations are exposed only through the permission-checked `skill` tool.
- The selected agent and model are sampled when a provider turn starts. Changes admitted after that boundary apply to the next provider turn and do not restart the current turn.
- Selected-agent available-skill guidance remains a **Context Source**. An agent switch that changes that guidance produces a **Mid-Conversation System Message** while preserving the current baseline.
+- Switching the selected agent requests **Context Epoch** replacement. A switch admitted after the current **Safe Provider-Turn Boundary** applies to the next provider turn while leaving the already-prepared baseline durable. Epoch creation is fenced against the authoritative effective agent, and retries re-observe the current agent.
+- A cross-agent replacement must complete before another provider turn; unavailable admitted context blocks that replacement instead of exposing the previous agent's privileged baseline.
 - Local tool authorization and pending permission requests retain the effective agent of the provider turn that issued the call; a later agent switch cannot change that call's policy.
 - Context source changes never wake idle sessions; the next naturally scheduled **Safe Provider-Turn Boundary** loads and compares current values lazily.
 - Once admitted, a **Mid-Conversation System Message** remains durable even if the following provider attempt fails and is replayed unchanged on retry.
 - **Mid-Conversation System Messages** remain durable Session-message history; normal user-facing transcript surfaces may hide them.
 - The date **Context Source** initially preserves host-local calendar-date behavior; a configured user timezone may replace that default later.
 - A **Context Epoch** begins with one immutable **Baseline System Context**.
+- A **Context Epoch** durably records the effective agent that owns its **Baseline System Context**.
 - A **Baseline System Context** is stored durably and reused verbatim across process restarts within its **Context Epoch**.
 - A **Baseline System Context** durably preserves the exact joined text used for the active provider-cache prefix.
- Completed compaction starts a new **Context Epoch** on the next provider attempt, folding the current complete **System Context** into a fresh baseline and removing earlier **Mid-Conversation System Messages** from active model history.
- A model/provider switch preserves the current **Context Epoch** and chronological conversation history; the new selection applies to the next provider turn.
+- Compaction or a model/provider switch starts a new **Context Epoch** because the baseline can be replaced without preserving the prior provider cache.
+- A model/provider switch always starts a new **Context Epoch** while preserving chronological conversation history.
+- **Model Request Options** remain provider-semantic through Catalog resolution. The Session runner maps them into the LLM package's provider-option namespace; the selected protocol adapter alone owns provider wire encoding.
+- **Generation Controls**, protocol-semantic **Model Request Options**, and compatibility request body fields are separate Catalog domains. A shared ingestion adapter partitions legacy and models.dev AI-SDK-shaped options before routing.
 - The **PTY Environment** is a server concern rather than a Core PTY concern. PTY creation merges caller values, then the host overlay, then Core-forced terminal invariants such as `TERM` and `OPENCODE_TERMINAL`.
 - A **PTY Environment** adapter observes plugins in the request Location while passing the resolved PTY working directory to the hook; standalone servers use an empty adapter.
 - A **Mid-Conversation System Message** lowers to the provider's native chronological instruction role when supported and to a wrapped chronological fallback otherwise.
@@ -29,12 +29,11 @@
    },
    "packages/app": {
      "name": "@opencode-ai/app",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@kobalte/core": "catalog:",
        "@opencode-ai/core": "workspace:*",
        "@opencode-ai/sdk": "workspace:*",
-        "@opencode-ai/session-ui": "workspace:*",
        "@opencode-ai/ui": "workspace:*",
        "@pierre/trees": "1.0.0-beta.4",
        "@sentry/solid": "catalog:",
@@ -87,7 +86,7 @@
    },
    "packages/cli": {
      "name": "@opencode-ai/cli",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "bin": {
        "lildax": "./bin/lildax.cjs",
      },
@@ -112,7 +111,7 @@
    },
    "packages/console/app": {
      "name": "@opencode-ai/console-app",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@cloudflare/vite-plugin": "1.15.2",
        "@ibm/plex": "6.4.1",
@@ -148,7 +147,7 @@
    },
    "packages/console/core": {
      "name": "@opencode-ai/console-core",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@aws-sdk/client-sts": "3.782.0",
        "@jsx-email/render": "1.1.1",
@@ -175,7 +174,7 @@
    },
    "packages/console/function": {
      "name": "@opencode-ai/console-function",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@ai-sdk/anthropic": "3.0.82",
        "@ai-sdk/openai": "3.0.48",
@@ -197,7 +196,7 @@
    },
    "packages/console/mail": {
      "name": "@opencode-ai/console-mail",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@jsx-email/all": "2.2.3",
        "@jsx-email/cli": "1.4.3",
@@ -221,7 +220,7 @@
    },
    "packages/console/support": {
      "name": "@opencode-ai/console-support",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@cloudflare/vite-plugin": "1.15.2",
        "@opencode-ai/console-core": "workspace:*",
@@ -241,7 +240,7 @@
    },
    "packages/core": {
      "name": "@opencode-ai/core",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "bin": {
        "opencode": "./bin/opencode",
      },
@@ -277,8 +276,6 @@
        "@opencode-ai/effect-drizzle-sqlite": "workspace:*",
        "@opencode-ai/effect-sqlite-node": "workspace:*",
        "@opencode-ai/llm": "workspace:*",
-        "@opencode-ai/plugin": "workspace:*",
-        "@opencode-ai/schema": "workspace:*",
        "@openrouter/ai-sdk-provider": "2.9.0",
        "@opentelemetry/api": "1.9.0",
        "@opentelemetry/context-async-hooks": "2.6.1",
@@ -334,7 +331,7 @@
    },
    "packages/desktop": {
      "name": "@opencode-ai/desktop",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@zip.js/zip.js": "2.7.62",
        "effect": "catalog:",
@@ -388,7 +385,7 @@
    },
    "packages/effect-drizzle-sqlite": {
      "name": "@opencode-ai/effect-drizzle-sqlite",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "drizzle-orm": "catalog:",
        "effect": "catalog:",
@@ -402,7 +399,7 @@
    },
    "packages/effect-sqlite-node": {
      "name": "@opencode-ai/effect-sqlite-node",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "effect": "catalog:",
      },
@@ -414,11 +411,10 @@
    },
    "packages/enterprise": {
      "name": "@opencode-ai/enterprise",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@hono/standard-validator": "catalog:",
        "@opencode-ai/core": "workspace:*",
-        "@opencode-ai/session-ui": "workspace:*",
        "@opencode-ai/ui": "workspace:*",
        "@pierre/diffs": "catalog:",
        "@solidjs/meta": "catalog:",
@@ -446,7 +442,7 @@
    },
    "packages/function": {
      "name": "@opencode-ai/function",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@octokit/auth-app": "8.0.1",
        "@octokit/rest": "catalog:",
@@ -462,10 +458,10 @@
    },
    "packages/http-recorder": {
      "name": "@opencode-ai/http-recorder",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
-        "@effect/platform-node": "4.0.0-beta.83",
-        "@effect/platform-node-shared": "4.0.0-beta.83",
+        "@effect/platform-node": "4.0.0-beta.74",
+        "@effect/platform-node-shared": "4.0.0-beta.74",
      },
      "devDependencies": {
        "@tsconfig/node22": "catalog:",
@@ -476,14 +472,13 @@
        "typescript": "catalog:",
      },
      "peerDependencies": {
-        "effect": "4.0.0-beta.83",
+        "effect": "4.0.0-beta.74",
      },
    },
    "packages/llm": {
      "name": "@opencode-ai/llm",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
-        "@opencode-ai/schema": "workspace:*",
        "@smithy/eventstream-codec": "4.2.14",
        "@smithy/util-utf8": "4.2.2",
        "aws4fetch": "1.0.20",
@@ -500,7 +495,7 @@
    },
    "packages/opencode": {
      "name": "opencode",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "bin": {
        "opencode": "./bin/opencode",
      },
@@ -539,7 +534,6 @@
        "@openauthjs/openauth": "catalog:",
        "@opencode-ai/llm": "workspace:*",
        "@opencode-ai/plugin": "workspace:*",
-        "@opencode-ai/schema": "workspace:*",
        "@opencode-ai/script": "workspace:*",
        "@opencode-ai/sdk": "workspace:*",
        "@opencode-ai/server": "workspace:*",
@@ -629,9 +623,8 @@
    },
    "packages/plugin": {
      "name": "@opencode-ai/plugin",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
-        "@ai-sdk/provider": "3.0.8",
        "@opencode-ai/sdk": "workspace:*",
        "effect": "catalog:",
        "zod": "catalog:",
@@ -646,9 +639,9 @@
        "typescript": "catalog:",
      },
      "peerDependencies": {
-        "@opentui/core": ">=0.4.2",
-        "@opentui/keymap": ">=0.4.2",
-        "@opentui/solid": ">=0.4.2",
+        "@opentui/core": ">=0.3.4",
+        "@opentui/keymap": ">=0.3.4",
+        "@opentui/solid": ">=0.3.4",
      },
      "optionalPeers": [
        "@opentui/core",
@@ -656,17 +649,6 @@
        "@opentui/solid",
      ],
    },
-    "packages/schema": {
-      "name": "@opencode-ai/schema",
-      "dependencies": {
-        "effect": "catalog:",
-      },
-      "devDependencies": {
-        "@tsconfig/bun": "catalog:",
-        "@types/bun": "catalog:",
-        "@typescript/native-preview": "catalog:",
-      },
-    },
    "packages/script": {
      "name": "@opencode-ai/script",
      "dependencies": {
@@ -679,7 +661,7 @@
    },
    "packages/sdk/js": {
      "name": "@opencode-ai/sdk",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "cross-spawn": "catalog:",
      },
@@ -694,7 +676,7 @@
    },
    "packages/server": {
      "name": "@opencode-ai/server",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@opencode-ai/core": "workspace:*",
        "drizzle-orm": "catalog:",
@@ -706,53 +688,9 @@
        "@typescript/native-preview": "catalog:",
      },
    },
-    "packages/session-ui": {
-      "name": "@opencode-ai/session-ui",
-      "version": "1.17.10",
-      "dependencies": {
-        "@kobalte/core": "catalog:",
-        "@opencode-ai/core": "workspace:*",
-        "@opencode-ai/sdk": "workspace:*",
-        "@opencode-ai/ui": "workspace:*",
-        "@pierre/diffs": "catalog:",
-        "@shikijs/stream": "catalog:",
-        "@shikijs/transformers": "3.9.2",
-        "@solid-primitives/bounds": "0.1.3",
-        "@solid-primitives/event-listener": "2.4.5",
-        "@solid-primitives/media": "2.3.3",
-        "@solid-primitives/resize-observer": "2.1.3",
-        "@solidjs/meta": "catalog:",
-        "@solidjs/router": "catalog:",
-        "diff": "catalog:",
-        "dompurify": "3.3.1",
-        "fuzzysort": "catalog:",
-        "katex": "0.16.27",
-        "luxon": "catalog:",
-        "marked": "catalog:",
-        "marked-katex-extension": "5.1.6",
-        "marked-shiki": "catalog:",
-        "morphdom": "2.7.8",
-        "motion": "12.34.5",
-        "remeda": "catalog:",
-        "remend": "catalog:",
-        "shiki": "catalog:",
-        "solid-js": "catalog:",
-        "solid-list": "catalog:",
-        "strip-ansi": "7.1.2",
-      },
-      "devDependencies": {
-        "@tsconfig/node22": "catalog:",
-        "@types/bun": "catalog:",
-        "@types/katex": "0.16.7",
-        "@types/luxon": "catalog:",
-        "@typescript/native-preview": "catalog:",
-        "typescript": "catalog:",
-        "vite": "catalog:",
-      },
-    },
    "packages/slack": {
      "name": "@opencode-ai/slack",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@opencode-ai/sdk": "workspace:*",
        "@slack/bolt": "^3.17.1",
@@ -765,7 +703,7 @@
    },
    "packages/stats/app": {
      "name": "@opencode-ai/stats-app",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@ibm/plex": "6.4.1",
        "@opencode-ai/stats-core": "workspace:*",
@@ -798,7 +736,7 @@
    },
    "packages/stats/core": {
      "name": "@opencode-ai/stats-core",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@aws-sdk/client-athena": "3.933.0",
        "@planetscale/database": "1.19.0",
@@ -817,7 +755,7 @@
    },
    "packages/stats/server": {
      "name": "@opencode-ai/stats-server",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@aws-sdk/client-firehose": "3.933.0",
        "@effect/platform-node": "catalog:",
@@ -836,7 +774,6 @@
    "packages/storybook": {
      "name": "@opencode-ai/storybook",
      "devDependencies": {
-        "@opencode-ai/session-ui": "workspace:*",
        "@opencode-ai/ui": "workspace:*",
        "@solidjs/meta": "catalog:",
        "@storybook/addon-a11y": "^10.2.13",
@@ -858,7 +795,7 @@
    },
    "packages/tui": {
      "name": "@opencode-ai/tui",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@opencode-ai/core": "workspace:*",
        "@opencode-ai/plugin": "workspace:*",
@@ -885,9 +822,11 @@
    },
    "packages/ui": {
      "name": "@opencode-ai/ui",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@kobalte/core": "catalog:",
+        "@opencode-ai/core": "workspace:*",
+        "@opencode-ai/sdk": "workspace:*",
        "@pierre/diffs": "catalog:",
        "@shikijs/stream": "catalog:",
        "@shikijs/transformers": "3.9.2",
@@ -932,7 +871,7 @@
    },
    "packages/web": {
      "name": "@opencode-ai/web",
-      "version": "1.17.10",
+      "version": "1.17.7",
      "dependencies": {
        "@astrojs/cloudflare": "12.6.3",
        "@astrojs/markdown-remark": "6.3.1",
@@ -996,9 +935,9 @@
  },
  "catalog": {
    "@cloudflare/workers-types": "4.20251008.0",
-    "@effect/opentelemetry": "4.0.0-beta.83",
-    "@effect/platform-node": "4.0.0-beta.83",
-    "@effect/sql-sqlite-bun": "4.0.0-beta.83",
+    "@effect/opentelemetry": "4.0.0-beta.74",
+    "@effect/platform-node": "4.0.0-beta.74",
+    "@effect/sql-sqlite-bun": "4.0.0-beta.74",
    "@hono/standard-validator": "0.2.0",
    "@hono/zod-validator": "0.4.2",
    "@kobalte/core": "0.13.11",
@@ -1006,9 +945,9 @@
    "@npmcli/arborist": "9.4.0",
    "@octokit/rest": "22.0.0",
    "@openauthjs/openauth": "0.0.0-20250322224806",
-    "@opentui/core": "0.4.2",
-    "@opentui/keymap": "0.4.2",
-    "@opentui/solid": "0.4.2",
+    "@opentui/core": "0.3.4",
+    "@opentui/keymap": "0.3.4",
+    "@opentui/solid": "0.3.4",
    "@pierre/diffs": "1.2.10",
    "@playwright/test": "1.59.1",
    "@sentry/solid": "10.36.0",
@@ -1034,7 +973,7 @@
    "dompurify": "3.3.1",
    "drizzle-kit": "1.0.0-rc.2",
    "drizzle-orm": "1.0.0-rc.2",
-    "effect": "4.0.0-beta.83",
+    "effect": "4.0.0-beta.74",
    "fuzzysort": "3.1.0",
    "hono": "4.10.7",
    "hono-openapi": "1.1.2",
@@ -1389,13 +1328,13 @@

    "@drizzle-team/brocli": ["@drizzle-team/brocli@0.11.0", "", {}, "sha512-hD3pekGiPg0WPCCGAZmusBBJsDqGUR66Y452YgQsZOnkdQ7ViEPKuyP4huUGEZQefp8g34RRodXYmJ2TbCH+tg=="],

-    "@effect/opentelemetry": ["@effect/opentelemetry@4.0.0-beta.83", "", { "peerDependencies": { "@opentelemetry/api": "^1.9", "@opentelemetry/api-logs": ">=0.203.0 <0.300.0", "@opentelemetry/resources": "^2.0.0", "@opentelemetry/sdk-logs": ">=0.203.0 <0.300.0", "@opentelemetry/sdk-metrics": "^2.0.0", "@opentelemetry/sdk-trace-base": "^2.0.0", "@opentelemetry/sdk-trace-node": "^2.0.0", "@opentelemetry/sdk-trace-web": "^2.0.0", "@opentelemetry/semantic-conventions": "^1.33.0", "effect": "^4.0.0-beta.83" }, "optionalPeers": ["@opentelemetry/api", "@opentelemetry/api-logs", "@opentelemetry/resources", "@opentelemetry/sdk-logs", "@opentelemetry/sdk-metrics", "@opentelemetry/sdk-trace-base", "@opentelemetry/sdk-trace-node", "@opentelemetry/sdk-trace-web"] }, "sha512-cPfCfp/ghu0itbX6Dqjdr4N0rbjng5ON4sUpnLHV5JJySG8zZpWmuOZLWIrfrNKT2ctYR1BYmp1aYCgkItaJLw=="],
+    "@effect/opentelemetry": ["@effect/opentelemetry@4.0.0-beta.74", "", { "peerDependencies": { "@opentelemetry/api": "^1.9", "@opentelemetry/api-logs": ">=0.203.0 <0.300.0", "@opentelemetry/resources": "^2.0.0", "@opentelemetry/sdk-logs": ">=0.203.0 <0.300.0", "@opentelemetry/sdk-metrics": "^2.0.0", "@opentelemetry/sdk-trace-base": "^2.0.0", "@opentelemetry/sdk-trace-node": "^2.0.0", "@opentelemetry/sdk-trace-web": "^2.0.0", "@opentelemetry/semantic-conventions": "^1.33.0", "effect": "^4.0.0-beta.74" }, "optionalPeers": ["@opentelemetry/api", "@opentelemetry/api-logs", "@opentelemetry/resources", "@opentelemetry/sdk-logs", "@opentelemetry/sdk-metrics", "@opentelemetry/sdk-trace-base", "@opentelemetry/sdk-trace-node", "@opentelemetry/sdk-trace-web"] }, "sha512-flpyqLPyr+THSe6ZCGRZl6hi+FqxbIXNSkslKGiRJAjbPabam9mSp7R3aC8biIMt6xE4Fd0LNfo4p2GplUkm2Q=="],

-    "@effect/platform-node": ["@effect/platform-node@4.0.0-beta.83", "", { "dependencies": { "@effect/platform-node-shared": "^4.0.0-beta.83", "mime": "^4.1.0", "undici": "^8.2.0" }, "peerDependencies": { "effect": "^4.0.0-beta.83", "ioredis": "^5.7.0" } }, "sha512-RmpVGu/+X/Bif3/g1Rzj8oFzTOknoVB3yHCa0b179vytPpKe+Kj9ZwKNcAnKWqHUDkbSPBq1Ca60mvOHr2/+LQ=="],
+    "@effect/platform-node": ["@effect/platform-node@4.0.0-beta.74", "", { "dependencies": { "@effect/platform-node-shared": "^4.0.0-beta.74", "mime": "^4.1.0", "undici": "^8.2.0" }, "peerDependencies": { "effect": "^4.0.0-beta.74", "ioredis": "^5.7.0" } }, "sha512-/W16mKqxvhWINLjufzc0log1sl57exXQfwd+em398/zKCbmU3S7snXTDMN6w0ju2TtgK35qrsoGBXEochij6Sg=="],

-    "@effect/platform-node-shared": ["@effect/platform-node-shared@4.0.0-beta.83", "", { "dependencies": { "@types/ws": "^8.18.1", "ws": "^8.20.0" }, "peerDependencies": { "effect": "^4.0.0-beta.83" } }, "sha512-+yr/+PJmKTgmJq1QOINSBPgLu7Cjc4CZcotBXnGjyDEizOmimFgTkN2B8PBJAKIKUWYWfobjXqC+58/VhhPKAw=="],
+    "@effect/platform-node-shared": ["@effect/platform-node-shared@4.0.0-beta.74", "", { "dependencies": { "@types/ws": "^8.18.1", "ws": "^8.20.0" }, "peerDependencies": { "effect": "^4.0.0-beta.74" } }, "sha512-C6C2hXixNcZXLaFF2u7B/FtOsqpdY7luaPuiGFBJza0P7EnYDkwaT3kB6lv7l/qctmkADc24qOsSCWIKRbC4jg=="],

-    "@effect/sql-sqlite-bun": ["@effect/sql-sqlite-bun@4.0.0-beta.83", "", { "peerDependencies": { "effect": "^4.0.0-beta.83" } }, "sha512-6OaxLsWffxkh9pXYUSyj/AxjVb9URY2rG9U6atjxClWy30Jx77R9Pm3Rrc7cQ63kQurePavEw1bQbzQ/SILiQQ=="],
+    "@effect/sql-sqlite-bun": ["@effect/sql-sqlite-bun@4.0.0-beta.74", "", { "peerDependencies": { "effect": "^4.0.0-beta.74" } }, "sha512-RVMRVY7NhSoAp9cAAyy4TT6dt6NNZjOpWeqticoho9HNBukxQSUcu/kjcz4Iq9eoQfXadmepu8kZqtdZULM/fg=="],

    "@electron/asar": ["@electron/asar@3.4.1", "", { "dependencies": { "commander": "^5.0.0", "glob": "^7.1.6", "minimatch": "^3.0.4" }, "bin": { "asar": "bin/asar.js" } }, "sha512-i4/rNPRS84t0vSRa2HorerGRXWyF4vThfHesw0dmcWHp+cspK743UanA0suA5Q5y8kzY2y6YKrvbIUn69BCAiA=="],

@@ -1863,16 +1802,12 @@

    "@opencode-ai/plugin": ["@opencode-ai/plugin@workspace:packages/plugin"],

-    "@opencode-ai/schema": ["@opencode-ai/schema@workspace:packages/schema"],
-
    "@opencode-ai/script": ["@opencode-ai/script@workspace:packages/script"],

    "@opencode-ai/sdk": ["@opencode-ai/sdk@workspace:packages/sdk/js"],

    "@opencode-ai/server": ["@opencode-ai/server@workspace:packages/server"],

-    "@opencode-ai/session-ui": ["@opencode-ai/session-ui@workspace:packages/session-ui"],
-
    "@opencode-ai/slack": ["@opencode-ai/slack@workspace:packages/slack"],

    "@opencode-ai/stats-app": ["@opencode-ai/stats-app@workspace:packages/stats/app"],
@@ -1917,27 +1852,27 @@

    "@opentelemetry/semantic-conventions": ["@opentelemetry/semantic-conventions@1.41.1", "", {}, "sha512-/UhIkaZgPutTFmQ7RnIJGgDXZmtEJ7Dvi86xNTFWcnRxVRNk/aotsqDJYeEvDP+FSMB2SdW+pQzNMcWP0rwuNA=="],

-    "@opentui/core": ["@opentui/core@0.4.2", "", { "dependencies": { "bun-ffi-structs": "0.2.3", "diff": "9.0.0", "marked": "17.0.1", "string-width": "7.2.0", "strip-ansi": "7.1.2" }, "optionalDependencies": { "@opentui/core-darwin-arm64": "0.4.2", "@opentui/core-darwin-x64": "0.4.2", "@opentui/core-linux-arm64": "0.4.2", "@opentui/core-linux-arm64-musl": "0.4.2", "@opentui/core-linux-x64": "0.4.2", "@opentui/core-linux-x64-musl": "0.4.2", "@opentui/core-win32-arm64": "0.4.2", "@opentui/core-win32-x64": "0.4.2" }, "peerDependencies": { "web-tree-sitter": "0.25.10" } }, "sha512-ulx6RMqftf2fm7Itf9e81GcCDMNY6NAhmnKYhllDOMYD+PxYXR+vomy2bxQNV5ow31RE7s8WQFnb7hWTRUbx2g=="],
+    "@opentui/core": ["@opentui/core@0.3.4", "", { "dependencies": { "bun-ffi-structs": "0.2.2", "diff": "9.0.0", "marked": "17.0.1", "string-width": "7.2.0", "strip-ansi": "7.1.2", "yoga-layout": "3.2.1" }, "optionalDependencies": { "@opentui/core-darwin-arm64": "0.3.4", "@opentui/core-darwin-x64": "0.3.4", "@opentui/core-linux-arm64": "0.3.4", "@opentui/core-linux-arm64-musl": "0.3.4", "@opentui/core-linux-x64": "0.3.4", "@opentui/core-linux-x64-musl": "0.3.4", "@opentui/core-win32-arm64": "0.3.4", "@opentui/core-win32-x64": "0.3.4" }, "peerDependencies": { "web-tree-sitter": "0.25.10" } }, "sha512-y0DlrChP9lcJ4jC5z/1wMS34+ygfSTW7gD5OJHwJaAScfmlFvuJOZbwmCGrJURZ+5wFBxuOi9LatZsmeAUIKAA=="],

-    "@opentui/core-darwin-arm64": ["@opentui/core-darwin-arm64@0.4.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-is+O+sS/l3E9cZXyM9pRF1WhqnE+hYSPYoZkbseR9CthJcaWPGi3R3jUJa1cLj325252jWgxVupnDqFUtKg36w=="],
+    "@opentui/core-darwin-arm64": ["@opentui/core-darwin-arm64@0.3.4", "", { "os": "darwin", "cpu": "arm64" }, "sha512-4A7JYXUsZqhu9PPCe07E30ourSJYkitkwMujUyNKjM5e/dHNDVnz+5r5cO3M5snofLafc1DN7+9jEPn4UQzchQ=="],

-    "@opentui/core-darwin-x64": ["@opentui/core-darwin-x64@0.4.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-ACi42h81DurSeybUAD1XyKT6xmXZcKeTxS54lZFi0CVZh46w0g99vNj8PlQzIFXvvFLT0e0IlRS//eWSWS2zGQ=="],
+    "@opentui/core-darwin-x64": ["@opentui/core-darwin-x64@0.3.4", "", { "os": "darwin", "cpu": "x64" }, "sha512-Jvm9E8n2sPhKEyKSXn9GlmJcj8WoJXJTooXb3djwjVaiimjihIj0XxHzCWhdqbDtQp+VxDFyCKoQagOOz20qhA=="],

-    "@opentui/core-linux-arm64": ["@opentui/core-linux-arm64@0.4.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-RjOx2HcjLRtGSy9WrAGSdr5M9SpJuPifPORpImx6Mciovw0ltnE0uoYjIyor82uf6/LExWC7YA2AcAl+YBxayA=="],
+    "@opentui/core-linux-arm64": ["@opentui/core-linux-arm64@0.3.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-0uPuHCeZxm/O7+L+iNQl8zRAfehiwYstKkT9J0uTZO64/byBCLvy5lvn1DiE/72s/nTJ5nwpLN+pQs2/WYVKLQ=="],

-    "@opentui/core-linux-arm64-musl": ["@opentui/core-linux-arm64-musl@0.4.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-heNciL2ngPU+kq1h01PHLsxn6Fr8iqTFtbxSdVbhaY3XihuIjkuXyEhFeuoa1lsXY7Bb2gpWnX5EQVWnZsAuDQ=="],
+    "@opentui/core-linux-arm64-musl": ["@opentui/core-linux-arm64-musl@0.3.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-sJYUzYcSOb5PCXRlhwsse/fdsMiVomNvIwq/2TDhAANef+YPO3Br+OH9kQRbuj0bjVDmUS36SGYWSTFu2lUO+A=="],

-    "@opentui/core-linux-x64": ["@opentui/core-linux-x64@0.4.2", "", { "os": "linux", "cpu": "x64" }, "sha512-9s0s/ooK+AhWP306By3gu+XhzcVEThC2sqKMPK1nQmGDujQhd+xOrtbtfCVcJSx62UzAovC2VNqypvP8vHByOg=="],
+    "@opentui/core-linux-x64": ["@opentui/core-linux-x64@0.3.4", "", { "os": "linux", "cpu": "x64" }, "sha512-btYIQeNdPbN4JCrCjVB/RwMGrnRY7qWB2piNEfALSByuULKNjPKQ33PYIj38Yd01zCvCV7FotIeXEGSHx3tgCA=="],

-    "@opentui/core-linux-x64-musl": ["@opentui/core-linux-x64-musl@0.4.2", "", { "os": "linux", "cpu": "x64" }, "sha512-Cjv6Bv7l3p/KLNJr5RyqCS0FmRlAGJnkA2IK3S+HkHhCOv/O02S1G+DBUY6POnyjp1eNy95vauustApobhdbig=="],
+    "@opentui/core-linux-x64-musl": ["@opentui/core-linux-x64-musl@0.3.4", "", { "os": "linux", "cpu": "x64" }, "sha512-fhmUey4oJJ2+N62xlIgAPxAl36Fa7wYffqDOT4QLpm0jfyD5xzo+wL/hr2zUqaEI439R8Iq6jHNxf/Nsx1WuuQ=="],

-    "@opentui/core-win32-arm64": ["@opentui/core-win32-arm64@0.4.2", "", { "os": "win32", "cpu": "arm64" }, "sha512-mfJZrJ0TNPFRZUzXNsxAPe1YdiWsy/vbTl93+yeXGHPI1B8Qnk9V5hpzSxxEyBGhlTHSfGNtgiO+VrrdRC3kZA=="],
+    "@opentui/core-win32-arm64": ["@opentui/core-win32-arm64@0.3.4", "", { "os": "win32", "cpu": "arm64" }, "sha512-sh432vPU+eLp8eA4I0KWKKn7D0VHbk01YTg6mA9/ihCNYHntc6LZ8/sLvsPv8CvKscMotfIkh3M5YhdS36BuXw=="],

-    "@opentui/core-win32-x64": ["@opentui/core-win32-x64@0.4.2", "", { "os": "win32", "cpu": "x64" }, "sha512-P2oguG3ng3OMjAdasFSA3GhHaQXtzDUsIRDGbzWFOimpZ/zMemidp+JQ0V8V6XwK6Utk5G0aQ03oBaRCoLyYDw=="],
+    "@opentui/core-win32-x64": ["@opentui/core-win32-x64@0.3.4", "", { "os": "win32", "cpu": "x64" }, "sha512-dw8FcjUZaLAjw25P3/7BarobCh/QOHn3srYaWYQdysoqyvSlPkQumpI8kV/KgpJtdITU1GW02MQC4EeLIFFalA=="],

-    "@opentui/keymap": ["@opentui/keymap@0.4.2", "", { "dependencies": { "@opentui/core": "0.4.2" }, "peerDependencies": { "@opentui/react": "0.4.2", "@opentui/solid": "0.4.2", "react": ">=19.2.0", "solid-js": "1.9.12" }, "optionalPeers": ["@opentui/react", "@opentui/solid", "react", "solid-js"] }, "sha512-wxBEFfWgm3feqCRLckWg1JH4tbMJinpyK3yobkLTsWJ7PDsM+fPoFMyQ8ieKVdUL2eP6ELTmHvM1bHKShZ7SUQ=="],
+    "@opentui/keymap": ["@opentui/keymap@0.3.4", "", { "dependencies": { "@opentui/core": "0.3.4" }, "peerDependencies": { "@opentui/react": "0.3.4", "@opentui/solid": "0.3.4", "react": ">=19.2.0", "solid-js": "1.9.12" }, "optionalPeers": ["@opentui/react", "@opentui/solid", "react", "solid-js"] }, "sha512-8fo6BZWQgCjANfbKkzPo0ghAzS1E7TlHjDDS+SUhrX01qEUO1clFTRssKluHbXd2UJY1Ehle01TV5bFmY78f8w=="],

-    "@opentui/solid": ["@opentui/solid@0.4.2", "", { "dependencies": { "@babel/core": "7.28.0", "@babel/preset-typescript": "7.27.1", "@opentui/core": "0.4.2", "babel-plugin-module-resolver": "5.0.2", "babel-preset-solid": "1.9.12", "entities": "7.0.1", "s-js": "^0.4.9" }, "peerDependencies": { "solid-js": "1.9.12" } }, "sha512-zuYXsnrlsMtnXrS7QCYBdPzMtUSonG2LqnJikBR2NjEE2O4zEKvJd48n3eB1igcxjv96tiotTXRNCylYS0SNdQ=="],
+    "@opentui/solid": ["@opentui/solid@0.3.4", "", { "dependencies": { "@babel/core": "7.28.0", "@babel/preset-typescript": "7.27.1", "@opentui/core": "0.3.4", "babel-plugin-module-resolver": "5.0.2", "babel-preset-solid": "1.9.12", "entities": "7.0.1", "s-js": "^0.4.9" }, "peerDependencies": { "solid-js": "1.9.12" } }, "sha512-gin1VnsVBahX0nrU3mpgh5U1qvyJBIZu4NE5mc0YnObWOEf9HVNxKY4/BpUvQPh91kT6zeOzTBvAvYK4R7g9MQ=="],

    "@oslojs/asn1": ["@oslojs/asn1@1.0.0", "", { "dependencies": { "@oslojs/binary": "1.0.0" } }, "sha512-zw/wn0sj0j0QKbIXfIlnEcTviaCzYOY3V5rAyjR6YtOByFtJiT574+8p9Wlach0lZH9fddD4yb9laEAIl4vXQA=="],

@@ -3115,7 +3050,7 @@

    "builder-util-runtime": ["builder-util-runtime@9.7.0", "", { "dependencies": { "debug": "^4.3.4", "sax": "^1.2.4" } }, "sha512-g/kR520giAFYkSXTzcmF3kqQq7wi8F6N6SzeDgZrqTBN+VHdmgWOyTdD1yD7AATDId/yXLvuP34CxW46/BwCdw=="],

-    "bun-ffi-structs": ["bun-ffi-structs@0.2.3", "", { "peerDependencies": { "typescript": "^5" } }, "sha512-pgJiXP+hEgFo9qG51J6ItfY4ocs3vniwNzJ9WhoakB3QB2GdzQxX2EXssentPYlB2hOfJrTjO6iIQkWYzUodpg=="],
+    "bun-ffi-structs": ["bun-ffi-structs@0.2.2", "", { "peerDependencies": { "typescript": "^5" } }, "sha512-N/ZWtyN0piZlrXQT7TO0V+q952orYqkfhXRXM1Hcbb+R3QSiBH4vLnib187Mrs1H7pWIYECAmPeapGYDOMCl+w=="],

    "bun-pty": ["bun-pty@0.4.8", "", {}, "sha512-rO70Mrbr13+jxHHHu2YBkk2pNqrJE5cJn29WE++PUr+GFA0hq/VgtQPZANJ8dJo6d7XImvBk37Innt8GM7O28w=="],

@@ -3431,7 +3366,7 @@

    "ee-first": ["ee-first@1.1.1", "", {}, "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="],

-    "effect": ["effect@4.0.0-beta.83", "", { "dependencies": { "@standard-schema/spec": "^1.1.0", "fast-check": "^4.8.0", "find-my-way-ts": "^0.1.6", "ini": "^7.0.0", "kubernetes-types": "^1.30.0", "msgpackr": "^2.0.1", "multipasta": "^0.2.7", "toml": "^4.1.1", "uuid": "^14.0.0", "yaml": "^2.9.0" } }, "sha512-0wsak8RtgGAr9UWSbVDgJHZcUqMSvicHcvaZv1MbMM7MCGgW4Rn/137J1MHQbwYPcwYGxT/IqehFd+UbYuj78w=="],
+    "effect": ["effect@4.0.0-beta.74", "", { "dependencies": { "@standard-schema/spec": "^1.1.0", "fast-check": "^4.8.0", "find-my-way-ts": "^0.1.6", "ini": "^7.0.0", "kubernetes-types": "^1.30.0", "msgpackr": "^2.0.1", "multipasta": "^0.2.7", "toml": "^4.1.1", "uuid": "^14.0.0", "yaml": "^2.9.0" } }, "sha512-Yx+Kh12U+i2FmjwEfKs+ePFmpMd43RPD1oGqc/VraSS9bYzvF0Ff3PojwEFEVEewp8xc92Uxu28gTspU4qyvHA=="],

    "ejs": ["ejs@3.1.10", "", { "dependencies": { "jake": "^10.8.5" }, "bin": { "ejs": "bin/cli.js" } }, "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA=="],

@@ -5473,6 +5408,8 @@

    "yoctocolors": ["yoctocolors@2.1.2", "", {}, "sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug=="],

+    "yoga-layout": ["yoga-layout@3.2.1", "", {}, "sha512-0LPOt3AxKqMdFBZA3HBAt/t/8vIKq7VaQYbuA8WxCgung+p9TVyKRYdpvCb80HcdTN2NkbIKbhNwKUfm3tQywQ=="],
+
    "youch": ["youch@4.1.0-beta.10", "", { "dependencies": { "@poppinss/colors": "^4.1.5", "@poppinss/dumper": "^0.6.4", "@speed-highlight/core": "^1.2.7", "cookie": "^1.0.2", "youch-core": "^0.3.3" } }, "sha512-rLfVLB4FgQneDr0dv1oddCVZmKjcJ6yX6mS4pU82Mq/Dt9a3cLZQ62pDBL4AUO+uVrCvtWz3ZFUL2HFAFJ/BXQ=="],

    "youch-core": ["youch-core@0.3.3", "", { "dependencies": { "@poppinss/exception": "^1.2.2", "error-stack-parser-es": "^1.0.5" } }, "sha512-ho7XuGjLaJ2hWHoK8yFnsUGy2Y5uDpqSTq1FkHLK4/oqKtyUU1AFbOOxY4IpC9f0fTLjwYbslUz0Po5BpD1wrA=="],
@@ -5891,8 +5828,6 @@

    "@opencode-ai/llm/@smithy/util-utf8": ["@smithy/util-utf8@4.2.2", "", { "dependencies": { "@smithy/util-buffer-from": "^4.2.2", "tslib": "^2.6.2" } }, "sha512-75MeYpjdWRe8M5E3AW0O4Cx3UadweS+cwdXjwYGBW5h/gxxnbeZ877sLPX/ZJA9GVTlL/qG0dXP29JWFCD1Ayw=="],

-    "@opencode-ai/session-ui/@solid-primitives/resize-observer": ["@solid-primitives/resize-observer@2.1.3", "", { "dependencies": { "@solid-primitives/event-listener": "^2.4.3", "@solid-primitives/rootless": "^1.5.2", "@solid-primitives/static-store": "^0.1.2", "@solid-primitives/utils": "^6.3.2" }, "peerDependencies": { "solid-js": "^1.6.12" } }, "sha512-zBLje5E06TgOg93S7rGPldmhDnouNGhvfZVKOp+oG2XU8snA+GoCSSCz1M+jpNAg5Ek2EakU5UVQqL152WmdXQ=="],
-
    "@opencode-ai/ui/@solid-primitives/resize-observer": ["@solid-primitives/resize-observer@2.1.3", "", { "dependencies": { "@solid-primitives/event-listener": "^2.4.3", "@solid-primitives/rootless": "^1.5.2", "@solid-primitives/static-store": "^0.1.2", "@solid-primitives/utils": "^6.3.2" }, "peerDependencies": { "solid-js": "^1.6.12" } }, "sha512-zBLje5E06TgOg93S7rGPldmhDnouNGhvfZVKOp+oG2XU8snA+GoCSSCz1M+jpNAg5Ek2EakU5UVQqL152WmdXQ=="],

    "@opencode-ai/web/@shikijs/transformers": ["@shikijs/transformers@3.20.0", "", { "dependencies": { "@shikijs/core": "3.20.0", "@shikijs/types": "3.20.0" } }, "sha512-PrHHMRr3Q5W1qB/42kJW6laqFyWdhrPF2hNR9qjOm1xcSiAO3hAHo7HaVyHE6pMyevmy3i51O8kuGGXC78uK3g=="],
@@ -5963,10 +5898,6 @@

    "@solidjs/start/vite": ["vite@7.1.10", "", { "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.5.0", "picomatch": "^4.0.3", "postcss": "^8.5.6", "rollup": "^4.43.0", "tinyglobby": "^0.2.15" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "jiti": ">=1.21.0", "less": "^4.0.0", "lightningcss": "^1.21.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "jiti", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-CmuvUBzVJ/e3HGxhg6cYk88NGgTnBoOo7ogtfJJ0fefUWAxN/WDSUa50o+oVBxuIhO8FoEZW0j2eW7sfjs5EtA=="],

-    "@standard-community/standard-json/effect": ["effect@4.0.0-beta.74", "", { "dependencies": { "@standard-schema/spec": "^1.1.0", "fast-check": "^4.8.0", "find-my-way-ts": "^0.1.6", "ini": "^7.0.0", "kubernetes-types": "^1.30.0", "msgpackr": "^2.0.1", "multipasta": "^0.2.7", "toml": "^4.1.1", "uuid": "^14.0.0", "yaml": "^2.9.0" } }, "sha512-Yx+Kh12U+i2FmjwEfKs+ePFmpMd43RPD1oGqc/VraSS9bYzvF0Ff3PojwEFEVEewp8xc92Uxu28gTspU4qyvHA=="],
-
-    "@standard-community/standard-openapi/effect": ["effect@4.0.0-beta.74", "", { "dependencies": { "@standard-schema/spec": "^1.1.0", "fast-check": "^4.8.0", "find-my-way-ts": "^0.1.6", "ini": "^7.0.0", "kubernetes-types": "^1.30.0", "msgpackr": "^2.0.1", "multipasta": "^0.2.7", "toml": "^4.1.1", "uuid": "^14.0.0", "yaml": "^2.9.0" } }, "sha512-Yx+Kh12U+i2FmjwEfKs+ePFmpMd43RPD1oGqc/VraSS9bYzvF0Ff3PojwEFEVEewp8xc92Uxu28gTspU4qyvHA=="],
-
    "@storybook/csf-plugin/unplugin": ["unplugin@2.3.11", "", { "dependencies": { "@jridgewell/remapping": "^2.3.5", "acorn": "^8.15.0", "picomatch": "^4.0.3", "webpack-virtual-modules": "^0.6.2" } }, "sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww=="],

    "@tailwindcss/oxide/detect-libc": ["detect-libc@2.1.2", "", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],
@@ -6769,10 +6700,6 @@

    "@solidjs/start/shiki/@shikijs/types": ["@shikijs/types@1.29.2", "", { "dependencies": { "@shikijs/vscode-textmate": "^10.0.1", "@types/hast": "^3.0.4" } }, "sha512-VJjK0eIijTZf0QSTODEXCqinjBn0joAHQ+aPSBzrv4O2d/QSbsMw+ZeSRx03kV34Hy7NzUvV/7NqfYGRLrASmw=="],

-    "@standard-community/standard-json/effect/@standard-schema/spec": ["@standard-schema/spec@1.1.0", "", {}, "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w=="],
-
-    "@standard-community/standard-openapi/effect/@standard-schema/spec": ["@standard-schema/spec@1.1.0", "", {}, "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w=="],
-
    "@storybook/csf-plugin/unplugin/webpack-virtual-modules": ["webpack-virtual-modules@0.6.2", "", {}, "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ=="],

    "@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime/@tybys/wasm-util": ["@tybys/wasm-util@0.10.2", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg=="],
@@ -256,7 +256,6 @@ new sst.cloudflare.x.SolidStart("Console", {
    SECRET.UpstashRedisRestToken,
    AUTH_API_URL,
    STRIPE_WEBHOOK_SECRET,
-    SECRET.SupportApiKey,
    DISCORD_INCIDENT_WEBHOOK_URL,
    SECRET.HoneycombWebhookSecret,
    STRIPE_SECRET_KEY,
@@ -7,7 +7,6 @@ new sst.cloudflare.x.SolidStart("Teams", {
  domain: shortDomain,
  path: "packages/enterprise",
  buildCommand: "bun run build:cloudflare",
-  link: [SECRET.SupportApiKey],
  environment: {
    OPENCODE_STORAGE_ADAPTER: "r2",
    OPENCODE_STORAGE_ACCOUNT_ID: sst.cloudflare.DEFAULT_ACCOUNT_ID,
@@ -9,7 +9,6 @@ export const SECRET = {
  R2SecretKey: new sst.Secret("R2SecretKey", "unknown"),
  HoneycombApiKey: new sst.Secret("HONEYCOMB_API_KEY"),
  HoneycombWebhookSecret: new random.RandomPassword("HoneycombWebhookSecret", { length: 24 }),
-  SupportApiKey: new sst.Secret("SUPPORT_API_KEY"),
  UpstashRedisRestUrl: new sst.Secret("UpstashRedisRestUrl"),
  UpstashRedisRestToken: new sst.Secret("UpstashRedisRestToken"),
 }
@@ -42,12 +42,11 @@ const inferenceEventTable = new aws.s3tables.Table(
            { name: "request", type: "string", required: false },
            { name: "client", type: "string", required: false },
            { name: "user_agent", type: "string", required: false },
-            { name: "model", type: "string", required: false },
-            { name: "model_tier", type: "string", required: false },
            { name: "model_variant", type: "string", required: false },
            { name: "source", type: "string", required: false },
            { name: "provider", type: "string", required: false },
            { name: "provider_model", type: "string", required: false },
+            { name: "model", type: "string", required: false },
            { name: "llm_error_code", type: "int", required: false },
            { name: "llm_error_message", type: "string", required: false },
            { name: "error_response", type: "string", required: false },
@@ -57,7 +56,6 @@ const inferenceEventTable = new aws.s3tables.Table(
            { name: "error_cause2", type: "string", required: false },
            { name: "api_key", type: "string", required: false },
            { name: "workspace", type: "string", required: false },
-            { name: "user_id", type: "string", required: false },
            { name: "is_subscription", type: "boolean", required: false },
            { name: "subscription", type: "string", required: false },
            { name: "response_length", type: "long", required: false },
@@ -86,7 +84,7 @@ const inferenceEventTable = new aws.s3tables.Table(
      },
    },
  },
-  { deleteBeforeReplace: $app.stage !== "production", ignoreChanges: ["metadata"] },
+  { deleteBeforeReplace: $app.stage !== "production" },
 )

 export const inferenceEvent = new sst.Linkable("InferenceEvent", {
@@ -1,8 +1,8 @@
 {
  "nodeModules": {
-    "x86_64-linux": "sha256-gV5PVd9+MB5tM3pPH+S6YhGPRPXqHv5Ayw+8gngNlqY=",
-    "aarch64-linux": "sha256-1pxoseGyRwAawiPblo8FeaaAAdl0mkKRs6BS8qxxoh0=",
-    "aarch64-darwin": "sha256-81D/v2Ka7mtFHp4iM9eB9kjFcumSTvR07ABb1ahRLS0=",
-    "x86_64-darwin": "sha256-nolxEbc/1ItbmuHPUjaSu3DHwBV/0/Si2xuM6wpiq0k="
+    "x86_64-linux": "sha256-LOxTad/iCquvJyonFOcz6/rDTPNDmwyBnykhWZJ5GC4=",
+    "aarch64-linux": "sha256-iO+0vYhp+2x6ACmh5lQJ/2Ac4uZTqRZE/KhG3u0o6D8=",
+    "aarch64-darwin": "sha256-tpBydRbrJ+4QxmkGUt/BhME8q6ysCW/CXrsNshYgqDU=",
+    "x86_64-darwin": "sha256-QQcI6SK7WJ7dSkX6xZuSQPoUdwfoCaimVgoHCnrO0wY="
  }
 }
@@ -27,13 +27,6 @@ stdenvNoCC.mkDerivation (finalAttrs: {
    writableTmpDirAsHomeHook
  ];

-  postPatch = ''
-    # NOTE: Relax Bun version check to be a warning instead of an error
-    substituteInPlace packages/script/src/index.ts \
-      --replace-fail 'throw new Error(`This script requires bun@''${expectedBunVersionRange}' \
-                     'console.warn(`Warning: This script requires bun@''${expectedBunVersionRange}'
-  '';
-
  configurePhase = ''
    runHook preConfigure

@@ -30,18 +30,18 @@
      "packages/slack"
    ],
    "catalog": {
-      "@effect/opentelemetry": "4.0.0-beta.83",
-      "@effect/platform-node": "4.0.0-beta.83",
-      "@effect/sql-sqlite-bun": "4.0.0-beta.83",
+      "@effect/opentelemetry": "4.0.0-beta.74",
+      "@effect/platform-node": "4.0.0-beta.74",
+      "@effect/sql-sqlite-bun": "4.0.0-beta.74",
      "@npmcli/arborist": "9.4.0",
      "@types/bun": "1.3.13",
      "@types/cross-spawn": "6.0.6",
      "@octokit/rest": "22.0.0",
      "@hono/standard-validator": "0.2.0",
      "@hono/zod-validator": "0.4.2",
-      "@opentui/core": "0.4.2",
-      "@opentui/keymap": "0.4.2",
-      "@opentui/solid": "0.4.2",
+      "@opentui/core": "0.3.4",
+      "@opentui/keymap": "0.3.4",
+      "@opentui/solid": "0.3.4",
      "@tanstack/solid-virtual": "3.13.28",
      "@shikijs/stream": "4.2.0",
      "ulid": "3.0.1",
@@ -61,7 +61,7 @@
      "dompurify": "3.3.1",
      "drizzle-kit": "1.0.0-rc.2",
      "drizzle-orm": "1.0.0-rc.2",
-      "effect": "4.0.0-beta.83",
+      "effect": "4.0.0-beta.74",
      "ai": "6.0.168",
      "cross-spawn": "7.0.6",
      "hono": "4.10.7",
@@ -1,8 +1,3 @@
-## Priorities
-
- Prioritise, in this order: stability, simplicity, performance.
- Before changing session or timeline code, record a production benchmark baseline and compare it after the change.
-
 ## Debugging

 - NEVER try to restart the app, or the server process, EVER.
@@ -1,13 +0,0 @@
- Prioritize stability, then simplicity, then measurement overhead.
- Use Playwright for scenario control, isolation, and completion checks.
- Use Chrome Performance traces for generic browser profiling.
- Use Electron `contentTracing` for packaged multi-process profiling.
- Keep custom probes only for product-specific measurements.
- Do not duplicate measurements across the harness, probes, and traces.
- Run benchmarks serially to avoid cross-test contention.
- Run benchmarks against production builds.
- Keep detailed profiling opt-in when it changes workload behavior.
- Preserve raw diagnostic data or use lossless representations.
- Do not enforce machine-dependent performance thresholds.
- Assert scenario completion and metric collection only.
- Keep normal test discovery free of manual benchmarks.
@@ -1,79 +0,0 @@
-# Manual app performance suite
-
-The app's high-volume performance diagnostics live under `packages/app/e2e/performance` and are excluded from normal local and CI Playwright discovery. The benchmark config builds the app and serves the production bundle before running scenarios serially.
-
-Run the suite explicitly from `packages/app`:
-
-```sh
-bun run test:bench
-```
-
-PowerShell:
-
-```powershell
-$env:PLAYWRIGHT_WORKERS = "1"
-bun run test:bench
-```
-
-The suite contains:
-
- cold and hot session-tab timing
- home-session click timing split between content and titlebar-tab paint
- single-session tab close timing through stable home restoration
- cached session repaint and mutation tracing
- streaming timeline throughput, RAF-gap, long-task, geometry, and remount diagnostics
-
-All benchmarks import the shared `benchmark` fixture. Pages created through Playwright's `page` fixture automatically capture main-frame navigation history and emit a Chrome trace when `OPENCODE_PERFORMANCE_TRACE_DIR` is set. Benchmarks that need isolated browser contexts use `withBenchmarkPage`, which owns the context and the same diagnostics lifecycle.
-
-New benchmarks should look like normal Playwright tests:
-
-```ts
-import { benchmark, expect } from "../benchmark"
-
-benchmark("measures one interaction", async ({ page, report }) => {
-  // Only scenario-specific setup and interaction belong here.
-  report({ durationMs: 42 })
-})
-```
-
-The fixture requires every benchmark to call `report()`, automatically names and closes traces, captures navigation history, attaches that history when a test fails, and emits metrics as a consistent `BENCHMARK` JSON line.
-
-```text
-BENCHMARK {"name":"...","context":{"project":"chromium","platform":"darwin"},"metrics":{...}}
-```
-
-Every observed page also emits `BENCHMARK_PAGE` with the same run ID, navigation history, and optional trace path before the final status-bearing `BENCHMARK` record. Chrome traces are browser-wide page-lifetime diagnostics; scenario metrics use narrower explicitly named observation windows.
-
-This follows the stack's own guidance: [Electron recommends repeated Chrome DevTools and Chrome Tracing measurement](https://www.electronjs.org/docs/latest/tutorial/performance), [Chrome DevTools recommends Performance recordings for runtime work](https://developer.chrome.com/docs/devtools/performance), and [Playwright uses traces for test debugging rather than renderer profiling](https://playwright.dev/docs/trace-viewer).
-
-These Playwright benchmarks profile the shared app renderer in Chromium. A future packaged Electron benchmark that needs main-process and multi-process attribution should use Electron's official [`contentTracing`](https://www.electronjs.org/docs/latest/api/content-tracing/) API rather than extending this renderer harness with bespoke process instrumentation.
-
-CPU and high-volume visual profiling are disabled by default. Set `TIMELINE_CPU_PROFILE=1` to enable both, or additionally set `TIMELINE_VISUAL_PROFILE=0` for CPU-only profiling.
-
-The streaming scenario's 30x CPU throttle is a deterministic stress profile, not a simulated end-user device.
-
-Benchmarks do not assert machine-dependent performance budgets. Streaming processes 160 deltas by default and reports renderer-observed completion time, throughput, RAF callback-gap distributions, frame-budget equivalents, and long tasks through final geometry settlement. Delta count and delivery batch are included in result context when overridden. These are main-thread callback diagnostics, not compositor presentation or dropped-frame measurements. Visual-only and geometry metrics are `null` when their probes are disabled. Tab metrics describe sampled DOM observations. Assertions verify scenario and metric collection completion. Repeated repaint states are run-length grouped, but every original observation timestamp is retained alongside raw mutation batches and layout shifts.
-
-Committed smoke and regression tests continue to own correctness coverage for pagination, tab paint, context resize, collapse state, and composer spacing.
-
-## Chrome traces
-
-Set `OPENCODE_PERFORMANCE_TRACE_DIR` to emit a standard Chrome DevTools trace for every benchmark page automatically:
-
-```sh
-OPENCODE_PERFORMANCE_TRACE_DIR=/tmp/opencode-performance-traces \
-bunx playwright test --config e2e/performance/playwright.config.ts \
-  timeline/session-tab-switch-benchmark.spec.ts
-```
-
-The emitted JSON is a standard Chrome trace and can be loaded directly into the Chrome DevTools Performance panel. `devtools-tracing` can optionally inspect it from the command line without adding package scripts or dependencies:
-
-Trace capture mirrors [Puppeteer's official tracing defaults and lifecycle](https://pptr.dev/api/puppeteer.tracing), using Chrome's `ReturnAsStream` transfer mode and failing when Chromium reports trace data loss.
-
-```sh
-bunx devtools-tracing stats <trace-path-from-BENCHMARK_PAGE>
-```
-
-INP analysis requires a trace with a supported navigation/interaction insight. Selector statistics require a trace captured with `OPENCODE_PERFORMANCE_SELECTOR_TRACE=1`.
-
-`e2e/performance/playwright.uncapped.config.ts` disables Chromium frame-rate limiting for explicit uncapped diagnostics. Native product benchmarks should use the default Playwright configuration.
@@ -1,144 +0,0 @@
-import { expect, test as base, type Browser, type Page, type TestInfo } from "@playwright/test"
-import { startChromeTrace } from "./chrome-trace"
-
-type BenchmarkFixtures = {
-  report: (metrics: Record<string, unknown>, context?: Record<string, unknown>) => void
-  reportState: { payload?: { metrics: Record<string, unknown>; context: Record<string, unknown> } }
-  benchmarkResult: void
-}
-
-export type PerformancePageDiagnostics = {
-  navigations: string[]
-  stop: () => Promise<string | undefined>
-}
-
-const pages = new WeakMap<Page, PerformancePageDiagnostics>()
-
-export const benchmark = base.extend<BenchmarkFixtures>({
-  reportState: async ({}, use) => use({}),
-  report: async ({ reportState }, use) => {
-    await use((metrics, context = {}) => {
-      if (reportState.payload) throw new Error("Benchmark reported metrics more than once")
-      reportState.payload = { metrics, context }
-    })
-  },
-  benchmarkResult: [
-    async ({ reportState }, use, testInfo) => {
-      await use()
-      const missing = !reportState.payload
-      console.log(
-        `BENCHMARK ${JSON.stringify({
-          schemaVersion: 2,
-          runID: process.env.OPENCODE_PERFORMANCE_RUN_ID,
-          name: benchmarkName(testInfo),
-          status: missing ? "failed" : testInfo.status,
-          expectedStatus: testInfo.expectedStatus,
-          retry: testInfo.retry,
-          repeatEachIndex: testInfo.repeatEachIndex,
-          context: {
-            project: testInfo.project.name,
-            platform: process.platform,
-            ...reportState.payload?.context,
-          },
-          metrics: reportState.payload?.metrics ?? null,
-          error: missing ? "Benchmark did not report metrics" : undefined,
-        })}`,
-      )
-      if (missing && testInfo.status === testInfo.expectedStatus)
-        throw new Error(`Benchmark did not report metrics: ${benchmarkName(testInfo)}`)
-    },
-    { auto: true },
-  ],
-  page: async ({ page }, use, testInfo) => {
-    const name = benchmarkName(testInfo)
-    const diagnostics = await observePerformancePage(page, name)
-    try {
-      await use(page)
-    } finally {
-      try {
-        await reportPerformancePage(name, diagnostics, testInfo)
-      } finally {
-        if (testInfo.status !== testInfo.expectedStatus) {
-          await testInfo.attach("performance-navigations", {
-            body: JSON.stringify(diagnostics.navigations, null, 2),
-            contentType: "application/json",
-          })
-        }
-      }
-    }
-  },
-})
-
-function benchmarkName(testInfo: TestInfo) {
-  return testInfo.titlePath.slice(1).join(" > ")
-}
-
-export { expect }
-
-async function observePerformancePage(page: Page, name: string) {
-  const navigations: string[] = []
-  const onNavigation = (frame: ReturnType<Page["mainFrame"]>) => {
-    if (frame === page.mainFrame()) navigations.push(frame.url())
-  }
-  page.on("framenavigated", onNavigation)
-  const stopTrace = await startChromeTrace(page, name).catch((error) => {
-    page.off("framenavigated", onNavigation)
-    throw error
-  })
-  let stopping: Promise<string | undefined> | undefined
-  const diagnostics: PerformancePageDiagnostics = {
-    navigations,
-    stop() {
-      page.off("framenavigated", onNavigation)
-      return (stopping ??= stopTrace?.() ?? Promise.resolve(undefined))
-    },
-  }
-  pages.set(page, diagnostics)
-  return diagnostics
-}
-
-export async function withBenchmarkPage<T>(
-  browser: Browser,
-  name: string,
-  run: (page: Page) => Promise<T>,
-  testInfo?: TestInfo,
-) {
-  const context = await browser.newContext()
-  try {
-    const page = await context.newPage()
-    const diagnostics = await observePerformancePage(page, name)
-    try {
-      return await run(page)
-    } finally {
-      await reportPerformancePage(name, diagnostics, testInfo)
-    }
-  } finally {
-    await context.close()
-  }
-}
-
-async function reportPerformancePage(name: string, diagnostics: PerformancePageDiagnostics, testInfo?: TestInfo) {
-  const trace = await diagnostics.stop()
-  console.log(
-    `BENCHMARK_PAGE ${JSON.stringify({
-      schemaVersion: 2,
-      runID: process.env.OPENCODE_PERFORMANCE_RUN_ID,
-      name,
-      test: testInfo ? benchmarkName(testInfo) : undefined,
-      retry: testInfo?.retry,
-      repeatEachIndex: testInfo?.repeatEachIndex,
-      context: {
-        platform: process.platform,
-        trace,
-        selectorTrace: process.env.OPENCODE_PERFORMANCE_SELECTOR_TRACE === "1",
-      },
-      navigations: diagnostics.navigations,
-    })}`,
-  )
-}
-
-export function benchmarkDiagnostics(page: Page) {
-  const diagnostics = pages.get(page)
-  if (!diagnostics) throw new Error("Performance diagnostics are not installed for this page")
-  return diagnostics
-}
@@ -1,95 +0,0 @@
-import type { CDPSession, Page } from "@playwright/test"
-import path from "node:path"
-import { mkdir, open, rename } from "node:fs/promises"
-import { Buffer } from "node:buffer"
-import { createHash, randomUUID } from "node:crypto"
-
-const categories = [
-  "-*",
-  "devtools.timeline",
-  "v8.execute",
-  "disabled-by-default-devtools.timeline",
-  "disabled-by-default-devtools.timeline.frame",
-  "toplevel",
-  "blink.console",
-  "blink.user_timing",
-  "latencyInfo",
-  "disabled-by-default-devtools.timeline.stack",
-  "disabled-by-default-v8.cpu_profiler",
-]
-
-export async function startChromeTrace(page: Page, name: string) {
-  const directory = process.env.OPENCODE_PERFORMANCE_TRACE_DIR
-  if (!directory) return
-
-  const selectors = process.env.OPENCODE_PERFORMANCE_SELECTOR_TRACE === "1"
-  const file = await prepareChromeTrace(directory, name, selectors)
-  const session = await page.context().newCDPSession(page)
-  try {
-    await session.send("Tracing.start", {
-      transferMode: "ReturnAsStream",
-      traceConfig: {
-        excludedCategories: categories
-          .filter((category) => category.startsWith("-"))
-          .map((category) => category.slice(1)),
-        includedCategories: [
-          ...categories.filter((category) => !category.startsWith("-")),
-          ...(selectors
-            ? ["disabled-by-default-blink.debug", "disabled-by-default-devtools.timeline.invalidationTracking"]
-            : []),
-        ],
-      },
-    })
-  } catch (error) {
-    await Promise.allSettled([session.detach()])
-    throw error
-  }
-  let stopping: Promise<string> | undefined
-
-  return () =>
-    (stopping ??= (async () => {
-      try {
-        const complete = new Promise<{ stream?: string; dataLossOccurred: boolean }>((resolve) =>
-          session.once("Tracing.tracingComplete", resolve),
-        )
-        await session.send("Tracing.end")
-        const result = await complete
-        if (!result.stream) throw new Error(`Chrome trace stream missing: ${file}`)
-        const partial = `${file}.partial`
-        await writeProtocolStream(session, result.stream, partial)
-        if (result.dataLossOccurred) throw new Error(`Chrome trace lost data; partial capture retained: ${partial}`)
-        await rename(partial, file)
-        return file
-      } finally {
-        await Promise.allSettled([session.detach()])
-      }
-    })())
-}
-
-export async function prepareChromeTrace(
-  directory: string,
-  name: string,
-  selectors: boolean,
-  nonce = randomUUID().slice(0, 8),
-) {
-  await mkdir(directory, { recursive: true })
-  const run = process.env.OPENCODE_PERFORMANCE_RUN_ID ?? "manual"
-  const hash = createHash("sha256").update(name).digest("hex").slice(0, 8)
-  return path.join(
-    directory,
-    `${run}-${name.replace(/[^a-zA-Z0-9_-]/g, "-")}-${hash}-${nonce}${selectors ? "-selectors" : ""}.json`,
-  )
-}
-
-async function writeProtocolStream(session: CDPSession, handle: string, file: string) {
-  const output = await open(file, "wx")
-  try {
-    while (true) {
-      const chunk = await session.send("IO.read", { handle })
-      await output.write(chunk.base64Encoded ? Buffer.from(chunk.data, "base64") : chunk.data)
-      if (chunk.eof) break
-    }
-  } finally {
-    await Promise.allSettled([output.close(), session.send("IO.close", { handle })])
-  }
-}
@@ -1,20 +0,0 @@
-import config from "../../playwright.config"
-
-const port = Number(process.env.PLAYWRIGHT_PORT ?? 3000)
-process.env.PLAYWRIGHT_SERVER_PORT = String(port)
-process.env.OPENCODE_PERFORMANCE_RUN_ID ??= `${new Date().toISOString().replace(/[:.]/g, "-")}-${process.pid}`
-
-export default {
-  ...config,
-  testDir: ".",
-  testIgnore: "unit/**",
-  outputDir: "../test-results/performance",
-  fullyParallel: false,
-  workers: 1,
-  reporter: [["html", { outputFolder: "../playwright-report/performance", open: "never" }], ["line"]],
-  webServer: {
-    ...config.webServer,
-    command: `bun run build && bun run serve -- --host 0.0.0.0 --port ${port} --strictPort`,
-    reuseExistingServer: false,
-  },
-}
@@ -1,13 +0,0 @@
-import config from "./playwright.config"
-
-export default {
-  ...config,
-  outputDir: "../test-results/performance-uncapped",
-  reporter: [["html", { outputFolder: "../playwright-report/performance-uncapped", open: "never" }], ["line"]],
-  use: {
-    ...config.use,
-    launchOptions: {
-      args: ["--disable-frame-rate-limit", "--disable-gpu-vsync"],
-    },
-  },
-}
@@ -1,87 +0,0 @@
-import { expectSessionTitle } from "../../utils/waits"
-import { benchmark, expect } from "../benchmark"
-import { measureFirstNavigation } from "./first-navigation-probe"
-import { fixture } from "./session-timeline-stress.fixture"
-import {
-  installStressSessionTabs,
-  installTimelineSettings,
-  mockStressTimeline,
-  stressDraftHref,
-  stressSessionHref,
-} from "./timeline-test-helpers"
-import { waitForStableTimeline } from "./session-tab-switch-probe"
-
-const contentSelector = '[data-message-id], [data-component="prompt-input"]'
-const draftID = "draft_first_navigation"
-
-benchmark.describe("performance: first navigation paint", () => {
-  benchmark("opens an unvisited session tab without a blank frame", async ({ page, report }) => {
-    await setup(page)
-    const href = stressSessionHref(fixture.targetID)
-    const result = await measureFirstNavigation(page, {
-      href,
-      destinationPath: href,
-      sourceSelector: messageSelector(fixture.expected.sourceMessageIDs.at(-1)!),
-      destinationSelector: messageSelector(fixture.expected.targetMessageIDs.at(-1)!),
-      contentSelector,
-      navigate: async () => {
-        await page.locator(`[data-slot="titlebar-tabs"] a[href="${href}"]`).first().click()
-        await expectSessionTitle(page, fixture.expected.targetTitle)
-      },
-    })
-    report(result)
-    expect(result.summary.blankSamples).toBe(0)
-    expect(result.summary.unknownSamples).toBe(0)
-  })
-
-  benchmark("opens the new session page before its lazy module is used", async ({ page, report }) => {
-    await setup(page, draftID)
-    const href = stressDraftHref(draftID)
-    const result = await measureFirstNavigation(page, {
-      href,
-      destinationPath: href,
-      sourceSelector: messageSelector(fixture.expected.sourceMessageIDs.at(-1)!),
-      destinationSelector: '[data-component="prompt-input"]',
-      contentSelector,
-      navigate: async () => {
-        await page.locator(`[data-slot="titlebar-tabs"] a[href="${href}"]`).first().click()
-        await expect(page.locator('[data-component="prompt-input"]')).toBeVisible()
-      },
-    })
-    report(result)
-    expect(result.summary.blankSamples).toBe(0)
-    expect(result.summary.unknownSamples).toBe(0)
-  })
-
-  benchmark("opens a child session without a blank frame", async ({ page, report }) => {
-    await setup(page)
-    const href = stressSessionHref(fixture.childID)
-    const result = await measureFirstNavigation(page, {
-      href,
-      destinationPath: href,
-      sourceSelector: messageSelector(fixture.expected.sourceMessageIDs.at(-1)!),
-      destinationSelector: messageSelector(fixture.expected.childMessageIDs.at(-1)!),
-      contentSelector,
-      navigate: async () => {
-        await page.locator(`a[href="${href}"]`, { has: page.locator('[data-component="task-tool-card"]') }).click()
-        await expectSessionTitle(page, fixture.expected.childTitle)
-      },
-    })
-    report(result)
-    expect(result.summary.blankSamples).toBe(0)
-    expect(result.summary.unknownSamples).toBe(0)
-  })
-})
-
-async function setup(page: Parameters<typeof mockStressTimeline>[0], draft?: string) {
-  await mockStressTimeline(page)
-  await installTimelineSettings(page)
-  await installStressSessionTabs(page, draft ? { draftID: draft } : undefined)
-  await page.goto(stressSessionHref(fixture.sourceID))
-  await expectSessionTitle(page, fixture.expected.sourceTitle)
-  await waitForStableTimeline(page, fixture.expected.sourceMessageIDs.at(-1)!)
-}
-
-function messageSelector(id: string) {
-  return `[data-message-id="${id}"]`
-}
@@ -1,32 +0,0 @@
-export type FirstNavigationSample = {
-  observedAtMs: number
-  source: boolean
-  destination: boolean
-  content: boolean
-  pathname?: string
-  center?: string
-}
-
-function category(sample: FirstNavigationSample) {
-  if (sample.destination && !sample.source) return "destination"
-  if (sample.source && !sample.destination) return "source"
-  if (!sample.content) return "blank"
-  return "unknown"
-}
-
-export function summarizeFirstNavigation(samples: FirstNavigationSample[]) {
-  const categories = samples.map(category)
-  const stable = categories.findIndex(
-    (value, index) =>
-      value === "destination" && categories[index + 1] === "destination" && categories[index + 2] === "destination",
-  )
-  return {
-    samples: samples.length,
-    firstDestinationObservedMs: samples[categories.indexOf("destination")]?.observedAtMs ?? null,
-    stableDestinationObservedMs: stable === -1 ? null : samples[stable + 2]!.observedAtMs,
-    sourceSamples: categories.filter((value) => value === "source").length,
-    blankSamples: categories.filter((value) => value === "blank").length,
-    unknownSamples: categories.filter((value) => value === "unknown").length,
-    destinationSamples: categories.filter((value) => value === "destination").length,
-  }
-}
@@ -1,86 +0,0 @@
-import type { Page } from "@playwright/test"
-import { summarizeFirstNavigation, type FirstNavigationSample } from "./first-navigation-metrics"
-
-type FirstNavigationProbe = {
-  samples: FirstNavigationSample[]
-  stop: () => void
-}
-
-export async function measureFirstNavigation(
-  page: Page,
-  input: {
-    href: string
-    destinationPath: string
-    sourceSelector: string
-    destinationSelector: string
-    contentSelector: string
-    navigate: () => Promise<void>
-  },
-) {
-  await page.evaluate(
-    ({ href, destinationPath, sourceSelector, destinationSelector, contentSelector }) => {
-      const samples: FirstNavigationSample[] = []
-      let started: number | undefined
-      let running = true
-      const visible = (selector: string) =>
-        [...document.querySelectorAll<HTMLElement>(selector)].some((element) => {
-          const rect = element.getBoundingClientRect()
-          const style = getComputedStyle(element)
-          return rect.width > 0 && rect.height > 0 && style.visibility !== "hidden" && style.display !== "none"
-        })
-      const sample = () => {
-        if (!running || started === undefined) return
-        requestAnimationFrame(() => {
-          setTimeout(() => {
-            if (!running || started === undefined) return
-            samples.push({
-              observedAtMs: performance.now() - started,
-              source: visible(sourceSelector),
-              destination: `${location.pathname}${location.search}` === destinationPath && visible(destinationSelector),
-              content: visible(contentSelector),
-              pathname: `${location.pathname}${location.search}`,
-              center: document.elementFromPoint(innerWidth / 2, innerHeight / 2)?.textContent?.slice(0, 80),
-            })
-            sample()
-          }, 0)
-        })
-      }
-      document.addEventListener(
-        "click",
-        (event) => {
-          const link = event.target instanceof Element ? event.target.closest("a") : undefined
-          if (link?.getAttribute("href") !== href) return
-          started = performance.now()
-          sample()
-        },
-        { capture: true, once: true },
-      )
-      ;(window as Window & { __firstNavigationProbe?: FirstNavigationProbe }).__firstNavigationProbe = {
-        samples,
-        stop: () => {
-          running = false
-        },
-      }
-    },
-    {
-      href: input.href,
-      destinationPath: input.destinationPath,
-      sourceSelector: input.sourceSelector,
-      destinationSelector: input.destinationSelector,
-      contentSelector: input.contentSelector,
-    },
-  )
-  await input.navigate()
-  await page.waitForFunction(() => {
-    const samples = (window as Window & { __firstNavigationProbe?: FirstNavigationProbe }).__firstNavigationProbe
-      ?.samples
-    if (!samples) return false
-    return samples.length >= 3 && samples.slice(-3).every((sample) => sample.destination && !sample.source)
-  })
-  const samples = await page.evaluate(() => {
-    const probe = (window as Window & { __firstNavigationProbe?: FirstNavigationProbe }).__firstNavigationProbe!
-    probe.stop()
-    return probe.samples
-  })
-  return { summary: summarizeFirstNavigation(samples), samples }
-}
@@ -1,114 +0,0 @@
-import { benchmark, expect } from "../benchmark"
-import { expectSessionTitle } from "../../utils/waits"
-import { measureNavigationMilestones } from "./navigation-milestones"
-import { fixture } from "./session-timeline-stress.fixture"
-import {
-  installStressSessionTabs,
-  installTimelineSettings,
-  mockStressTimeline,
-  stressSessionHref,
-} from "./timeline-test-helpers"
-import { waitForStableTimeline } from "./session-tab-switch-probe"
-
-const homeRow = '[data-component="home-session-row"]'
-const homeShell = '[data-component="home-session-search"]'
-
-benchmark.describe("performance: home and tab navigation", () => {
-  benchmark("opens a home session and paints its titlebar tab", async ({ page, report }) => {
-    await setup(page, [])
-    await page.goto("/")
-    const row = page.locator(homeRow).filter({ hasText: fixture.expected.targetTitle }).first()
-    await expect(row).toBeVisible()
-    const href = stressSessionHref(fixture.targetID)
-    const result = await measureNavigationMilestones(page, {
-      triggerSelector: homeRow,
-      milestones: {
-        content: { selector: messageSelector(fixture.expected.targetMessageIDs.at(-1)!) },
-        tab: { selector: `[data-slot="titlebar-tabs"] a[href="${href}"]` },
-      },
-      navigate: async () => {
-        await row.click()
-        await expectSessionTitle(page, fixture.expected.targetTitle)
-      },
-    })
-    report(result)
-    await expect(page.locator(`[data-slot="titlebar-tabs"] a[href="${href}"]`)).toContainText(
-      fixture.expected.targetTitle,
-    )
-  })
-
-  benchmark("stages the review body after cold session content", async ({ page, report }) => {
-    await setup(page, [])
-    await page.goto("/")
-    const row = page.locator(homeRow).filter({ hasText: fixture.expected.targetTitle }).first()
-    await expect(row).toBeVisible()
-    const result = await page.evaluate(
-      ({ rowSelector, title, contentSelector }) =>
-        new Promise<{ contentBeforeReview: boolean; samples: number }>((resolve) => {
-          let samples = 0
-          const sample = () => {
-            samples++
-            const content = !!document.querySelector(contentSelector)
-            const review = !!document.querySelector('[data-component="session-review"]')
-            if (content && !review) {
-              resolve({ contentBeforeReview: true, samples })
-              return
-            }
-            if (content && review) {
-              resolve({ contentBeforeReview: false, samples })
-              return
-            }
-            requestAnimationFrame(sample)
-          }
-          const target = [...document.querySelectorAll<HTMLElement>(rowSelector)].find((item) =>
-            item.textContent?.includes(title),
-          )
-          if (!target) throw new Error(`Home session row not found: ${title}`)
-          target.click()
-          requestAnimationFrame(sample)
-        }),
-      {
-        rowSelector: homeRow,
-        title: fixture.expected.targetTitle,
-        contentSelector: messageSelector(fixture.expected.targetMessageIDs.at(-1)!),
-      },
-    )
-    report(result)
-    expect(result.contentBeforeReview).toBe(true)
-    await expect(page.locator('[data-component="session-review"]')).toBeVisible()
-  })
-
-  benchmark("closes the only session tab and paints home", async ({ page, report }) => {
-    await setup(page, [fixture.sourceID])
-    const href = stressSessionHref(fixture.sourceID)
-    await page.goto(href)
-    await expectSessionTitle(page, fixture.expected.sourceTitle)
-    await waitForStableTimeline(page, fixture.expected.sourceMessageIDs.at(-1)!)
-    const tab = page.locator(`[data-slot="titlebar-tabs"] a[href="${href}"]`).first()
-    const close = tab.locator("..").locator('[data-component="icon-button-v2"]')
-    await expect(close).toBeVisible()
-    const result = await measureNavigationMilestones(page, {
-      triggerSelector: '[data-slot="titlebar-tabs"] [data-component="icon-button-v2"]',
-      milestones: {
-        home: { selector: homeShell },
-        row: { selector: homeRow },
-        tabRemoved: { selector: `[data-slot="titlebar-tabs"] a[href="${href}"]`, visible: false },
-      },
-      navigate: async () => {
-        await close.click()
-        await expect(page).toHaveURL("/")
-      },
-    })
-    report(result)
-  })
-})
-
-async function setup(page: Parameters<typeof mockStressTimeline>[0], sessionIDs: string[]) {
-  await mockStressTimeline(page)
-  await installTimelineSettings(page)
-  await installStressSessionTabs(page, { sessionIDs })
-}
-
-function messageSelector(id: string) {
-  return `[data-message-id="${id}"]`
-}
@@ -1,128 +0,0 @@
-import type { Page } from "@playwright/test"
-
-export type NavigationMilestoneSample = {
-  observedAtMs: number
-  milestones: Record<string, boolean>
-}
-
-export function summarizeNavigationMilestones(samples: NavigationMilestoneSample[]) {
-  const names = Object.keys(samples[0]?.milestones ?? {})
-  const summarize = (matches: (sample: NavigationMilestoneSample) => boolean) => {
-    const first = samples.find(matches)
-    const stable = samples.findIndex(
-      (sample, index) =>
-        index + 2 < samples.length && matches(sample) && matches(samples[index + 1]!) && matches(samples[index + 2]!),
-    )
-    return {
-      firstObservedMs: first?.observedAtMs ?? null,
-      stableObservedMs: stable === -1 ? null : samples[stable + 2]!.observedAtMs,
-    }
-  }
-  return {
-    samples: samples.length,
-    milestones: Object.fromEntries(
-      names.map((name) => [name, summarize((sample) => sample.milestones[name] === true)]),
-    ),
-    all: summarize((sample) => names.every((name) => sample.milestones[name] === true)),
-  }
-}
-
-type NavigationMilestoneProbe = {
-  samples: NavigationMilestoneSample[]
-  stop: () => void
-}
-
-export async function measureNavigationMilestones(
-  page: Page,
-  input: {
-    triggerSelector: string
-    milestones: Record<string, { selector: string; visible?: boolean }>
-    navigate: () => Promise<void>
-  },
-) {
-  await page.evaluate(
-    ({ triggerSelector, milestones }) => {
-      const samples: NavigationMilestoneSample[] = []
-      const streaks = new Map<string, number>()
-      const marked = new Set<string>()
-      let started: number | undefined
-      let running = true
-      const visible = (selector: string) =>
-        [...document.querySelectorAll<HTMLElement>(selector)].some((element) => {
-          const rect = element.getBoundingClientRect()
-          const style = getComputedStyle(element)
-          return rect.width > 0 && rect.height > 0 && style.visibility !== "hidden" && style.display !== "none"
-        })
-      const sample = () => {
-        if (!running || started === undefined) return
-        requestAnimationFrame(() => {
-          setTimeout(() => {
-            if (!running || started === undefined) return
-            const current = Object.fromEntries(
-              Object.entries(milestones).map(([name, milestone]) => [
-                name,
-                milestone.visible === false ? !document.querySelector(milestone.selector) : visible(milestone.selector),
-              ]),
-            )
-            samples.push({
-              observedAtMs: performance.now() - started,
-              milestones: current,
-            })
-            Object.entries(current).forEach(([name, value]) => {
-              if (!value) {
-                streaks.set(name, 0)
-                return
-              }
-              if (!marked.has(`${name}.first`)) {
-                performance.mark(`opencode.navigation.${name}.first`)
-                marked.add(`${name}.first`)
-              }
-              const streak = (streaks.get(name) ?? 0) + 1
-              streaks.set(name, streak)
-              if (streak === 3) performance.mark(`opencode.navigation.${name}.stable`)
-            })
-            const all = Object.values(current).every(Boolean)
-            const allStreak = all ? (streaks.get("all") ?? 0) + 1 : 0
-            streaks.set("all", allStreak)
-            if (all && !marked.has("all.first")) {
-              performance.mark("opencode.navigation.all.first")
-              marked.add("all.first")
-            }
-            if (allStreak === 3) performance.mark("opencode.navigation.all.stable")
-            sample()
-          }, 0)
-        })
-      }
-      document.addEventListener(
-        "click",
-        (event) => {
-          if (!(event.target instanceof Element) || !event.target.closest(triggerSelector)) return
-          started = performance.now()
-          performance.mark("opencode.navigation.click")
-          sample()
-        },
-        { capture: true, once: true },
-      )
-      ;(window as Window & { __navigationMilestones?: NavigationMilestoneProbe }).__navigationMilestones = {
-        samples,
-        stop: () => {
-          running = false
-        },
-      }
-    },
-    { triggerSelector: input.triggerSelector, milestones: input.milestones },
-  )
-  await input.navigate()
-  await page.waitForFunction(() => {
-    const samples = (window as Window & { __navigationMilestones?: NavigationMilestoneProbe }).__navigationMilestones
-      ?.samples
-    if (!samples || samples.length < 3) return false
-    return samples.slice(-3).every((sample) => Object.values(sample.milestones).every(Boolean))
-  })
-  const samples = await page.evaluate(() => {
-    const probe = (window as Window & { __navigationMilestones?: NavigationMilestoneProbe }).__navigationMilestones!
-    probe.stop()
-    return probe.samples
-  })
-  return { summary: summarizeNavigationMilestones(samples), samples }
-}
@@ -1,67 +0,0 @@
-import { benchmark, expect } from "../benchmark"
-import { expectSessionTitle } from "../../utils/waits"
-import { fixture } from "./session-timeline-stress.fixture"
-import {
-  collectCachedRepaintTrace,
-  compressCachedRepaintTrace,
-  installCachedRepaintProbe,
-  waitForCachedRepaintWindow,
-} from "./session-tab-repaint-probe"
-import { waitForStableTimeline } from "./session-tab-switch-probe"
-import {
-  installStressSessionTabs,
-  installTimelineSettings,
-  mockStressTimeline,
-  stressSessionHref,
-} from "./timeline-test-helpers"
-
-benchmark("samples cached session repaint after the click", async ({ page, report }) => {
-  benchmark.setTimeout(120_000)
-  await mockStressTimeline(page)
-  await installStressSessionTabs(page)
-  await installTimelineSettings(page)
-  await page.goto(stressSessionHref(fixture.targetID))
-  await expectSessionTitle(page, fixture.expected.targetTitle)
-  await waitForStableTimeline(page, fixture.expected.targetMessageIDs.at(-1)!)
-  await page
-    .locator(`[data-slot="titlebar-tabs"] a[href="${stressSessionHref(fixture.sourceID)}"]`)
-    .first()
-    .click()
-  await expectSessionTitle(page, fixture.expected.sourceTitle)
-  await waitForStableTimeline(page, fixture.expected.sourceMessageIDs.at(-1)!)
-
-  await installCachedRepaintProbe(page, {
-    targetHref: stressSessionHref(fixture.targetID),
-    destination: fixture.messages[fixture.targetID].map((message) => message.info.id),
-    source: fixture.messages[fixture.sourceID].map((message) => message.info.id),
-    last: fixture.expected.targetMessageIDs.at(-1)!,
-    windowMs: 1_000,
-  })
-
-  await page
-    .locator(`[data-slot="titlebar-tabs"] a[href="${stressSessionHref(fixture.targetID)}"]`)
-    .first()
-    .click()
-  await Promise.all([expectSessionTitle(page, fixture.expected.targetTitle), waitForCachedRepaintWindow(page, 1_000)])
-  const result = await collectCachedRepaintTrace(page)
-  report(compressCachedRepaintTrace(result))
-  expect(result.samples.length).toBeGreaterThan(0)
-})
-
-benchmark("prefetches every open session tab", async ({ page, report }) => {
-  const prefetched = new Set<string>()
-  await mockStressTimeline(page, {
-    onMessages: (input) => {
-      if (!input.before && input.phase === "start") prefetched.add(input.sessionID)
-    },
-  })
-  await installStressSessionTabs(page, {
-    sessionIDs: [fixture.sourceID, fixture.targetID, fixture.childID],
-  })
-  await installTimelineSettings(page)
-  await page.goto(stressSessionHref(fixture.sourceID))
-  await expectSessionTitle(page, fixture.expected.sourceTitle)
-
-  await expect.poll(() => prefetched.has(fixture.childID)).toBe(true)
-  report({ prefetched: [...prefetched] })
-})
@@ -1,251 +0,0 @@
-import type { Page } from "@playwright/test"
-
-type CachedRepaintTrace = {
-  timeOriginEpochMs: number
-  startedAtPerformanceMs: number
-  samples: {
-    observedAtMs: number
-    root: number | undefined
-    scrollTop: number
-    scrollHeight: number
-    bottomErrorPx: number | undefined
-    last: boolean
-    rows: { key: string | undefined; node: number; top: number; bottom: number }[]
-    mounted: number
-    center: string | undefined
-    destination: string[]
-    source: string[]
-  }[]
-  mutations: { observedAtMs: number; changed: { type: string; node: number }[] }[]
-  shifts: { occurredAtMs: number; value: number }[]
-  windowMs: number
-  running: boolean
-  stop: () => void
-}
-
-export async function installCachedRepaintProbe(
-  page: Page,
-  input: { targetHref: string; destination: string[]; source: string[]; last: string; windowMs: number },
-) {
-  await page.evaluate(({ targetHref, destination, source, last, windowMs }) => {
-    const destinationIDs = new Set(destination)
-    const sourceIDs = new Set(source)
-    const nodeIDs = new WeakMap<Node, number>()
-    let nextNodeID = 1
-    const id = (node: Node) => {
-      const current = nodeIDs.get(node)
-      if (current) return current
-      nodeIDs.set(node, nextNodeID)
-      return nextNodeID++
-    }
-    const state: CachedRepaintTrace = {
-      timeOriginEpochMs: performance.timeOrigin,
-      startedAtPerformanceMs: 0,
-      samples: [],
-      mutations: [],
-      shifts: [],
-      windowMs,
-      running: false,
-      stop: () => {},
-    }
-    const recordShifts = (entries: PerformanceEntry[]) => {
-      if (!state.running) return
-      state.shifts.push(
-        ...entries
-          .map((entry) => {
-            if (
-              entry.startTime < state.startedAtPerformanceMs ||
-              entry.startTime > state.startedAtPerformanceMs + state.windowMs
-            )
-              return
-            return {
-              occurredAtMs: entry.startTime - state.startedAtPerformanceMs,
-              value: (entry as PerformanceEntry & { value: number }).value,
-            }
-          })
-          .filter((entry): entry is { occurredAtMs: number; value: number } => entry !== undefined),
-      )
-    }
-    const shiftObserver = new PerformanceObserver((entries) => recordShifts(entries.getEntries()))
-    shiftObserver.observe({ type: "layout-shift" })
-    const recordMutations = (entries: MutationRecord[]) => {
-      if (!state.running) return
-      const observedAtMs = performance.now() - state.startedAtPerformanceMs
-      if (observedAtMs > state.windowMs) return
-      const changed = entries.flatMap((entry) => [
-        ...[...entry.addedNodes].map((node) => ({ type: "add", node: id(node) })),
-        ...[...entry.removedNodes].map((node) => ({ type: "remove", node: id(node) })),
-      ])
-      if (changed.length) state.mutations.push({ observedAtMs, changed })
-    }
-    const mutationObserver = new MutationObserver(recordMutations)
-    mutationObserver.observe(document.documentElement, { childList: true, subtree: true })
-    state.stop = () => {
-      recordShifts(shiftObserver.takeRecords())
-      recordMutations(mutationObserver.takeRecords())
-      state.running = false
-      shiftObserver.disconnect()
-      mutationObserver.disconnect()
-    }
-    const sample = () => {
-      if (!state.running) return
-      setTimeout(() => {
-        if (!state.running) return
-        const observedAtMs = performance.now() - state.startedAtPerformanceMs
-        if (observedAtMs > state.windowMs) return
-        const root = [...document.querySelectorAll<HTMLElement>(".scroll-view__viewport")].find((element) =>
-          element.querySelector("[data-timeline-row]"),
-        )
-        if (root) {
-          const view = root.getBoundingClientRect()
-          const rows = [...root.querySelectorAll<HTMLElement>("[data-timeline-key]")]
-            .map((element) => ({
-              key: element.dataset.timelineKey,
-              node: id(element),
-              rect: element.getBoundingClientRect(),
-            }))
-            .filter((item) => item.rect.bottom > view.top && item.rect.top < view.bottom)
-            .map((item) => ({
-              key: item.key,
-              node: item.node,
-              top: item.rect.top - view.top,
-              bottom: item.rect.bottom - view.top,
-            }))
-          const messages = [...root.querySelectorAll<HTMLElement>("[data-message-id]")]
-            .filter((element) => {
-              const rect = element.getBoundingClientRect()
-              return rect.bottom > view.top && rect.top < view.bottom
-            })
-            .map((element) => element.dataset.messageId!)
-          const spacer = root.querySelector<HTMLElement>('[data-timeline-row="bottom-spacer"]')?.getBoundingClientRect()
-          state.samples.push({
-            observedAtMs,
-            root: id(root),
-            scrollTop: root.scrollTop,
-            scrollHeight: root.scrollHeight,
-            bottomErrorPx: spacer ? spacer.bottom - view.bottom : undefined,
-            last: messages.includes(last),
-            rows,
-            mounted: root.querySelectorAll("[data-timeline-key]").length,
-            center: document
-              .elementFromPoint(view.left + view.width / 2, view.top + view.height / 2)
-              ?.textContent?.slice(0, 80),
-            destination: messages.filter((messageID) => destinationIDs.has(messageID)),
-            source: messages.filter((messageID) => sourceIDs.has(messageID)),
-          })
-        } else {
-          state.samples.push({
-            observedAtMs,
-            root: undefined,
-            scrollTop: 0,
-            scrollHeight: 0,
-            bottomErrorPx: undefined,
-            last: false,
-            rows: [],
-            mounted: 0,
-            center: document.elementFromPoint(innerWidth / 2, innerHeight / 2)?.textContent?.slice(0, 80),
-            destination: [],
-            source: [],
-          })
-        }
-        requestAnimationFrame(sample)
-      }, 0)
-    }
-    document.addEventListener(
-      "click",
-      (event) => {
-        const link = event.target instanceof Element ? event.target.closest("a") : undefined
-        if (link?.getAttribute("href") !== targetHref) return
-        state.startedAtPerformanceMs = performance.now()
-        state.running = true
-        requestAnimationFrame(sample)
-      },
-      { capture: true, once: true },
-    )
-    ;(window as Window & { __cachedFlash?: CachedRepaintTrace }).__cachedFlash = state
-  }, input)
-}
-
-export function layoutShiftSample(entry: Pick<PerformanceEntry, "startTime"> & { value: number }, started: number) {
-  if (entry.startTime < started) return
-  return { occurredAtMs: entry.startTime - started, value: entry.value }
-}
-
-export async function waitForCachedRepaintWindow(page: Page, durationMs: number) {
-  await page.waitForFunction((durationMs) => {
-    const state = (window as Window & { __cachedFlash?: CachedRepaintTrace }).__cachedFlash
-    return !!state?.running && performance.now() - state.startedAtPerformanceMs >= durationMs
-  }, durationMs)
-}
-
-export async function collectCachedRepaintTrace(page: Page) {
-  return page.evaluate(() => {
-    const state = (window as Window & { __cachedFlash?: CachedRepaintTrace }).__cachedFlash!
-    state.stop()
-    return state
-  })
-}
-
-export function summarizeCachedRepaintTrace(trace: CachedRepaintTrace) {
-  const roots = trace.samples.map((sample) => sample.root)
-  const bottomErrors = trace.samples.flatMap((sample) =>
-    sample.bottomErrorPx === undefined ? [] : [Math.abs(sample.bottomErrorPx)],
-  )
-  const category = (sample: CachedRepaintTrace["samples"][number]) => {
-    if (sample.source.length) return "source"
-    if (sample.root === undefined || sample.rows.length === 0) return "blank"
-    if (!sample.destination.length) return "unknown"
-    if (sample.last && Math.abs(sample.bottomErrorPx ?? Infinity) <= 1) return "correct"
-    return "wrongDestination"
-  }
-  return {
-    samples: trace.samples.length,
-    durationMs: trace.samples.at(-1)?.observedAtMs ?? 0,
-    firstSampleObservedMs: trace.samples[0]?.observedAtMs,
-    firstSampleCorrect: trace.samples[0] ? category(trace.samples[0]) === "correct" : false,
-    blankSamples: trace.samples.filter((sample) => category(sample) === "blank").length,
-    sourceSamples: trace.samples.filter((sample) => category(sample) === "source").length,
-    wrongDestinationSamples: trace.samples.filter((sample) => category(sample) === "wrongDestination").length,
-    unknownSamples: trace.samples.filter((sample) => category(sample) === "unknown").length,
-    rootChanges: roots.slice(1).filter((root, index) => root !== roots[index]).length,
-    mountedMin: trace.samples.length ? Math.min(...trace.samples.map((sample) => sample.mounted)) : 0,
-    mountedMax: Math.max(...trace.samples.map((sample) => sample.mounted)),
-    maxBottomErrorPx: Math.max(0, ...bottomErrors),
-    mutationBatches: trace.mutations.length,
-    addedNodes: trace.mutations.reduce(
-      (sum, batch) => sum + batch.changed.filter((change) => change.type === "add").length,
-      0,
-    ),
-    removedNodes: trace.mutations.reduce(
-      (sum, batch) => sum + batch.changed.filter((change) => change.type === "remove").length,
-      0,
-    ),
-    layoutShiftValueSum: trace.shifts.reduce((sum, shift) => sum + shift.value, 0),
-    maxLayoutShiftValue: Math.max(0, ...trace.shifts.map((shift) => shift.value)),
-  }
-}
-
-export function compressCachedRepaintTrace(trace: CachedRepaintTrace) {
-  const samples: {
-    observedAtMs: number[]
-    state: Omit<CachedRepaintTrace["samples"][number], "observedAtMs">
-  }[] = []
-  for (const sample of trace.samples) {
-    const { observedAtMs, ...state } = sample
-    const previous = samples.at(-1)
-    if (previous && JSON.stringify(previous.state) === JSON.stringify(state)) {
-      previous.observedAtMs.push(observedAtMs)
-      continue
-    }
-    samples.push({ observedAtMs: [observedAtMs], state })
-  }
-  return {
-    timeOriginEpochMs: trace.timeOriginEpochMs,
-    startedAtPerformanceMs: trace.startedAtPerformanceMs,
-    windowMs: trace.windowMs,
-    summary: summarizeCachedRepaintTrace(trace),
-    samples,
-    mutations: trace.mutations,
-    shifts: trace.shifts,
-  }
-}
@@ -1,79 +0,0 @@
-import type { Page } from "@playwright/test"
-import { expectSessionTitle } from "../../utils/waits"
-import { benchmark, expect, withBenchmarkPage } from "../benchmark"
-import { fixture } from "./session-timeline-stress.fixture"
-import { installStressSessionTabs, mockStressTimeline, stressSessionHref } from "./timeline-test-helpers"
-import { measureSessionSwitch, waitForStableTimeline } from "./session-tab-switch-probe"
-
-type Result = Awaited<ReturnType<typeof measureSessionSwitch>>
-
-benchmark("benchmarks cold and hot session tab switching", async ({ browser, report }, testInfo) => {
-  benchmark.setTimeout(180_000)
-  const results = { cold: [] as Result[], hot: [] as Result[] }
-  for (const mode of ["cold", "hot"] as const) {
-    for (let run = 0; run < 5; run++) {
-      results[mode].push(
-        await withBenchmarkPage(browser, `session-tab-switch-${mode}-${run}`, (page) => trial(page, mode), testInfo),
-      )
-    }
-  }
-  report({ results, summary: summarize(results) })
-})
-
-async function trial(page: Page, mode: "cold" | "hot") {
-  await mockStressTimeline(page)
-  await installStressSessionTabs(page)
-  if (mode === "hot") {
-    await page.goto(stressSessionHref(fixture.targetID))
-    await expectSessionTitle(page, fixture.expected.targetTitle)
-    await waitForStableTimeline(page, fixture.expected.targetMessageIDs.at(-1)!)
-    await switchSession(page, fixture.sourceID, fixture.expected.sourceTitle)
-  } else {
-    await page.goto(stressSessionHref(fixture.sourceID))
-    await expectSessionTitle(page, fixture.expected.sourceTitle)
-  }
-  await waitForStableTimeline(page, fixture.expected.sourceMessageIDs.at(-1)!)
-
-  const destinationIDs = fixture.messages[fixture.targetID].map((message) => message.info.id)
-  const sourceIDs = fixture.messages[fixture.sourceID].map((message) => message.info.id)
-  const lastID = fixture.expected.targetMessageIDs.at(-1)!
-  const href = stressSessionHref(fixture.targetID)
-  const result = await measureSessionSwitch(page, {
-    destinationIDs,
-    sourceIDs,
-    lastID,
-    href,
-    switch: () => switchSession(page, fixture.targetID, fixture.expected.targetTitle),
-  })
-  return result
-}
-
-function summarize(results: Record<"cold" | "hot", Result[]>) {
-  const stats = (values: (number | null)[]) => {
-    const sorted = values.filter((value): value is number => value !== null).sort((a, b) => a - b)
-    return {
-      min: sorted[0] ?? null,
-      median: sorted[Math.floor(sorted.length / 2)] ?? null,
-      max: sorted.at(-1) ?? null,
-      missing: values.length - sorted.length,
-    }
-  }
-  return Object.fromEntries(
-    Object.entries(results).map(([mode, values]) => [
-      mode,
-      {
-        firstDestinationObservedMs: stats(values.map((value) => value.firstDestinationObservedMs)),
-        firstCorrectObservedMs: stats(values.map((value) => value.firstCorrectObservedMs)),
-        stableObservedMs: stats(values.map((value) => value.stableObservedMs)),
-      },
-    ]),
-  )
-}
-
-async function switchSession(page: Page, sessionID: string, title: string) {
-  const href = stressSessionHref(sessionID)
-  const tab = page.locator(`[data-slot="titlebar-tabs"] a[href="${href}"]`).first()
-  await expect(tab).toBeVisible()
-  await tab.click()
-  await expectSessionTitle(page, title)
-}
@@ -1,46 +0,0 @@
-export type SessionSwitchSample = {
-  observedAtMs: number
-  destination: string[]
-  source: string[]
-  hasVisibleRows: boolean
-  last: boolean
-  bottomErrorPx?: number
-}
-
-export function classifySessionSwitch(samples: SessionSwitchSample[]) {
-  const firstDestination = samples.findIndex((sample) => sample.destination.length > 0)
-  const firstCorrect = samples.findIndex(isCorrectDestination)
-  const stable = samples.findIndex((_, index) => isStableSessionSwitch(samples.slice(index, index + 3)))
-  return {
-    firstDestinationObservedMs: samples[firstDestination]?.observedAtMs ?? null,
-    firstCorrectObservedMs: samples[firstCorrect]?.observedAtMs ?? null,
-    stableObservedMs: samples[stable + 2]?.observedAtMs ?? null,
-    wrongDestinationSamples: samples
-      .slice(firstDestination)
-      .filter((sample) => sample.destination.length > 0 && !sample.last).length,
-    blankSamples: samples.filter((sample) => !sample.hasVisibleRows).length,
-    unknownSamples: samples.filter(
-      (sample) => sample.hasVisibleRows && sample.destination.length === 0 && sample.source.length === 0,
-    ).length,
-    sourceSamples: samples.filter((sample) => sample.source.length > 0).length,
-  }
-}
-
-export function isCorrectDestination(sample: SessionSwitchSample) {
-  return (
-    sample.destination.length > 0 &&
-    sample.source.length === 0 &&
-    sample.last &&
-    Math.abs(sample.bottomErrorPx ?? Infinity) <= 1
-  )
-}
-
-export function isStableSessionSwitch(samples: SessionSwitchSample[]) {
-  return samples.length === 3 && samples.every(isCorrectDestination)
-}
-
-export function isStableDestination(samples: Pick<SessionSwitchSample, "last" | "bottomErrorPx">[]) {
-  return (
-    samples.length === 3 && samples.every((sample) => sample.last && Math.abs(sample.bottomErrorPx ?? Infinity) <= 1)
-  )
-}
@@ -1,152 +0,0 @@
-import { expect, type Page } from "@playwright/test"
-import { classifySessionSwitch, isStableDestination, type SessionSwitchSample } from "./session-tab-switch-metrics"
-
-type SessionSwitchProbe = {
-  samples: SessionSwitchSample[]
-  stop: () => void
-}
-
-async function installSessionSwitchProbe(
-  page: Page,
-  input: { destinationIDs: string[]; sourceIDs: string[]; lastID: string; href: string },
-) {
-  await page.evaluate(({ destinationIDs, sourceIDs, lastID, href }) => {
-    const destination = new Set(destinationIDs)
-    const source = new Set(sourceIDs)
-    const samples: SessionSwitchSample[] = []
-    let started: number | undefined
-    let running = true
-    const sample = () => {
-      if (!running || started === undefined) return
-      setTimeout(() => {
-        if (!running || started === undefined) return
-        const observedAtMs = performance.now() - started
-        const root = [...document.querySelectorAll<HTMLElement>(".scroll-view__viewport")].find((element) =>
-          element.querySelector("[data-timeline-row]"),
-        )
-        if (root) {
-          const view = root.getBoundingClientRect()
-          const visible = [...root.querySelectorAll<HTMLElement>("[data-message-id]")]
-            .filter((element) => {
-              const rect = element.getBoundingClientRect()
-              return rect.bottom > view.top && rect.top < view.bottom
-            })
-            .map((element) => element.dataset.messageId!)
-          const hasVisibleRows = [...root.querySelectorAll<HTMLElement>("[data-timeline-key]")].some((element) => {
-            const rect = element.getBoundingClientRect()
-            return rect.bottom > view.top && rect.top < view.bottom
-          })
-          const spacer = root.querySelector<HTMLElement>('[data-timeline-row="bottom-spacer"]')?.getBoundingClientRect()
-          samples.push({
-            observedAtMs,
-            destination: visible.filter((id) => destination.has(id)),
-            source: visible.filter((id) => source.has(id)),
-            hasVisibleRows,
-            last: visible.includes(lastID),
-            bottomErrorPx: spacer ? spacer.bottom - view.bottom : undefined,
-          })
-        } else {
-          samples.push({ observedAtMs, destination: [], source: [], hasVisibleRows: false, last: false })
-        }
-        requestAnimationFrame(sample)
-      }, 0)
-    }
-    document.addEventListener(
-      "click",
-      (event) => {
-        const link = event.target instanceof Element ? event.target.closest("a") : undefined
-        if (link?.getAttribute("href") !== href) return
-        started = performance.now()
-        requestAnimationFrame(sample)
-      },
-      { capture: true, once: true },
-    )
-    ;(window as Window & { __sessionSwitchProbe?: SessionSwitchProbe }).__sessionSwitchProbe = {
-      samples,
-      stop: () => {
-        running = false
-      },
-    }
-  }, input)
-}
-
-async function waitForStableSessionSwitch(page: Page) {
-  await page.waitForFunction(() => {
-    const samples = (window as Window & { __sessionSwitchProbe?: SessionSwitchProbe }).__sessionSwitchProbe?.samples
-    if (!samples) return false
-    return samples.some((_, index) => {
-      const stable = samples.slice(index, index + 3)
-      return (
-        stable.length === 3 &&
-        stable.every(
-          (sample) =>
-            sample.destination.length > 0 &&
-            sample.source.length === 0 &&
-            sample.last &&
-            Math.abs(sample.bottomErrorPx ?? Infinity) <= 1,
-        )
-      )
-    })
-  })
-}
-
-async function collectSessionSwitchResult(page: Page) {
-  const samples = await page.evaluate(() => {
-    const probe = (window as Window & { __sessionSwitchProbe?: SessionSwitchProbe }).__sessionSwitchProbe!
-    probe.stop()
-    return probe.samples
-  })
-  return classifySessionSwitch(samples)
-}
-
-export async function measureSessionSwitch(
-  page: Page,
-  input: { destinationIDs: string[]; sourceIDs: string[]; lastID: string; href: string; switch: () => Promise<void> },
-) {
-  const { switch: run, ...probe } = input
-  await installSessionSwitchProbe(page, probe)
-  await run()
-  await waitForStableSessionSwitch(page)
-  return collectSessionSwitchResult(page)
-}
-
-export async function waitForStableTimeline(page: Page, lastID: string) {
-  const samples: Pick<SessionSwitchSample, "last" | "bottomErrorPx">[] = []
-  await expect
-    .poll(
-      async () => {
-        samples.push(
-          await page.evaluate(
-            (lastID) =>
-              new Promise<Pick<SessionSwitchSample, "last" | "bottomErrorPx">>((resolve) => {
-                requestAnimationFrame(() =>
-                  setTimeout(() => {
-                    const root = [...document.querySelectorAll<HTMLElement>(".scroll-view__viewport")].find((element) =>
-                      element.querySelector("[data-timeline-row]"),
-                    )
-                    if (!root) {
-                      resolve({ last: false })
-                      return
-                    }
-                    const view = root.getBoundingClientRect()
-                    const last = [...root.querySelectorAll<HTMLElement>("[data-message-id]")].some((element) => {
-                      if (element.dataset.messageId !== lastID) return false
-                      const rect = element.getBoundingClientRect()
-                      return rect.bottom > view.top && rect.top < view.bottom
-                    })
-                    const spacer = root
-                      .querySelector<HTMLElement>('[data-timeline-row="bottom-spacer"]')
-                      ?.getBoundingClientRect()
-                    resolve({ last, bottomErrorPx: spacer ? spacer.bottom - view.bottom : undefined })
-                  }, 0),
-                )
-              }),
-            lastID,
-          ),
-        )
-        return isStableDestination(samples.slice(-3))
-      },
-      { timeout: 30_000, intervals: [0] },
-    )
-    .toBe(true)
-}
@@ -1,488 +0,0 @@
-import { base64Encode } from "@opencode-ai/core/util/encode"
-import type { Page } from "@playwright/test"
-import { mockOpenCodeServer } from "../../utils/mock-server"
-import { expectAppVisible, expectSessionTitle } from "../../utils/waits"
-import { expect } from "../benchmark"
-
-const directory = "C:/OpenCode/TimelineStateRegression"
-const projectID = "proj_timeline_state_regression"
-const sessionID = "ses_timeline_state_regression"
-const userMessageID = "msg_user_regression"
-const assistantMessageID = "msg_assistant_regression"
-const editPartID = "prt_0001_edit"
-export const textPartID = "prt_9999_text"
-const title = "Timeline collapse state regression"
-const model = { providerID: "opencode", modelID: "claude-opus-4-6", variant: "max" }
-
-type EventPayload = {
-  directory: string
-  payload: Record<string, unknown>
-}
-
-const userMessage = {
-  info: {
-    id: userMessageID,
-    sessionID,
-    role: "user",
-    time: { created: 1700000000000 },
-    summary: { diffs: [] },
-    agent: "build",
-    model,
-  },
-  parts: [
-    {
-      id: "prt_user_text",
-      sessionID,
-      messageID: userMessageID,
-      type: "text",
-      text: "Please edit the file.",
-    },
-  ],
-}
-
-const editPart = {
-  id: editPartID,
-  sessionID,
-  messageID: assistantMessageID,
-  type: "tool",
-  callID: "call_edit_regression",
-  tool: "edit",
-  state: {
-    status: "completed",
-    input: { filePath: "src/regression.ts" },
-    output: "Edited src/regression.ts",
-    title: "src/regression.ts",
-    metadata: {
-      filediff: {
-        file: "src/regression.ts",
-        additions: 1,
-        deletions: 1,
-        before: "export const value = 'before'\n",
-        after: "export const value = 'after'\n",
-      },
-      diff: "diff --git a/src/regression.ts b/src/regression.ts\n-export const value = 'before'\n+export const value = 'after'\n",
-    },
-    time: { start: 1700000001000, end: 1700000002000 },
-  },
-}
-
-const streamedTextPart = {
-  id: textPartID,
-  sessionID,
-  messageID: assistantMessageID,
-  type: "text",
-  text: "Streaming added a later assistant text part.",
-}
-
-const assistantMessage = {
-  info: {
-    id: assistantMessageID,
-    sessionID,
-    role: "assistant",
-    time: { created: 1700000001000 },
-    parentID: userMessageID,
-    modelID: model.modelID,
-    providerID: model.providerID,
-    mode: "build",
-    agent: "build",
-    path: { cwd: directory, root: directory },
-    cost: 0.01,
-    tokens: { input: 100, output: 200, reasoning: 0, cache: { read: 0, write: 0 } },
-    variant: "max",
-  },
-  parts: [editPart],
-}
-
-export async function setupTimelineBenchmark(page: Page, options: { historyTurns: number; eventBatch: number }) {
-  const events: EventPayload[] = []
-  let eventBatch = options.eventBatch
-  await mockOpenCodeServer(page, {
-    directory,
-    project: project(),
-    provider: provider(),
-    sessions: [session()],
-    pageMessages: () => ({
-      items: [
-        ...Array.from({ length: options.historyTurns }, (_, index) => performanceTurn(index)).flat(),
-        userMessage,
-        assistantMessage,
-      ],
-    }),
-    events: () => events.splice(0, eventBatch),
-    eventRetry: 16,
-  })
-  await page.addInitScript(() => {
-    localStorage.setItem(
-      "settings.v3",
-      JSON.stringify({
-        general: {
-          editToolPartsExpanded: true,
-          shellToolPartsExpanded: true,
-          showReasoningSummaries: true,
-          showSessionProgressBar: true,
-        },
-      }),
-    )
-  })
-  await page.setViewportSize({ width: 1366, height: 768 })
-  const scroller = page.locator(".scroll-view__viewport", { has: page.locator("[data-timeline-row]") })
-  const text = page.locator(`[data-timeline-part-id="${textPartID}"]`).first()
-  await page.goto(`/${base64Encode(directory)}/session/${sessionID}`)
-  await expectSessionTitle(page, title)
-  await expectAppVisible(scroller)
-  return {
-    scroller,
-    text,
-    transport: {
-      enqueue(payload: EventPayload | EventPayload[]) {
-        events.push(...(Array.isArray(payload) ? payload : [payload]))
-      },
-      pendingCount() {
-        return events.length
-      },
-      releaseAll() {
-        eventBatch = events.length
-      },
-    },
-    async scrollToBottom() {
-      await scroller.evaluate((element) => {
-        element.scrollTop = element.scrollHeight
-      })
-    },
-    async waitForStableGeometry() {
-      await expect
-        .poll(() => scroller.evaluate((element) => element.scrollHeight - element.clientHeight - element.scrollTop))
-        .toBeLessThanOrEqual(1)
-      await page.waitForFunction((partID) => {
-        const root = [...document.querySelectorAll<HTMLElement>(".scroll-view__viewport")].find((element) =>
-          element.querySelector(`[data-timeline-part-id="${partID}"]`),
-        )
-        if (!root) return false
-        return new Promise<boolean>((resolve) => {
-          const height = root.scrollHeight
-          requestAnimationFrame(() =>
-            requestAnimationFrame(() =>
-              resolve(root.scrollHeight === height && root.scrollHeight - root.clientHeight - root.scrollTop <= 1),
-            ),
-          )
-        })
-      }, textPartID)
-    },
-  }
-}
-
-export function buildInitialStreamEvent(deltaCount: number): EventPayload {
-  return {
-    directory,
-    payload: {
-      type: "message.part.updated",
-      properties: {
-        part: {
-          ...streamedTextPart,
-          text: `Streaming${streamChunk(0, deltaCount + 1)}\n\n\`\`\`ts\nconst initial = true\n\`\`\``,
-        },
-      },
-    },
-  }
-}
-
-export function buildStreamDeltaEvents(deltaCount: number): EventPayload[] {
-  return Array.from({ length: deltaCount }, (_, index) => ({
-    directory,
-    payload: {
-      type: "message.part.delta",
-      properties: {
-        messageID: assistantMessageID,
-        partID: textPartID,
-        field: "text",
-        delta: streamChunk(index + 1, deltaCount + 1),
-      },
-    },
-  }))
-}
-
-function performanceTurn(index: number) {
-  const suffix = String(index).padStart(4, "0")
-  const userID = `msg_0000_${suffix}_a_user`
-  const assistantID = `msg_0000_${suffix}_b_assistant`
-  const before = historicalSource(index, false)
-  const after = historicalSource(index, true)
-  const parts = [
-    ...(index % 5 === 0
-      ? [
-          {
-            id: `prt_0000_${suffix}_reasoning`,
-            sessionID,
-            messageID: assistantID,
-            type: "reasoning",
-            text: `Reviewing the existing implementation. ${"constraint analysis ".repeat(20)}`,
-            time: { start: 1690000001000 + index * 2_000, end: 1690000001200 + index * 2_000 },
-          },
-        ]
-      : []),
-    {
-      id: `prt_0000_${suffix}_assistant`,
-      sessionID,
-      messageID: assistantID,
-      type: "text",
-      text: historicalMarkdown(index),
-    },
-    ...(index % 8 === 0
-      ? [
-          {
-            id: `prt_0000_${suffix}_edit`,
-            sessionID,
-            messageID: assistantID,
-            type: "tool",
-            callID: `call_0000_${suffix}_edit`,
-            tool: "edit",
-            state: {
-              status: "completed",
-              input: { filePath: `src/history-${index}.ts` },
-              output: `Edited src/history-${index}.ts`,
-              title: `src/history-${index}.ts`,
-              metadata: {
-                filediff: { file: `src/history-${index}.ts`, additions: 48, deletions: 48, before, after },
-              },
-              time: { start: 1690000001200 + index * 2_000, end: 1690000001400 + index * 2_000 },
-            },
-          },
-        ]
-      : []),
-    ...(index % 12 === 0
-      ? [
-          {
-            id: `prt_0000_${suffix}_write`,
-            sessionID,
-            messageID: assistantID,
-            type: "tool",
-            callID: `call_0000_${suffix}_write`,
-            tool: "write",
-            state: {
-              status: "completed",
-              input: { filePath: `src/generated-${index}.tsx`, content: after },
-              output: `Wrote src/generated-${index}.tsx`,
-              title: `src/generated-${index}.tsx`,
-              metadata: {
-                filediff: { file: `src/generated-${index}.tsx`, additions: 32, deletions: 0, before: "", after },
-              },
-              time: { start: 1690000001400 + index * 2_000, end: 1690000001500 + index * 2_000 },
-            },
-          },
-        ]
-      : []),
-    ...(index % 16 === 0
-      ? [
-          {
-            id: `prt_0000_${suffix}_patch`,
-            sessionID,
-            messageID: assistantID,
-            type: "tool",
-            callID: `call_0000_${suffix}_patch`,
-            tool: "apply_patch",
-            state: {
-              status: "completed",
-              input: { patchText: realisticPatch(index) },
-              output: "Success. Updated src/components/SessionCard.tsx",
-              title: "src/components/SessionCard.tsx",
-              metadata: {
-                files: [
-                  {
-                    filePath: "src/components/SessionCard.tsx",
-                    relativePath: "src/components/SessionCard.tsx",
-                    type: "update",
-                    additions: 8,
-                    deletions: 3,
-                    patch: realisticPatch(index),
-                    before,
-                    after,
-                  },
-                ],
-              },
-              time: { start: 1690000001500 + index * 2_000, end: 1690000001700 + index * 2_000 },
-            },
-          },
-        ]
-      : []),
-  ]
-  return [
-    {
-      info: {
-        id: userID,
-        sessionID,
-        role: "user",
-        time: { created: 1690000000000 + index * 2_000 },
-        summary: { diffs: [] },
-        agent: "build",
-        model,
-      },
-      parts: [
-        {
-          id: `prt_0000_${suffix}_user`,
-          sessionID,
-          messageID: userID,
-          type: "text",
-          text: `Historical prompt ${index}`,
-        },
-      ],
-    },
-    {
-      info: {
-        id: assistantID,
-        sessionID,
-        role: "assistant",
-        time: { created: 1690000001000 + index * 2_000, completed: 1690000001500 + index * 2_000 },
-        parentID: userID,
-        modelID: model.modelID,
-        providerID: model.providerID,
-        mode: "build",
-        agent: "build",
-        path: { cwd: directory, root: directory },
-        cost: 0.01,
-        tokens: { input: 100, output: 200, reasoning: 0, cache: { read: 0, write: 0 } },
-        variant: "max",
-        finish: "stop",
-      },
-      parts,
-    },
-  ]
-}
-
-function historicalMarkdown(index: number) {
-  const code = `import { For, Show, createSignal } from "solid-js"
-
-type SessionRow = { id: string; title: string; active: boolean }
-
-export function SessionList(props: { rows: SessionRow[] }) {
-  const [selected, setSelected] = createSignal<string>()
-  return (
-    <section aria-label="Sessions">
-      <For each={props.rows}>{(row) => (
-        <button classList={{ active: row.active }} onClick={() => setSelected(row.id)}>
-          <Show when={selected() === row.id} fallback={row.title}>{row.title.toUpperCase()}</Show>
-        </button>
-      )}</For>
-    </section>
-  )
-}`
-  return `## Session renderer review ${index}
-
-The active session keeps **semantic row identity** while reconciling measured content. See [Solid documentation](https://docs.solidjs.com/) and the inline \`measureElement(node)\` call.
-
-| Concern | Current behavior | Verification |
-| --- | --- | --- |
-| streaming | appends Markdown blocks | painted frames |
-| geometry | anchors visible rows | DOM coordinates |
-| tools | preserves expanded state | keyed remount probe |
-
-> Long sessions combine Markdown, syntax highlighting, tool output, and asynchronously rendered diffs.
-
-${index % 4 === 0 ? `\`\`\`tsx\n${code}\n\`\`\`\n\n\`\`\`bash\nbun typecheck\nbun test --preload ./happydom.ts ./src/pages/session\ngit diff --check\n\`\`\`` : "- preserve the viewport anchor\n- avoid replacing stable Markdown nodes\n- process provider deltas without blocking input"}`
-}
-
-function historicalSource(index: number, updated: boolean) {
-  const method = updated ? "toLocaleUpperCase(props.locale)" : "toUpperCase()"
-  const limit = updated ? 24 : 20
-  return `import { createMemo, For } from "solid-js"
-
-type Message = {
-  id: string
-  role: "user" | "assistant"
-  text: string
-  tokens: { input: number; output: number }
-}
-
-export function MessageSummary(props: { messages: Message[]; locale: string }) {
-  const visible = createMemo(() => props.messages.filter((message) => message.text.trim()).slice(-${limit}))
-  const total = createMemo(() => visible().reduce((sum, message) => sum + message.tokens.output, 0))
-  return (
-    <article data-session-index="${index}">
-      <header>{total().toLocaleString(props.locale)} output tokens</header>
-      <For each={visible()}>{(message) => <p data-role={message.role}>{message.text.${method}}</p>}</For>
-    </article>
-  )
-}
-`
-}
-
-function realisticPatch(index: number) {
-  return `*** Begin Patch
-*** Update File: src/components/SessionCard.tsx
-@@
-const title = props.session.title.toUpperCase()
-const messages = props.messages.slice(-20)
-+const title = props.session.title.toLocaleUpperCase(props.locale)
-+const messages = props.messages.filter((message) => message.text.trim()).slice(-24)
-+const outputTokens = messages.reduce((sum, message) => sum + message.tokens.output, 0)
-@@
-  <h2>{title}</h2>
-+  <h2 data-session-index="${index}">{title}</h2>
-+  <span>{outputTokens.toLocaleString(props.locale)} output tokens</span>
-*** End Patch`
-}
-
-export function streamChunk(index: number, count: number) {
-  if (index === 0) return `\n\n## Implementation plan\n\nStreaming **bold analysis`
-  if (index === count - 1)
-    return `\n\`\`\`\n\n## Verification\n\n- **Typecheck:** passed\n- **Timeline geometry:** stable\n- **Streaming output:** benchmark-complete <!-- stream-${index} -->`
-
-  const section = Math.floor(index / 18) + 1
-  const fragments = [
-    ` continues across three`,
-    ` or four word`,
-    ` provider deltas and`,
-    ` closes in this fragment**. <!-- stream-${index} -->\n\n`,
-    `| Concern | State`,
-    ` | Verification |\n|`,
-    ` --- | ---`,
-    ` | --- |\n|`,
-    ` markdown | incremental |`,
-    ` painted frames | <!-- stream-${index} -->\n\n`,
-    `\`\`\`tsx\nconst row: SessionRow`,
-    ` = rows[index] ??`,
-    ` fallback\nconst title =`,
-    ` row.title.toLocaleUpperCase(locale)\n`,
-    `const selected = createMemo(()`,
-    ` => row.id ===`,
-    ` activeID()) // stream-${index}\n`,
-    `// stream-${index}\n\`\`\`\n\n### Iteration ${section}\n\nStreaming **bold analysis`,
-  ]
-  return fragments[(index - 1) % fragments.length]!
-}
-
-function project() {
-  return {
-    id: projectID,
-    worktree: directory,
-    vcs: "git",
-    name: "timeline-state-regression",
-    time: { created: 1700000000000, updated: 1700000000000 },
-    sandboxes: [],
-  }
-}
-
-function session() {
-  return {
-    id: sessionID,
-    slug: "timeline-state-regression",
-    projectID,
-    directory,
-    title,
-    version: "dev",
-    time: { created: 1700000000000, updated: 1700000000000 },
-  }
-}
-
-function provider() {
-  return {
-    all: [
-      {
-        id: "opencode",
-        name: "OpenCode",
-        models: { "claude-opus-4-6": { id: "claude-opus-4-6", name: "Claude Opus 4.6", limit: { context: 200_000 } } },
-      },
-    ],
-    connected: ["opencode"],
-    default: { providerID: "opencode", modelID: "claude-opus-4-6" },
-  }
-}
@@ -1,85 +0,0 @@
-import { benchmark, benchmarkDiagnostics, expect } from "../benchmark"
-import {
-  buildInitialStreamEvent,
-  buildStreamDeltaEvents,
-  setupTimelineBenchmark,
-  textPartID,
-} from "./session-timeline-benchmark.fixture"
-import { startTimelineProfile } from "./session-timeline-profile"
-import {
-  collectTimelineStreamMetrics,
-  installTimelineStreamProbe,
-  startTimelineStreamProbe,
-} from "./session-timeline-stream-probe"
-
-benchmark.describe("performance: session timeline streaming", () => {
-  benchmark("streams assistant text without remounting or oscillating", async ({ page, report }) => {
-    benchmark.setTimeout(480_000)
-    const cpuThrottle = Number(process.env.TIMELINE_CPU_THROTTLE ?? 30)
-    const deltaCount = Number(process.env.TIMELINE_DELTA_COUNT ?? 160)
-    const historyTurns = Number(process.env.TIMELINE_HISTORY_TURNS ?? 320)
-    const eventBatch = Number(process.env.TIMELINE_EVENT_BATCH ?? 1)
-    const minimal = process.env.TIMELINE_MINIMAL === "1"
-    const profileCPU = process.env.TIMELINE_CPU_PROFILE === "1"
-    const profileVisual = !minimal && profileCPU && process.env.TIMELINE_VISUAL_PROFILE !== "0"
-    const fixture = await setupTimelineBenchmark(page, {
-      historyTurns,
-      eventBatch,
-    })
-
-    fixture.transport.enqueue(buildInitialStreamEvent(deltaCount))
-    const contentStart = performance.now()
-    await expect(fixture.text).toBeVisible()
-    await expect(fixture.text).toContainText("Implementation plan")
-    const initialContentObservedMs = performance.now() - contentStart
-    await fixture.scrollToBottom()
-    await fixture.waitForStableGeometry()
-
-    const profile = await startTimelineProfile(page, { cpuThrottle, profileCPU })
-    await installTimelineStreamProbe(page, { textPartID, finalIndex: deltaCount, profileVisual, minimal })
-    const deltas = buildStreamDeltaEvents(deltaCount)
-    await startTimelineStreamProbe(page)
-    fixture.transport.enqueue(deltas)
-
-    await page.waitForFunction(
-      (finalIndex) =>
-        (
-          window as Window & {
-            __timelineStreamBenchmark?: { applied: { index: number }[] }
-          }
-        ).__timelineStreamBenchmark?.applied.some((value) => value.index === finalIndex),
-      deltaCount,
-      { timeout: 420_000 },
-    )
-    await expect(fixture.text).toContainText("benchmark-complete")
-    await expect(fixture.text).toContainText("Streaming")
-    await fixture.waitForStableGeometry()
-    const metrics = await collectTimelineStreamMetrics(page, {
-      textPartID,
-      finalIndex: deltaCount,
-      navigations: benchmarkDiagnostics(page).navigations,
-    })
-    const delivered = deltas.length - fixture.transport.pendingCount()
-    await profile.stop()
-
-    report(
-      {
-        endToEndInitialContentObservedMs: initialContentObservedMs,
-        ...metrics,
-        deliveredDeltas: delivered,
-        pendingDeltas: fixture.transport.pendingCount(),
-      },
-      {
-        cpuThrottle,
-        profileCPU,
-        profileVisual,
-        minimal,
-        queuedDeltas: deltas.length,
-        historyTurns,
-        eventBatch,
-      },
-    )
-
-    await profile.reset()
-  })
-})
@@ -1,40 +0,0 @@
-import type { CDPSession, Page } from "@playwright/test"
-
-export async function startTimelineProfile(page: Page, options: { cpuThrottle: number; profileCPU: boolean }) {
-  const cdp = await page.context().newCDPSession(page)
-  if (options.cpuThrottle > 1) await cdp.send("Emulation.setCPUThrottlingRate", { rate: options.cpuThrottle })
-  if (options.profileCPU) {
-    await cdp.send("Profiler.enable")
-    await cdp.send("Profiler.setSamplingInterval", { interval: 100 })
-    await cdp.send("Profiler.start")
-  }
-  return {
-    async stop() {
-      if (!options.profileCPU) return
-      const result = await cdp.send("Profiler.stop")
-      const self = new Map<number, number>()
-      result.profile.samples?.forEach((id, index) => {
-        const duration = (result.profile.timeDeltas?.[index] ?? 0) / 1_000
-        self.set(id, (self.get(id) ?? 0) + duration)
-      })
-      console.log(
-        "timeline cpu profile",
-        JSON.stringify(
-          result.profile.nodes
-            .map((node) => ({
-              function: node.callFrame.functionName || "(anonymous)",
-              url: node.callFrame.url,
-              line: node.callFrame.lineNumber + 1,
-              selfMs: self.get(node.id) ?? 0,
-            }))
-            .filter((node) => node.selfMs > 1)
-            .sort((a, b) => b.selfMs - a.selfMs)
-            .slice(0, 40),
-        ),
-      )
-    },
-    async reset() {
-      if (options.cpuThrottle > 1) await cdp.send("Emulation.setCPUThrottlingRate", { rate: 1 })
-    },
-  }
-}
@@ -1,547 +0,0 @@
-import type { Page } from "@playwright/test"
-
-const STREAM_MARKER_PATTERN = "stream-(\\d+)"
-const STREAM_FRAGMENT_COUNT = 18
-
-type TimelineProbeState = {
-  started: number
-  ended: number
-  profileVisual: boolean
-  minimal: boolean
-  frames: number[]
-  frameAt: number[]
-  applied: { at: number; index: number }[]
-  geometry: {
-    scrollTop: number
-    scrollHeight: number
-    clientHeight: number
-    distance: number
-    virtualHeight: number
-    headerHeight: number
-  }[]
-  blanks: number
-  longTasks: number[]
-  layoutShifts: number[]
-  visibleMounts: number
-  visibleUnmounts: number
-  visibleRows: Set<Element>
-  visibleSubtreeMounts: string[]
-  visibleSubtreeUnmounts: string[]
-  visibleSubtreeReplacements: number
-  visibleSubtreeDropouts: string[]
-  visibleSubtrees: Map<string, Element>
-  subtreeKeys: WeakMap<Element, string>
-  maxOverlap: number
-  maxGap: number
-  maxPartTopMovement: number
-  previousPartTop: number
-  slowFrames: {
-    duration: number
-    index: number
-    phase: "stream" | "boundary" | "complete" | "unknown"
-    tokenSpans: number
-    blocks: number
-    codeBlocks: number
-    height: number
-    distance: number
-  }[]
-  scroll: {
-    calls: number
-    callNoops: number
-    sameFrameCalls: number
-    assignments: number
-    assignmentNoops: number
-    lastCallFrame: number
-    frame: number
-  }
-  row: HTMLElement
-  markdown: HTMLElement
-  running: boolean
-  previous: number
-  cleanup: () => void
-  start: () => void
-}
-
-export async function installTimelineStreamProbe(
-  page: Page,
-  options: { textPartID: string; finalIndex: number; profileVisual: boolean; minimal: boolean },
-) {
-  await page.evaluate(
-    ({ textPartID, finalIndex, profileVisual, minimal, markerPattern, fragmentCount }) => {
-      const part = document.querySelector<HTMLElement>(`[data-timeline-part-id="${textPartID}"]`)
-      const row = part?.closest<HTMLElement>("[data-timeline-row]")
-      const markdown = part?.querySelector<HTMLElement>('[data-component="markdown"]')
-      const root = part?.closest<HTMLElement>(".scroll-view__viewport")
-      if (!part || !row || !markdown || !root) throw new Error("missing streaming benchmark nodes")
-      const viewport = root.getBoundingClientRect()
-      const state: TimelineProbeState = {
-        started: 0,
-        ended: Infinity,
-        profileVisual,
-        minimal,
-        frames: [],
-        frameAt: [],
-        applied: [],
-        geometry: [],
-        blanks: 0,
-        longTasks: [],
-        layoutShifts: [],
-        visibleMounts: 0,
-        visibleUnmounts: 0,
-        visibleRows: new Set(
-          [...root.querySelectorAll("[data-timeline-key]")].filter((element) => {
-            const rect = element.getBoundingClientRect()
-            return rect.bottom > viewport.top && rect.top < viewport.bottom
-          }),
-        ),
-        visibleSubtreeMounts: [],
-        visibleSubtreeUnmounts: [],
-        visibleSubtreeReplacements: 0,
-        visibleSubtreeDropouts: [],
-        visibleSubtrees: new Map<string, Element>(),
-        subtreeKeys: new WeakMap<Element, string>(),
-        maxOverlap: 0,
-        maxGap: 0,
-        maxPartTopMovement: 0,
-        previousPartTop: part.getBoundingClientRect().top,
-        slowFrames: [],
-        scroll: {
-          calls: 0,
-          callNoops: 0,
-          sameFrameCalls: 0,
-          assignments: 0,
-          assignmentNoops: 0,
-          lastCallFrame: -1,
-          frame: 0,
-        },
-        row,
-        markdown,
-        running: false,
-        previous: 0,
-        cleanup: () => {},
-        start: () => {},
-      }
-      ;(window as Window & { __timelineStreamBenchmark?: TimelineProbeState }).__timelineStreamBenchmark = state
-      const scrollTo = Element.prototype.scrollTo
-      const scrollTop = Object.getOwnPropertyDescriptor(Element.prototype, "scrollTop")!
-      if (profileVisual) {
-        Element.prototype.scrollTo = function (...args) {
-          state.scroll.calls += 1
-          const top = typeof args[0] === "object" ? args[0]?.top : args[1]
-          if (typeof top === "number") {
-            const target = Math.min(top, this.scrollHeight - this.clientHeight)
-            if (Math.abs(this.scrollTop - target) < 1) state.scroll.callNoops += 1
-          }
-          if (state.scroll.lastCallFrame === state.scroll.frame) state.scroll.sameFrameCalls += 1
-          state.scroll.lastCallFrame = state.scroll.frame
-          return scrollTo.apply(this, args)
-        }
-        Object.defineProperty(Element.prototype, "scrollTop", {
-          configurable: true,
-          get: scrollTop.get,
-          set(value) {
-            state.scroll.assignments += 1
-            if (Math.abs(this.scrollTop - value) < 1) state.scroll.assignmentNoops += 1
-            scrollTop.set!.call(this, value)
-          },
-        })
-      }
-
-      const recordLongTasks = (entries: PerformanceEntry[]) => {
-        if (!state.running) return
-        state.longTasks.push(
-          ...entries
-            .filter((entry) => entry.startTime >= state.started && entry.startTime <= state.ended)
-            .map((entry) => entry.duration),
-        )
-      }
-      const longTaskObserver = new PerformanceObserver((list) => recordLongTasks(list.getEntries()))
-      longTaskObserver.observe({ type: "longtask" })
-      const recordLayoutShifts = (entries: PerformanceEntry[]) => {
-        if (!state.running) return
-        state.layoutShifts.push(
-          ...entries
-            .map((entry) => {
-              const shift = entry as LayoutShiftEntry
-              if (shift.startTime < state.started || shift.hadRecentInput) return
-              return shift.value
-            })
-            .filter((value): value is number => value !== undefined),
-        )
-      }
-      const layoutShiftObserver = profileVisual
-        ? new PerformanceObserver((list) => recordLayoutShifts(list.getEntries()))
-        : undefined
-      layoutShiftObserver?.observe({ type: "layout-shift", buffered: true })
-
-      const visible = (element: Element) => {
-        const rect = element.getBoundingClientRect()
-        const viewport = root.getBoundingClientRect()
-        const style = getComputedStyle(element)
-        return (
-          element.isConnected &&
-          rect.width > 0 &&
-          rect.height > 0 &&
-          rect.bottom > viewport.top &&
-          rect.top < viewport.bottom &&
-          style.display !== "none" &&
-          style.visibility !== "hidden" &&
-          Number(style.opacity) > 0
-        )
-      }
-      const critical = [
-        "[data-timeline-part-id]",
-        '[data-component="edit-content"]',
-        '[data-component="apply-patch-file-diff"]',
-        '[data-component="file"]',
-        '[data-component="markdown-code"]',
-        "[data-markdown-block]",
-      ].join(",")
-      const describe = (element: Element) => {
-        const cached = state.subtreeKeys.get(element)
-        if (!element.isConnected && cached) return cached
-        const part = element.closest<HTMLElement>("[data-timeline-part-id]")?.dataset.timelinePartId ?? "unknown"
-        const block = element
-          .closest<HTMLElement>("[data-markdown-key]")
-          ?.dataset.markdownKey?.replace(/:(?:code|full|live)$/, "")
-        const component =
-          element.getAttribute("data-component") ?? element.getAttribute("data-markdown-block") ?? element.tagName
-        const key = `${part}:${block ?? "root"}:${component}`
-        state.subtreeKeys.set(element, key)
-        return key
-      }
-      const recordMutations = (records: MutationRecord[]) => {
-        if (!state.running) return
-        records.forEach((record) => {
-          record.addedNodes.forEach((node) => {
-            if (node instanceof HTMLElement && node.matches("[data-timeline-key]") && visible(node)) {
-              state.visibleMounts += 1
-              state.visibleRows.add(node)
-            }
-            if (!(node instanceof Element)) return
-            const added = [node, ...node.querySelectorAll(critical)].filter((element) => element.matches(critical))
-            added.forEach((element) => {
-              if (visible(element)) state.visibleSubtreeMounts.push(describe(element))
-            })
-          })
-          record.removedNodes.forEach((node) => {
-            if (node instanceof HTMLElement && node.matches("[data-timeline-key]") && state.visibleRows.delete(node))
-              state.visibleUnmounts += 1
-            if (!(node instanceof Element)) return
-            const removed = [node, ...node.querySelectorAll(critical)].filter((element) => element.matches(critical))
-            removed.forEach((element) => {
-              const key = describe(element)
-              if (state.visibleSubtrees.get(key) === element) state.visibleSubtreeUnmounts.push(key)
-            })
-          })
-        })
-      }
-      const mutationObserver = profileVisual ? new MutationObserver(recordMutations) : undefined
-      mutationObserver?.observe(root, { childList: true, subtree: true })
-      const currentPart = () => root.querySelector<HTMLElement>(`[data-timeline-part-id="${textPartID}"]`)
-      const observeProgress = (at: number) => {
-        if (!state.running) return
-        const content = currentPart()?.textContent ?? ""
-        const index = content.includes("benchmark-complete")
-          ? finalIndex
-          : Number(content.match(new RegExp(markerPattern, "g"))?.at(-1)?.match(/\d+/)?.[0] ?? -1)
-        if (index >= 0 && index !== state.applied.at(-1)?.index) state.applied.push({ at, index })
-      }
-      const progressObserver = new MutationObserver(() => observeProgress(performance.now()))
-      progressObserver.observe(root, { characterData: true, childList: true, subtree: true })
-      state.cleanup = () => {
-        recordLongTasks(longTaskObserver.takeRecords())
-        recordLayoutShifts(layoutShiftObserver?.takeRecords() ?? [])
-        recordMutations(mutationObserver?.takeRecords() ?? [])
-        if (progressObserver.takeRecords().length) observeProgress(performance.now())
-        longTaskObserver.disconnect()
-        layoutShiftObserver?.disconnect()
-        mutationObserver?.disconnect()
-        progressObserver.disconnect()
-        if (!profileVisual) return
-        Element.prototype.scrollTo = scrollTo
-        Object.defineProperty(Element.prototype, "scrollTop", scrollTop)
-      }
-
-      const sample = (now: number) => {
-        if (!state.running) return
-        state.frameAt.push(now)
-        observeProgress(now)
-        if (minimal) {
-          state.frames.push(now - state.previous)
-          state.previous = now
-          requestAnimationFrame(sample)
-          return
-        }
-        setTimeout(() => {
-          if (!state.running) return
-          state.scroll.frame += 1
-          const duration = now - state.previous
-          state.frames.push(duration)
-          state.previous = now
-          const virtualRoot = root.querySelector<HTMLElement>("[data-timeline-virtual-content]")
-          const header = root.querySelector<HTMLElement>("[data-session-title]")
-          state.geometry.push({
-            scrollTop: root.scrollTop,
-            scrollHeight: root.scrollHeight,
-            clientHeight: root.clientHeight,
-            distance: root.scrollHeight - root.clientHeight - root.scrollTop,
-            virtualHeight: virtualRoot?.getBoundingClientRect().height ?? 0,
-            headerHeight: header?.getBoundingClientRect().height ?? 0,
-          })
-          const viewport = root.getBoundingClientRect()
-          if (profileVisual) {
-            const visibleRows = [...root.querySelectorAll<HTMLElement>("[data-timeline-key]")]
-              .map((element) => ({ element, rect: element.getBoundingClientRect() }))
-              .filter((item) => item.rect.bottom > viewport.top && item.rect.top < viewport.bottom)
-              .sort((a, b) => a.rect.top - b.rect.top)
-            state.visibleRows = new Set(visibleRows.map((item) => item.element))
-            const rows = visibleRows.map((item) => item.rect)
-            rows.slice(1).forEach((rect, index) => {
-              const previous = rows[index]!
-              state.maxOverlap = Math.max(state.maxOverlap, previous.bottom - rect.top)
-              state.maxGap = Math.max(state.maxGap, rect.top - previous.bottom)
-            })
-            const partTop = part.getBoundingClientRect().top
-            state.maxPartTopMovement = Math.max(state.maxPartTopMovement, Math.abs(partTop - state.previousPartTop))
-            state.previousPartTop = partTop
-          }
-          const visibleRow = [...root.querySelectorAll<HTMLElement>("[data-timeline-row]")].some((element) => {
-            const rect = element.getBoundingClientRect()
-            return rect.bottom > viewport.top && rect.top < viewport.bottom
-          })
-          if (!visibleRow) state.blanks += 1
-          if (profileVisual) {
-            const subtrees = new Map<string, { element: Element; rendered: boolean }>()
-            const visibleSubtrees = new Map<string, Element>()
-            root.querySelectorAll(critical).forEach((element) => {
-              const key = describe(element)
-              const rect = element.getBoundingClientRect()
-              const style = getComputedStyle(element)
-              const rendered =
-                element.isConnected &&
-                rect.width > 0 &&
-                rect.height > 0 &&
-                style.display !== "none" &&
-                style.visibility !== "hidden" &&
-                Number(style.opacity) > 0
-              subtrees.set(key, { element, rendered })
-              if (rendered && rect.bottom > viewport.top && rect.top < viewport.bottom) {
-                const previous = state.visibleSubtrees.get(key)
-                if (previous && previous !== element && key.startsWith(`${textPartID}:`))
-                  state.visibleSubtreeReplacements += 1
-                visibleSubtrees.set(key, element)
-              }
-            })
-            state.visibleSubtrees.forEach((element, key) => {
-              const current = subtrees.get(key)
-              if (key.startsWith(`${textPartID}:`) && !current?.rendered) {
-                const markdown = part.querySelector<HTMLElement>('[data-component="markdown"]')
-                state.visibleSubtreeDropouts.push(
-                  `${key}:projection=${markdown?.dataset.markdownProjectionLength}/${markdown?.dataset.markdownProjectionBlocks}:result=${markdown?.dataset.markdownResultLength}/${markdown?.dataset.markdownResultBlocks}:applied=${markdown?.dataset.markdownAppliedBlocks}:dom=${markdown?.children.length}`,
-                )
-              }
-              if (element.matches('[data-component="file"]')) {
-                const hadLines = element.hasAttribute("data-profiler-had-lines")
-                const hasLines = element.shadowRoot?.querySelector("[data-line]") != null
-                if (hasLines) element.setAttribute("data-profiler-had-lines", "")
-                if (hadLines && !hasLines) state.visibleSubtreeDropouts.push(`${key}:shadow-lines`)
-              }
-            })
-            state.visibleSubtrees = visibleSubtrees
-          }
-          if (profileVisual && duration > 33.34) {
-            const livePart = currentPart()
-            const content = livePart?.textContent ?? ""
-            const complete = content.includes("benchmark-complete")
-            const index = complete
-              ? finalIndex
-              : Number(content.match(new RegExp(markerPattern, "g"))?.at(-1)?.match(/\d+/)?.[0] ?? -1)
-            state.slowFrames.push({
-              duration,
-              index,
-              phase: complete
-                ? "complete"
-                : index >= 0 && index % fragmentCount === 0
-                  ? "boundary"
-                  : index >= 0
-                    ? "stream"
-                    : "unknown",
-              tokenSpans: livePart?.querySelectorAll(".shiki span").length ?? 0,
-              blocks: livePart?.querySelectorAll("[data-markdown-block]").length ?? 0,
-              codeBlocks: livePart?.querySelectorAll('[data-component="markdown-code"]').length ?? 0,
-              height: livePart?.getBoundingClientRect().height ?? 0,
-              distance: root.scrollHeight - root.clientHeight - root.scrollTop,
-            })
-          }
-          requestAnimationFrame(sample)
-        }, 0)
-      }
-      state.start = () => {
-        state.started = performance.now()
-        state.previous = state.started
-        state.running = true
-        requestAnimationFrame(sample)
-      }
-    },
-    { ...options, markerPattern: STREAM_MARKER_PATTERN, fragmentCount: STREAM_FRAGMENT_COUNT },
-  )
-}
-
-export function startTimelineStreamProbe(page: Page) {
-  return page.evaluate(() => {
-    const state = (window as Window & { __timelineStreamBenchmark?: TimelineProbeState }).__timelineStreamBenchmark
-    if (!state) throw new Error("missing streaming benchmark state")
-    state.start()
-  })
-}
-
-type LayoutShiftEntry = PerformanceEntry & { value: number; hadRecentInput?: boolean }
-
-export function layoutShiftValue(
-  entry: Pick<LayoutShiftEntry, "startTime" | "value" | "hadRecentInput">,
-  start: number,
-) {
-  if (entry.startTime < start || entry.hadRecentInput) return
-  return entry.value
-}
-
-export function removeVisibleRow<T>(visible: Set<T>, row: T) {
-  return visible.delete(row)
-}
-
-export function streamProgress(content: string) {
-  const index = Number(content.match(new RegExp(STREAM_MARKER_PATTERN, "g"))?.at(-1)?.match(/\d+/)?.[0] ?? -1)
-  return {
-    index,
-    phase: content.includes("benchmark-complete")
-      ? ("complete" as const)
-      : index >= 0 && index % STREAM_FRAGMENT_COUNT === 0
-        ? ("boundary" as const)
-        : index >= 0
-          ? ("stream" as const)
-          : ("unknown" as const),
-  }
-}
-
-export async function collectTimelineStreamMetrics(
-  page: Page,
-  options: { textPartID: string; finalIndex: number; navigations: string[] },
-) {
-  return page.evaluate(({ textPartID, finalIndex, navigations }) => {
-    const state = (window as Window & { __timelineStreamBenchmark?: TimelineProbeState }).__timelineStreamBenchmark
-    if (!state) throw new Error(`missing streaming benchmark state after navigation: ${JSON.stringify(navigations)}`)
-    state.ended = performance.now()
-    state.cleanup()
-    state.running = false
-    const part = document.querySelector<HTMLElement>(`[data-timeline-part-id="${textPartID}"]`)
-    const row = part?.closest<HTMLElement>("[data-timeline-row]")
-    const markdown = part?.querySelector<HTMLElement>('[data-component="markdown"]')
-    const sorted = state.frames.slice().sort((a, b) => a - b)
-    const duration = state.frames.reduce((sum, value) => sum + value, 0)
-    const longestSlowStreak = state.frames.reduce(
-      (result, value) => {
-        const current = value > 33.34 ? result.current + 1 : 0
-        return { current, longest: Math.max(result.longest, current) }
-      },
-      { current: 0, longest: 0 },
-    ).longest
-    const busyStart = state.applied.at(0)?.at
-    const completion = state.applied.find((value) => value.index === finalIndex)
-    const busyEnd = completion?.at
-    const busyFrames =
-      busyStart === undefined || busyEnd === undefined
-        ? []
-        : state.frames.filter((_, index) => state.frameAt[index]! >= busyStart && state.frameAt[index]! <= busyEnd)
-    const busySorted = busyFrames.slice().sort((a, b) => a - b)
-    const busyDuration = busyFrames.reduce((sum, value) => sum + value, 0)
-    const completionObservedMs = (completion?.at ?? NaN) - state.started
-    const visual = state.profileVisual
-      ? {
-          layoutShiftValueSum: state.layoutShifts.reduce((sum, value) => sum + value, 0),
-          maxLayoutShiftValue: Math.max(0, ...state.layoutShifts),
-          visibleMounts: state.visibleMounts,
-          visibleUnmounts: state.visibleUnmounts,
-          visibleSubtreeMounts: state.visibleSubtreeMounts,
-          visibleSubtreeUnmounts: [...new Set(state.visibleSubtreeUnmounts)],
-          visibleSubtreeReplacements: state.visibleSubtreeReplacements,
-          visibleSubtreeDropouts: [...new Set(state.visibleSubtreeDropouts)],
-          maxOverlapPx: state.maxOverlap,
-          maxGapPx: state.maxGap,
-          maxPartTopMovementPx: state.maxPartTopMovement,
-          slowestRafGaps: state.slowFrames
-            .sort((a, b) => b.duration - a.duration)
-            .slice(0, 20)
-            .map((frame) => ({
-              durationMs: frame.duration,
-              index: frame.index,
-              phase: frame.phase,
-              tokenSpans: frame.tokenSpans,
-              blocks: frame.blocks,
-              codeBlocks: frame.codeBlocks,
-              heightPx: frame.height,
-              distancePx: frame.distance,
-            })),
-          slowRafGapPhases: Object.fromEntries(
-            ["stream", "boundary", "complete", "unknown"].map((phase) => {
-              const frames = state.slowFrames.filter((frame) => frame.phase === phase)
-              return [
-                phase,
-                {
-                  count: frames.length,
-                  totalMs: frames.reduce((sum, frame) => sum + frame.duration, 0),
-                  maxMs: Math.max(0, ...frames.map((frame) => frame.duration)),
-                },
-              ]
-            }),
-          ),
-          scroll: state.scroll,
-        }
-      : null
-    const geometry = state.minimal
-      ? null
-      : {
-          maxDistancePx: Math.max(0, ...state.geometry.map((sample) => sample.distance)),
-          finalDistancePx: state.geometry.at(-1)?.distance ?? 0,
-          final: state.geometry.at(-1),
-          distanceTransitionsPx: state.geometry
-            .map((sample) => Math.round(sample.distance))
-            .filter((value, index, values) => index === 0 || value !== values[index - 1]),
-          bottomDriftTransitions: state.geometry.slice(1).filter((value, index) => {
-            const previous = state.geometry[index]?.distance ?? 0
-            return previous <= 1 && value.distance > 1
-          }).length,
-          blankSamples: state.blanks,
-        }
-    return {
-      capabilities: { visual: state.profileVisual, geometry: !state.minimal },
-      completionObservedMs,
-      deltasPerSecond: Number.isFinite(completionObservedMs) ? finalIndex / (completionObservedMs / 1_000) : null,
-      rafGapSamples: state.frames.length,
-      rafCallbackRate: duration ? (state.frames.length * 1000) / duration : 0,
-      observedProgressWindowRafCallbackRate: busyDuration ? (busyFrames.length * 1000) / busyDuration : null,
-      observedProgressWindowRafGapP95Ms: busySorted[Math.floor(busySorted.length * 0.95)] ?? null,
-      observedProgressWindowRafGaps: busyFrames.length,
-      maxObservedProgressIndex: Math.max(-1, ...state.applied.map((value) => value.index)),
-      observedProgressTransitions: state.applied.length,
-      rafGapP50Ms: sorted[Math.floor(sorted.length * 0.5)] ?? 0,
-      rafGapP95Ms: sorted[Math.floor(sorted.length * 0.95)] ?? 0,
-      rafGapP99Ms: sorted[Math.floor(sorted.length * 0.99)] ?? 0,
-      maxRafGapMs: sorted.at(-1) ?? 0,
-      rafGapsOver33Ms: state.frames.filter((value) => value > 33.34).length,
-      rafGapsOver50Ms: state.frames.filter((value) => value > 50).length,
-      missedFrameBudgetEquivalents: state.frames.reduce(
-        (sum, value) => sum + Math.max(0, Math.round(value / 16.67) - 1),
-        0,
-      ),
-      longestRafGapOver33MsStreak: longestSlowStreak,
-      longTaskCount: state.longTasks.length,
-      longTaskTimeMs: state.longTasks.reduce((sum, value) => sum + value, 0),
-      visual,
-      geometry,
-      rowReplaced: row !== state.row,
-      markdownReplaced: markdown !== state.markdown,
-      domTextCharacters: part?.textContent?.length ?? 0,
-    }
-  }, options)
-}
@@ -1,369 +0,0 @@
-const words = [
-  "alpha",
-  "bravo",
-  "charlie",
-  "delta",
-  "echo",
-  "foxtrot",
-  "golf",
-  "hotel",
-  "india",
-  "juliet",
-  "kilo",
-  "lima",
-  "metro",
-  "nova",
-  "orbit",
-  "pixel",
-  "quartz",
-  "river",
-  "signal",
-  "vector",
-]
-
-const sourceID = "ses_smoke_source"
-const targetID = "ses_smoke_target"
-const childID = "ses_smoke_child"
-const directory = "C:/OpenCode/SmokeProject"
-const projectID = "proj_smoke_timeline"
-const model = { providerID: "opencode", modelID: "claude-opus-4-6", variant: "max" }
-
-type MessageInfo = Record<string, unknown> & { id: string; role: "user" | "assistant" }
-type MessagePart = Record<string, unknown> & { id: string; type: string; text?: string; tool?: string }
-type Message = { info: MessageInfo; parts: MessagePart[] }
-
-function lorem(seed: number, length: number) {
-  let out = ""
-  let i = seed
-  while (out.length < length) {
-    const word = words[i % words.length]
-    out += (out ? " " : "") + word
-    if (i % 17 === 0) out += ".\n\n"
-    i += 7
-  }
-  return out.slice(0, length)
-}
-
-function id(prefix: string, value: number) {
-  return `${prefix}_smoke_${String(value).padStart(4, "0")}`
-}
-
-function userMessage(sessionID: string, index: number, textLength: number, diffs: unknown[] = []): Message {
-  const messageID = id("msg_user", index)
-  return {
-    info: {
-      id: messageID,
-      sessionID,
-      role: "user",
-      time: { created: 1700000000000 + index * 10_000 },
-      summary: { diffs },
-      agent: "build",
-      model,
-    },
-    parts: [
-      {
-        id: id("prt_user_text", index),
-        sessionID,
-        messageID,
-        type: "text",
-        text: lorem(index, textLength),
-      },
-    ],
-  }
-}
-
-function assistantMessage(sessionID: string, index: number, parentID: string, parts: MessagePart[]): Message {
-  const messageID = id("msg_assistant", index)
-  return {
-    info: {
-      id: messageID,
-      sessionID,
-      role: "assistant",
-      time: { created: 1700000000000 + index * 10_000 + 1_000, completed: 1700000000000 + index * 10_000 + 8_000 },
-      parentID,
-      modelID: model.modelID,
-      providerID: model.providerID,
-      mode: "build",
-      agent: "build",
-      path: { cwd: directory, root: directory },
-      cost: 0.01,
-      tokens: { input: 100, output: 200, reasoning: 0, cache: { read: 0, write: 0 } },
-      variant: "max",
-      finish: "stop",
-    },
-    parts: parts.map((part) => ({
-      ...part,
-      sessionID,
-      messageID,
-    })),
-  }
-}
-
-function textPart(index: number, partIndex: number, length: number): MessagePart {
-  const prose = lorem(index * 13 + partIndex, length)
-  const text =
-    index % 12 === 0
-      ? `${prose}\n\n\`\`\`ts\n${code(index, 80)}\n\`\`\``
-      : index % 5 === 0
-        ? `${prose}\n\n\`\`\`ts\nexport const value = "${lorem(index, 220)}"\n\`\`\``
-        : index % 7 === 0
-          ? `${prose}\n\nThe wrapped inline value is \`${lorem(index, 180)}\`.`
-          : prose
-  return { id: id(`prt_text_${partIndex}`, index), type: "text", text }
-}
-
-function reasoningPart(index: number, partIndex: number, length: number): MessagePart {
-  return {
-    id: id(`prt_reasoning_${partIndex}`, index),
-    type: "reasoning",
-    text: lorem(index * 19 + partIndex, length),
-    time: { start: 1700000000000 + index * 10_000, end: 1700000000000 + index * 10_000 + 500 },
-  }
-}
-
-function toolPart(
-  index: number,
-  partIndex: number,
-  tool: string,
-  input: Record<string, unknown>,
-  outputLength = 160,
-  metadataOverride?: Record<string, unknown>,
-): MessagePart {
-  const metadata =
-    metadataOverride ??
-    (tool === "apply_patch"
-      ? { files: [patchFile(index, "update"), patchFile(index + 1, index % 2 === 0 ? "add" : "delete")] }
-      : tool === "edit" || tool === "write"
-        ? {
-            filediff: fileDiff(String(input.filePath ?? `src/generated/file-${index}.ts`), index),
-            diff: patch(index, outputLength),
-            preview: patch(index + 1, 420),
-          }
-        : tool === "question"
-          ? { answers: [["Proceed"], ["Keep sample output"]] }
-          : {})
-  return {
-    id: id(`prt_tool_${tool}_${partIndex}`, index),
-    type: "tool",
-    callID: id("call", index * 10 + partIndex),
-    tool,
-    state: {
-      status: "completed",
-      input,
-      output: lorem(index * 23 + partIndex, outputLength),
-      title: tool === "bash" ? "Verify generated output" : input.filePath || input.path || input.pattern || "completed",
-      metadata,
-      time: { start: 1700000000000 + index * 10_000, end: 1700000000000 + index * 10_000 + 400 },
-    },
-  }
-}
-
-function patchFile(seed: number, type: "add" | "update" | "delete") {
-  return {
-    filePath: `src/generated/patch-${seed}.ts`,
-    relativePath: `src/generated/patch-${seed}.ts`,
-    type,
-    additions: (seed % 7) + 1,
-    deletions: type === "add" ? 0 : seed % 4,
-    patch: patch(seed, 520),
-    before: type === "add" ? undefined : code(seed, 18),
-    after: type === "delete" ? undefined : code(seed + 1, 24),
-  }
-}
-
-function fileDiff(file: string, seed: number) {
-  const lines = seed % 12 === 0 ? 300 : seed % 8 === 0 ? 2 : 38
-  const before = code(seed, lines, seed % 10 === 0 ? 280 : 32)
-  const after =
-    lines === 2
-      ? before.replace("value1", "updatedValue1")
-      : lines === 300
-        ? code(seed + 1, lines, seed % 10 === 0 ? 280 : 32)
-        : before.replace("value4", "updatedValue4").replace("value20", "updatedValue20")
-  return {
-    file,
-    additions: lines === 300 ? 300 : lines === 2 ? 1 : 2,
-    deletions: lines === 300 ? 300 : lines === 2 ? 1 : 2,
-    before,
-    after,
-  }
-}
-
-function patch(seed: number, length: number) {
-  return `diff --git a/src/generated/file-${seed}.ts b/src/generated/file-${seed}.ts\n+${lorem(seed, length).replace(/\n/g, "\n+")}`
-}
-
-function code(seed: number, lines: number, width = 32) {
-  return Array.from(
-    { length: lines },
-    (_, index) => `export const value${index} = "${lorem(seed + index, width)}"`,
-  ).join("\n")
-}
-
-function turn(index: number): Message[] {
-  const diff = index % 9 === 0 ? [fileDiff(`src/generated/summary-${index}.ts`, index)] : []
-  const user = userMessage(targetID, index, 100 + (index % 4) * 80, diff)
-  const parts = [
-    ...(index % 5 === 0 ? [reasoningPart(index, 0, 420)] : []),
-    ...(index % 3 === 0
-      ? [
-          toolPart(index, 0, "read", { filePath: `src/generated/file-${index}.ts`, offset: 0, limit: 80 }, 220),
-          toolPart(index, 5, "glob", { path: directory, pattern: `**/*sample-${index}*.ts` }, 140),
-          toolPart(index, 1, "grep", { path: directory, pattern: `sample-${index}`, include: "*.ts" }, 180),
-          toolPart(index, 6, "list", { path: `src/generated/${index}` }, 120),
-        ]
-      : []),
-    textPart(index, 2, 160 + (index % 6) * 90),
-    ...(index % 4 === 0 ? [toolPart(index, 3, "edit", { filePath: `src/generated/file-${index}.ts` }, 700)] : []),
-    ...(index % 6 === 0
-      ? [toolPart(index, 7, "write", { filePath: `src/generated/write-${index}.ts`, content: code(index, 28) }, 560)]
-      : []),
-    ...(index % 8 === 0
-      ? [toolPart(index, 8, "apply_patch", { files: [`src/generated/patch-${index}.ts`] }, 620)]
-      : []),
-    ...(index % 7 === 0
-      ? [toolPart(index, 4, "bash", { command: "bun typecheck", description: "Verify generated output" }, 620)]
-      : []),
-    ...(index % 10 === 0 ? [toolPart(index, 9, "webfetch", { url: "https://example.com/docs/sample" }, 120)] : []),
-    ...(index % 11 === 0 ? [toolPart(index, 10, "websearch", { query: "sample movement notes" }, 240)] : []),
-    ...(index % 13 === 0
-      ? [
-          toolPart(
-            index,
-            11,
-            "question",
-            { questions: [{ question: "Use generated fixture?" }, { question: "Keep same row shape?" }] },
-            120,
-          ),
-        ]
-      : []),
-    ...(index % 17 === 0
-      ? [toolPart(index, 12, "task", { description: "Inspect generated fixture", subagent_type: "explore" }, 160)]
-      : []),
-  ]
-  return [user, assistantMessage(targetID, index, user.info.id, parts)]
-}
-
-const targetMessages = Array.from({ length: 72 }, (_, index) => turn(index)).flat()
-const sourceMessages = Array.from({ length: 12 }, (_, index) => [
-  userMessage(sourceID, index + 1000, 120),
-  assistantMessage(sourceID, index + 1000, id("msg_user", index + 1000), [
-    textPart(index + 1000, 0, 240),
-    ...(index === 11
-      ? [
-          toolPart(
-            index + 1000,
-            1,
-            "task",
-            { description: "Inspect child navigation", subagent_type: "explore" },
-            160,
-            { sessionId: childID },
-          ),
-        ]
-      : []),
-  ]),
-]).flat()
-const childMessages = Array.from({ length: 4 }, (_, index) => [
-  userMessage(childID, index + 2000, 120),
-  assistantMessage(childID, index + 2000, id("msg_user", index + 2000), [textPart(index + 2000, 0, 240)]),
-]).flat()
-
-function renderable(part: MessagePart) {
-  if (part.type === "tool" && part.tool === "todowrite") return false
-  if (part.type === "text") return !!part.text.trim()
-  if (part.type === "reasoning") return !!part.text.trim()
-  return part.type !== "step-start" && part.type !== "step-finish" && part.type !== "patch"
-}
-
-function orderedParts(message: Message) {
-  return message.parts.slice().sort((a, b) => a.id.localeCompare(b.id))
-}
-
-export const fixture = {
-  directory,
-  project: {
-    id: projectID,
-    worktree: directory,
-    vcs: "git",
-    name: "smoke-project",
-    time: { created: 1700000000000, updated: 1700000000000 },
-    sandboxes: [],
-  },
-  provider: {
-    all: [
-      {
-        id: "opencode",
-        name: "OpenCode",
-        models: { "claude-opus-4-6": { id: "claude-opus-4-6", name: "Claude Opus 4.6", limit: { context: 200_000 } } },
-      },
-    ],
-    connected: ["opencode"],
-    default: { providerID: "opencode", modelID: "claude-opus-4-6" },
-  },
-  sessions: [
-    {
-      id: sourceID,
-      slug: "source",
-      projectID,
-      directory,
-      title: "Uncommitted changes inquiry",
-      version: "dev",
-      time: { created: 1700000000000, updated: 1700000000000 },
-    },
-    {
-      id: targetID,
-      slug: "target",
-      projectID,
-      directory,
-      title: "Example Game: sample jump movement & sample physics analysis",
-      version: "dev",
-      time: { created: 1700000001000, updated: 1700000001000 },
-    },
-    {
-      id: childID,
-      parentID: sourceID,
-      slug: "child",
-      projectID,
-      directory,
-      title: "Inspect child navigation",
-      version: "dev",
-      time: { created: 1700000002000, updated: 1700000002000 },
-    },
-  ],
-  sourceID,
-  targetID,
-  childID,
-  messages: { [sourceID]: sourceMessages, [targetID]: targetMessages, [childID]: childMessages },
-  expected: {
-    sourceTitle: "Uncommitted changes inquiry",
-    targetTitle: "Example Game: sample jump movement & sample physics analysis",
-    childTitle: "Inspect child navigation",
-    sourceMessageIDs: sourceMessages
-      .filter((message) => message.info.role === "user")
-      .map((message) => message.info.id),
-    targetMessageIDs: targetMessages
-      .filter((message) => message.info.role === "user")
-      .map((message) => message.info.id),
-    childMessageIDs: childMessages.filter((message) => message.info.role === "user").map((message) => message.info.id),
-    targetPartIDs: targetMessages.flatMap((message) =>
-      orderedParts(message)
-        .filter(renderable)
-        .map((part) => part.id),
-    ),
-  },
-}
-
-export function pageMessages(sessionID: string, limit: number, before?: string) {
-  const messages = fixture.messages[sessionID as keyof typeof fixture.messages] ?? []
-  const end = before
-    ? Math.max(
-        0,
-        messages.findIndex((message) => message.info.id === before),
-      )
-    : messages.length
-  const start = Math.max(0, end - limit)
-  return {
-    items: messages.slice(start, end),
-    cursor: start > 0 ? messages[start]!.info.id : undefined,
-  }
-}
@@ -1,81 +0,0 @@
-import type { Page } from "@playwright/test"
-import { base64Encode } from "@opencode-ai/core/util/encode"
-import { mockOpenCodeServer } from "../../utils/mock-server"
-import { fixture, pageMessages } from "./session-timeline-stress.fixture"
-
-export async function installTimelineSettings(page: Page) {
-  await page.addInitScript(() => {
-    localStorage.setItem(
-      "settings.v3",
-      JSON.stringify({
-        general: {
-          newLayoutDesigns: true,
-          editToolPartsExpanded: true,
-          shellToolPartsExpanded: true,
-          showReasoningSummaries: true,
-          showSessionProgressBar: true,
-        },
-      }),
-    )
-  })
-}
-
-export function mockStressTimeline(
-  page: Page,
-  input?: { onMessages?: (input: { sessionID: string; before?: string; phase: "start" | "end" }) => void },
-) {
-  return mockOpenCodeServer(page, {
-    sessions: fixture.sessions,
-    provider: fixture.provider,
-    directory: fixture.directory,
-    project: fixture.project,
-    pageMessages,
-    onMessages: input?.onMessages,
-  })
-}
-
-export async function installStressSessionTabs(page: Page, input?: { draftID?: string; sessionIDs?: string[] }) {
-  const server = stressServer()
-  await page.addInitScript(
-    ({ directory, sessionIDs, dirBase64, server, draftID }) => {
-      localStorage.setItem(
-        "opencode.global.dat:server",
-        JSON.stringify({
-          projects: { local: [{ worktree: directory, expanded: true }] },
-          lastProject: { local: directory },
-        }),
-      )
-      localStorage.setItem(
-        "opencode.global.dat:tabs",
-        JSON.stringify([
-          ...sessionIDs.map((sessionId) => ({
-            type: "session",
-            server,
-            dirBase64,
-            sessionId,
-          })),
-          ...(draftID ? [{ type: "draft", draftID, server, directory }] : []),
-        ]),
-      )
-    },
-    {
-      directory: fixture.directory,
-      sessionIDs: input?.sessionIDs ?? [fixture.sourceID, fixture.targetID],
-      dirBase64: base64Encode(fixture.directory),
-      server,
-      draftID: input?.draftID,
-    },
-  )
-}
-
-export function stressSessionHref(sessionID: string) {
-  return `/server/${base64Encode(stressServer())}/session/${sessionID}`
-}
-
-export function stressDraftHref(draftID: string) {
-  return `/new-session?draftId=${encodeURIComponent(draftID)}`
-}
-
-function stressServer() {
-  return `http://${process.env.PLAYWRIGHT_SERVER_HOST ?? "127.0.0.1"}:${process.env.PLAYWRIGHT_SERVER_PORT ?? "4096"}`
-}
@@ -1,15 +0,0 @@
-import { expect, test } from "bun:test"
-import { mkdtemp, rm } from "node:fs/promises"
-import path from "node:path"
-import os from "node:os"
-import { prepareChromeTrace } from "../chrome-trace"
-
-test("creates the configured trace directory", async () => {
-  const root = await mkdtemp(path.join(os.tmpdir(), "opencode-trace-"))
-  try {
-    const file = await prepareChromeTrace(path.join(root, "nested", "traces"), "session/tab", false, "test")
-    expect(file).toEndWith("-session-tab-458ed9e3-test.json")
-  } finally {
-    await rm(root, { recursive: true, force: true })
-  }
-})
@@ -1,32 +0,0 @@
-import { expect, test } from "bun:test"
-import { summarizeFirstNavigation } from "../timeline/first-navigation-metrics"
-
-test("reports blank frames before first destination and stable paint", () => {
-  expect(
-    summarizeFirstNavigation([
-      { observedAtMs: 16, source: true, destination: false, content: true },
-      { observedAtMs: 32, source: false, destination: false, content: false },
-      { observedAtMs: 48, source: false, destination: true, content: true },
-      { observedAtMs: 64, source: false, destination: true, content: true },
-      { observedAtMs: 80, source: false, destination: true, content: true },
-    ]),
-  ).toEqual({
-    samples: 5,
-    firstDestinationObservedMs: 48,
-    stableDestinationObservedMs: 80,
-    sourceSamples: 1,
-    blankSamples: 1,
-    unknownSamples: 0,
-    destinationSamples: 3,
-  })
-})
-
-test("does not report stability for interrupted destination frames", () => {
-  expect(
-    summarizeFirstNavigation([
-      { observedAtMs: 16, source: false, destination: true, content: true },
-      { observedAtMs: 32, source: false, destination: false, content: true },
-      { observedAtMs: 48, source: false, destination: true, content: true },
-    ]).stableDestinationObservedMs,
-  ).toBeNull()
-})
@@ -1,34 +0,0 @@
-import { expect, test } from "bun:test"
-import { summarizeNavigationMilestones } from "../timeline/navigation-milestones"
-
-test("reports first and stable paint for each navigation milestone", () => {
-  expect(
-    summarizeNavigationMilestones([
-      { observedAtMs: 16, milestones: { content: false, tab: false } },
-      { observedAtMs: 32, milestones: { content: true, tab: false } },
-      { observedAtMs: 48, milestones: { content: true, tab: true } },
-      { observedAtMs: 64, milestones: { content: true, tab: true } },
-      { observedAtMs: 80, milestones: { content: true, tab: true } },
-    ]),
-  ).toEqual({
-    samples: 5,
-    milestones: {
-      content: { firstObservedMs: 32, stableObservedMs: 64 },
-      tab: { firstObservedMs: 48, stableObservedMs: 80 },
-    },
-    all: { firstObservedMs: 48, stableObservedMs: 80 },
-  })
-})
-
-test("reports missing stability when a milestone appears in the final samples", () => {
-  expect(
-    summarizeNavigationMilestones([
-      { observedAtMs: 16, milestones: { content: false } },
-      { observedAtMs: 32, milestones: { content: true } },
-    ]),
-  ).toEqual({
-    samples: 2,
-    milestones: { content: { firstObservedMs: 32, stableObservedMs: null } },
-    all: { firstObservedMs: 32, stableObservedMs: null },
-  })
-})
@@ -1,42 +0,0 @@
-import { expect, test } from "bun:test"
-import { compressCachedRepaintTrace, layoutShiftSample } from "../timeline/session-tab-repaint-probe"
-
-test("compresses repeated repaint states without losing frame samples", () => {
-  const state = {
-    root: 1,
-    scrollTop: 10,
-    scrollHeight: 20,
-    bottomErrorPx: 0,
-    last: true,
-    rows: [{ key: "row", node: 2, top: 0, bottom: 10 }],
-    mounted: 1,
-    center: "content",
-  }
-  const trace = {
-    timeOriginEpochMs: 1_000,
-    startedAtPerformanceMs: 100,
-    samples: [
-      { observedAtMs: 16, ...state, destination: ["target"], source: [] },
-      { observedAtMs: 32, ...state, destination: ["target"], source: [] },
-      { observedAtMs: 48, ...state, scrollTop: 11, destination: ["target"], source: [] },
-    ],
-    mutations: [{ observedAtMs: 20, changed: [{ type: "add", node: 2 }] }],
-    shifts: [{ occurredAtMs: 24, value: 0.1 }],
-    windowMs: 1_000,
-    running: false,
-    stop() {},
-  }
-  const compressed = compressCachedRepaintTrace(trace)
-  const samples = compressed.samples.flatMap((group) =>
-    group.observedAtMs.map((observedAtMs) => ({ observedAtMs, ...group.state })),
-  )
-
-  expect(samples).toEqual(trace.samples)
-  expect(compressed.mutations).toEqual(trace.mutations)
-  expect(compressed.shifts).toEqual(trace.shifts)
-})
-
-test("records layout shifts at occurrence time within the probe window", () => {
-  expect(layoutShiftSample({ startTime: 99, value: 0.1 }, 100)).toBeUndefined()
-  expect(layoutShiftSample({ startTime: 124, value: 0.2 }, 100)).toEqual({ occurredAtMs: 24, value: 0.2 })
-})
@@ -1,54 +0,0 @@
-import { expect, test } from "bun:test"
-import { classifySessionSwitch } from "../timeline/session-tab-switch-metrics"
-
-test("counts source and blank samples before the destination is observed", () => {
-  const result = classifySessionSwitch([
-    { observedAtMs: 16, destination: [], source: ["source"], hasVisibleRows: true, last: false },
-    { observedAtMs: 32, destination: [], source: [], hasVisibleRows: false, last: false },
-    { observedAtMs: 48, destination: ["destination"], source: [], hasVisibleRows: true, last: true, bottomErrorPx: 0 },
-    { observedAtMs: 64, destination: ["destination"], source: [], hasVisibleRows: true, last: true, bottomErrorPx: 0 },
-    { observedAtMs: 80, destination: ["destination"], source: [], hasVisibleRows: true, last: true, bottomErrorPx: 0 },
-  ])
-
-  expect(result.blankSamples).toBe(1)
-  expect(result.sourceSamples).toBe(1)
-  expect(result.unknownSamples).toBe(0)
-  expect(result.firstDestinationObservedMs).toBe(48)
-  expect(result.stableObservedMs).toBe(80)
-})
-
-test("does not classify mixed source and destination content as correct", () => {
-  const result = classifySessionSwitch([
-    {
-      observedAtMs: 16,
-      destination: ["destination"],
-      source: ["source"],
-      hasVisibleRows: true,
-      last: true,
-      bottomErrorPx: 0,
-    },
-    { observedAtMs: 32, destination: ["destination"], source: [], hasVisibleRows: true, last: true, bottomErrorPx: 0 },
-    { observedAtMs: 48, destination: ["destination"], source: [], hasVisibleRows: true, last: true, bottomErrorPx: 0 },
-    { observedAtMs: 64, destination: ["destination"], source: [], hasVisibleRows: true, last: true, bottomErrorPx: 0 },
-  ])
-
-  expect(result.firstCorrectObservedMs).toBe(32)
-  expect(result.stableObservedMs).toBe(64)
-})
-
-test("reports missing correctness without throwing", () => {
-  const result = classifySessionSwitch([
-    {
-      observedAtMs: 16,
-      destination: ["destination"],
-      source: ["source"],
-      hasVisibleRows: true,
-      last: true,
-      bottomErrorPx: 0,
-    },
-  ])
-
-  expect(result.firstDestinationObservedMs).toBe(16)
-  expect(result.firstCorrectObservedMs).toBeNull()
-  expect(result.stableObservedMs).toBeNull()
-})
@@ -1,14 +0,0 @@
-import { expect, test } from "bun:test"
-import { streamChunk } from "../timeline/session-timeline-benchmark.fixture"
-import { streamProgress } from "../timeline/session-timeline-stream-probe"
-
-test("classifies emitted stream markers using the fixture cycle", () => {
-  expect(streamProgress("before stream-17 after stream-18")).toEqual({ index: 18, phase: "boundary" })
-  expect(streamProgress("before stream-18 after stream-19")).toEqual({ index: 19, phase: "stream" })
-  expect(streamProgress("benchmark-complete stream-36")).toEqual({ index: 36, phase: "complete" })
-  expect(streamProgress("no marker")).toEqual({ index: -1, phase: "unknown" })
-})
-
-test("emits progress markers at fixture boundaries", () => {
-  expect(streamProgress(streamChunk(18, 160))).toEqual({ index: 18, phase: "boundary" })
-})
@@ -1,16 +0,0 @@
-import { expect, test } from "bun:test"
-import { layoutShiftValue, removeVisibleRow } from "../timeline/session-timeline-stream-probe"
-
-test("excludes layout shifts before the probe window and recent input", () => {
-  expect(layoutShiftValue({ startTime: 9, value: 0.1 }, 10)).toBeUndefined()
-  expect(layoutShiftValue({ startTime: 10, value: 0.2, hadRecentInput: true }, 10)).toBeUndefined()
-  expect(layoutShiftValue({ startTime: 11, value: 0.3 }, 10)).toBe(0.3)
-})
-
-test("classifies removed rows from their last painted visibility", () => {
-  const row = {}
-  const visible = new Set([row])
-
-  expect(removeVisibleRow(visible, row)).toBe(true)
-  expect(removeVisibleRow(visible, row)).toBe(false)
-})
@@ -1,10 +0,0 @@
-import { expect, test } from "bun:test"
-import { base64Encode } from "@opencode-ai/core/util/encode"
-import { fixture } from "../timeline/session-timeline-stress.fixture"
-import { stressSessionHref } from "../timeline/timeline-test-helpers"
-
-test("builds stress session links for the benchmark server", () => {
-  expect(stressSessionHref(fixture.sourceID)).toBe(
-    `/server/${base64Encode("http://127.0.0.1:4096")}/session/${fixture.sourceID}`,
-  )
-})
@@ -1,157 +0,0 @@
-import { expect, test, type Page } from "@playwright/test"
-import { base64Encode } from "@opencode-ai/core/util/encode"
-import { mockOpenCodeServer } from "../utils/mock-server"
-import { expectAppVisible, expectSessionTitle } from "../utils/waits"
-
-const directory = "C:/OpenCode/ReviewLineCommentRegression"
-const sessionID = "ses_review_line_comment_regression"
-const title = "Review line comment regression"
-
-test.beforeEach(async ({ page }) => {
-  await openReview(page)
-})
-
-test("opens the comment editor when code is clicked", async ({ page }) => {
-  const review = page.locator('[data-component="session-review"]')
-  const line = review.getByText("export const value = 'after'", { exact: true })
-  await expectAppVisible(line)
-  await line.click()
-
-  await expect(review.getByRole("textbox")).toBeVisible()
-})
-
-test("opens the comment editor when a line number is clicked", async ({ page }) => {
-  const review = page.locator('[data-component="session-review"]')
-  const lineNumber = review.locator('[data-column-number="1"]').last()
-  await expectAppVisible(lineNumber)
-  await lineNumber.click()
-
-  await expect(review.getByRole("textbox")).toBeVisible()
-})
-
-test("opens the comment editor for a line number range", async ({ page }) => {
-  const review = page.locator('[data-component="session-review"]')
-  const start = review.locator('[data-column-number="1"]').last()
-  const end = review.locator('[data-column-number="3"]').last()
-  await expectAppVisible(start)
-  await expectAppVisible(end)
-
-  const from = await start.boundingBox()
-  const to = await end.boundingBox()
-  if (!from || !to) throw new Error("Missing line number bounds")
-  await page.mouse.move(from.x + from.width / 2, from.y + from.height / 2)
-  await page.mouse.down()
-  await page.mouse.move(to.x + to.width / 2, to.y + to.height / 2)
-  await page.mouse.up()
-
-  await expect(review.getByRole("textbox")).toBeVisible()
-})
-
-test("shows a comment button when a line number is hovered", async ({ page }) => {
-  const review = page.locator('[data-component="session-review"]')
-  const lineNumber = review.locator('[data-column-number="1"]').last()
-  await expectAppVisible(lineNumber)
-
-  const comment = review.getByRole("button", { name: "Comment", exact: true })
-  await expect(async () => {
-    await page.mouse.move(0, 0)
-    await lineNumber.hover()
-    await expect(comment).toBeVisible({ timeout: 500 })
-    await comment.click({ timeout: 500 })
-  }).toPass()
-  await expect(review.getByRole("textbox")).toBeVisible()
-})
-
-test("stages a submitted line comment in the prompt context", async ({ page }) => {
-  const requests: string[] = []
-  page.on("request", (request) => {
-    if (request.method() !== "GET") requests.push(`${request.method()} ${new URL(request.url()).pathname}`)
-  })
-
-  const review = page.locator('[data-component="session-review"]')
-  await review.getByText("export const value = 'after'", { exact: true }).click()
-  await review.getByRole("textbox").fill("Use the existing value instead")
-  await review.locator('[data-slot="line-comment-action"][data-variant="primary"]').click()
-
-  await expect(review.getByText("Use the existing value instead", { exact: true })).toBeVisible()
-  await page.getByRole("tab", { name: "Session" }).click()
-  const context = page.getByText("Use the existing value instead", { exact: true }).last()
-  await expect(context).toBeVisible()
-  await expect(context.locator("..")).toContainText("review.ts:2")
-  expect(requests).toEqual([])
-})
-
-async function openReview(page: Page) {
-  await page.setViewportSize({ width: 700, height: 900 })
-  await mockOpenCodeServer(page, {
-    directory,
-    project: {
-      id: "proj_review_line_comment_regression",
-      worktree: directory,
-      vcs: "git",
-      name: "review-line-comment-regression",
-      time: { created: 1700000000000, updated: 1700000000000 },
-      sandboxes: [],
-    },
-    provider: { all: [], connected: [], default: {} },
-    sessions: [
-      {
-        id: sessionID,
-        slug: "review-line-comment-regression",
-        projectID: "proj_review_line_comment_regression",
-        directory,
-        title,
-        version: "dev",
-        time: { created: 1700000000000, updated: 1700000000000 },
-      },
-    ],
-    vcsDiff: [
-      {
-        file: "src/review.ts",
-        additions: 1,
-        deletions: 1,
-        status: "modified",
-        patch:
-          "diff --git a/src/review.ts b/src/review.ts\n--- a/src/review.ts\n+++ b/src/review.ts\n@@ -1,3 +1,3 @@\n export const first = 1\n-export const value = 'before'\n+export const value = 'after'\n export const last = 3\n",
-      },
-    ],
-    pageMessages: () => ({
-      items: [
-        {
-          info: {
-            id: "msg_review_line_comment_regression",
-            sessionID,
-            role: "user",
-            time: { created: 1700000000000 },
-            summary: { diffs: [] },
-            agent: "build",
-            model: { providerID: "opencode", modelID: "test" },
-          },
-          parts: [
-            {
-              id: "prt_review_line_comment_regression",
-              sessionID,
-              messageID: "msg_review_line_comment_regression",
-              type: "text",
-              text: "Review this change.",
-            },
-          ],
-        },
-      ],
-    }),
-  })
-
-  await page.goto(`/${base64Encode(directory)}/session/${sessionID}`)
-  await expectSessionTitle(page, title)
-  const diffResponse = page.waitForResponse((response) => new URL(response.url()).pathname === "/vcs/diff")
-  await page.getByRole("tab", { name: "Changes" }).click()
-  expect(await (await diffResponse).json()).toHaveLength(1)
-
-  const review = page.locator('[data-component="session-review"]')
-  await expectAppVisible(review)
-  await review
-    .getByRole("heading", { name: /review\.ts/ })
-    .getByRole("button")
-    .first()
-    .click()
-}
@@ -21,7 +21,6 @@ const words = [
  "vector",
 ]

-const serverKey = "http://127.0.0.1:4096"
 const sourceID = "ses_smoke_source"
 const targetID = "ses_smoke_target"
 const directory = "C:/OpenCode/SmokeProject"
@@ -140,7 +139,7 @@ function toolPart(
      status: "completed",
      input,
      output: lorem(index * 23 + partIndex, outputLength),
-      title: tool === "bash" ? input.command : input.filePath || input.path || input.pattern || "completed",
+      title: tool === "bash" ? "Verify generated output" : input.filePath || input.path || input.pattern || "completed",
      metadata,
      time: { start: 1700000000000 + index * 10_000, end: 1700000000000 + index * 10_000 + 400 },
    },
@@ -201,7 +200,9 @@ function turn(index: number): Message[] {
    ...(index % 8 === 0
      ? [toolPart(index, 8, "apply_patch", { files: [`src/generated/patch-${index}.ts`] }, 620)]
      : []),
-    ...(index % 7 === 0 ? [toolPart(index, 4, "bash", { command: "bun typecheck" }, 620)] : []),
+    ...(index % 7 === 0
+      ? [toolPart(index, 4, "bash", { command: "bun typecheck", description: "Verify generated output" }, 620)]
+      : []),
    ...(index % 10 === 0 ? [toolPart(index, 9, "webfetch", { url: "https://example.com/docs/sample" }, 120)] : []),
    ...(index % 11 === 0 ? [toolPart(index, 10, "websearch", { query: "sample movement notes" }, 240)] : []),
    ...(index % 13 === 0
@@ -241,7 +242,6 @@ function orderedParts(message: Message) {

 export const fixture = {
  directory,
-  serverKey,
  project: {
    id: projectID,
    worktree: directory,
@@ -295,7 +295,6 @@ export const fixture = {
        .filter(renderable)
        .map((part) => part.id),
    ),
-    expandedShellPartID: targetMessages.flatMap((message) => message.parts).find((part) => part.tool === "bash")!.id,
  },
 }

@@ -58,18 +58,7 @@ test.describe("smoke: session timeline", () => {
      await page.mouse.wheel(0, -120)
      await page.waitForTimeout(20)
    }
-    const keys = await scroller.evaluate((element) => {
-      const view = element.getBoundingClientRect()
-      return [...element.querySelectorAll<HTMLElement>("[data-timeline-part-id]")]
-        .filter((row) => {
-          const rect = row.getBoundingClientRect()
-          return rect.bottom > view.top && rect.top < view.bottom
-        })
-        .map((row) => row.dataset.timelinePartId)
-        .filter((id): id is string => !!id)
-        .slice(0, 3)
-    })
-    expect(keys.length).toBeGreaterThan(0)
+    const keys = ["prt_user_text_smoke_0032", "prt_text_2_smoke_0032", "prt_tool_apply_patch_8_smoke_0032"]
    const positions = () =>
      scroller.evaluate((element, keys) => {
        const top = element.getBoundingClientRect().top
@@ -338,18 +327,6 @@ test.describe("smoke: session timeline", () => {
    const expectedMessageIDs = fixture.expected.targetMessageIDs
    await expectSessionTimelineReady(page, expectedPartIDs, expectedMessageIDs, errors)
    await expectCanScrollToStart(page, expectedPartIDs, expectedMessageIDs, errors)
-
-    const shell = page.locator(`[data-timeline-part-id="${fixture.expected.expandedShellPartID}"]`)
-    const shellTrigger = shell.locator('[data-slot="collapsible-trigger"]')
-    const shellSubtitle = shell.locator('[data-slot="basic-tool-tool-subtitle"]')
-    await expect(shellSubtitle).toHaveCount(0)
-    await expect(shell.locator('[data-slot="bash-pre"]')).toContainText("$ bun typecheck")
-    await shellTrigger.click()
-    await expect(shellTrigger).toHaveAttribute("aria-expanded", "false")
-    await expect(shellSubtitle).toHaveText("bun typecheck")
-    await shellTrigger.click()
-    await expect(shellTrigger).toHaveAttribute("aria-expanded", "true")
-    await expect(shellSubtitle).toHaveCount(0)
  })
 })

@@ -729,7 +706,7 @@ async function navigateToSession(page: Page, directory: string, sessionId: strin
 }

 async function switchTitlebarSession(page: Page, sessionID: string, title: string) {
-  const href = `/server/${base64Encode(fixture.serverKey)}/session/${sessionID}`
+  const href = `/${base64Encode(fixture.directory)}/session/${sessionID}`
  const tab = page.locator(`[data-slot="titlebar-tabs"] a[href="${href}"]`).first()
  await expect(tab).toBeVisible()
  await tab.click()
@@ -18,7 +18,6 @@ export interface MockServerConfig {
  project: unknown
  sessions: ({ id: string } & Record<string, unknown>)[]
  pageMessages: (sessionId: string, limit: number, before?: string) => { items: unknown[]; cursor?: string }
-  vcsDiff?: unknown[]
  messageDelay?: number
  onMessages?: (input: { sessionID: string; before?: string; phase: "start" | "end" }) => void
  events?: () => unknown[]
@@ -26,8 +25,6 @@ export interface MockServerConfig {
 }

 export async function mockOpenCodeServer(page: Page, config: MockServerConfig) {
-  const cursors = new Map<string, string>()
-  let nextCursor = 0
  const staticRoutes: Record<string, unknown> = {
    "/provider": config.provider,
    "/path": {
@@ -47,15 +44,11 @@ export async function mockOpenCodeServer(page: Page, config: MockServerConfig) {
  await page.route("**/*", async (route) => {
    const url = new URL(route.request().url())
    const targetPort = process.env.PLAYWRIGHT_SERVER_PORT ?? "4096"
-    const appPort = new URL(
-      process.env.PLAYWRIGHT_BASE_URL ?? `http://127.0.0.1:${process.env.PLAYWRIGHT_PORT ?? "3000"}`,
-    ).port
-    if (url.port !== targetPort && url.port !== appPort) return route.fallback()
+    if (url.port !== targetPort) return route.fallback()

    const path = url.pathname
    if (path === "/global/event" || path === "/event") return sse(route, config.events?.(), config.eventRetry)
    if (path === "/global/health") return json(route, { healthy: true })
-    if (path === "/vcs/diff" && config.vcsDiff) return json(route, config.vcsDiff)
    if (emptyObject.has(path)) return json(route, {})
    if (emptyList.has(path)) return json(route, [])
    if (path in staticRoutes) return json(route, staticRoutes[path])
@@ -70,28 +63,22 @@ export async function mockOpenCodeServer(page: Page, config: MockServerConfig) {

    const messagesMatch = path.match(/^\/session\/([^/]+)\/message$/)
    if (messagesMatch) {
-      const token = url.searchParams.get("before") ?? undefined
-      const before = token ? cursors.get(token) : undefined
-      if (token && !before) return json(route, { error: "Invalid cursor" }, undefined, 400)
+      const before = url.searchParams.get("before") ?? undefined
      config.onMessages?.({ sessionID: messagesMatch[1], before, phase: "start" })
      if (config.messageDelay) await new Promise((resolve) => setTimeout(resolve, config.messageDelay))
      const limit = Number(url.searchParams.get("limit") ?? 80)
      const pageData = config.pageMessages(messagesMatch[1], limit, before)
      config.onMessages?.({ sessionID: messagesMatch[1], before, phase: "end" })
-      if (!pageData.cursor) return json(route, pageData.items)
-      const cursor = `cursor_${++nextCursor}`
-      cursors.set(cursor, pageData.cursor)
-      return json(route, pageData.items, { "x-next-cursor": cursor })
+      return json(route, pageData.items, pageData.cursor ? { "x-next-cursor": pageData.cursor } : undefined)
    }

-    if (url.port === targetPort && targetPort !== appPort) return json(route, {})
-    return route.fallback()
+    return json(route, {})
  })
 }

-function json(route: Route, body: unknown, headers?: Record<string, string>, status = 200) {
+function json(route: Route, body: unknown, headers?: Record<string, string>) {
  return route.fulfill({
-    status,
+    status: 200,
    contentType: "application/json",
    headers: {
      "access-control-allow-origin": "*",
@@ -1,28 +1,22 @@
 <!doctype html>
-<html lang="en" style="background-color: var(--v2-background-bg-deep, #fafafa)">
+<html lang="en" style="background-color: var(--background-base)">
  <head>
    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, interactive-widget=resizes-content, viewport-fit=cover"
-    />
+    <meta name="viewport" content="width=device-width, initial-scale=1, interactive-widget=resizes-content" />
    <title>OpenCode</title>
    <link rel="icon" type="image/png" href="/favicon-96x96-v3.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/favicon-v3.svg" />
    <link rel="shortcut icon" href="/favicon-v3.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-v3.png" />
    <link rel="manifest" href="/site.webmanifest" />
-    <meta name="theme-color" content="#fafafa" />
-    <meta name="mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-capable" content="yes" />
-    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+    <meta name="theme-color" content="#F8F7F7" />
    <meta property="og:image" content="/social-share.png" />
    <meta property="twitter:image" content="/social-share.png" />
    <script id="oc-theme-preload-script" src="/oc-theme-preload.js"></script>
  </head>
-  <body class="antialiased overscroll-none text-12-regular overflow-hidden bg-v2-background-bg-deep">
+  <body class="antialiased overscroll-none text-12-regular overflow-hidden">
    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root" class="flex flex-col h-dvh bg-v2-background-bg-deep p-px"></div>
+    <div id="root" class="flex flex-col h-dvh p-px"></div>
    <script src="/src/entry.tsx" type="module"></script>
  </body>
 </html>
@@ -1,6 +1,6 @@
 {
  "name": "@opencode-ai/app",
-  "version": "1.17.10",
+  "version": "1.17.7",
  "description": "",
  "type": "module",
  "exports": {
@@ -24,8 +24,7 @@
    "test:e2e": "playwright test",
    "test:e2e:local": "playwright test",
    "test:e2e:ui": "playwright test --ui",
-    "test:e2e:report": "playwright show-report e2e/playwright-report",
-    "test:bench": "bun test ./e2e/performance/unit && playwright test --config e2e/performance/playwright.config.ts"
+    "test:e2e:report": "playwright show-report e2e/playwright-report"
  },
  "license": "MIT",
  "devDependencies": {
@@ -47,7 +46,6 @@
    "@kobalte/core": "catalog:",
    "@opencode-ai/core": "workspace:*",
    "@opencode-ai/sdk": "workspace:*",
-    "@opencode-ai/session-ui": "workspace:*",
    "@opencode-ai/ui": "workspace:*",
    "@pierre/trees": "1.0.0-beta.4",
    "@sentry/solid": "catalog:",
@@ -9,7 +9,6 @@ const reuse = !process.env.CI
 const workers = Number(process.env.PLAYWRIGHT_WORKERS ?? (process.env.CI ? 5 : 0)) || undefined
 export default defineConfig({
  testDir: "./e2e",
-  testIgnore: process.env.OPENCODE_PERFORMANCE === "1" ? "performance/**/*.test.ts" : "performance/**",
  outputDir: "./e2e/test-results",
  timeout: 60_000,
  expect: {
@@ -15,11 +15,10 @@

  document.documentElement.dataset.theme = themeId
  document.documentElement.dataset.colorScheme = mode
-  document.documentElement.style.backgroundColor = isDark ? "#080808" : "#fafafa"

  // Update theme-color meta tag to match app color scheme
  var metas = document.querySelectorAll("meta[name='theme-color']")
-  if (metas.length > 0) metas[0].setAttribute("content", isDark ? "#080808" : "#fafafa")
+  if (metas.length > 0) metas[0].setAttribute("content", isDark ? "#131010" : "#F8F7F7")

  if (themeId === "oc-2") return

@@ -4,7 +4,7 @@ import { I18nProvider } from "@opencode-ai/ui/context"
 import { DialogProvider } from "@opencode-ai/ui/context/dialog"
 import { FileComponentProvider } from "@opencode-ai/ui/context/file"
 import { MarkedProvider } from "@opencode-ai/ui/context/marked"
-import { File } from "@opencode-ai/session-ui/file"
+import { File } from "@opencode-ai/ui/file"
 import { Font } from "@opencode-ai/ui/font"
 import { Splash } from "@opencode-ai/ui/logo"
 import { ThemeProvider } from "@opencode-ai/ui/theme/context"
@@ -30,9 +30,9 @@ import { Dynamic } from "solid-js/web"
 import { CommandProvider } from "@/context/command"
 import { CommentsProvider } from "@/context/comments"
 import { FileProvider } from "@/context/file"
-import { ServerSDKProvider, useServerSDK } from "@/context/server-sdk"
+import { ServerSDKProvider } from "@/context/server-sdk"
 import { ServerSyncProvider } from "@/context/server-sync"
-import { GlobalProvider, useGlobal } from "@/context/global"
+import { GlobalProvider } from "@/context/global"
 import { HighlightsProvider } from "@/context/highlights"
 import { LanguageProvider, type Locale, useLanguage } from "@/context/language"
 import { LayoutProvider } from "@/context/layout"
@@ -47,152 +47,77 @@ import { TabsProvider, useTabs, type DraftTab } from "@/context/tabs"
 import { SDKProvider, useSDK } from "@/context/sdk"
 import { WslServersProvider } from "@/wsl/context"
 import DirectoryLayout, { DirectoryDataProvider } from "@/pages/directory-layout"
-import LegacyLayout from "@/pages/layout"
-import NewLayout from "@/pages/layout-new"
+import Layout from "@/pages/layout"
 import { ErrorPage } from "./pages/error"
 import { useCheckServerHealth } from "./utils/server-health"
-import { legacySessionHref, requireServerKey, rootSession, sessionHref } from "./utils/session-route"
-
-import Session from "@/pages/session"
-import { NewHome, LegacyHome } from "@/pages/home"

+const HomeRoute = lazy(() => import("@/pages/home"))
+const Session = lazy(() => import("@/pages/session"))
 const NewSession = lazy(() => import("@/pages/new-session"))

-const SessionRoute = () => {
-  const settings = useSettings()
-  const params = useParams()
-  const [search] = useSearchParams<{ draftId?: string; prompt?: string }>()
-  const sdk = useSDK()
-  const server = useServer()
-  const tabs = useTabs()
+const SessionRoute = Object.assign(
+  () => {
+    const settings = useSettings()
+    const params = useParams()
+    const [search] = useSearchParams<{ draftId?: string; prompt?: string }>()
+    const sdk = useSDK()
+    const server = useServer()
+    const tabs = useTabs()

-  if (params.id && settings.general.newLayoutDesigns()) {
-    return <Navigate href={sessionHref(server.key, params.id)} />
-  }
-
-  // When the new layout is enabled, the legacy new-session route (/:dir/session with no id)
-  // is replaced by a draft at /new-session?draftId=…
-  createEffect(() => {
-    if (!settings.general.newLayoutDesigns()) return
-    if (params.id || search.draftId) return
-    if (!tabs.ready() || !sdk().directory) return
-    tabs.newDraft({ server: server.key, directory: sdk().directory }, search.prompt)
-  })
-
-  return (
-    <SessionProviders>
-      <Session />
-    </SessionProviders>
-  )
-}
-
-const TargetSessionRoute = () => {
-  const params = useParams<{ serverKey: string; id: string }>()
-  const server = useServer()
-  const conn = createMemo(() => {
-    const key = requireServerKey(params.serverKey)
-    return server.list.find((item) => ServerConnection.key(item) === key)
-  })
-
-  return (
-    <Show when={`${params.serverKey}\0${params.id}`} keyed>
-      <ServerSDKProvider server={conn}>
-        <ServerSyncProvider server={conn}>
-          <ResolvedTargetSessionRoute />
-        </ServerSyncProvider>
-      </ServerSDKProvider>
-    </Show>
-  )
-}
-
-function ResolvedTargetSessionRoute() {
-  const params = useParams<{ serverKey: string; id: string }>()
-  const settings = useSettings()
-  const tabs = useTabs()
-  const global = useGlobal()
-  const serverSDK = useServerSDK()
-  const serverKey = createMemo(() => requireServerKey(params.serverKey))
-  const placement = createMemo(() => global.sessionPlacement.get(serverKey(), params.id))
-  const [resolved] = createResource(
-    () => {
-      if (placement()) return
-      return { id: params.id, sdk: serverSDK() }
-    },
-    async ({ id, sdk }) => {
-      const session = (await sdk.client.session.get({ sessionID: id })).data!
-      const root = await rootSession(session, (sessionID) =>
-        sdk.client.session.get({ sessionID }).then((result) => result.data!),
-      )
-      return global.sessionPlacement.set({
-        server: serverKey(),
-        leafID: session.id,
-        rootID: root.id,
-        directory: session.directory,
-      })
-    },
-  )
-  const directory = createMemo(() => placement()?.directory ?? resolved()?.directory)
-  const targetDirectory = () => directory()!
-
-  createEffect(() => {
-    const current = placement() ?? resolved()
-    if (!current) return
-    tabs.addSessionTab({
-      server: serverKey(),
-      sessionId: current.rootID,
+    // When the new layout is enabled, the legacy new-session route (/:dir/session with no id)
+    // is replaced by a draft at /new-session?draftId=…
+    createEffect(() => {
+      if (!settings.general.newLayoutDesigns()) return
+      if (params.id || search.draftId) return
+      if (!tabs.ready() || !sdk().directory) return
+      tabs.newDraft({ server: server.key, directory: sdk().directory }, search.prompt)
    })
-  })

-  return (
-    <TargetServerScopedProviders directory={directory} sessionID={() => params.id}>
-      <Show when={!resolved.error} fallback={<ErrorPage error={resolved.error} />}>
-        <Show when={directory()}>
-          <Show
-            when={settings.general.newLayoutDesigns()}
-            fallback={<Navigate href={legacySessionHref(directory()!, params.id)} />}
-          >
-            <SDKProvider directory={targetDirectory}>
-              <DirectoryDataProvider directory={targetDirectory} server={serverKey}>
-                <TargetSessionPage />
-              </DirectoryDataProvider>
-            </SDKProvider>
-          </Show>
-        </Show>
-      </Show>
-    </TargetServerScopedProviders>
-  )
-}
-
-function TargetSessionPage() {
-  const sdk = useSDK()
-  const serverSDK = useServerSDK()
-  return (
-    <Show when={`${serverSDK().scope}\0${sdk().directory}`} keyed>
+    return (
      <SessionProviders>
        <Session />
      </SessionProviders>
-    </Show>
-  )
-}
+    )
+  },
+  { preload: Session.preload },
+)

 // Wraps the non-draft routes. They are gated on (and keyed to) the globally selected
 // server via ServerKey, then provide the server-scoped shell (Permission/Layout/
 // Notification/Models + the visual Layout) for that server.
-function SelectedServerProviders(props: ParentProps) {
+function SelectedServerLayout(props: ParentProps) {
  return (
    <ServerKey>
      <ServerSDKProvider>
-        <ServerSyncProvider>{props.children}</ServerSyncProvider>
+        <ServerSyncProvider>
+          <ServerScopedShell>{props.children}</ServerScopedShell>
+        </ServerSyncProvider>
      </ServerSDKProvider>
    </ServerKey>
  )
 }

-function LegacyServerLayout(props: ParentProps) {
+// Wraps /new-session. It resolves the draft's target server and provides the
+// server-scoped shell for that server — without ServerKey, so the page never depends
+// on the globally "selected" server.
+function DraftServerLayout(props: ParentProps) {
+  const server = useServer()
+  const tabs = useTabs()
+  const [search] = useSearchParams<{ draftId?: string }>()
+  const conn = createMemo(() => {
+    const id = search.draftId
+    if (!id) return undefined
+    const draft = tabs.store.find((tab): tab is DraftTab => tab.type === "draft" && tab.draftID === id)
+    if (!draft) return undefined
+    return server.list.find((c) => ServerConnection.key(c) === draft.server)
+  })
+
  return (
-    <SelectedServerProviders>
-      <LegacyServerScopedShell>{props.children}</LegacyServerScopedShell>
-    </SelectedServerProviders>
+    <ServerSDKProvider server={conn}>
+      <ServerSyncProvider server={conn}>
+        <ServerScopedShell>{props.children}</ServerScopedShell>
+      </ServerSyncProvider>
+    </ServerSDKProvider>
  )
 }

@@ -201,37 +126,37 @@ function DraftRoute() {
  const tabs = useTabs()
  return (
    <Show when={tabs.ready()}>
-      <Show
-        when={tabs.store.find((tab): tab is DraftTab => tab.type === "draft" && tab.draftID === search.draftId)}
-        keyed
-        fallback={<Navigate href="/" />}
-      >
-        {(draft) => <ResolvedDraftRoute draft={draft} />}
+      <Show when={search.draftId} keyed fallback={<Navigate href="/" />}>
+        {(draftID) => <ResolvedDraftRoute draftID={draftID} />}
      </Show>
    </Show>
  )
 }

-function ResolvedDraftRoute(props: { draft: DraftTab }) {
-  const server = useServer()
-  const conn = createMemo(() => server.list.find((item) => ServerConnection.key(item) === props.draft.server))
-  const directory = () => props.draft.directory
-  const serverKey = () => props.draft.server
+function ResolvedDraftRoute(props: { draftID: string }) {
+  const tabs = useTabs()
+  const draft = createMemo(() =>
+    tabs.store.find((tab): tab is DraftTab => tab.type === "draft" && tab.draftID === props.draftID),
+  )
+
+  // Key on the directory so retargeting the draft's project re-instantiates the
+  // directory-scoped providers while keeping the same draft id. The draft's target
+  // server is provided by DraftServerLayout, so changing only the server updates the
+  // SDK/sync hooks without remounting the composer.
+  const directory = () => draft()?.directory

  return (
-    <ServerSDKProvider server={conn}>
-      <ServerSyncProvider server={conn}>
-        <TargetServerScopedProviders directory={directory}>
-          <SDKProvider directory={directory}>
-            <DirectoryDataProvider directory={directory} server={serverKey}>
-              <DraftProviders>
-                <NewSession />
-              </DraftProviders>
-            </DirectoryDataProvider>
-          </SDKProvider>
-        </TargetServerScopedProviders>
-      </ServerSyncProvider>
-    </ServerSDKProvider>
+    <Show when={directory()} keyed>
+      {(dir) => (
+        <SDKProvider directory={dir}>
+          <DirectoryDataProvider directory={dir} draftID={props.draftID}>
+            <DraftProviders>
+              <NewSession />
+            </DraftProviders>
+          </DirectoryDataProvider>
+        </SDKProvider>
+      )}
+    </Show>
  )
 }

@@ -285,61 +210,32 @@ function BodyDesignClass() {
 // shell (router root) so they stay mounted regardless of the active server/route.
 function SharedProviders(props: ParentProps) {
  return (
-    <>
+    <SettingsProvider>
      <BodyDesignClass />
      <CommandProvider>
        <HighlightsProvider>{props.children}</HighlightsProvider>
      </CommandProvider>
-    </>
+    </SettingsProvider>
  )
 }

-// Server-scoped providers shared by the legacy shell and the top-level new shell.
-type ServerScopedShellProps = ParentProps<{
-  directory?: () => string | undefined
-  sessionID?: () => string | undefined
-}>
-
-function ServerScopedProviders(props: ServerScopedShellProps) {
+// Server-scoped providers plus the visual Layout (tabs/sidebar). These live inside
+// each per-route server layout so they resolve to that route's server (selected vs
+// draft). The Layout remounts when crossing between those groups.
+function ServerScopedShell(props: ParentProps) {
  return (
-    <PermissionProvider directory={props.directory}>
+    <PermissionProvider>
      <LayoutProvider>
-        <NotificationProvider directory={props.directory} sessionID={props.sessionID}>
-          <ModelsProvider>{props.children}</ModelsProvider>
+        <NotificationProvider>
+          <ModelsProvider>
+            <Layout>{props.children}</Layout>
+          </ModelsProvider>
        </NotificationProvider>
      </LayoutProvider>
    </PermissionProvider>
  )
 }

-function LegacyServerScopedShell(props: ServerScopedShellProps) {
-  return (
-    <ServerScopedProviders directory={props.directory} sessionID={props.sessionID}>
-      <LegacyLayout>{props.children}</LegacyLayout>
-    </ServerScopedProviders>
-  )
-}
-
-function NewAppLayout(props: ParentProps) {
-  return (
-    <SelectedServerProviders>
-      <ServerScopedProviders>
-        <NewLayout>{props.children}</NewLayout>
-      </ServerScopedProviders>
-    </SelectedServerProviders>
-  )
-}
-
-function TargetServerScopedProviders(props: ServerScopedShellProps) {
-  return (
-    <PermissionProvider directory={props.directory}>
-      <NotificationProvider directory={props.directory} sessionID={props.sessionID}>
-        <ModelsProvider>{props.children}</ModelsProvider>
-      </NotificationProvider>
-    </PermissionProvider>
-  )
-}
-
 function SessionProviders(props: ParentProps) {
  return (
    <TerminalProvider>
@@ -522,9 +418,11 @@ export function AppInterface(props: {
  router?: Component<BaseRouterProps>
  disableHealthCheck?: boolean
 }) {
-  // The visual new layout lives in the router root so it remains mounted across
-  // route changes. Draft and session routes override only their server-bound data
-  // providers beneath it.
+  // The shared shell holds only server-agnostic providers (QueryClient + Settings/
+  // Command/Highlights) and stays mounted across every route. The server-scoped
+  // providers and the visual Layout live in the per-route layouts below, so they
+  // resolve to that route's server (selected for most routes, the draft's server for
+  // /new-session). appChildren is server-agnostic, so it renders here once.
  const ServerShell = (shellProps: ParentProps) => (
    <QueryProvider>
      <SharedProviders>
@@ -541,57 +439,28 @@ export function AppInterface(props: {
      servers={props.servers}
    >
      <GlobalProvider>
-        <SettingsProvider>
-          <ConnectionGate disableHealthCheck={props.disableHealthCheck}>
-            <Show when={useSettings().general.newLayoutDesigns().toString()} keyed>
-              <Dynamic
-                component={props.router ?? Router}
-                root={(routerProps) => (
-                  <TabsProvider>
-                    <ServerShell>
-                      <Show when={useSettings().general.newLayoutDesigns()} fallback={routerProps.children}>
-                        <NewAppLayout>{routerProps.children}</NewAppLayout>
-                      </Show>
-                    </ServerShell>
-                  </TabsProvider>
-                )}
-              >
-                <Routes />
-              </Dynamic>
-            </Show>
-          </ConnectionGate>
-        </SettingsProvider>
+        <ConnectionGate disableHealthCheck={props.disableHealthCheck}>
+          <Dynamic
+            component={props.router ?? Router}
+            root={(routerProps) => (
+              <TabsProvider>
+                <ServerShell>{routerProps.children}</ServerShell>
+              </TabsProvider>
+            )}
+          >
+            <Route component={SelectedServerLayout}>
+              <Route path="/" component={HomeRoute} />
+              <Route path="/:dir" component={DirectoryLayout}>
+                <Route path="/" component={() => <Navigate href="session" />} />
+                <Route path="/session/:id?" component={SessionRoute} />
+              </Route>
+            </Route>
+            <Route component={DraftServerLayout}>
+              <Route path="/new-session" component={DraftRoute} />
+            </Route>
+          </Dynamic>
+        </ConnectionGate>
      </GlobalProvider>
    </ServerProvider>
  )
 }
-
-function Routes() {
-  const settings = useSettings()
-
-  return (
-    <>
-      <Route component={LegacyServerLayout}>
-        <Show when={!settings.general.newLayoutDesigns()}>{<Route path="/" component={LegacyHome} />}</Show>
-        <Route path="/:dir" component={DirectoryLayout}>
-          <Route path="/" component={() => <Navigate href="session" />} />
-          <Route path="/session/:id?" component={SessionRoute} />
-        </Route>
-      </Route>
-      <Show when={settings.general.newLayoutDesigns()}>
-        <Route path="/" component={NewHome} />
-        <Route
-          path="/:dir/session/:id"
-          component={() => {
-            const server = useServer()
-            const { id } = useParams()
-
-            return <Navigate href={`/server/${server.key}/session/${id}`} />
-          }}
-        />
-      </Show>
-      <Route path="/new-session" component={DraftRoute} />
-      <Route path="/server/:serverKey/session/:id" component={TargetSessionRoute} />
-    </>
-  )
-}
@@ -363,7 +363,7 @@ export function DebugBar() {
  return (
    <aside
      aria-label={language.t("debugBar.ariaLabel")}
-      class="pointer-events-auto fixed bottom-3 right-3 z-50 hidden w-[308px] max-w-[calc(100vw-1.5rem)] overflow-hidden rounded-xl border border-border-base bg-surface-raised-stronger-non-alpha p-0.5 text-text-strong shadow-[var(--shadow-lg-border-base)] md:block sm:bottom-4 sm:right-4 sm:w-[324px]"
+      class="pointer-events-auto fixed bottom-3 right-3 z-50 w-[308px] max-w-[calc(100vw-1.5rem)] overflow-hidden rounded-xl border border-border-base bg-surface-raised-stronger-non-alpha p-0.5 text-text-strong shadow-[var(--shadow-lg-border-base)] sm:bottom-4 sm:right-4 sm:w-[324px]"
    >
      <div class="grid grid-cols-5 gap-px font-mono">
        <Cell
@@ -20,7 +20,7 @@ export function DialogEditProject(props: { project: LocalProject; server: Server
  const dialog = useDialog()
  const global = useGlobal()
  const language = useLanguage()
-  const serverCtx = createMemo(() => global.ensureServerCtx(props.server))
+  const serverCtx = createMemo(() => global.createServerCtx(props.server))
  const serverSDK = () => serverCtx().sdk
  const serverSync = () => serverCtx().sync

@@ -19,7 +19,6 @@ import {
  pickerMode,
  preloadTreeDirectories,
  cleanPickerInput,
-  createPriorityTaskQueue,
  createDirectorySearch,
  currentPickerSuggestions,
  displayPickerPath,
@@ -39,7 +38,7 @@ interface DialogSelectDirectoryV2Props {

 export function DialogSelectDirectoryV2(props: DialogSelectDirectoryV2Props) {
  const global = useGlobal()
-  const { sync, sdk } = global.ensureServerCtx(props.server)
+  const { sync, sdk } = global.createServerCtx(props.server)
  const dialog = useDialog()
  const language = useLanguage()
  const policy = pickerMode(props.mode ?? "directory", props.start)
@@ -56,7 +55,6 @@ export function DialogSelectDirectoryV2(props: DialogSelectDirectoryV2Props) {
  const [error, setError] = createSignal(false)
  const [rootValid, setRootValid] = createSignal(false)
  const listings = new Map<string, Promise<Array<{ name: string; type: "file" | "directory" }> | undefined>>()
-  const loads = createPriorityTaskQueue<Array<{ name: string; type: "file" | "directory" }> | undefined>(3)
  const advanced = new Set<string>()
  let tree: FileTree | undefined
  let container: HTMLDivElement | undefined
@@ -104,21 +102,16 @@ export function DialogSelectDirectoryV2(props: DialogSelectDirectoryV2Props) {
  })
  const currentSuggestions = createMemo(() => currentPickerSuggestions(suggestions(), input()))

-  async function load(path: string, generation: number, eager = false) {
+  async function load(path: string, generation: number, preload = true) {
    const key = path.replace(/\/+$/, "")
    setError(false)
    const absolute = absoluteTreePath(root(), key)
-    const existing = listings.get(key)
-    if (existing && !eager) loads.promote(`${generation}:${key}`)
    const request =
-      existing ??
-      loads.schedule(`${generation}:${key}`, eager ? "background" : "user", () => {
-        if (!activeTreeNavigation(generation, navigation)) return Promise.resolve(undefined)
-        return sdk.client.file
-          .list({ directory: absolute, path: "" })
-          .then((result) => result.data ?? [])
-          .catch(() => undefined)
-      })
+      listings.get(key) ??
+      sdk.client.file
+        .list({ directory: absolute, path: "" })
+        .then((result) => result.data ?? [])
+        .catch(() => undefined)
    listings.set(key, request)
    const nodes = await request
    if (!activeTreeNavigation(generation, navigation)) return false
@@ -128,8 +121,8 @@ export function DialogSelectDirectoryV2(props: DialogSelectDirectoryV2Props) {
      return false
    }
    tree?.batch(policy.entries(key, nodes).map((item) => ({ type: "add", path: item })))
-    if (!eager && advanceTreePreload(advanced, key)) {
-      for (const directory of preloadTreeDirectories(key, nodes)) void load(directory, generation, true)
+    if (preload && advanceTreePreload(advanced, key)) {
+      void Promise.all(preloadTreeDirectories(key, nodes).map((directory) => load(directory, generation, false)))
    }
    return true
  }
@@ -49,7 +49,7 @@ function uniqueRows(rows: Row[]) {

 export function DialogSelectDirectory(props: DialogSelectDirectoryProps) {
  const global = useGlobal()
-  const { sync, sdk, ...serverCtx } = global.ensureServerCtx(props.server)
+  const { sync, sdk, ...serverCtx } = global.createServerCtx(props.server)
  const dialog = useDialog()
  const language = useLanguage()

@@ -15,7 +15,6 @@ import {
  treePathWithin,
  currentPickerSuggestions,
  createDirectorySearch,
-  createPriorityTaskQueue,
  displayPickerPath,
  pickerParent,
  pickerRoot,
@@ -169,41 +168,6 @@ test("advances preloading once for every expanded directory", () => {
  expect(advanceTreePreload(advanced, "repos/")).toBeTrue()
 })

-test("limits background tasks and prioritizes newly requested work", async () => {
-  const queue = createPriorityTaskQueue<void>(2)
-  const first = Promise.withResolvers<void>()
-  const second = Promise.withResolvers<void>()
-  const started: string[] = []
-  let active = 0
-  let maximum = 0
-  const task = (name: string, blocker?: Promise<void>) => async () => {
-    started.push(name)
-    active++
-    maximum = Math.max(maximum, active)
-    await blocker
-    active--
-  }
-
-  const running = [
-    queue.schedule("first", "background", task("first", first.promise)),
-    queue.schedule("second", "background", task("second", second.promise)),
-    queue.schedule("preload", "background", task("preload")),
-    queue.schedule("opened", "user", task("opened")),
-  ]
-  await Promise.resolve()
-  expect(started).toEqual(["first", "second"])
-
-  first.resolve()
-  await running[0]
-  await Promise.resolve()
-  expect(started).toEqual(["first", "second", "opened"])
-
-  second.resolve()
-  await Promise.all(running)
-  expect(started).toEqual(["first", "second", "opened", "preload"])
-  expect(maximum).toBe(2)
-})
-
 test("clamps bridged tree wheel scrolling", () => {
  expect(nextTreeScrollTop(100, 40, 500, 200)).toBe(140)
  expect(nextTreeScrollTop(10, -40, 500, 200)).toBe(0)
@@ -138,79 +138,6 @@ export function activeTreeNavigation(request: number, current: number) {
  return request === current
 }

-export function createPriorityTaskQueue<T>(concurrency: number) {
-  type Job = {
-    key: string
-    priority: "user" | "background"
-    promise: Promise<T>
-    run: () => void
-  }
-
-  const jobs = new Map<string, Job>()
-  const user: Job[] = []
-  const background: Job[] = []
-  let active = 0
-
-  const drain = () => {
-    while (active < concurrency) {
-      const job = user.pop() ?? background.shift()
-      if (!job) return
-      active++
-      job.run()
-    }
-  }
-
-  const schedule = (key: string, priority: Job["priority"], task: () => Promise<T>) => {
-    const existing = jobs.get(key)
-    if (existing) {
-      if (priority === "user") promote(key)
-      return existing.promise
-    }
-
-    const deferred = Promise.withResolvers<T>()
-    const job: Job = {
-      key,
-      priority,
-      promise: deferred.promise,
-      run: () => {
-        const complete = () => {
-          active--
-          jobs.delete(key)
-          drain()
-        }
-        Promise.resolve()
-          .then(task)
-          .then(
-            (value) => {
-              complete()
-              deferred.resolve(value)
-            },
-            (error) => {
-              complete()
-              deferred.reject(error)
-            },
-          )
-      },
-    }
-    jobs.set(key, job)
-    ;(priority === "user" ? user : background).push(job)
-    drain()
-    return job.promise
-  }
-
-  const promote = (key: string) => {
-    const job = jobs.get(key)
-    if (!job || job.priority === "user") return
-    const index = background.indexOf(job)
-    if (index === -1) return
-    background.splice(index, 1)
-    job.priority = "user"
-    user.push(job)
-  }
-
-  return { schedule, promote }
-}
-
 export function nextTreeScrollTop(current: number, delta: number, scrollHeight: number, clientHeight: number) {
  return Math.min(Math.max(0, scrollHeight - clientHeight), Math.max(0, current + delta))
 }
@@ -11,7 +11,7 @@ export function HelpButton() {

  return (
    <Show when={!state.dismissed}>
-      <div class="fixed bottom-4 right-4 z-50 hidden md:block">
+      <div class="fixed bottom-4 right-4 z-50">
        <Popover
          open={shown()}
          onOpenChange={setShown}
@@ -1379,7 +1379,7 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
  const providersShouldFadeIn = createMemo((prev) => prev ?? providersLoading())

  const [promptReady] = createResource(
-    () => prompt.ready.promise,
+    () => prompt.ready().promise,
    (p) => p,
  )

@@ -27,7 +27,7 @@ let variant: string | undefined

 const promptValue: Prompt = [{ type: "text", content: "ls", start: 0, end: 2 }]
 const prompt = {
-  ready: Object.assign(() => true, { promise: Promise.resolve(true) }),
+  ready: () => Object.assign(() => true, { promise: Promise.resolve(true) }),
  current: () => promptValue,
  cursor: () => 0,
  dirty: () => true,
@@ -388,7 +388,12 @@ export function createPromptSubmit(input: PromptSubmitInput) {
        local.session.promote(sessionDirectory, session.id)
        layout.handoff.setTabs(base64Encode(sessionDirectory), session.id)
        const draftID = search.draftId
-        if (draftID) tabs.promoteDraft(draftID, { server: server.key, sessionId: session.id })
+        if (draftID)
+          tabs.promoteDraft(draftID, {
+            server: server.key,
+            dirBase64: base64Encode(sessionDirectory),
+            sessionId: session.id,
+          })
        else navigate(`/${base64Encode(sessionDirectory)}/session/${session.id}`)
      }
    }
@@ -7,8 +7,8 @@ import { same } from "@/utils/same"
 import { Icon } from "@opencode-ai/ui/icon"
 import { Accordion } from "@opencode-ai/ui/accordion"
 import { StickyAccordionHeader } from "@opencode-ai/ui/sticky-accordion-header"
-import { File } from "@opencode-ai/session-ui/file"
-import { Markdown } from "@opencode-ai/session-ui/markdown"
+import { File } from "@opencode-ai/ui/file"
+import { Markdown } from "@opencode-ai/ui/markdown"
 import { ScrollView } from "@opencode-ai/ui/scroll-view"
 import type { Message, Part, UserMessage } from "@opencode-ai/sdk/v2/client"
 import { useLanguage } from "@/context/language"
@@ -10,7 +10,6 @@ import { Tooltip, TooltipKeybind } from "@opencode-ai/ui/tooltip"
 import { getFilename } from "@opencode-ai/core/util/path"
 import { createEffect, createMemo, createSignal, For, onMount, Show } from "solid-js"
 import { createStore } from "solid-js/store"
-import { createMediaQuery } from "@solid-primitives/media"
 import { Portal } from "solid-js/web"
 import { useCommand } from "@/context/command"
 import { useLanguage } from "@/context/language"
@@ -159,7 +158,6 @@ export function SessionHeader() {
  const isV2 = settings.general.newLayoutDesigns
  const search = settings.visibility.search
  const status = settings.visibility.status
-  const isDesktop = createMediaQuery("(min-width: 768px)")

  const [exists, setExists] = createStore<Partial<Record<OpenApp, boolean>>>({
    finder: true,
@@ -238,7 +236,6 @@ export function SessionHeader() {
    statusLabel: language.t("status.popover.trigger"),
    reviewLabel: language.t("command.review.toggle"),
    reviewKeybind: command.keybind("review.toggle"),
-    reviewVisible: isDesktop(),
    reviewOpened: view().reviewPanel.opened(),
    onReviewToggle: () => view().reviewPanel.toggle(),
  }))
@@ -521,7 +518,6 @@ type SessionHeaderV2ActionsState = {
  statusLabel: string
  reviewLabel: string
  reviewKeybind: string
-  reviewVisible: boolean
  reviewOpened: boolean
  onReviewToggle: () => void
 }
@@ -534,22 +530,20 @@ function SessionHeaderV2Actions(props: { state: SessionHeaderV2ActionsState }) {
          <StatusPopoverV2 />
        </Tooltip>
      </Show>
-      <Show when={props.state.reviewVisible}>
-        <TooltipKeybind title={props.state.reviewLabel} keybind={props.state.reviewKeybind}>
-          <IconButtonV2
-            type="button"
-            variant="ghost-muted"
-            size="large"
-            class="!w-9 shrink-0"
-            state={props.state.reviewOpened ? "pressed" : undefined}
-            onClick={props.state.onReviewToggle}
-            aria-label={props.state.reviewLabel}
-            aria-expanded={props.state.reviewOpened}
-            aria-controls="review-panel"
-            icon={<IconV2 name="sidebar-right" />}
-          />
-        </TooltipKeybind>
-      </Show>
+      <TooltipKeybind title={props.state.reviewLabel} keybind={props.state.reviewKeybind}>
+        <IconButtonV2
+          type="button"
+          variant="ghost-muted"
+          size="large"
+          class="!w-9 shrink-0"
+          state={props.state.reviewOpened ? "pressed" : undefined}
+          onClick={props.state.onReviewToggle}
+          aria-label={props.state.reviewLabel}
+          aria-expanded={props.state.reviewOpened}
+          aria-controls="review-panel"
+          icon={<IconV2 name="sidebar-right" />}
+        />
+      </TooltipKeybind>
    </div>
  )
 }
@@ -26,7 +26,7 @@ export function SettingsServerScope(props: ParentProps) {

 function SettingsServerDataProviders(props: ParentProps<{ server: ServerConnection.Any }>) {
  const global = useGlobal()
-  const serverCtx = () => global.ensureServerCtx(props.server)
+  const serverCtx = () => global.createServerCtx(props.server)

  return (
    <QueryClientProvider client={serverCtx().queryClient}>
@@ -1,5 +1,4 @@
 import { Component, Show, createMemo, createResource, onMount } from "solid-js"
-import { createMediaQuery } from "@solid-primitives/media"
 import { ButtonV2 } from "@opencode-ai/ui/v2/button-v2"
 import { SelectV2 } from "@opencode-ai/ui/v2/select-v2"
 import { Switch } from "@opencode-ai/ui/v2/switch-v2"
@@ -90,7 +89,6 @@ export const SettingsGeneralV2: Component = () => {
  const dialog = useDialog()
  const params = useParams()
  const settings = useSettings()
-  const mobile = createMediaQuery("(max-width: 767px)")

  const updater = useUpdaterAction()

@@ -347,20 +345,6 @@ export const SettingsGeneralV2: Component = () => {
            />
          </div>
        </SettingsRowV2>
-
-        <Show when={mobile()}>
-          <SettingsRowV2
-            title={language.t("settings.general.row.mobileTitlebarBottom.title")}
-            description={language.t("settings.general.row.mobileTitlebarBottom.description")}
-          >
-            <div data-action="settings-mobile-titlebar-bottom">
-              <Switch
-                checked={settings.general.mobileTitlebarPosition() === "bottom"}
-                onChange={(checked) => settings.general.setMobileTitlebarPosition(checked ? "bottom" : "top")}
-              />
-            </div>
-          </SettingsRowV2>
-        </Show>
      </SettingsListV2>
    </div>
  )
@@ -1,3 +1,4 @@
+import { ButtonV2 } from "@opencode-ai/ui/v2/button-v2"
 import { Tag } from "@opencode-ai/ui/v2/badge-v2"
 import { Icon as IconV2 } from "@opencode-ai/ui/v2/icon"
 import { IconButtonV2 } from "@opencode-ai/ui/v2/icon-button-v2"
@@ -13,7 +14,7 @@ import { ServerConnection, serverName } from "@/context/server"
 import { useServerManagementController } from "../dialog-select-server"
 import { DialogServerV2 } from "./dialog-server-v2"
 import { SettingsListV2 } from "./parts/list"
-import { AddServerMenu, isWslServer, useFilteredWslServers, WslServerSettings } from "@/wsl/settings"
+import { isWslServer, useFilteredWslServers, WslAddServerButton, WslServerSettings } from "@/wsl/settings"
 import "./settings-v2.css"

 export const SettingsServersV2: Component = () => {
@@ -54,7 +55,10 @@ export const SettingsServersV2: Component = () => {
      >
        <div class="settings-v2-tab-header-row">
          <h2 class="settings-v2-tab-title">{language.t("status.popover.tab.servers")}</h2>
-          <AddServerMenu onAddServer={openAdd} />
+          <ButtonV2 variant="ghost-muted" icon="plus" onClick={openAdd}>
+            {language.t("dialog.server.add.button")}
+          </ButtonV2>
+          <WslAddServerButton />
        </div>
        <Show when={showSearch()}>
          <div class="settings-v2-tab-search">
@@ -167,15 +167,6 @@
  background-color: var(--v2-background-bg-layer-01);
 }

-@media (max-width: 639px) {
-  .settings-v2[data-component="tabs-v2"][data-variant="settings"][data-orientation="vertical"]
-    [data-slot="tabs-v2-list"] {
-    width: 144px;
-    min-width: 144px;
-    padding-inline: 8px;
-  }
-}
-
 .settings-v2-nav-footer {
  display: flex;
  flex-direction: column;
@@ -2,7 +2,6 @@ import {
  createEffect,
  createMemo,
  createResource,
-  createRoot,
  createSignal,
  For,
  Match,
@@ -23,26 +22,26 @@ import { Icon as IconV2 } from "@opencode-ai/ui/v2/icon"
 import { KeybindV2 } from "@opencode-ai/ui/v2/keybind-v2"
 import { TooltipV2 } from "@opencode-ai/ui/v2/tooltip-v2"

-import { LayoutRoute, useLayout } from "@/context/layout"
+import { getProjectAvatarVariant, LayoutRoute, useLayout, type LocalProject } from "@/context/layout"
 import { usePlatform } from "@/context/platform"
 import { useCommand } from "@/context/command"
 import { useLanguage } from "@/context/language"
 import { useSettings } from "@/context/settings"
 import { WindowsAppMenu } from "./windows-app-menu"
 import { applyPath, backPath, forwardPath } from "./titlebar-history"
-import { projectForSession } from "@/pages/layout/helpers"
-import { SessionTabAvatar } from "@/pages/layout/session-tab-avatar"
+import { useServerSync } from "@/context/server-sync"
+import { base64Encode } from "@opencode-ai/core/util/encode"
+import { ProjectAvatar } from "@opencode-ai/ui/v2/project-avatar-v2"
+import { displayName, getProjectAvatarSource, projectForSession } from "@/pages/layout/helpers"
+import { useSessionTabAvatarState } from "@/pages/layout/project-avatar-state"
 import { makeEventListener } from "@solid-primitives/event-listener"
 import { createResizeObserver } from "@solid-primitives/resize-observer"
-import { createMediaQuery } from "@solid-primitives/media"
 import { readSessionTabsRemovedDetail, SESSION_TABS_REMOVED_EVENT } from "@/components/titlebar-session-events"
 import { useGlobal } from "@/context/global"
+import { decode64 } from "@/utils/base64"
 import { ServerConnection, useServer } from "@/context/server"
-import { tabHref, useTabs } from "@/context/tabs"
+import { tabHref, useTabs, type Tab } from "@/context/tabs"
 import "./titlebar.css"
-import { Session } from "@opencode-ai/sdk/v2"
-import { base64Encode } from "@opencode-ai/core/util/encode"
-import { createTabPromptState } from "@/context/prompt"

 type TauriDesktopWindow = {
  startDragging?: () => Promise<void>
@@ -88,8 +87,6 @@ export function Titlebar(props: { update?: TitlebarUpdate }) {
  const location = useLocation()
  const params = useParams()
  const useV2Titlebar = createMemo(() => settings.general.newLayoutDesigns())
-  const mobile = createMediaQuery("(max-width: 767px)")
-  const bottom = createMemo(() => useV2Titlebar() && mobile() && settings.general.mobileTitlebarPosition() === "bottom")

  const mac = createMemo(() => platform.platform === "desktop" && platform.os === "macos")
  const windows = createMemo(() => platform.platform === "desktop" && platform.os === "windows")
@@ -238,11 +235,10 @@ export function Titlebar(props: { update?: TitlebarUpdate }) {
        "shrink-0 relative flex flex-row": true,
        "h-9 bg-v2-background-bg-deep overflow-visible": useV2Titlebar(),
        "h-10 bg-background-base overflow-hidden": !useV2Titlebar(),
-        "order-last": bottom(),
      }}
      style={{
        "min-height": minHeight(),
-        "padding-left": mac() && !mobile() ? `${84 / zoom()}px` : 0,
+        "padding-left": mac() ? `${84 / zoom()}px` : 0,
        width: electronWindows() ? `env(titlebar-area-width, calc(100vw - ${windowsControlsWidth()}))` : undefined,
        "max-width": electronWindows()
          ? `env(titlebar-area-width, calc(100vw - ${windowsControlsWidth()}))`
@@ -256,28 +252,22 @@ export function Titlebar(props: { update?: TitlebarUpdate }) {
      <Switch>
        <Match when={useV2Titlebar()}>
          {(_) => {
+            const serverSync = useServerSync()
            const navigate = useNavigate()
            const layout = useLayout()
-            const global = useGlobal()
+
+            const newSessionHref = () => {
+              if (params.dir) return `/${params.dir}/session`
+
+              const project = layout.projects.list()[0]
+              if (!project) return "/"
+
+              return `/${base64Encode(project.worktree)}/session`
+            }

            const tabs = useTabs()
            const tabsStore = tabs.store
            const tabsStoreActions = tabs
-            const [session] = createResource(
-              () => {
-                const route = layout.route()
-                if (route.type !== "session") return undefined
-                const conn = global.servers
-                  .list()
-                  .find((item) => ServerConnection.key(item) === (route.server ?? server.key))
-                return conn ? { route, sdk: global.ensureServerCtx(conn).sdk } : undefined
-              },
-              ({ route, sdk }) =>
-                sdk.client.session
-                  .get({ sessionID: route.sessionId })
-                  .then((x) => x.data)
-                  .catch(() => {}),
-            )

            const matchRoute = (route: LayoutRoute) => {
              if (route.type === "home") return
@@ -290,9 +280,10 @@ export function Titlebar(props: { update?: TitlebarUpdate }) {
                    item.type === "session" && item.server === route.server && item.sessionId === route.sessionId,
                )
                if (main) return main
-                const s = session()
-                if (s?.parentID) {
-                  const parentID = s.parentID
+                const sync = serverSync().createDirSyncContext(route.dir)
+                const session = sync.session.get(route.sessionId)
+                if (session?.parentID) {
+                  const parentID = session.parentID
                  const parent = tabsStore.find(
                    (item) => item.type === "session" && item.server === route.server && item.sessionId === parentID,
                  )
@@ -313,10 +304,15 @@ export function Titlebar(props: { update?: TitlebarUpdate }) {
              }

              if (route.type === "session") {
-                const s = session()
-                if (!s) return
-                const sessionId = s.parentID ?? s.id
-                const next = { server: route.server ?? server.key, sessionId }
+                const sync = serverSync().createDirSyncContext(route.dir)
+                const session = sync.session.get(route.sessionId)
+                if (!session) return
+                const sessionId = session.parentID ?? session.id
+                const next = {
+                  server: route.server ?? server.key,
+                  dirBase64: route.dirBase64,
+                  sessionId,
+                }
                tabsStoreActions.addSessionTab(next)
              }
            })
@@ -327,28 +323,7 @@ export function Titlebar(props: { update?: TitlebarUpdate }) {
              tabsStoreActions.removeSessions(detail)
            })

-            const openNewTab = () => {
-              const route = layout.route()
-              const activeSession = session()
-              if (route.type === "session" && activeSession) {
-                tabs.newDraft({ server: route.server ?? server.key, directory: activeSession.directory }, "")
-                return
-              }
-
-              const current = layout.projects.list()[0]
-              if (current) {
-                tabs.newDraft({ server: server.key, directory: current.worktree }, "")
-                return
-              }
-
-              const fallback = global.servers.list().flatMap((conn) => {
-                const project = global.ensureServerCtx(conn).projects.list()[0]
-                return project ? [{ server: ServerConnection.key(conn), project }] : []
-              })[0]
-              if (!fallback) return
-
-              tabs.newDraft({ server: fallback.server, directory: fallback.project.worktree }, "")
-            }
+            const openNewTab = () => navigate(newSessionHref())
            const toggleHome = () => tabs.toggleHome({ home: layout.route().type === "home", current: currentTab() })

            command.register("titlebar-home", () => [
@@ -418,6 +393,22 @@ export function Titlebar(props: { update?: TitlebarUpdate }) {
                    if (next) tabs.select(next)
                  },
                },
+                ...Array.from({ length: 9 }, (_, i) => {
+                  const index = i
+                  const number = index + 1
+                  return {
+                    id: `tab.${number}`,
+                    category: "tab",
+                    title: "",
+                    keybind: `mod+${number}`,
+                    disabled: layout.projects.list().length <= index,
+                    hidden: true,
+                    onSelect: () => {
+                      const tab = tabsStore[index]
+                      if (tab) tabs.select(tab)
+                    },
+                  }
+                }),
              ].filter((v) => v !== undefined)
            })

@@ -430,12 +421,10 @@ export function Titlebar(props: { update?: TitlebarUpdate }) {

            return (
              <div
-                class="h-full flex-1 overflow-hidden flex flex-row items-center gap-1.5 px-2 md:pr-3"
+                class="h-full flex-1 overflow-hidden flex flex-row items-center gap-1.5 pr-3 pt-2"
                classList={{
-                  "pt-2": !bottom(),
-                  "pb-2": bottom(),
-                  "md:pl-2": mac(),
-                  "md:pl-4": !mac(),
+                  "pl-2": mac(),
+                  "pl-4": !mac(),
                }}
              >
                <ChannelIndicator />
@@ -481,7 +470,6 @@ export function Titlebar(props: { update?: TitlebarUpdate }) {
                      <For each={tabsStore}>
                        {(tab, i) => {
                          let ref!: HTMLDivElement
-                          useTabShortcut(i, () => tabs.select(tab))

                          const divider = () =>
                            i() !== 0 && (
@@ -507,100 +495,25 @@ export function Titlebar(props: { update?: TitlebarUpdate }) {
                            )
                          }

-                          const serverCtx = createMemo(() => {
-                            const conn = server.list.find((item) => ServerConnection.key(item) === tab.server)
-                            return conn ? global.ensureServerCtx(conn) : undefined
-                          })
-                          const sdk = createMemo(() => serverCtx()?.sdk ?? null)
-                          const cachedSession = createMemo(() => {
-                            const placement = global.sessionPlacement.get(tab.server, tab.sessionId)
-                            const ctx = serverCtx()
-                            if (!placement || !ctx) return
-                            return ctx.sync
-                              .child(placement.directory, { bootstrap: false })[0]
-                              .session.find((session) => session.id === tab.sessionId)
-                          })
-
-                          const [loadedSession] = createResource(
-                            () => {
-                              if (cachedSession()) return null
-                              const id = tab.sessionId
-                              const ctx = serverCtx()
-                              return ctx ? { id, ctx } : null
-                            },
-                            ({ id, ctx }) =>
-                              ctx.sdk.client.session
-                                .get({ sessionID: id })
-                                .then((x) => {
-                                  const session = x.data
-                                  if (!session) return
-                                  if (!session.parentID)
-                                    global.sessionPlacement.set({
-                                      server: tab.server,
-                                      leafID: session.id,
-                                      rootID: session.id,
-                                      directory: session.directory,
-                                    })
-                                  return session
-                                })
-                                .catch(() => undefined),
-                          )
-                          const session = createMemo(() => cachedSession() ?? loadedSession())
-                          let prefetched = false
-
-                          createEffect(() => {
-                            const ctx = serverCtx()
-                            const sess = session()
-                            if (!ctx || !sess || prefetched) return
-                            prefetched = true
-                            createRoot((dispose) => {
-                              try {
-                                void ctx.sync
-                                  .ensureDirSyncContext(sess.directory)
-                                  .session.sync(sess.id)
-                                  .catch(() => {})
-                                  .finally(dispose)
-                              } catch {
-                                dispose()
-                              }
-                            })
-                          })
-
-                          createEffect(() => {
-                            if (tab.type !== "session") return
-                            const _sdk = sdk()
-                            if (!_sdk) return
-                            const sess = session()
-                            if (!sess) return
-                            createTabPromptState(tabs, tab, _sdk.scope, {
-                              dir: base64Encode(sess.directory),
-                              id: sess.id,
-                            })
-                          })
-
                          return (
                            <>
                              {divider()}
-                              <Show when={session()}>
-                                {(session) => (
-                                  <TabNavItem
-                                    ref={ref}
-                                    href={tabHref(tab)}
-                                    server={tab.server}
-                                    sessionId={tab.sessionId}
-                                    session={session()}
-                                    onNavigate={() => {
-                                      tabs.select(tab)
+                              <TabNavItem
+                                ref={ref}
+                                href={tabHref(tab)}
+                                server={tab.server}
+                                directory={decode64(tab.dirBase64)!}
+                                sessionId={tab.sessionId}
+                                onNavigate={() => {
+                                  tabs.select(tab)

-                                      ref.scrollIntoView({ behavior: "instant" })
-                                    }}
-                                    onClose={() => tabsStoreActions.removeTab(i())}
-                                    active={currentTab() === tab}
-                                    activeServer={tab.server === server.key}
-                                    forceTruncate={tabsAreOverflowing()}
-                                  />
-                                )}
-                              </Show>
+                                  ref.scrollIntoView({ behavior: "instant" })
+                                }}
+                                onClose={() => tabsStoreActions.removeTab(i())}
+                                active={currentTab() === tab}
+                                activeServer={tab.server === server.key}
+                                forceTruncate={tabsAreOverflowing()}
+                              />
                            </>
                          )
                        }}
@@ -650,7 +563,8 @@ export function Titlebar(props: { update?: TitlebarUpdate }) {
                    size="large"
                    class="shrink-0"
                    icon={<IconV2 name="plus" />}
-                    onClick={openNewTab}
+                    as="a"
+                    href={newSessionHref()}
                    aria-label={language.t("command.session.new")}
                  />
                </Show>
@@ -875,30 +789,11 @@ function TitlebarUpdateIconButton(props: { state: TitlebarUpdatePillState }) {
  )
 }

-function useTabShortcut(index: () => number, onSelect: () => void) {
-  const command = useCommand()
-
-  command.register(() => {
-    const number = index() + 1
-    if (number > 9) return []
-
-    return [
-      {
-        id: `tab.${number}`,
-        category: "tab",
-        title: "",
-        keybind: `mod+${number}`,
-        hidden: true,
-        onSelect,
-      },
-    ]
-  })
-}
-
 function TabNavItem(props: {
  ref?: HTMLDivElement
  href: string
  server: ServerConnection.Key
+  directory: string
  sessionId?: string
  hideClose?: boolean
  onClose: () => void
@@ -906,31 +801,43 @@ function TabNavItem(props: {
  active?: boolean
  activeServer: boolean
  forceTruncate?: boolean
-  session: Session
 }) {
  const closeTab = (event: MouseEvent) => {
    event.preventDefault()
    event.stopPropagation()
    props.onClose()
  }
-
  const global = useGlobal()
  const serverCtx = createMemo(() => {
    const conn = global.servers.list().find((item) => ServerConnection.key(item) === props.server)
-    if (conn) return global.ensureServerCtx(conn)
+    if (conn) return global.createServerCtx(conn)
  })
+  const dirSyncCtx = createMemo(() => serverCtx()?.sync.createDirSyncContext(props.directory))
+
+  const [session] = createResource(
+    () => {
+      const ctx = dirSyncCtx()
+      if (!ctx || !props.sessionId) return
+      return [props.sessionId, ctx] as const
+    },
+    async ([sessionId, dirSyncCtx]) => {
+      await dirSyncCtx.session.sync(sessionId).catch(() => {})
+      return dirSyncCtx.session.get(sessionId)
+    },
+    { initialValue: props.sessionId ? dirSyncCtx()?.session.get(props.sessionId) : undefined },
+  )

  return (
    <div
      ref={props.ref}
-      class="group relative flex h-7 w-56 shrink-0 flex-row items-center gap-1.5 overflow-hidden whitespace-nowrap rounded-[6px] bg-[var(--tab-bg)] px-1.5 [--tab-bg:var(--v2-background-bg-deep)] hover:[--tab-bg:var(--v2-background-bg-layer-02)] data-[active='true']:[--tab-bg:var(--v2-background-bg-layer-02)]"
+      class="group relative flex h-7 min-w-24 max-w-60 flex-row items-center gap-1.5 overflow-hidden whitespace-nowrap rounded-[6px] bg-[var(--tab-bg)] px-1.5 [--tab-bg:var(--v2-background-bg-deep)] hover:[--tab-bg:var(--v2-background-bg-layer-02)] data-[active='true']:[--tab-bg:var(--v2-background-bg-layer-02)]"
      data-active={props.active}
      onMouseDown={(event) => {
        if (event.button !== 1) return
        closeTab(event)
      }}
    >
-      <Show when={props.session}>
+      <Show when={session.latest}>
        {(session) => {
          const project = createMemo(() => projectForSession(session(), serverCtx()?.projects.list() ?? []))

@@ -944,9 +851,9 @@ function TabNavItem(props: {
              class="flex h-full min-w-0 flex-1 flex-row items-center gap-1.5 text-[13px] font-medium text-v2-text-text-faint group-data-[active='true']:text-v2-text-text-base"
            >
              <span data-slot="project-avatar-slot">
-                <SessionTabAvatar
+                <ProjectTabAvatar
                  project={project()}
-                  directory={session().directory}
+                  directory={props.directory}
                  sessionId={session().id}
                  activeServer={props.activeServer}
                />
@@ -980,6 +887,26 @@ function TabNavItem(props: {
  )
 }

+function ProjectTabAvatar(props: {
+  project?: LocalProject
+  directory: string
+  sessionId: string
+  activeServer: boolean
+}) {
+  const directory = () => props.directory
+  const sessionId = () => props.sessionId
+  const state = useSessionTabAvatarState(directory, sessionId, () => props.activeServer)
+  return (
+    <ProjectAvatar
+      fallback={displayName(props.project ?? { worktree: props.directory })}
+      src={getProjectAvatarSource(props.project?.id, props.project?.icon)}
+      variant={getProjectAvatarVariant(props.project?.icon?.color)}
+      unread={state.unread()}
+      loading={state.loading()}
+    />
+  )
+}
+
 function DraftTabItem(props: {
  ref?: HTMLDivElement
  href: string
@@ -997,7 +924,7 @@ function DraftTabItem(props: {
    <div
      ref={props.ref}
      data-active={props.active}
-      class="group relative flex h-7 w-56 shrink-0 flex-row items-center gap-1.5 overflow-hidden rounded-[6px] bg-[var(--tab-bg)] pl-1.5 pr-8 whitespace-nowrap [--tab-bg:var(--v2-background-bg-deep)] hover:[--tab-bg:var(--v2-background-bg-layer-02)] data-[active='true']:[--tab-bg:var(--v2-overlay-simple-overlay-pressed)] focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-[var(--v2-border-border-focus)]"
+      class="group relative shrink-0 flex h-7 max-w-60 flex-row items-center gap-1.5 overflow-hidden rounded-[6px] bg-[var(--tab-bg)] pl-1.5 pr-8 whitespace-nowrap [--tab-bg:var(--v2-background-bg-deep)] hover:[--tab-bg:var(--v2-background-bg-layer-02)] data-[active='true']:[--tab-bg:var(--v2-overlay-simple-overlay-pressed)] focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-[var(--v2-border-border-focus)]"
      onMouseDown={(event) => {
        if (event.button !== 1) return
        closeTab(event)
@@ -1042,7 +969,7 @@ function NewSessionTabItem(props: { ref?: HTMLDivElement; href: string; title: s
  return (
    <div
      ref={props.ref}
-      class="group relative flex h-7 w-56 shrink-0 flex-row items-center gap-1.5 overflow-hidden rounded-[6px] bg-[var(--v2-overlay-simple-overlay-pressed)] pl-1.5 pr-8 whitespace-nowrap focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-[var(--v2-border-border-focus)]"
+      class="group relative shrink-0 flex h-7 max-w-60 flex-row items-center gap-1.5 overflow-hidden rounded-[6px] bg-[var(--v2-overlay-simple-overlay-pressed)] pl-1.5 pr-8 whitespace-nowrap focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-[var(--v2-border-border-focus)]"
      onMouseDown={(event) => {
        if (event.button !== 1) return
        closeTab(event)
@@ -2,14 +2,12 @@ import { batch, createMemo, createRoot, onCleanup } from "solid-js"
 import { createStore, reconcile, type SetStoreFunction, type Store } from "solid-js/store"
 import { createSimpleContext } from "@opencode-ai/ui/context"
 import { useParams } from "@solidjs/router"
-import { base64Encode } from "@opencode-ai/core/util/encode"
 import { Persist, persisted } from "@/utils/persist"
 import { useServerSDK } from "./server-sdk"
 import type { ServerScope } from "@/utils/server-scope"
 import { createScopedCache } from "@/utils/scoped-cache"
 import { uuid } from "@/utils/uuid"
 import type { SelectedLineRange } from "@/context/file"
-import { useSDK } from "./sdk"

 export type LineComment = {
  id: string
@@ -204,7 +202,6 @@ export const { use: useComments, provider: CommentsProvider } = createSimpleCont
  gate: false,
  init: () => {
    const params = useParams()
-    const sdk = useSDK()
    const serverSDK = useServerSDK()
    const cache = createScopedCache(
      (key) => {
@@ -231,7 +228,7 @@ export const { use: useComments, provider: CommentsProvider } = createSimpleCont
      return cache.get(key).value
    }

-    const session = createMemo(() => load(base64Encode(sdk().directory), params.id))
+    const session = createMemo(() => load(params.dir!, params.id))

    return {
      ready: () => session().ready(),
@@ -187,7 +187,7 @@ export const createDirSyncContext = (
    return serverSync.child(directory)
  }
  const absolute = (path: string) => (current()[0].path.directory + "/" + path).replace("//", "/")
-  const initialMessagePageSize = 2
+  const initialMessagePageSize = 80
  const historyMessagePageSize = 200
  const inflight = new Map<string, Promise<void>>()
  const inflightDiff = new Map<string, Promise<void>>()
@@ -3,7 +3,6 @@ import { createStore, produce, reconcile } from "solid-js/store"
 import { createSimpleContext } from "@opencode-ai/ui/context"
 import { showToast } from "@/utils/toast"
 import { useParams } from "@solidjs/router"
-import { base64Encode } from "@opencode-ai/core/util/encode"
 import { getFilename } from "@opencode-ai/core/util/path"
 import { useSDK } from "./sdk"
 import { useSync } from "./sync"
@@ -66,7 +65,7 @@ export const { use: useFile, provider: FileProvider } = createSimpleContext({
    const scope = createMemo(() => sdk().directory)
    const path = createPathHelpers(scope)
    const tabs = layout.tabs(() =>
-      SessionStateKey.from(serverSDK().scope, SessionRouteKey.fromRoute(base64Encode(sdk().directory), params.id)),
+      SessionStateKey.from(serverSDK().scope, SessionRouteKey.fromRoute(params.dir, params.id)),
    )

    const inflight = new Map<string, Promise<void>>()
@@ -2,7 +2,7 @@ import { describe, expect, test } from "bun:test"
 import { createStore } from "solid-js/store"
 import { QueryClient } from "@tanstack/solid-query"
 import type { Config, OpencodeClient, Project } from "@opencode-ai/sdk/v2/client"
-import type { NormalizedProviderListResponse } from "@opencode-ai/session-ui/context"
+import type { NormalizedProviderListResponse } from "@opencode-ai/ui/context"
 import { bootstrapDirectory, loadPathQuery, loadProvidersQuery } from "./bootstrap"
 import type { State, VcsCache } from "./types"
 import { ServerScope } from "@/utils/server-scope"
@@ -19,7 +19,7 @@ import { cmp, normalizeAgentList, normalizeProviderList } from "./utils"
 import { formatServerError } from "@/utils/server-errors"
 import { QueryClient, queryOptions } from "@tanstack/solid-query"
 import { loadMcpQuery } from "../server-sync"
-import { NormalizedProviderListResponse } from "@opencode-ai/session-ui/context"
+import { NormalizedProviderListResponse } from "@opencode-ai/ui/context"
 import { ScopedKey, type ServerScope } from "@/utils/server-scope"

 type GlobalStore = {
@@ -1,7 +1,7 @@
 import { beforeAll, describe, expect, mock, test } from "bun:test"
 import { createRoot, getOwner, type Owner } from "solid-js"
 import { createStore } from "solid-js/store"
-import type { NormalizedProviderListResponse } from "@opencode-ai/session-ui/context"
+import type { NormalizedProviderListResponse } from "@opencode-ai/ui/context"
 import type { State } from "./types"
 import type { QueryOptionsApi } from "../server-sync"
 import { ServerScope } from "@/utils/server-scope"
@@ -17,7 +17,7 @@ import { canDisposeDirectory, pickDirectoriesToEvict } from "./eviction"
 import { useQuery } from "@tanstack/solid-query"
 import { QueryOptionsApi } from "../server-sync"
 import { directoryKey, type DirectoryKey } from "./utils"
-import { NormalizedProviderListResponse } from "@opencode-ai/session-ui/context"
+import { NormalizedProviderListResponse } from "@opencode-ai/ui/context"
 import type { ServerScope } from "@/utils/server-scope"

 export function createChildStoreManager(input: {
@@ -15,7 +15,7 @@ import type {
  Todo,
  VcsInfo,
 } from "@opencode-ai/sdk/v2/client"
-import { NormalizedProviderListResponse } from "@opencode-ai/session-ui/context"
+import { NormalizedProviderListResponse } from "@opencode-ai/ui/context"
 import type { Accessor } from "solid-js"
 import type { SetStoreFunction, Store } from "solid-js/store"

@@ -1,5 +1,5 @@
 import type { Agent, Project, ProviderListResponse } from "@opencode-ai/sdk/v2/client"
-import { NormalizedProviderListResponse } from "@opencode-ai/session-ui/context"
+import { NormalizedProviderListResponse } from "@opencode-ai/ui/context"
 export { pathKey as directoryKey, type PathKey as DirectoryKey } from "@/utils/path-key"

 export const cmp = (a: string, b: string) => (a < b ? -1 : a > b ? 1 : 0)
@@ -8,13 +8,11 @@ import { createServerSyncContext } from "./server-sync"
 import { getOwner } from "solid-js/web"
 import { QueryClient } from "@tanstack/solid-query"
 import type { ServerScope } from "@/utils/server-scope"
-import { createSessionPlacementStore } from "@/utils/session-placement"

 export const { use: useGlobal, provider: GlobalProvider } = createSimpleContext({
  name: "Global",
  init: () => {
    const server = useServer()
-    const sessionPlacement = createSessionPlacementStore()
    const serverHealth = useServerHealth(
      () => server.list,
      () => true,
@@ -87,8 +85,7 @@ export const { use: useGlobal, provider: GlobalProvider } = createSimpleContext(
          },
        },
      },
-      sessionPlacement,
-      ensureServerCtx(conn: ServerConnection.Any) {
+      createServerCtx(conn: ServerConnection.Any) {
        return ensureServerCtx(conn)
      },
    }
@@ -16,7 +16,6 @@ import { createPathHelpers } from "./file/path"
 import type { ProjectAvatarVariant } from "@opencode-ai/ui/v2/project-avatar-v2"
 import { migrateLegacySessionStateKeys, ServerScope, SessionStateKey } from "@/utils/server-scope"
 import { createSessionKeyReader, ensureSessionKey, pruneSessionKeys } from "./layout-helpers"
-import { requireServerKey } from "@/utils/session-route"

 export { createSessionKeyReader, ensureSessionKey, pruneSessionKeys }

@@ -80,7 +79,7 @@ export type LayoutRoute =
  | { type: "home" }
  | { type: "draft"; draftID: string; server?: ServerConnection.Key }
  | { type: "dir-new-sesssion"; dir: string; dirBase64: string; server?: ServerConnection.Key }
-  | { type: "session"; sessionId: string; server?: ServerConnection.Key }
+  | { type: "session"; dir: string; dirBase64: string; sessionId: string; server?: ServerConnection.Key }

 function nextSessionTabsForOpen(current: SessionTabs | undefined, tab: string): SessionTabs {
  const all = current?.all ?? []
@@ -132,14 +131,6 @@ const currentRoute = (pathname: string, search: string): LayoutRoute => {
    return { type: "draft", draftID }
  }

-  if (parts[0] === "server" && parts[2] === "session" && parts[3]) {
-    return {
-      type: "session",
-      sessionId: parts[3],
-      server: requireServerKey(parts[1]),
-    }
-  }
-
  const dirBase64 = parts[0]
  const dir = decode64(dirBase64)
  if (!dir) return { type: "home" }
@@ -147,7 +138,7 @@ const currentRoute = (pathname: string, search: string): LayoutRoute => {
  if (parts[1] !== "session") return { type: "home" }

  const id = parts[2]
-  if (id) return { type: "session", sessionId: id }
+  if (id) return { type: "session", dir, dirBase64, sessionId: id }
  return { type: "dir-new-sesssion", dir, dirBase64 }
 }

@@ -163,7 +154,6 @@ export const { use: useLayout, provider: LayoutProvider } = createSimpleContext(
    const route = createMemo(() => {
      const value = currentRoute(location.pathname, location.search)
      if (value.type === "home") return value
-      if (value.server) return value
      return { ...value, server: server.key }
    })

@@ -582,7 +572,7 @@ export const { use: useLayout, provider: LayoutProvider } = createSimpleContext(
      handoff: {
        tabs: createMemo(() => store.handoff?.tabs),
        setTabs(dir: string, id: string) {
-          setStore("handoff", "tabs", { scope: serverSdk().scope, dir, id, at: Date.now() })
+          setStore("handoff", "tabs", { scope: server.scope(), dir, id, at: Date.now() })
        },
        clearTabs() {
          if (!store.handoff?.tabs) return
@@ -1,5 +1,5 @@
 import { createStore, reconcile } from "solid-js/store"
-import { type Accessor, batch, createEffect, createMemo, onCleanup } from "solid-js"
+import { batch, createEffect, createMemo, onCleanup } from "solid-js"
 import { useParams } from "@solidjs/router"
 import { createSimpleContext } from "@opencode-ai/ui/context"
 import { useServerSDK } from "./server-sdk"
@@ -7,6 +7,7 @@ import { useServerSync } from "./server-sync"
 import { usePlatform } from "@/context/platform"
 import { useLanguage } from "@/context/language"
 import { useSettings } from "@/context/settings"
+import { Binary } from "@opencode-ai/core/util/binary"
 import { base64Encode } from "@opencode-ai/core/util/encode"
 import { decode64 } from "@/utils/base64"
 import { EventSessionError } from "@opencode-ai/sdk/v2"
@@ -107,7 +108,7 @@ function buildNotificationIndex(list: Notification[]) {
 export const { use: useNotification, provider: NotificationProvider } = createSimpleContext({
  name: "Notification",
  gate: false,
-  init: (props: { directory?: Accessor<string | undefined>; sessionID?: Accessor<string | undefined> }) => {
+  init: () => {
    const params = useParams()
    const serverSDK = useServerSDK()
    const serverSync = useServerSync()
@@ -118,10 +119,10 @@ export const { use: useNotification, provider: NotificationProvider } = createSi
    const empty: Notification[] = []

    const currentDirectory = createMemo(() => {
-      return props.directory?.() ?? decode64(params.dir)
+      return decode64(params.dir)
    })

-    const currentSession = createMemo(() => props.sessionID?.() ?? params.id)
+    const currentSession = createMemo(() => params.id)

    const [store, setStore, _, ready] = persisted(
      Persist.serverGlobal(serverSDK().scope, "notification", ["notification.v1"]),
@@ -207,12 +208,12 @@ export const { use: useNotification, provider: NotificationProvider } = createSi

    const lookup = async (directory: string, sessionID?: string) => {
      if (!sessionID) return undefined
-      const sync = serverSync().ensureDirSyncContext(directory)
-      const session = sync.session.get(sessionID)
-      if (session) return session
-      return sync.session
-        .sync(sessionID)
-        .then(() => sync.session.get(sessionID))
+      const [syncStore] = serverSync().child(directory, { bootstrap: false })
+      const match = Binary.search(syncStore.session, sessionID, (s) => s.id)
+      if (match.found) return syncStore.session[match.index]
+      return serverSDK()
+        .client.session.get({ directory, sessionID })
+        .then((x) => x.data)
        .catch(() => undefined)
    }

@@ -1,4 +1,4 @@
-import { type Accessor, createEffect, createMemo, onCleanup } from "solid-js"
+import { createEffect, createMemo, onCleanup } from "solid-js"
 import { createStore, produce } from "solid-js/store"
 import { createSimpleContext } from "@opencode-ai/ui/context"
 import type { PermissionRequest } from "@opencode-ai/sdk/v2/client"
@@ -47,13 +47,13 @@ function hasPermissionPromptRules(permission: unknown) {
 export const { use: usePermission, provider: PermissionProvider } = createSimpleContext({
  name: "Permission",
  gate: false,
-  init: (props: { directory?: Accessor<string | undefined> }) => {
+  init: () => {
    const params = useParams()
    const serverSDK = useServerSDK()
    const serverSync = useServerSync()

    const permissionsEnabled = createMemo(() => {
-      const directory = props.directory?.() ?? decode64(params.dir)
+      const directory = decode64(params.dir)
      if (!directory) return false
      const [store] = serverSync().child(directory)
      return hasPermissionPromptRules(store.config.permission)
@@ -85,7 +85,7 @@ export const { use: usePermission, provider: PermissionProvider } = createSimple
    // When config has permission: "allow", auto-enable directory-level auto-accept
    createEffect(() => {
      if (!ready()) return
-      const directory = props.directory?.() ?? decode64(params.dir)
+      const directory = decode64(params.dir)
      if (!directory) return
      const [childStore] = serverSync().child(directory)
      const perm = childStore.config.permission
@@ -1,17 +1,12 @@
 import { createSimpleContext } from "@opencode-ai/ui/context"
-import { base64Encode, checksum } from "@opencode-ai/core/util/encode"
+import { checksum } from "@opencode-ai/core/util/encode"
 import { useParams, useSearchParams } from "@solidjs/router"
-import { batch, createMemo, createRoot, getOwner, onCleanup, type Accessor } from "solid-js"
+import { batch, createMemo, createRoot, getOwner, onCleanup } from "solid-js"
 import { createStore, type SetStoreFunction } from "solid-js/store"
 import type { FileSelection } from "@/context/file"
 import { Persist, persisted } from "@/utils/persist"
 import { useServerSDK } from "./server-sdk"
 import type { ServerScope } from "@/utils/server-scope"
-import { useSDK } from "./sdk"
-import { useTabs, type Tab } from "./tabs"
-import { useServer } from "./server"
-import { requireServerKey } from "@/utils/session-route"
-import { useSettings } from "./settings"

 interface PartBase {
  content: string
@@ -185,7 +180,7 @@ function promptTarget(serverScope: ServerScope, scope: Scope) {
  return Persist.serverScoped(serverScope, scope.dir, scope.id, "prompt", [legacy])
 }

-export function createPromptSession(serverScope: ServerScope, scope: Scope) {
+function createPromptSession(serverScope: ServerScope, scope: Scope) {
  const [store, setStore, _, ready] = persisted(
    promptTarget(serverScope, scope),
    createStore<PromptStore>(promptStore()),
@@ -194,12 +189,6 @@ export function createPromptSession(serverScope: ServerScope, scope: Scope) {
  return { ready, ...createPromptStateValue(store, setStore) }
 }

-export function createPromptReady(session: Accessor<PromptSession>) {
-  return Object.defineProperty(() => session().ready(), "promise", {
-    get: () => session().ready.promise,
-  }) as (() => boolean) & { readonly promise: Promise<unknown> | undefined }
-}
-
 function promptStore(): PromptStore {
  return {
    prompt: clonePrompt(DEFAULT_PROMPT),
@@ -257,28 +246,18 @@ export function createPromptState() {
  const [store, setStore] = createStore<PromptStore>(promptStore())
  const ready = Object.assign(() => true, { promise: Promise.resolve(true) })
  return {
-    ready,
+    ready: () => ready,
    ...createPromptStateValue(store, setStore),
  }
 }

-export const createTabPromptState = (
-  tabs: ReturnType<typeof useTabs>,
-  tab: Tab,
-  ...args: Parameters<typeof createPromptSession>
-) => tabs.state(tab, "prompt", () => createPromptSession(...args))
-
 export const { use: usePrompt, provider: PromptProvider } = createSimpleContext({
  name: "Prompt",
  gate: false,
  init: () => {
-    const params = useParams<{ serverKey?: string; id?: string }>()
-    const sdk = useSDK()
+    const params = useParams()
    const [search] = useSearchParams<{ draftId?: string }>()
    const serverSDK = useServerSDK()
-    const server = useServer()
-    const tabs = useTabs()
-    const settings = useSettings()
    const cache = new Map<string, PromptCacheEntry>()

    const disposeAll = () => {
@@ -301,25 +280,7 @@ export const { use: usePrompt, provider: PromptProvider } = createSimpleContext(
    }

    const owner = getOwner()
-    const tab = createMemo<Tab | undefined>(() => {
-      if (!settings.general.newLayoutDesigns()) return
-      if (search.draftId) {
-        return tabs.store.find((item) => item.type === "draft" && item.draftID === search.draftId)
-      }
-      if (!params.id) return
-      const serverKey = params.serverKey ? requireServerKey(params.serverKey) : server.key
-      return (
-        tabs.store.find(
-          (item) => item.type === "session" && item.server === serverKey && item.sessionId === params.id,
-        ) ?? { type: "session", server: serverKey, sessionId: params.id }
-      )
-    })
    const load = (scope: Scope) => {
-      const current = tab()
-      if (current) {
-        return createTabPromptState(tabs, current, serverSDK().scope, scope)
-      }
-
      const key = scopeKey(scope)
      const existing = cache.get(key)
      if (existing) {
@@ -342,13 +303,12 @@ export const { use: usePrompt, provider: PromptProvider } = createSimpleContext(
    }

    const session = createMemo(() =>
-      load(search.draftId ? { draftID: search.draftId } : { dir: base64Encode(sdk().directory), id: params.id }),
+      load(search.draftId ? { draftID: search.draftId } : { dir: params.dir!, id: params.id }),
    )
    const pick = (scope?: Scope) => (scope ? load(scope) : session())
-    const ready = createPromptReady(session)

    return {
-      ready,
+      ready: () => session().ready,
      current: () => session().current(),
      cursor: () => session().cursor(),
      dirty: () => session().dirty(),
@@ -2,7 +2,7 @@ import { createSimpleContext } from "@opencode-ai/ui/context"
 import { type Accessor, createMemo } from "solid-js"
 import { type ServerSDK, useServerSDK } from "./server-sdk"

-export type DirectorySDK = ReturnType<ServerSDK["ensureDirSdkContext"]>
+export type DirectorySDK = ReturnType<ServerSDK["createDirSdkContext"]>

 export const { use: useSDK, provider: SDKProvider } = createSimpleContext({
  name: "SDK",
@@ -11,7 +11,7 @@ export const { use: useSDK, provider: SDKProvider } = createSimpleContext({
    const serverSDK = useServerSDK()
    return createMemo(() => {
      const directory = typeof props.directory === "function" ? props.directory() : props.directory
-      return serverSDK().ensureDirSdkContext(directory)
+      return serverSDK().createDirSdkContext(directory)
    })
  },
 })
@@ -289,13 +289,13 @@ function createServerSdkContextBase(server: ServerConnection.Any, scope: ServerS

 type ServerSDKBase = ReturnType<typeof createServerSdkContextBase>
 export type ServerSDK = ServerSDKBase & {
-  ensureDirSdkContext: (directory: string) => ReturnType<typeof createDirSdkContext>
+  createDirSdkContext: (directory: string) => ReturnType<typeof createDirSdkContext>
 }

 export function createServerSdkContext(server: ServerConnection.Any, scope: ServerScope): ServerSDK {
  const sdk = createServerSdkContextBase(server, scope)
  return Object.assign(sdk, {
-    ensureDirSdkContext: createRefCountMap((dir) => createDirSdkContext(dir, sdk)),
+    createDirSdkContext: createRefCountMap((dir) => createDirSdkContext(dir, sdk)),
  })
 }

@@ -311,7 +311,7 @@ export const { use: useServerSDK, provider: ServerSDKProvider } = createSimpleCo
    return createMemo<ServerSDK>(() => {
      const conn = props.server?.() ?? server.current
      if (!conn) throw new Error(language.t("error.serverSDK.noServerAvailable"))
-      return global.ensureServerCtx(conn).sdk
+      return global.createServerCtx(conn).sdk
    })
  },
 })
@@ -29,8 +29,7 @@ import { createRefreshQueue } from "./global-sync/queue"
 import { directoryKey } from "./global-sync/utils"
 import { PathKey } from "@/utils/path-key"
 import { createDirSyncContext } from "./directory-sync"
-import { createSimpleContext } from "@opencode-ai/ui/context"
-import { NormalizedProviderListResponse } from "@opencode-ai/session-ui/context"
+import { createSimpleContext, NormalizedProviderListResponse } from "@opencode-ai/ui/context"
 import { createRefCountMap } from "@/utils/refcount"
 import { useGlobal } from "./global"
 import { ServerConnection, useServer } from "./server"
@@ -510,7 +509,7 @@ export function createServerSyncContextInner(serverSDK: ServerSDK) {
 export function createServerSyncContext(serverSDK: ServerSDK) {
  const inner = createServerSyncContextInner(serverSDK)
  return Object.assign(inner, {
-    ensureDirSyncContext: createRefCountMap(
+    createDirSyncContext: createRefCountMap(
      (dir) => createDirSyncContext(dir, inner, serverSDK),
      (dir) => inner.disableMcp(dir),
      directoryKey,
@@ -532,7 +531,7 @@ export const { use: useServerSync, provider: ServerSyncProvider } = createSimple
    return createMemo<ServerSync>(() => {
      const conn = props.server?.() ?? server.current
      if (!conn) throw new Error(language.t("error.serverSDK.noServerAvailable"))
-      return global.ensureServerCtx(conn).sync
+      return global.createServerCtx(conn).sync
    })
  },
 })
@@ -33,7 +33,6 @@ export interface Settings {
    editToolPartsExpanded: boolean
    showSessionProgressBar: boolean
    showCustomAgents: boolean
-    mobileTitlebarPosition: "top" | "bottom"
    newLayoutDesigns?: boolean
  }
  appearance: {
@@ -119,7 +118,6 @@ const defaultSettings: Settings = {
    editToolPartsExpanded: false,
    showSessionProgressBar: true,
    showCustomAgents: false,
-    mobileTitlebarPosition: "top",
  },
  appearance: {
    fontSize: 14,
@@ -250,13 +248,6 @@ export const { use: useSettings, provider: SettingsProvider } = createSimpleCont
        setShowCustomAgents(value: boolean) {
          setStore("general", "showCustomAgents", value)
        },
-        mobileTitlebarPosition: withFallback(
-          () => store.general?.mobileTitlebarPosition,
-          defaultSettings.general.mobileTitlebarPosition,
-        ),
-        setMobileTitlebarPosition(value: "top" | "bottom") {
-          setStore("general", "mobileTitlebarPosition", value)
-        },
        newLayoutDesigns,
        setNewLayoutDesigns(value: boolean) {
          setStore("general", "newLayoutDesigns", value)
@@ -113,7 +113,7 @@ export const useSync = () => {
  const serverSync = useServerSync()
  const sdk = useSDK()

-  return createMemo(() => serverSync().ensureDirSyncContext(sdk().directory))
+  return createMemo(() => serverSync().createDirSyncContext(sdk().directory))
 }

 export type DirectorySync = ReturnType<ReturnType<typeof useSync>>
@@ -1,33 +0,0 @@
-import { createRoot, type Owner } from "solid-js"
-
-type Entry = {
-  value: unknown
-  dispose: VoidFunction
-}
-
-export function createTabMemory(owner: Owner | null) {
-  const entries = new Map<string, Map<string, Entry>>()
-
-  const remove = (key: string) => {
-    const state = entries.get(key)
-    if (!state) return
-    for (const entry of state.values()) entry.dispose()
-    entries.delete(key)
-  }
-
-  return {
-    ensure<T>(key: string, name: string, init: () => T) {
-      const state = entries.get(key) ?? new Map<string, Entry>()
-      if (!entries.has(key)) entries.set(key, state)
-      const existing = state.get(name)
-      if (existing) return existing.value as T
-      const entry = createRoot((dispose) => ({ value: init(), dispose }), owner)
-      state.set(name, entry)
-      return entry.value
-    },
-    remove,
-    dispose() {
-      for (const key of entries.keys()) remove(key)
-    },
-  }
-}
@@ -1,24 +0,0 @@
-import { describe, expect, test } from "bun:test"
-import { createRoot, getOwner, onCleanup } from "solid-js"
-import { createTabMemory } from "./tab-memory"
-
-describe("tab memory", () => {
-  test("keeps state until its tab is removed", () => {
-    createRoot((dispose) => {
-      const memory = createTabMemory(getOwner())
-      let disposed = 0
-      const first = memory.ensure("tab", "prompt", () => {
-        onCleanup(() => disposed++)
-        return { value: "prompt" }
-      })
-
-      expect(memory.ensure("tab", "prompt", () => ({ value: "other" }))).toBe(first)
-      expect(memory.ensure("other", "prompt", () => ({ value: "other" }))).not.toBe(first)
-
-      memory.remove("tab")
-      expect(disposed).toBe(1)
-      expect(memory.ensure("tab", "prompt", () => ({ value: "new" }))).not.toBe(first)
-      dispose()
-    })
-  })
-})
@@ -1,19 +1,19 @@
 import type { Session } from "@opencode-ai/sdk/v2/client"
 import { createSimpleContext } from "@opencode-ai/ui/context"
+import { base64Encode } from "@opencode-ai/core/util/encode"
 import { createStore, produce } from "solid-js/store"
 import { Persist, persisted, removePersisted, draftPersistedKeys } from "@/utils/persist"
 import { ServerConnection, useServer } from "./server"
-import { createEffect, getOwner, onCleanup, startTransition } from "solid-js"
+import { createEffect, startTransition } from "solid-js"
 import { useLocation, useNavigate, useParams } from "@solidjs/router"
 import { usePlatform } from "./platform"
 import { uuid } from "@/utils/uuid"
 import { SessionTabsRemovedDetail } from "@/components/titlebar-session-events"
-import { sessionHref } from "@/utils/session-route"
-import { createTabMemory } from "./tab-memory"

 export type SessionTab = {
  type: "session"
  server: ServerConnection.Key
+  dirBase64: string
  sessionId: string
 }

@@ -34,12 +34,16 @@ type RecentTab = {
 export const draftHref = (draftID: string) => `/new-session?draftId=${encodeURIComponent(draftID)}`

 export const tabHref = (tab: Tab) =>
-  tab.type === "draft" ? draftHref(tab.draftID) : sessionHref(tab.server, tab.sessionId)
+  tab.type === "draft" ? draftHref(tab.draftID) : `/${tab.dirBase64}/session/${tab.sessionId}`

 export const tabKey = (tab: Tab) => (tab.type === "draft" ? `draft:${tab.draftID}` : `${tab.server}\n${tabHref(tab)}`)

 export function sessionHasOpenTab(tabs: Tab[], server: ServerConnection.Key, session: Session) {
-  return tabs.some((tab) => tab.type === "session" && tab.server === server && tab.sessionId === session.id)
+  const dirBase64 = base64Encode(session.directory)
+  return tabs.some(
+    (tab) =>
+      tab.type === "session" && tab.server === server && tab.dirBase64 === dirBase64 && tab.sessionId === session.id,
+  )
 }

 export const { use: useTabs, provider: TabsProvider } = createSimpleContext({
@@ -67,7 +71,6 @@ export const { use: useTabs, provider: TabsProvider } = createSimpleContext({
    const params = useParams()
    const navigate = useNavigate()
    const location = useLocation()
-    const memory = createTabMemory(getOwner())

    const closing = new Set<string>()
    let recentWrite = 0
@@ -91,39 +94,37 @@ export const { use: useTabs, provider: TabsProvider } = createSimpleContext({
      for (const key of draftPersistedKeys()) removePersisted(Persist.draft(draftID, key), platform)
    }

-    onCleanup(memory.dispose)
-
    createEffect(() => {
      if (!ready() || !recentReady()) return
      const servers = new Set(server.list.map(ServerConnection.key))
      const next = store.filter((tab) => servers.has(tab.server))
-      if (next.length !== store.length) {
-        for (const tab of store) {
-          if (!servers.has(tab.server)) memory.remove(tabKey(tab))
-        }
-        setStore(() => next)
-      }
+      if (next.length !== store.length) setStore(() => next)
      if (recent.key && !next.some((tab) => tabKey(tab) === recent.key)) setRecentKey(undefined)
    })

    const navigateTab = (tab: Tab) => {
      const href = tabHref(tab)
      setRecentKey(tabKey(tab))
-      navigate(href)
+      if (tab.server === server.key) {
+        navigate(href)
+        return
+      }
+      void startTransition(() => {
+        server.setActive(tab.server)
+        navigate(href)
+      })
    }

    const actions = {
      addSessionTab: (tab: Omit<SessionTab, "type">) => {
        const next = { type: "session" as const, ...tab }
-        const existing = store.find((item) => tabKey(item) === tabKey(next))
-        if (existing) return existing
+        if (closing.has(tabKey(next))) return
        setStore(
          produce((tabs) => {
            if (tabs.some((item) => tabKey(item) === tabKey(next))) return
            tabs.push(next)
          }),
        )
-        return next
      },
      draft(draftID: string) {
        const tab = store.find((item) => item.type === "draft" && item.draftID === draftID)
@@ -162,7 +163,6 @@ export const { use: useTabs, provider: TabsProvider } = createSimpleContext({
          if (recent.key === `draft:${draftID}`) setRecentKey(tabKey(next))
          if (active) navigateTab(next)
        })
-        memory.remove(`draft:${draftID}`)
        removeDraftPersisted(draftID)
      },
      removeTab: (index: number) => {
@@ -182,14 +182,12 @@ export const { use: useTabs, provider: TabsProvider } = createSimpleContext({
          if (nextTab) navigateTab(nextTab)
          else navigate("/")
        }).finally(() => closing.delete(key))
-        memory.remove(key)
        if (draftID) removeDraftPersisted(draftID)
      },
      removeServer(key: ServerConnection.Key) {
        const drafts = store.flatMap((tab) => (tab.type === "draft" && tab.server === key ? [tab.draftID] : []))
        const removed = store.filter((tab) => tab.server === key).map(tabKey)
        setStore((tabs) => tabs.filter((tab) => tab.server !== key))
-        for (const key of removed) memory.remove(key)
        if (recent.key && removed.includes(recent.key)) setRecentKey(undefined)
        for (const draftID of drafts) removeDraftPersisted(draftID)
        if (server.key === key) navigate("/")
@@ -197,7 +195,11 @@ export const { use: useTabs, provider: TabsProvider } = createSimpleContext({
      removeSessions: (input: SessionTabsRemovedDetail) => {
        const removed = store
          .filter(
-            (tab) => tab.type === "session" && tab.server === server.key && input.sessionIDs.includes(tab.sessionId),
+            (tab) =>
+              tab.type === "session" &&
+              tab.server === server.key &&
+              atob(tab.dirBase64) === input.directory &&
+              input.sessionIDs.includes(tab.sessionId),
          )
          .map(tabKey)
        void startTransition(() => {
@@ -209,6 +211,7 @@ export const { use: useTabs, provider: TabsProvider } = createSimpleContext({
                  ? tabHref({
                      type: "session",
                      server: server.key,
+                      dirBase64: params.dir,
                      sessionId: params.id,
                    })
                  : undefined
@@ -221,12 +224,14 @@ export const { use: useTabs, provider: TabsProvider } = createSimpleContext({
              const removedCurrent =
                currentTab?.type === "session" &&
                currentTab.server === server.key &&
+                atob(currentTab.dirBase64) === input.directory &&
                sessionIDs.has(currentTab.sessionId)

              for (let i = tabs.length - 1; i >= 0; i--) {
                const tab = tabs[i]
                if (!tab || tab.type !== "session") continue
                if (tab.server !== server.key) continue
+                if (atob(tab.dirBase64) !== input.directory) continue
                if (!sessionIDs.has(tab.sessionId)) continue
                tabs.splice(i, 1)
              }
@@ -241,7 +246,6 @@ export const { use: useTabs, provider: TabsProvider } = createSimpleContext({
          )
          if (recent.key && removed.includes(recent.key)) setRecentKey(undefined)
        })
-        for (const key of removed) memory.remove(key)
      },
      select: navigateTab,
      remember(tab: Tab) {
@@ -261,9 +265,6 @@ export const { use: useTabs, provider: TabsProvider } = createSimpleContext({
        }
        navigate("/")
      },
-      state<T>(tab: Tab, name: string, init: () => T) {
-        return memory.ensure(tabKey(tab), name, init)
-      },
    }

    return { ...actions, store, ready, recentReady }
@@ -4,8 +4,7 @@ import { batch, createEffect, createMemo, createRoot, on, onCleanup } from "soli
 import { useParams } from "@solidjs/router"
 import { useSDK, type DirectorySDK } from "./sdk"
 import type { Platform } from "./platform"
-import { useServerSDK } from "./server-sdk"
-import { base64Encode } from "@opencode-ai/core/util/encode"
+import { useServer } from "./server"
 import { defaultTitle, titleNumber } from "./terminal-title"
 import { Persist, persisted, removePersisted } from "@/utils/persist"
 import { ScopedKey, ServerScope, type ServerScope as ServerScopeValue } from "@/utils/server-scope"
@@ -375,11 +374,10 @@ export const { use: useTerminal, provider: TerminalProvider } = createSimpleCont
  gate: false,
  init: () => {
    const sdk = useSDK()
-    const serverSDK = useServerSDK()
+    const server = useServer()
    const params = useParams()
    const cache = new Map<string, TerminalCacheEntry>()
-    const scope = () => serverSDK().scope
-    const directory = createMemo(() => base64Encode(sdk().directory))
+    const scope = server.scope()

    caches.add(cache)
    onCleanup(() => caches.delete(cache))
@@ -423,11 +421,11 @@ export const { use: useTerminal, provider: TerminalProvider } = createSimpleCont
      return entry.value
    }

-    const workspace = createMemo(() => loadWorkspace(directory(), params.id, scope()))
+    const workspace = createMemo(() => loadWorkspace(params.dir!, params.id, scope))

    createEffect(
      on(
-        () => ({ dir: directory(), id: params.id, scope: scope() }),
+        () => ({ dir: params.dir, id: params.id, scope }),
        (next, prev) => {
          if (!prev?.dir) return
          if (next.dir === prev.dir && next.id === prev.id && next.scope === prev.scope) return
@@ -589,8 +589,6 @@ export const dict = {
  "home.title": "Home",
  "home.projects": "Projects",
  "home.project.add": "Add project",
-  "home.server.collapse": "Collapse server projects",
-  "home.server.expand": "Expand server projects",
  "home.sessions.search.placeholder": "Search sessions",
  "home.sessions.search.sessions": "Sessions",
  "home.sessions.search.noResults": "No sessions found for {{query}}",
@@ -841,9 +839,6 @@ export const dict = {
  "settings.general.row.showTerminal.description": "Show the terminal button in the desktop title bar",
  "settings.general.row.showStatus.title": "Server status",
  "settings.general.row.showStatus.description": "Show the server status button in the title bar",
-  "settings.general.row.mobileTitlebarBottom.title": "Bottom navigation",
-  "settings.general.row.mobileTitlebarBottom.description":
-    "Place the title bar and session tabs at the bottom of the screen on mobile",
  "settings.general.row.showCustomAgents.title": "Custom agents",
  "settings.general.row.showCustomAgents.description": "Show the agent picker in the composer",
  "settings.general.row.reasoningSummaries.title": "Show reasoning summaries",
@@ -1,5 +1,4 @@
@import "@opencode-ai/ui/styles/tailwind";
-@import "@opencode-ai/session-ui/styles";
@import "@opencode-ai/ui/v2/styles/tailwind.css";

@font-face {
@@ -16,13 +15,6 @@
  font-style: normal;
 }

-@media (display-mode: standalone) {
-  /* WebKit excludes safe-area insets from dvh in installed apps. */
-  #root {
-    height: 100vh;
-  }
-}
-
@layer components {
  @keyframes session-progress-whip {
    0% {
@@ -1,43 +1,27 @@
-import { DataProvider } from "@opencode-ai/session-ui/context"
+import { DataProvider } from "@opencode-ai/ui/context"
 import { showToast } from "@/utils/toast"
 import { base64Encode } from "@opencode-ai/core/util/encode"
 import { useLocation, useNavigate, useParams } from "@solidjs/router"
-import { type Accessor, createEffect, createMemo, createResource, type ParentProps, Show } from "solid-js"
+import { createEffect, createMemo, createResource, type ParentProps, Show } from "solid-js"
 import { useLanguage } from "@/context/language"
 import { LocalProvider } from "@/context/local"
 import { SDKProvider } from "@/context/sdk"
 import { useSync } from "@/context/sync"
 import { decode64 } from "@/utils/base64"
 import { Schema } from "effect"
-import type { ServerConnection } from "@/context/server"
-import { sessionHref } from "@/utils/session-route"
-import { useGlobal } from "@/context/global"

-export function DirectoryDataProvider(
-  props: ParentProps<{
-    directory: string | Accessor<string>
-    draftID?: string
-    server?: Accessor<ServerConnection.Key | undefined>
-  }>,
-) {
+export function DirectoryDataProvider(props: ParentProps<{ directory: string; draftID?: string }>) {
  const location = useLocation()
  const navigate = useNavigate()
  const params = useParams()
  const sync = useSync()
-  const global = useGlobal()
-  const directory = () => (typeof props.directory === "function" ? props.directory() : props.directory)
-  const slug = createMemo(() => base64Encode(directory()))
-  const href = (sessionID: string) => {
-    const server = props.server?.()
-    if (server) return sessionHref(server, sessionID)
-    return `/${slug()}/session/${sessionID}`
-  }
+  const slug = createMemo(() => base64Encode(props.directory))

  createEffect(() => {
    // A draft lives at /new-session?draftId=… and has no directory segment to normalize.
-    if (props.draftID || props.server?.()) return
+    if (props.draftID) return
    const next = sync().data.path.directory
-    if (!next || next === directory()) return
+    if (!next || next === props.directory) return
    const path = location.pathname.slice(slug().length + 1)
    navigate(`/${base64Encode(next)}${path}${location.search}${location.hash}`, { replace: true })
  })
@@ -53,13 +37,9 @@ export function DirectoryDataProvider(
  return (
    <DataProvider
      data={sync().data}
-      directory={directory()}
-      onNavigateToSession={(sessionID: string) => {
-        const server = props.server?.()
-        if (server && params.id) global.sessionPlacement.inherit(server, params.id, sessionID)
-        navigate(href(sessionID))
-      }}
-      onSessionHref={href}
+      directory={props.directory}
+      onNavigateToSession={(sessionID: string) => navigate(`/${slug()}/session/${sessionID}`)}
+      onSessionHref={(sessionID: string) => `/${slug()}/session/${sessionID}`}
    >
      <LocalProvider>{props.children}</LocalProvider>
    </DataProvider>
@@ -1,18 +1,5 @@
 import type { Session } from "@opencode-ai/sdk/v2/client"
-import {
-  batch,
-  createEffect,
-  createMemo,
-  createRoot,
-  For,
-  Match,
-  on,
-  onCleanup,
-  onMount,
-  Show,
-  startTransition,
-  Switch,
-} from "solid-js"
+import { batch, createEffect, createMemo, For, Match, on, onCleanup, onMount, Show, Switch } from "solid-js"
 import { makeEventListener } from "@solid-primitives/event-listener"
 import { createStore } from "solid-js/store"
 import { useQuery } from "@tanstack/solid-query"
@@ -45,22 +32,21 @@ import {
  displayName,
  getProjectAvatarSource,
  homeProjectDirectories,
+  homeProjectNavigation,
  type HomeProjectSelection,
  projectForSession,
  sortedRootSessions,
  toggleHomeProjectSelection,
 } from "@/pages/layout/helpers"
-import { SessionTabAvatar } from "@/pages/layout/session-tab-avatar"
+import { useSessionTabAvatarState } from "@/pages/layout/project-avatar-state"
 import { sessionTitle } from "@/utils/session-title"
 import { pathKey } from "@/utils/path-key"
 import { useGlobal } from "@/context/global"
 import { useCommand } from "@/context/command"
+import { useSettings } from "@/context/settings"
 import { ServerRowMenu } from "@/components/server/server-row-menu"
 import { ServerHealthIndicator } from "@/components/server/server-row"
 import { type ServerHealth } from "@/utils/server-health"
-import { Persist, persisted } from "@/utils/persist"
-import { useMarked } from "@opencode-ai/ui/context/marked"
-import { preloadMarkdown } from "@opencode-ai/session-ui/markdown-cache"

 const HOME_SESSION_LIMIT = 64
 const HOME_ROW_LAYOUT =
@@ -127,7 +113,16 @@ function homeSessionSearchKey(record: HomeSessionRecord) {
  return `${pathKey(record.session.directory)}:${record.session.id}`
 }

-export function NewHome() {
+export default function Home() {
+  const settings = useSettings()
+  return (
+    <Show when={settings.general.newLayoutDesigns()} fallback={<LegacyHome />}>
+      <HomeDesign />
+    </Show>
+  )
+}
+
+function HomeDesign() {
  const sync = useServerSync()
  const layout = useLayout()
  const platform = usePlatform()
@@ -137,10 +132,8 @@ export function NewHome() {
  const server = useServer()
  const language = useLanguage()
  const global = useGlobal()
-  const tabs = useTabs()
  const command = useCommand()
  const notification = useNotification()
-  const marked = useMarked()
  let focusSessionSearch: (() => void) | undefined
  const [state, setState] = createStore({
    search: "",
@@ -154,7 +147,7 @@ export function NewHome() {
  const focusedServerCtx = createMemo(() => {
    const conn = focusedServer()
    if (!conn) return
-    return global.ensureServerCtx(conn)
+    return global.createServerCtx(conn)
  })
  const focusedSync = () => focusedServerCtx()?.sync ?? sync()
  const projects = createMemo(() => focusedServerCtx()?.projects.list() ?? layout.projects.list())
@@ -203,41 +196,6 @@ export function NewHome() {
  })
  const searchOpen = createMemo(() => state.searchFocused && search().length > 0)
  const groups = createMemo(() => groupSessions(records(), language))
-  const prefetched = new Set<string>()
-
-  createEffect(() => {
-    const ctx = focusedServerCtx()
-    if (!ctx) return
-    records()
-      .slice(0, 2)
-      .forEach((record) => {
-        const key = `${ServerConnection.key(focusedServer()!)}\0${record.session.id}`
-        if (prefetched.has(key)) return
-        prefetched.add(key)
-        createRoot((dispose) => {
-          try {
-            const directory = ctx.sync.ensureDirSyncContext(record.session.directory)
-            void directory.session
-              .sync(record.session.id)
-              .then(() => {
-                const store = ctx.sync.child(record.session.directory)[0]
-                return Promise.all(
-                  (store.message[record.session.id] ?? []).flatMap((message) =>
-                    (store.part[message.id] ?? []).flatMap((part) => {
-                      if (part.type !== "text" || !part.text) return []
-                      return preloadMarkdown(part.text, part.id, marked)
-                    }),
-                  ),
-                )
-              })
-              .catch(() => {})
-              .finally(dispose)
-          } catch {
-            dispose()
-          }
-        })
-      })
-  })

  function setSelection(next: HomeProjectSelection) {
    batch(() => {
@@ -288,7 +246,7 @@ export function NewHome() {
    const key = ServerConnection.key(conn)
    if (
      !global
-        .ensureServerCtx(conn)
+        .createServerCtx(conn)
        .projects.list()
        .some((project) => project.worktree === directory)
    )
@@ -299,7 +257,7 @@ export function NewHome() {
  function addProjects(conn: ServerConnection.Any, directories: string[]) {
    const directory = directories[0]
    if (!directory) return
-    const ctx = global.ensureServerCtx(conn)
+    const ctx = global.createServerCtx(conn)
    directories.forEach(ctx.projects.open)
    ctx.projects.touch(directory)
    setSelection({ server: ServerConnection.key(conn), directory })
@@ -312,11 +270,21 @@ export function NewHome() {
    openProjectNewSession(conn, project.worktree)
  }

+  function navigateOnServer(conn: ServerConnection.Any, href: string) {
+    const next = homeProjectNavigation(server.key, ServerConnection.key(conn), href)
+    if (!next.server) {
+      navigate(next.href)
+      return
+    }
+    pendingHomeNavigation = next
+    server.setActive(next.server)
+  }
+
  function openProjectNewSession(conn: ServerConnection.Any, directory: string) {
-    const ctx = global.ensureServerCtx(conn)
+    const ctx = global.createServerCtx(conn)
    ctx.projects.open(directory)
    ctx.projects.touch(directory)
-    tabs.newDraft({ server: ServerConnection.key(conn), directory })
+    navigateOnServer(conn, `/${base64Encode(directory)}/session`)
  }

  function editProject(conn: ServerConnection.Any, project: LocalProject) {
@@ -342,19 +310,10 @@ export function NewHome() {
    const conn = focusedServer()
    if (!conn) return
    const directory = project?.worktree ?? session.directory
-    const ctx = global.ensureServerCtx(conn)
-    global.sessionPlacement.set({
-      server: ServerConnection.key(conn),
-      leafID: session.id,
-      rootID: session.id,
-      directory: session.directory,
-    })
+    const ctx = global.createServerCtx(conn)
    ctx.projects.open(directory)
    ctx.projects.touch(directory)
-    startTransition(() => {
-      const tab = tabs.addSessionTab({ server: ServerConnection.key(conn), sessionId: session.id })
-      tabs.select(tab)
-    })
+    navigateOnServer(conn, `/${base64Encode(session.directory)}/session/${session.id}`)
  }

  function chooseProject(conn: ServerConnection.Any) {
@@ -362,6 +321,8 @@ export function NewHome() {
      addProjects(conn, homeProjectDirectories(result))
    }

+    const server = global.createServerCtx(conn)
+
    pickDirectory({
      server: conn,
      title: language.t("command.project.open"),
@@ -378,7 +339,7 @@ export function NewHome() {

  return (
    <div class="rounded-[10px] shadow-[var(--v2-elevation-raised)] m-2 min-h-0 lg:overflow-hidden bg-v2-background-bg-base self-stretch flex-1">
-      <div class="mx-auto grid h-full w-full max-w-[1080px] grid-rows-[auto_minmax(0,1fr)_auto] gap-4 px-3 pb-3 lg:grid-cols-[280px_minmax(0,720px)] lg:grid-rows-1 lg:gap-8 lg:px-6 lg:pb-16">
+      <div class="mx-auto grid w-full h-full max-w-[1080px] gap-8 px-6 pb-16 lg:grid-cols-[280px_minmax(0,720px)]">
        <HomeProjectColumn
          projects={projects()}
          selected={state.selection}
@@ -391,7 +352,7 @@ export function NewHome() {
            const next = closeHomeProject(
              state.selection,
              ServerConnection.key(conn),
-              global.ensureServerCtx(conn).projects,
+              global.createServerCtx(conn).projects,
              directory,
            )
            if (next) setSelection(next)
@@ -404,7 +365,7 @@ export function NewHome() {
        />

        <section
-          class="min-h-0 min-w-0 flex-1 flex flex-col pt-6 lg:pt-12"
+          class="min-h-0 min-w-0 flex-1 flex flex-col pt-12"
          aria-label={language.t("sidebar.project.recentSessions")}
        >
          <HomeSessionSearch
@@ -455,7 +416,7 @@ export function NewHome() {
                                record={record}
                                server={state.selection.server}
                                activeServer={state.selection.server === server.key}
-                                onClick={() => openSession(record.session)}
+                                openSession={openSession}
                              />
                            )}
                          </For>
@@ -468,12 +429,6 @@ export function NewHome() {
            </div>
          </ScrollView>
        </section>
-        <HomeUtilityNav
-          class="flex lg:hidden"
-          openSettings={openSettings}
-          openHelp={() => platform.openLink("https://opencode.ai/desktop-feedback")}
-          language={language}
-        />
      </div>
    </div>
  )
@@ -497,15 +452,8 @@ function HomeProjectColumn(props: {
  const global = useGlobal()
  const dialog = useDialog()
  const controller = useServerManagementController({ navigateOnAdd: false })
-  const [state, setState] = persisted(
-    Persist.global("home.servers", ["home.servers.v1"]),
-    createStore({ collapsed: {} as Record<string, boolean> }),
-  )
  return (
-    <aside
-      class="mt-6 flex min-w-0 flex-col gap-4 lg:mt-14 lg:pt-[52px]"
-      aria-label={props.language.t("home.projects")}
-    >
+    <aside class="flex min-w-0 flex-col lg:pt-[52px] mt-14 gap-4" aria-label={props.language.t("home.projects")}>
      <div class="flex h-7 min-w-0 items-center justify-between pl-1.5">
        <div class={HOME_SECTION_LABEL}>{props.language.t("home.projects")}</div>
        <Show when={global.servers.list().length === 1}>
@@ -528,24 +476,21 @@ function HomeProjectColumn(props: {
          {(item) => {
            const key = ServerConnection.key(item)
            const healthy = () => !!global.servers.health[key]?.healthy
-            const serverCtx = global.ensureServerCtx(item)
-            const collapsed = () => !!state.collapsed[key]
+            const serverCtx = global.createServerCtx(item)
            return (
              <div class="flex max-h-[min(572px,calc(100vh_-_300px))] min-w-0 flex-col gap-1 overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
                <HomeServerRow
                  server={item}
                  selected={props.selected.server === key && !props.selected.directory}
                  healthy={healthy()}
-                  collapsed={collapsed()}
                  health={global.servers.health[key]}
                  controller={controller}
                  focusServer={props.focusServer}
                  chooseProject={props.chooseProject}
                  openEdit={(server) => dialog.show(() => <DialogServerV2 mode="edit" server={server} />)}
-                  toggleCollapsed={() => setState("collapsed", key, !state.collapsed[key])}
                  language={props.language}
                />
-                <Show when={healthy() && !collapsed()}>
+                <Show when={healthy()}>
                  <div class="mx-3 h-px bg-v2-border-border-base" />
                  <HomeProjectList {...props} server={item} projects={serverCtx.projects.list()} />
                </Show>
@@ -554,55 +499,37 @@ function HomeProjectColumn(props: {
          }}
        </For>
      </Show>
-      <HomeUtilityNav
-        class="mt-4 hidden lg:flex"
-        openSettings={props.openSettings}
-        openHelp={props.openHelp}
-        language={props.language}
-      />
+      <div class="mt-4 flex min-w-0 flex-col gap-1">
+        <button
+          type="button"
+          class={`${HOME_PROJECT_NAV_ROW} text-v2-text-text-faint [&>[data-slot=icon-svg]]:text-v2-icon-icon-muted`}
+          onClick={props.openSettings}
+        >
+          <IconV2 name="settings-gear" size="small" />
+          <span class={HOME_PROJECT_NAV_LABEL}>{props.language.t("sidebar.settings")}</span>
+        </button>
+        <button
+          type="button"
+          class={`${HOME_PROJECT_NAV_ROW} text-v2-text-text-faint [&>[data-slot=icon-svg]]:text-v2-icon-icon-muted`}
+          onClick={props.openHelp}
+        >
+          <IconV2 name="help" size="small" />
+          <span class={HOME_PROJECT_NAV_LABEL}>{props.language.t("sidebar.help")}</span>
+        </button>
+      </div>
    </aside>
  )
 }

-function HomeUtilityNav(props: {
-  class?: string
-  openSettings: () => void
-  openHelp: () => void
-  language: ReturnType<typeof useLanguage>
-}) {
-  return (
-    <div class={`${props.class ?? ""} min-w-0 flex-col gap-1`}>
-      <button
-        type="button"
-        class={`${HOME_PROJECT_NAV_ROW} text-v2-text-text-faint [&>[data-slot=icon-svg]]:text-v2-icon-icon-muted`}
-        onClick={props.openSettings}
-      >
-        <IconV2 name="settings-gear" size="small" />
-        <span class={HOME_PROJECT_NAV_LABEL}>{props.language.t("sidebar.settings")}</span>
-      </button>
-      <button
-        type="button"
-        class={`${HOME_PROJECT_NAV_ROW} text-v2-text-text-faint [&>[data-slot=icon-svg]]:text-v2-icon-icon-muted`}
-        onClick={props.openHelp}
-      >
-        <IconV2 name="help" size="small" />
-        <span class={HOME_PROJECT_NAV_LABEL}>{props.language.t("sidebar.help")}</span>
-      </button>
-    </div>
-  )
-}
-
 function HomeServerRow(props: {
  server: ServerConnection.Any
  selected: boolean
  healthy: boolean
-  collapsed: boolean
  health: ServerHealth | undefined
  controller: ReturnType<typeof useServerManagementController>
  focusServer: (server: ServerConnection.Any) => void
  chooseProject: (server: ServerConnection.Any) => void
  openEdit: (server: ServerConnection.Http) => void
-  toggleCollapsed: () => void
  language: ReturnType<typeof useLanguage>
 }) {
  const [state, setState] = createStore({ menuOpen: false })
@@ -615,30 +542,7 @@ function HomeServerRow(props: {
        disabled={!props.healthy}
        onClick={() => props.focusServer(props.server)}
      >
-        <Show when={props.healthy}>
-          <span
-            data-action="home-server-collapse"
-            class="inline-flex -ml-0.5 -mr-1.5 size-5 shrink-0 items-center justify-center rounded-[4px] text-v2-icon-icon-muted hover:bg-v2-overlay-simple-overlay-hover"
-            aria-label={
-              props.collapsed ? props.language.t("home.server.expand") : props.language.t("home.server.collapse")
-            }
-            aria-expanded={!props.collapsed}
-            onClick={(event) => {
-              event.preventDefault()
-              event.stopPropagation()
-              props.toggleCollapsed()
-            }}
-            onPointerDown={(event) => event.preventDefault()}
-          >
-            <IconV2
-              name="chevron-down"
-              size="small"
-              class="transition-transform duration-150 ease-in-out"
-              style={{ transform: `rotate(${props.collapsed ? -90 : 0}deg)` }}
-            />
-          </span>
-        </Show>
-        <div class="flex size-4 shrink-0 items-center justify-center -mr-0.5">
+        <div class="flex size-4 shrink-0 items-center justify-center">
          <ServerHealthIndicator health={props.health} />
        </div>
        <span class="flex min-w-0 items-center gap-1">
@@ -803,6 +707,21 @@ function HomeProjectAvatar(props: { project: LocalProject }) {
  )
 }

+function HomeSessionAvatar(props: { project: LocalProject; session: Session; activeServer: boolean }) {
+  const directory = () => props.session.directory
+  const sessionId = () => props.session.id
+  const state = useSessionTabAvatarState(directory, sessionId, () => props.activeServer)
+  return (
+    <ProjectAvatar
+      fallback={displayName(props.project)}
+      src={getProjectAvatarSource(props.project.id, props.project.icon)}
+      variant={getProjectAvatarVariant(props.project.icon?.color)}
+      unread={state.unread()}
+      loading={state.loading()}
+    />
+  )
+}
+
 function HomeSessionLeading(props: {
  project: LocalProject
  session: Session
@@ -820,12 +739,7 @@ function HomeSessionLeading(props: {
          style={{ right: "calc(100% + 12px)" }}
        />
      </Show>
-      <SessionTabAvatar
-        project={props.project}
-        directory={props.session.directory}
-        sessionId={props.session.id}
-        activeServer={props.activeServer}
-      />
+      <HomeSessionAvatar project={props.project} session={props.session} activeServer={props.activeServer} />
    </div>
  )
 }
@@ -1110,7 +1024,7 @@ function HomeSessionRow(props: {
  record: HomeSessionRecord
  server: ServerConnection.Key
  activeServer: boolean
-  onClick: () => void
+  openSession: (session: Session) => void
 }) {
  const title = createMemo(() => sessionTitle(props.record.session.title) || props.record.session.id)

@@ -1119,7 +1033,7 @@ function HomeSessionRow(props: {
      type="button"
      data-component="home-session-row"
      class={`${HOME_ROW} h-10 gap-2 px-6 py-3 pl-4`}
-      onClick={props.onClick}
+      onClick={() => props.openSession(props.record.session)}
    >
      <HomeSessionLeading
        project={props.record.project}
@@ -1179,7 +1093,7 @@ function groupSessions(records: HomeSessionRecord[], language: ReturnType<typeof
  ].filter((group) => group.sessions.length > 0)
 }

-export function LegacyHome() {
+function LegacyHome() {
  const sync = useServerSync()
  const platform = usePlatform()
  const pickDirectory = useDirectoryPicker()
@@ -1204,7 +1118,7 @@ export function LegacyHome() {
  })

  function openProject(server: ServerConnection.Any, directory: string) {
-    const serverCtx = global.ensureServerCtx(server)
+    const serverCtx = global.createServerCtx(server)
    serverCtx.projects.open(directory)
    serverCtx.projects.touch(directory)
    navigate(`/${base64Encode(directory)}`)
@@ -1,51 +0,0 @@
-import { createEffect, Suspense, type ParentProps } from "solid-js"
-import { useNavigate, useParams } from "@solidjs/router"
-import { DebugBar } from "@/components/debug-bar"
-import { HelpButton } from "@/components/help-button"
-import { Titlebar, type TitlebarUpdate } from "@/components/titlebar"
-import { useNotification } from "@/context/notification"
-import { usePlatform } from "@/context/platform"
-import { setNavigate } from "@/utils/notification-click"
-import { setV2Toast, ToastRegion } from "@/utils/toast"
-
-export default function NewLayout(props: ParentProps) {
-  const platform = usePlatform()
-  const notification = useNotification()
-  const navigate = useNavigate()
-  const params = useParams<{ id?: string }>()
-  setNavigate(navigate)
-
-  createEffect(() => setV2Toast(true))
-  createEffect(() => {
-    if (!notification.ready() || !params.id) return
-    notification.session.markViewed(params.id)
-  })
-
-  const update: TitlebarUpdate = {
-    version: () => {
-      const state = platform.updater?.state()
-      if (state?.status !== "ready") return
-      return state.version
-    },
-    installing: () => platform.updater?.state().status === "installing",
-    install: () => void platform.updater?.install(),
-  }
-
-  return (
-    <div
-      class="relative bg-v2-background-bg-deep flex-1 min-h-0 min-w-0 flex flex-col select-none [&_input]:select-text [&_textarea]:select-text [&_[contenteditable]]:select-text"
-      style={{
-        "padding-top": "env(safe-area-inset-top, 0px)",
-        "padding-bottom": "env(safe-area-inset-bottom, 0px)",
-      }}
-    >
-      <Titlebar update={update} />
-      <main class="flex-1 min-h-0 min-w-0 overflow-x-hidden flex flex-col items-start contain-strict">
-        <Suspense>{props.children}</Suspense>
-      </main>
-      {import.meta.env.DEV && <DebugBar />}
-      <HelpButton />
-      <ToastRegion v2 />
-    </div>
-  )
-}
--- a/Show More
+++ b/Show More