From 9cbb9ba705160e916fcab41b5d202677c5aee6d2 Mon Sep 17 00:00:00 2001
From: sawka <mike@commandline.dev>
Date: Mon, 13 Oct 2025 17:39:53 -0700
Subject: [PATCH 1/3] fix logo import for vite

---
 frontend/app/onboarding/onboarding-command.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/app/onboarding/onboarding-command.tsx b/frontend/app/onboarding/onboarding-command.tsx
index de9bbe274b..783f544e51 100644
--- a/frontend/app/onboarding/onboarding-command.tsx
+++ b/frontend/app/onboarding/onboarding-command.tsx
@@ -3,6 +3,7 @@
 
 import { useCallback, useLayoutEffect, useState } from "react";
 import { FakeBlock } from "./onboarding-layout";
+import waveLogo from "/logos/wave-logo.png";
 
 export type CommandRevealProps = {
     command: string;
@@ -107,7 +108,7 @@ Use Ctrl-Shift + Number (1-9) to focus a specific block by its position.`;
 export const ViewLogoCommand = ({ onComplete }: { onComplete?: () => void }) => {
     return (
         <FakeCommand command="wsh view public/wave-logo.png" onComplete={onComplete}>
-            <FakeBlock icon="image" name="wave-logo.png" imgsrc="/logos/wave-logo.png" />
+            <FakeBlock icon="image" name="wave-logo.png" imgsrc={waveLogo} />
         </FakeCommand>
     );
 };

From a8f23bf913e477002ed638aa575f86274e51335f Mon Sep 17 00:00:00 2001
From: sawka <mike@commandline.dev>
Date: Mon, 13 Oct 2025 17:47:45 -0700
Subject: [PATCH 2/3] fix update banner height

---
 frontend/app/tab/tabbar.scss       | 2 ++
 frontend/app/tab/updatebanner.scss | 7 ++++---
 frontend/app/tab/updatebanner.tsx  | 4 +++-
 package-lock.json                  | 4 ++--
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/app/tab/tabbar.scss b/frontend/app/tab/tabbar.scss
index e36139cc35..dfd4df94f4 100644
--- a/frontend/app/tab/tabbar.scss
+++ b/frontend/app/tab/tabbar.scss
@@ -85,6 +85,8 @@
         display: flex;
         flex-direction: row;
         gap: 6px;
+        height: 100%;
+        align-items: center;
         &:not(:empty) {
             margin-left: auto;
             margin-right: 6px;
diff --git a/frontend/app/tab/updatebanner.scss b/frontend/app/tab/updatebanner.scss
index 9106395e9d..40f32addb2 100644
--- a/frontend/app/tab/updatebanner.scss
+++ b/frontend/app/tab/updatebanner.scss
@@ -1,9 +1,10 @@
-.wave-button {
+.update-available-banner {
     color: black;
     background-color: var(--accent-color);
     flex: 0 0 fit-content;
-    line-height: unset !important;
-    padding: 0 6px;
+    height: 100%;
+    padding-left: 12px;
+    padding-right: 12px;
     &:disabled {
         opacity: unset !important;
     }
diff --git a/frontend/app/tab/updatebanner.tsx b/frontend/app/tab/updatebanner.tsx
index f4b74685f8..9ad4ef88b6 100644
--- a/frontend/app/tab/updatebanner.tsx
+++ b/frontend/app/tab/updatebanner.tsx
@@ -5,10 +5,12 @@ import { forwardRef, memo, useEffect, useState } from "react";
 import "./updatebanner.scss";
 
 const UpdateStatusBannerComponent = forwardRef<HTMLButtonElement>((_, ref) => {
-    const appUpdateStatus = useAtomValue(atoms.updaterStatusAtom);
+    let appUpdateStatus = useAtomValue(atoms.updaterStatusAtom);
     let [updateStatusMessage, setUpdateStatusMessage] = useState<string>();
     const [dismissBannerTimeout, setDismissBannerTimeout] = useState<NodeJS.Timeout>();
 
+    appUpdateStatus = "ready";
+
     useEffect(() => {
         let message: string;
         let dismissBanner = false;
diff --git a/package-lock.json b/package-lock.json
index 5f3f5932fb..51d7be2188 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "waveterm",
-    "version": "0.11.6",
+    "version": "0.12.0-beta.0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "waveterm",
-            "version": "0.11.6",
+            "version": "0.12.0-beta.0",
             "hasInstallScript": true,
             "license": "Apache-2.0",
             "workspaces": [

From 7508cb1e090c4d3e811bccda0a6d81f3f061561a Mon Sep 17 00:00:00 2001
From: sawka <mike@commandline.dev>
Date: Mon, 13 Oct 2025 17:58:41 -0700
Subject: [PATCH 3/3] convert to tailwind

---
 frontend/app/tab/updatebanner.scss | 11 -----------
 frontend/app/tab/updatebanner.tsx  |  5 +----
 2 files changed, 1 insertion(+), 15 deletions(-)
 delete mode 100644 frontend/app/tab/updatebanner.scss

diff --git a/frontend/app/tab/updatebanner.scss b/frontend/app/tab/updatebanner.scss
deleted file mode 100644
index 40f32addb2..0000000000
--- a/frontend/app/tab/updatebanner.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.update-available-banner {
-    color: black;
-    background-color: var(--accent-color);
-    flex: 0 0 fit-content;
-    height: 100%;
-    padding-left: 12px;
-    padding-right: 12px;
-    &:disabled {
-        opacity: unset !important;
-    }
-}
diff --git a/frontend/app/tab/updatebanner.tsx b/frontend/app/tab/updatebanner.tsx
index 9ad4ef88b6..e14cc561ba 100644
--- a/frontend/app/tab/updatebanner.tsx
+++ b/frontend/app/tab/updatebanner.tsx
@@ -2,15 +2,12 @@ import { Button } from "@/element/button";
 import { atoms, getApi } from "@/store/global";
 import { useAtomValue } from "jotai";
 import { forwardRef, memo, useEffect, useState } from "react";
-import "./updatebanner.scss";
 
 const UpdateStatusBannerComponent = forwardRef<HTMLButtonElement>((_, ref) => {
     let appUpdateStatus = useAtomValue(atoms.updaterStatusAtom);
     let [updateStatusMessage, setUpdateStatusMessage] = useState<string>();
     const [dismissBannerTimeout, setDismissBannerTimeout] = useState<NodeJS.Timeout>();
 
-    appUpdateStatus = "ready";
-
     useEffect(() => {
         let message: string;
         let dismissBanner = false;
@@ -57,7 +54,7 @@ const UpdateStatusBannerComponent = forwardRef<HTMLButtonElement>((_, ref) => {
     if (updateStatusMessage) {
         return (
             <Button
-                className="update-available-banner"
+                className="text-black bg-[var(--accent-color)] flex-[0_0_fit-content] !h-full !px-3 disabled:!opacity-[unset]"
                 title={appUpdateStatus === "ready" ? "Click to Install Update" : updateStatusMessage}
                 onClick={onClick}
                 disabled={appUpdateStatus !== "ready"}