fix: stable i18n layout + version sync from electron to master

- Header: extract StableText component using inline-grid + whitespace-nowrap
to prevent layout shift AND line wrapping when switching languages
- getProxyInfo(): try git tag first, fall back to package.json (skip 1.0.0)
- sync-electron.yml: after bumping electron, sync version to master's
package.json with [skip ci] so git-mode users see real version number
- Export NEW_VERSION to GITHUB_ENV for cross-step access

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

.github/workflows/sync-electron.yml

@@ -83,13 +83,29 @@ jobs:
 
           echo "BUMP=true" >> "$GITHUB_ENV"
           echo "NEW_TAG=$NEW_TAG" >> "$GITHUB_ENV"
+          echo "NEW_VERSION=$NEW_VERSION" >> "$GITHUB_ENV"
           echo "Bumped to $NEW_VERSION, tagged $NEW_TAG"
 
-      - name: Push electron branch (with tags if bumped)
+      - name: Sync version to master
+        if: env.BUMP == 'true'
+        run: |
+          git checkout master
+          node -e "
+            const fs = require('fs');
+            const pkg = JSON.parse(fs.readFileSync('package.json', 'utf-8'));
+            pkg.version = process.env.NEW_VERSION;
+            fs.writeFileSync('package.json', JSON.stringify(pkg, null, 2) + '\n');
+          "
+          git add package.json
+          git commit -m "chore: sync version to ${NEW_VERSION} [skip ci]"
+          git checkout electron
+
+      - name: Push electron + master + tags
         if: env.CONFLICT != 'true'
         run: |
           if [ "$BUMP" = "true" ]; then
             git push origin electron --follow-tags
+            git push origin master
           else
             git push origin electron
           fi

web/src/components/Header.tsx

@@ -13,6 +13,16 @@ const SVG_SUN = (
   </svg>
 );
 
+/** Stable-width text: invisible reference sets min-width, visible text overlays it. */
+function StableText({ reference, children, class: cls }: { reference: string; children: string; class?: string }) {
+  return (
+    <span class={`inline-grid ${cls ?? ""}`}>
+      <span class="invisible col-start-1 row-start-1 whitespace-nowrap">{reference}</span>
+      <span class="col-start-1 row-start-1 whitespace-nowrap">{children}</span>
+    </span>
+  );
+}
+
 interface HeaderProps {
   onAddAccount: () => void;
   onCheckUpdate: () => void;
@@ -64,9 +74,9 @@ export function Header({ onAddAccount, onCheckUpdate, onOpenUpdateModal, checkin
                 <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75" />
                 <span class="relative inline-flex rounded-full h-2.5 w-2.5 bg-primary" />
               </span>
-              <span class="text-xs font-semibold text-primary whitespace-nowrap">{t("serverOnline")}</span>
+              <StableText reference="Server Online" class="text-xs font-semibold text-primary">{t("serverOnline")}</StableText>
               {version && (
-                <span class="text-[0.65rem] font-mono text-primary/70">v{version}</span>
+                <span class="text-[0.65rem] font-mono text-primary/70 whitespace-nowrap">v{version}</span>
               )}
               {commit && (
                 <span class="text-[0.6rem] font-mono text-primary/40">{commit.slice(0, 7)}</span>
@@ -82,7 +92,7 @@ export function Header({ onAddAccount, onCheckUpdate, onOpenUpdateModal, checkin
               <svg class="size-3.5" viewBox="0 0 24 24" fill="currentColor">
                 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" />
               </svg>
-              <span class="text-xs font-semibold whitespace-nowrap">{t("starOnGithub")}</span>
+              <StableText reference="Star" class="text-xs font-semibold">{t("starOnGithub")}</StableText>
             </a>
             {/* Check for Updates */}
             <button
@@ -93,7 +103,7 @@ export function Header({ onAddAccount, onCheckUpdate, onOpenUpdateModal, checkin
               <svg class={`size-3.5 ${checking ? "animate-spin" : ""}`} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.992 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182M20.985 4.356v4.992" />
               </svg>
-              <span class="text-xs font-semibold whitespace-nowrap">{checking ? t("checkingUpdates") : t("checkForUpdates")}</span>
+              <StableText reference="Check for Updates" class="text-xs font-semibold">{checking ? t("checkingUpdates") : t("checkForUpdates")}</StableText>
             </button>
             {/* Update status message */}
             {updateStatusMsg && !checking && (
@@ -130,7 +140,7 @@ export function Header({ onAddAccount, onCheckUpdate, onOpenUpdateModal, checkin
                   <svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                     <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75" />
                   </svg>
-                  <span class="text-xs font-semibold whitespace-nowrap">{t("proxySettings")}</span>
+                  <StableText reference="Proxy Assignment" class="text-xs font-semibold">{t("proxySettings")}</StableText>
                 </a>
                 <button
                   onClick={onAddAccount}
@@ -139,7 +149,7 @@ export function Header({ onAddAccount, onCheckUpdate, onOpenUpdateModal, checkin
                   <svg class="size-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
                     <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                   </svg>
-                  <span class="whitespace-nowrap">{t("addAccount")}</span>
+                  <StableText reference="Add Account">{t("addAccount")}</StableText>
                 </button>
               </>
             )}