fix(updater): 🐛 fix update checker UI stuck state and layout issues (#37)

Send NOT_AVAILABLE status to renderer in dev mode so the UI
doesn't stay stuck on "checking". Also stabilize the UpdateChecker
layout with fixed progress bar width and centered container.

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: jorben

src/main/ipc/handlers/updater.handler.ts

@@ -1,11 +1,16 @@
 import { ipcMain, app } from 'electron';
 import { IPC_CHANNELS } from '../../../shared/ipc/channels.js';
+import { UpdateStatus } from '../../../shared/types/UpdateStatus.js';
 import { updateService } from '../../services/UpdateService.js';
+import { windowManager } from '../../WindowManager.js';
 
 export function registerUpdaterHandlers() {
   ipcMain.handle(IPC_CHANNELS.UPDATER.CHECK_FOR_UPDATES, async () => {
     if (!app.isPackaged) {
       console.log('[Updater] Skipping update check in development mode');
+      windowManager.sendToRenderer(IPC_CHANNELS.EVENTS.UPDATER_STATUS, {
+        status: UpdateStatus.NOT_AVAILABLE,
+      });
       return;
     }
     await updateService.checkForUpdates();

src/renderer/components/UpdateChecker.tsx

@@ -73,7 +73,7 @@ const UpdateChecker: React.FC = () => {
 
       case "downloading":
         return (
-          <Space direction="vertical" style={{ width: "100%" }}>
+          <Space direction="vertical" style={{ width: 300 }}>
             <Text>
               {t("update.downloading")}{" "}
               {statusData.progress !== undefined &&
@@ -127,7 +127,11 @@ const UpdateChecker: React.FC = () => {
     }
   };
 
-  return <div style={{ marginTop: 16 }}>{renderStatus()}</div>;
+  return (
+    <div style={{ marginTop: 16, minHeight: 70, display: "flex", alignItems: "center", justifyContent: "center" }}>
+      {renderStatus()}
+    </div>
+  );
 };
 
 export default UpdateChecker;