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

.github/actions/setup-bun/action.yml

@@ -41,5 +41,17 @@ runs:
       shell: bash
 
     - name: Install dependencies
-      run: bun install
       shell: bash
+      run: |
+        attempts=3
+        for i in $(seq 1 $attempts); do
+          if bun install; then
+            exit 0
+          fi
+          echo "::warning::bun install attempt $i/$attempts failed"
+          if [ "$i" -lt "$attempts" ]; then
+            sleep 5
+          fi
+        done
+        echo "::error::bun install failed after $attempts attempts"
+        exit 1

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

@@ -308,6 +308,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: "",
@@ -478,6 +540,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

@@ -12,6 +12,7 @@ export namespace PackageRegistry {
   export async function info(pkg: string, field: string, cwd?: string): Promise<string | null> {
     const { code, stdout, stderr } = await Process.run([which(), "info", pkg, field], {
       cwd,
+      timeout: 10_000,
       env: {
         ...process.env,
         BUN_BE_BUN: "1",

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

@@ -85,6 +85,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} />)
           }
         },
@@ -257,3 +260,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" />)
+            }}
+          />
+        ))
+      }}
+    />
+  )
+}