From 2f11f7e2675b43a393d3424317090ab07b11517a Mon Sep 17 00:00:00 2001
From: Luke-Bilhorn <luke.bilhorn@my.wheaton.edu>
Date: Mon, 1 Jun 2026 22:24:29 -0500
Subject: [PATCH 1/2] fix(MainMenu): center update notification and keep
 Restart button inside card on narrow widths

Re-laid out the "Update ready to install" card as a centered vertical stack
(icon + title, version, buttons row) so the Restart Now button no longer
overflows the card when the panel is narrow. The Release Notes button now
uses a muted background so it's visually distinct from the card.
---
 .../codex-webviews/src/MainMenu/index.tsx     | 154 +++++++++---------
 1 file changed, 77 insertions(+), 77 deletions(-)

diff --git a/webviews/codex-webviews/src/MainMenu/index.tsx b/webviews/codex-webviews/src/MainMenu/index.tsx
index d26580def..82714db29 100644
--- a/webviews/codex-webviews/src/MainMenu/index.tsx
+++ b/webviews/codex-webviews/src/MainMenu/index.tsx
@@ -559,90 +559,90 @@ function MainMenu() {
                     }}
                 >
                     <CardContent className="p-4">
-                        <div className="flex items-start gap-4">
-                            <div className="flex-shrink-0">
+                        <div className="flex flex-col items-center text-center gap-3">
+                            <div className="flex items-center justify-center gap-2">
                                 <i
                                     className={`${updateInfo.icon} text-xl`}
                                     style={{ color: "var(--ring)" }}
                                 />
+                                <h3
+                                    className="font-semibold text-sm break-words"
+                                    style={{ color: "var(--foreground)" }}
+                                >
+                                    {updateInfo.title}
+                                </h3>
                             </div>
-                            <div className="flex-1 space-y-1">
-                                <div className="flex flex-row flex-wrap items-center justify-between gap-2">
-                                    <h3
-                                        className="font-semibold text-sm"
-                                        style={{ color: "var(--foreground)" }}
-                                    >
-                                        {updateInfo.title}
-                                    </h3>
-                                    <div className="flex items-center gap-2 ml-4">
-                                        {SHOULD_SHOW_RELEASE_NOTES_LINK && (
-                                            <Button
-                                                size="sm"
-                                                variant="ghost"
-                                                onClick={() => {
-                                                    // Open external URL in default browser
-                                                    vscode.postMessage({
-                                                        command: "openExternal",
-                                                        url: RELEASE_NOTES_URL,
-                                                    });
-                                                }}
-                                                disabled={projectState.isCheckingForUpdates}
-                                                className="text-xs px-2 py-1 h-7"
-                                            >
-                                                Release Notes
-                                            </Button>
-                                        )}
-                                        <Button
-                                            size="sm"
-                                            variant={updateInfo.variant}
-                                            onClick={() =>
-                                                handleProjectAction(updateInfo.primaryCommand)
-                                            }
-                                            disabled={
-                                                projectState.isCheckingForUpdates ||
-                                                projectState.updateState === "downloading" ||
-                                                projectState.updateState === "updating"
-                                            }
-                                            className={`text-xs px-3 py-1 h-7 ${
-                                                updateInfo?.isPrimary
-                                                    ? "button-primary"
-                                                    : "button-outline"
-                                            }`}
-                                        >
-                                            {projectState.isCheckingForUpdates ? (
-                                                <>
-                                                    <i className="codicon codicon-loading codicon-modifier-spin mr-1 text-xs" />
-                                                    Checking...
-                                                </>
-                                            ) : projectState.updateState === "downloading" ? (
-                                                <>
-                                                    <i className="codicon codicon-loading codicon-modifier-spin mr-1 text-xs" />
-                                                    Downloading...
-                                                </>
-                                            ) : projectState.updateState === "updating" ? (
-                                                <>
-                                                    <i className="codicon codicon-loading codicon-modifier-spin mr-1 text-xs" />
-                                                    Installing...
-                                                </>
-                                            ) : (
-                                                <>
-                                                    <i
-                                                        className={`${updateInfo.icon} mr-1 text-xs`}
-                                                    />
-                                                    {updateInfo.primaryAction}
-                                                </>
-                                            )}
-                                        </Button>
-                                    </div>
-                                </div>
-                                {projectState.updateVersion && (
-                                    <p
-                                        className="text-xs"
-                                        style={{ color: "var(--muted-foreground)" }}
+                            {projectState.updateVersion && (
+                                <p
+                                    className="text-xs"
+                                    style={{ color: "var(--muted-foreground)" }}
+                                >
+                                    Version {projectState.updateVersion}
+                                </p>
+                            )}
+                            <div className="flex flex-wrap items-center justify-center gap-2">
+                                {SHOULD_SHOW_RELEASE_NOTES_LINK && (
+                                    <Button
+                                        size="sm"
+                                        variant="secondary"
+                                        onClick={() => {
+                                            // Open external URL in default browser
+                                            vscode.postMessage({
+                                                command: "openExternal",
+                                                url: RELEASE_NOTES_URL,
+                                            });
+                                        }}
+                                        disabled={projectState.isCheckingForUpdates}
+                                        className="text-xs px-2 py-1 h-7"
+                                        style={{
+                                            backgroundColor: "var(--muted)",
+                                            color: "var(--muted-foreground)",
+                                        }}
                                     >
-                                        Version {projectState.updateVersion}
-                                    </p>
+                                        Release Notes
+                                    </Button>
                                 )}
+                                <Button
+                                    size="sm"
+                                    variant={updateInfo.variant}
+                                    onClick={() =>
+                                        handleProjectAction(updateInfo.primaryCommand)
+                                    }
+                                    disabled={
+                                        projectState.isCheckingForUpdates ||
+                                        projectState.updateState === "downloading" ||
+                                        projectState.updateState === "updating"
+                                    }
+                                    className={`text-xs px-3 py-1 h-7 ${
+                                        updateInfo?.isPrimary
+                                            ? "button-primary"
+                                            : "button-outline"
+                                    }`}
+                                >
+                                    {projectState.isCheckingForUpdates ? (
+                                        <>
+                                            <i className="codicon codicon-loading codicon-modifier-spin mr-1 text-xs" />
+                                            Checking...
+                                        </>
+                                    ) : projectState.updateState === "downloading" ? (
+                                        <>
+                                            <i className="codicon codicon-loading codicon-modifier-spin mr-1 text-xs" />
+                                            Downloading...
+                                        </>
+                                    ) : projectState.updateState === "updating" ? (
+                                        <>
+                                            <i className="codicon codicon-loading codicon-modifier-spin mr-1 text-xs" />
+                                            Installing...
+                                        </>
+                                    ) : (
+                                        <>
+                                            <i
+                                                className={`${updateInfo.icon} mr-1 text-xs`}
+                                            />
+                                            {updateInfo.primaryAction}
+                                        </>
+                                    )}
+                                </Button>
                             </div>
                         </div>
                     </CardContent>

From 7c221129696b13e00449f7090eca8cbbf032dcf2 Mon Sep 17 00:00:00 2001
From: Luke-Bilhorn <luke.bilhorn@my.wheaton.edu>
Date: Fri, 5 Jun 2026 09:39:16 -0500
Subject: [PATCH 2/2] fix(mainMenu): open release notes only once

The Release Notes button posts an `openExternal` message, which was
being handled by two separate switch blocks in MainMenuProvider, causing
vscode.env.openExternal to fire twice and showing VS Code's external
URL confirmation modal twice. Remove the duplicate handler from
handleProjectManagerMessage; the primary handler in handleMessage
remains.
---
 src/providers/mainMenu/mainMenuProvider.ts | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/src/providers/mainMenu/mainMenuProvider.ts b/src/providers/mainMenu/mainMenuProvider.ts
index 0395e4692..18e4caf0d 100644
--- a/src/providers/mainMenu/mainMenuProvider.ts
+++ b/src/providers/mainMenu/mainMenuProvider.ts
@@ -908,17 +908,6 @@ export class MainMenuProvider extends BaseWebviewProvider {
                 await this.handleInstallUpdate();
                 break;
             }
-            case "openExternal": {
-                try {
-                    if (message.url) {
-                        await vscode.env.openExternal(vscode.Uri.parse(message.url));
-                    }
-                } catch (error) {
-                    console.error("Error opening external URL:", error);
-                    vscode.window.showErrorMessage(`Failed to open URL: ${error}`);
-                }
-                break;
-            }
             default:
                 console.log(`Unhandled command: ${message.command}`);
         }