From 77d841cb628b7c15ab4d78b4aec600844f04cb9c Mon Sep 17 00:00:00 2001
From: Bohdan Triapitsyn <artmore@protonmail.com>
Date: Fri, 26 Dec 2025 02:34:24 +0200
Subject: [PATCH] refactor: simplify update overlay UI and replace loading icon
 with logo

---
 .../src/components/ui/ConfigUpdateOverlay.tsx | 23 +++++--------------
 1 file changed, 6 insertions(+), 17 deletions(-)

diff --git a/packages/ui/src/components/ui/ConfigUpdateOverlay.tsx b/packages/ui/src/components/ui/ConfigUpdateOverlay.tsx
index 029537d9..07b4ee29 100644
--- a/packages/ui/src/components/ui/ConfigUpdateOverlay.tsx
+++ b/packages/ui/src/components/ui/ConfigUpdateOverlay.tsx
@@ -3,7 +3,7 @@ import {
   getConfigUpdateSnapshot,
   subscribeConfigUpdate,
 } from "@/lib/configUpdate";
-import { RiRestartLine } from '@remixicon/react';
+import { OpenChamberLogo } from "./OpenChamberLogo";
 
 export const ConfigUpdateOverlay: React.FC = () => {
   const [{ isUpdating, message }, setState] = React.useState(() => getConfigUpdateSnapshot());
@@ -17,22 +17,11 @@ export const ConfigUpdateOverlay: React.FC = () => {
   }
 
   return (
-    <div className="fixed inset-0 z-[9999] flex items-center justify-center bg-background/80 backdrop-blur-md">
-      <div className="w-full max-w-sm rounded-xl border border-border/40 bg-card/90 px-6 py-8 text-center shadow-none">
-        <div className="flex flex-col items-center gap-4">
-          <div className="flex h-14 w-14 items-center justify-center rounded-full border-2 border-primary/30 border-t-transparent text-primary">
-            <RiRestartLine className="h-7 w-7 animate-spin" />
-          </div>
-          <div className="space-y-2">
-            <h2 className="typography-h3 font-semibold text-foreground">
-              Updating OpenCode
-            </h2>
-            <p className="typography-body text-muted-foreground">
-              {message}
-            </p>
-          </div>
-        </div>
-      </div>
+    <div className="fixed inset-0 z-[9999] flex flex-col items-center justify-center gap-6 backdrop-blur-md">
+      <OpenChamberLogo width={80} height={80} isAnimated />
+      <p className="typography-body text-muted-foreground">
+        {message}
+      </p>
     </div>
   );
 };