From b9ed73b24f4c8a3396bc0154968436e53c40bbbf Mon Sep 17 00:00:00 2001
From: "opencode-agent[bot]"
 <219766164+opencode-agent[bot]@users.noreply.github.com>
Date: Mon, 19 Oct 2026 07:50:35 +0000
Subject: [PATCH] fix(app): use error styling for the server unavailable panel
 (#57003)

Co-authored-by: opencode-agent[bot] <219766164+opencode-agent[bot]@users.noreply.github.com>
---
 packages/app/src/session/server-unavailable-panel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/app/src/session/server-unavailable-panel.tsx b/packages/app/src/session/server-unavailable-panel.tsx
index ecdd7433f2e..05d5097e6a1 100644
--- a/packages/app/src/session/server-unavailable-panel.tsx
+++ b/packages/app/src/session/server-unavailable-panel.tsx
@@ -12,7 +12,7 @@ export function ServerUnavailablePanel(props: { reason: "incompatible" | "unreac
   return (
     <div class="flex-1 min-h-0 overflow-hidden">
       <div class="h-full px-6 pb-42 -mt-4 flex flex-col items-center justify-center text-center gap-4">
-        <Icon name="warning" size="large" class="text-icon-warning-base" />
+        <Icon name="outline-hexagonal-warning" size="large" class="text-v2-state-fg-danger" />
         <div class="flex flex-col items-center gap-2">
           <div class="text-16-medium text-text max-w-md">
             {props.reason === "incompatible"