feat(opencode): add LiteLLM provider with auto model discovery

packages/app/src/components/dialog-connect-provider.tsx

@@ -309,6 +309,68 @@ export function DialogConnectProvider(props: { provider: string }) {
     )
   }
 
+  function LiteLLMAuthView() {
+    const [formStore, setFormStore] = createStore({
+      baseURL: "",
+      apiKey: "",
+    })
+
+    async function handleSubmit(e: SubmitEvent) {
+      e.preventDefault()
+
+      const data = new FormData(e.currentTarget as HTMLFormElement)
+      const url = (data.get("baseURL") as string)?.trim() || "http://localhost:4000"
+      const key = (data.get("apiKey") as string)?.trim()
+
+      await globalSDK.client.global.config.update({
+        config: {
+          provider: {
+            litellm: {
+              options: { baseURL: url },
+            },
+          },
+        },
+      })
+      if (key) {
+        await globalSDK.client.auth.set({
+          providerID: props.provider,
+          auth: { type: "api", key },
+        })
+      }
+      await complete()
+    }
+
+    return (
+      <div class="flex flex-col gap-6">
+        <div class="text-14-regular text-text-base">
+          Connect to a LiteLLM proxy server. Models will be discovered automatically.
+        </div>
+        <form onSubmit={handleSubmit} class="flex flex-col items-start gap-4">
+          <TextField
+            autofocus
+            type="text"
+            label="Base URL"
+            placeholder="http://localhost:4000"
+            name="baseURL"
+            value={formStore.baseURL}
+            onChange={(v) => setFormStore("baseURL", v)}
+          />
+          <TextField
+            type="text"
+            label="API Key (optional)"
+            placeholder="sk-..."
+            name="apiKey"
+            value={formStore.apiKey}
+            onChange={(v) => setFormStore("apiKey", v)}
+          />
+          <Button class="w-auto" type="submit" size="large" variant="primary">
+            {language.t("common.submit")}
+          </Button>
+        </form>
+      </div>
+    )
+  }
+
   function OAuthCodeView() {
     const [formStore, setFormStore] = createStore({
       value: "",
@@ -479,6 +541,9 @@ export function DialogConnectProvider(props: { provider: string }) {
                   </div>
                 </div>
               </Match>
+              <Match when={method()?.type === "api" && props.provider === "litellm"}>
+                <LiteLLMAuthView />
+              </Match>
               <Match when={method()?.type === "api"}>
                 <ApiAuthView />
               </Match>

packages/opencode/src/bun/registry.ts

@@ -19,7 +19,20 @@ export namespace PackageRegistry {
       },
     })
 
-    const code = await result.exited
+    const code = await Promise.race([
+      result.exited,
+      new Promise<null>((resolve) => setTimeout(() => resolve(null), 10_000)),
+    ])
+
+    if (code === null) {
+      result.kill()
+      result.stdout?.cancel().catch(() => {})
+      result.stderr?.cancel().catch(() => {})
+      result.unref()
+      log.warn("bun info timed out", { pkg, field })
+      return null
+    }
+
     const stdout = result.stdout ? await readableStreamToText(result.stdout) : ""
     const stderr = result.stderr ? await readableStreamToText(result.stderr) : ""
 

packages/opencode/src/cli/cmd/tui/component/dialog-provider.tsx

@@ -83,6 +83,9 @@ export function createDialogProviderOptions() {
             }
           }
           if (method.type === "api") {
+            if (provider.id === "litellm") {
+              return dialog.replace(() => <LiteLLMMethod />)
+            }
             return dialog.replace(() => <ApiMethod providerID={provider.id} title={method.label} />)
           }
         },
@@ -241,3 +244,52 @@ function ApiMethod(props: ApiMethodProps) {
     />
   )
 }
+
+function LiteLLMMethod() {
+  const dialog = useDialog()
+  const sdk = useSDK()
+  const sync = useSync()
+  const { theme } = useTheme()
+
+  return (
+    <DialogPrompt
+      title="LiteLLM Base URL"
+      placeholder="http://localhost:4000"
+      description={() => (
+        <text fg={theme.textMuted}>Enter the base URL of your LiteLLM proxy server.</text>
+      )}
+      onConfirm={async (baseURL) => {
+        const url = baseURL?.trim() || "http://localhost:4000"
+        dialog.replace(() => (
+          <DialogPrompt
+            title="LiteLLM API Key"
+            placeholder="API key (optional)"
+            description={() => (
+              <text fg={theme.textMuted}>Enter the API key for your LiteLLM proxy, or leave empty if not required.</text>
+            )}
+            onConfirm={async (apiKey) => {
+              await sdk.client.global.config.update({
+                config: {
+                  provider: {
+                    litellm: {
+                      options: { baseURL: url },
+                    },
+                  },
+                },
+              })
+              if (apiKey?.trim()) {
+                await sdk.client.auth.set({
+                  providerID: "litellm",
+                  auth: { type: "api", key: apiKey.trim() },
+                })
+              }
+              await sdk.client.instance.dispose()
+              await sync.bootstrap()
+              dialog.replace(() => <DialogModel providerID="litellm" />)
+            }}
+          />
+        ))
+      }}
+    />
+  )
+}