types

packages/tui/src/component/dialog-provider.tsx

@@ -367,30 +367,31 @@ function ApiMethod(props: ApiMethodProps) {
       title={props.title}
       placeholder="API key"
       description={
-        {
-          opencode: (
-            <box gap={1}>
-              <text fg={theme.textMuted}>
-                OpenCode Zen gives you access to all the best coding models at the cheapest prices with a single API
-                key.
-              </text>
-              <text fg={theme.text}>
-                Go to <span style={{ fg: theme.primary }}>https://opencode.ai/zen</span> to get a key
-              </text>
-            </box>
-          ),
-          "opencode-go": (
-            <box gap={1}>
-              <text fg={theme.textMuted}>
-                OpenCode Go is a $10 per month subscription that provides reliable access to popular open coding models
-                with generous usage limits.
-              </text>
-              <text fg={theme.text}>
-                Go to <span style={{ fg: theme.primary }}>https://opencode.ai/go</span> and enable OpenCode Go
-              </text>
-            </box>
-          ),
-        }[props.providerID] ?? undefined
+        props.providerID === "opencode"
+          ? () => (
+              <box gap={1}>
+                <text fg={theme.textMuted}>
+                  OpenCode Zen gives you access to all the best coding models at the cheapest prices with a single API
+                  key.
+                </text>
+                <text fg={theme.text}>
+                  Go to <span style={{ fg: theme.primary }}>https://opencode.ai/zen</span> to get a key
+                </text>
+              </box>
+            )
+          : props.providerID === "opencode-go"
+            ? () => (
+                <box gap={1}>
+                  <text fg={theme.textMuted}>
+                    OpenCode Go is a $10 per month subscription that provides reliable access to popular open coding models
+                    with generous usage limits.
+                  </text>
+                  <text fg={theme.text}>
+                    Go to <span style={{ fg: theme.primary }}>https://opencode.ai/go</span> and enable OpenCode Go
+                  </text>
+                </box>
+              )
+            : undefined
       }
       onConfirm={async (value) => {
         if (!value) return

packages/tui/src/routes/session/index.tsx

@@ -1528,7 +1528,7 @@ function AssistantMessage(props: { message: AssistantMessage; parts: Part[]; las
           customBorderChars={SplitBorder.customBorderChars}
           borderColor={theme.error}
         >
-          <text fg={theme.textMuted}>{props.message.error?.data.message}</text>
+          <text fg={theme.textMuted}>{errorMessage(props.message.error)}</text>
         </box>
       </Show>
       <Switch>

packages/tui/src/ui/dialog-prompt.tsx

@@ -83,7 +83,7 @@ export function DialogPrompt(props: DialogPromptProps) {
         </text>
       </box>
       <box gap={1}>
-        {props.description}
+        {props.description?.()}
         <textarea
           height={3}
           ref={(val: TextareaRenderable) => {