Replace native update dialog with in-app banner, bump to 1.5.0

Show changelog notes in a bottom-right banner when an update is downloaded,
with "Restart to update" and "Later" options. Removes the native Electron
dialog. Main process parses CHANGELOG.md for release notes and sends them
via IPC. Bumps version to 1.5.0.

Author: nickustinov

CHANGELOG.md

@@ -1,12 +1,13 @@
 # Changelog
 
-## 1.4.2
+## 1.5.0
 
 - Fix resubmission after App Review rejection – handle UNRESOLVED_ISSUES submissions to avoid ITEM_PART_OF_ANOTHER_SUBMISSION errors
 - Rename "Resubmit for review" button to "Update review" to match App Store Connect terminology
 - Revamp review insights prompt with three categories (strengths, weaknesses, potential) and stricter rules
 - Show version statuses in portfolio app cards – non-live versions display platform, version, and state like App Store Connect
 - Add keyboard shortcuts: ⌘P portfolio, ⌘1–9 switch apps, ⌘O overview, ⌘L store listing, ⌘R reviews, ⌘A analytics, ⌘B builds
+- Replace native update dialog with in-app banner showing changelog and "Restart to update" button
 
 ## 1.4.1
 

electron/main.ts

@@ -326,20 +326,38 @@ function setupAutoUpdater(): void {
   });
 
   updater.on("update-downloaded", () => {
-    mainWindow?.webContents.send("update-status", { state: "downloaded" });
-    dialog.showMessageBox({
-      message: "Update downloaded",
-      detail: "The update will be installed when you restart.",
-      buttons: ["Restart now", "Later"],
-    }).then(({ response }) => {
-      if (response === 0) updater.quitAndInstall();
-    });
+    const notes = getLatestChangelog();
+    mainWindow?.webContents.send("update-status", { state: "downloaded", notes });
   });
 
   const settings = loadSettings();
   if (settings.autoCheckUpdates) startUpdateInterval();
 }
 
+/** Read the top section from CHANGELOG.md for the update banner. */
+function getLatestChangelog(): string[] {
+  try {
+    const changelogPath = path.join(app.getAppPath(), "CHANGELOG.md");
+    const content = fs.readFileSync(changelogPath, "utf-8");
+    const lines = content.split("\n");
+    const notes: string[] = [];
+    let inSection = false;
+    for (const line of lines) {
+      if (line.startsWith("## ") && !inSection) {
+        inSection = true;
+        continue;
+      }
+      if (line.startsWith("## ") && inSection) break;
+      if (inSection && line.startsWith("- ")) {
+        notes.push(line.slice(2).trim());
+      }
+    }
+    return notes;
+  } catch {
+    return [];
+  }
+}
+
 function startUpdateInterval(): void {
   if (updateInterval || !autoUpdater) return;
   autoUpdater.checkForUpdates();
@@ -604,6 +622,10 @@ if (!gotLock) {
         return loadSettings().autoCheckUpdates;
       });
 
+      ipcMain.on("install-update", () => {
+        autoUpdater?.quitAndInstall();
+      });
+
       ipcMain.on("set-auto-check-updates", (_, enabled: boolean) => {
         const settings = loadSettings();
         settings.autoCheckUpdates = enabled;

electron/preload.ts

@@ -15,8 +15,9 @@ contextBridge.exposeInMainWorld("electron", {
   },
   updates: {
     checkNow: () => ipcRenderer.send("check-for-updates"),
-    onStatus: (cb: (status: { state: string; message?: string }) => void) => {
-      const handler = (_: unknown, status: { state: string; message?: string }) => cb(status);
+    installNow: () => ipcRenderer.send("install-update"),
+    onStatus: (cb: (status: { state: string; message?: string; notes?: string[] }) => void) => {
+      const handler = (_: unknown, status: { state: string; message?: string; notes?: string[] }) => cb(status);
       ipcRenderer.on("update-status", handler);
       return () => { ipcRenderer.removeListener("update-status", handler); };
     },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "itsyconnect-macos",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "private": true,
   "license": "AGPL-3.0-only",
   "repository": {

src/app/dashboard/layout.tsx

@@ -40,6 +40,7 @@ import { RefreshProvider } from "@/lib/refresh-context";
 import { FooterPortalProvider } from "@/lib/footer-portal-context";
 import { ConnectionBanner } from "@/components/layout/connection-banner";
 import { DemoBanner } from "@/components/layout/demo-banner";
+import { UpdateBanner } from "@/components/layout/update-banner";
 import { BreadcrumbProvider } from "@/lib/breadcrumb-context";
 import { ErrorReportProvider } from "@/lib/error-report-context";
 import { InsightsPanelProvider, useInsightsPanel } from "@/lib/insights-panel-context";
@@ -54,7 +55,8 @@ declare global {
       onNavigate: (cb: (path: string) => void) => () => void;
       updates: {
         checkNow: () => void;
-        onStatus: (cb: (status: { state: string; message?: string }) => void) => () => void;
+        installNow: () => void;
+        onStatus: (cb: (status: { state: string; message?: string; notes?: string[] }) => void) => () => void;
         getAutoCheck: () => Promise<boolean>;
         setAutoCheck: (enabled: boolean) => void;
       };
@@ -181,6 +183,7 @@ export default function DashboardLayout({
           <Suspense>
             <BuildActionFooter />
           </Suspense>
+          <UpdateBanner />
           </InsightsPanelProvider>
         </SidebarInset>
       </SidebarProvider>

src/components/layout/update-banner.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { ArrowClockwise, X } from "@phosphor-icons/react";
+import { Button } from "@/components/ui/button";
+
+export function UpdateBanner() {
+  const [notes, setNotes] = useState<string[]>([]);
+  const [dismissed, setDismissed] = useState(false);
+
+  useEffect(() => {
+    const unsub = window.electron?.updates.onStatus((status) => {
+      if (status.state === "downloaded") {
+        setNotes(status.notes ?? []);
+        setDismissed(false);
+      }
+    });
+    return () => { unsub?.(); };
+  }, []);
+
+  if (dismissed || notes.length === 0) return null;
+
+  return (
+    <div className="fixed right-4 bottom-4 z-50 w-80 rounded-lg border bg-popover p-4 shadow-lg">
+      <div className="mb-3 flex items-start justify-between gap-2">
+        <h4 className="text-sm font-medium">Update available</h4>
+        <button
+          onClick={() => setDismissed(true)}
+          className="rounded-sm p-0.5 text-muted-foreground hover:text-foreground"
+        >
+          <X size={14} />
+        </button>
+      </div>
+      <ul className="mb-4 space-y-1 text-xs text-muted-foreground">
+        {notes.map((note, i) => (
+          <li key={i} className="flex gap-1.5">
+            <span className="mt-1.5 size-1 shrink-0 rounded-full bg-muted-foreground/50" />
+            <span>{note}</span>
+          </li>
+        ))}
+      </ul>
+      <div className="flex gap-2">
+        <Button
+          size="sm"
+          className="flex-1"
+          onClick={() => window.electron?.updates.installNow()}
+        >
+          <ArrowClockwise size={14} className="mr-1.5" />
+          Restart to update
+        </Button>
+        <Button
+          variant="outline"
+          size="sm"
+          onClick={() => setDismissed(true)}
+        >
+          Later
+        </Button>
+      </div>
+    </div>
+  );
+}

src/lib/version.ts

@@ -1,2 +1,2 @@
-export const APP_VERSION = "1.4.2";
-export const BUILD_NUMBER = "142";
+export const APP_VERSION = "1.5.0";
+export const BUILD_NUMBER = "150";