fix(app): wrap model.set in startTransition (#34351)

packages/app/src/context/local.tsx

@@ -1,7 +1,7 @@
 import { createSimpleContext } from "@opencode-ai/ui/context"
 import { base64Encode } from "@opencode-ai/core/util/encode"
 import { useParams } from "@solidjs/router"
-import { batch, createEffect, createMemo } from "solid-js"
+import { batch, createEffect, createMemo, startTransition } from "solid-js"
 import { createStore } from "solid-js/store"
 import { useModels } from "@/context/models"
 import { useProviders } from "@/hooks/use-providers"
@@ -294,6 +294,7 @@ export const { use: useLocal, provider: LocalProvider } = createSimpleContext({
         model.set({ providerID: entry.provider.id, modelID: entry.id })
       },
       set(item: ModelKey | undefined, options?: { recent?: boolean }) {
+        startTransition(() =>
           batch(() => {
             setStore("last", {
               type: "model",
@@ -307,6 +308,7 @@ export const { use: useLocal, provider: LocalProvider } = createSimpleContext({
             if (!options?.recent) return
             models.recent.push(item)
           })
+        )
       },
       visible(item: ModelKey) {
         return models.visible(item)
@@ -335,6 +337,7 @@ export const { use: useLocal, provider: LocalProvider } = createSimpleContext({
           return Object.keys(item.variants)
         },
         set(value: string | undefined) {
+          startTransition(() =>
             batch(() => {
               const model = current()
               setStore("last", {
@@ -348,6 +351,7 @@ export const { use: useLocal, provider: LocalProvider } = createSimpleContext({
                 models.variant.set({ providerID: model.provider.id, modelID: model.id }, value ?? undefined)
               }
             })
+          )
         },
         cycle() {
           const items = this.list()

packages/app/src/context/tabs.tsx

@@ -138,12 +138,14 @@ export const { use: useTabs, provider: TabsProvider } = createSimpleContext({
         const next = { type: "session" as const, ...tab }
         const existing = store.find((item) => tabKey(item) === tabKey(next))
         if (existing) return existing
+        void startTransition(() => {
           setStore(
             produce((tabs) => {
               if (tabs.some((item) => tabKey(item) === tabKey(next))) return
               tabs.push(next)
             }),
           )
+        })
         return next
       },
       reorder(keys: string[]) {