fix(topbar): keep the generation-speed pill's width so it shows again

CHANGELOG.md

@@ -9,6 +9,7 @@ All notable changes to **omp-web** (`@kahme247/ompweb`) are documented in this f
 ### Fixed
 
 - **Restore HTTP LAN and VPN access.** Browser UUID generation now works without secure-context-only `crypto.randomUUID()`, preventing the "Something went wrong" crash when opening the app or creating a session.
+- **Show the generation-speed pill in the top bar again.** Since the header opener was split from the file-panel close control, the pill's box sized to zero width and its narrow-header rule hid it on every screen; it now keeps its width. Phone-width screens still hide it.
 
 ## [v0.7.1] - 2026-11-14
 

components/AppShell.tsx

@@ -369,7 +369,7 @@
     if (container && active instanceof HTMLElement && container.contains(active)) {
       active.blur();
     }
   }, [sidebarOpen, mobileSidebarReady]);
   const refreshAppUpdate = useCallback(async (force = false, autoOpen = false): Promise<AppUpdateInfo | null> => {
     const data = await fetchAppUpdateJson<AppUpdateInfo>(
       force ? "/api/app-update?force=1" : "/api/app-update",
@@ -836,7 +836,7 @@
     sidebarResizeHandlersRef.current = { onMove, onUp };
     window.addEventListener("mousemove", onMove);
     window.addEventListener("mouseup", onUp);
   }, [isMobile, sidebarWidth]);
 
   // If the app unmounts mid-drag, remove the window listeners and restore the
   // body cursor; otherwise the handlers leak and body stays cursor:col-resize.
@@ -853,7 +853,7 @@
   const resetRightPanelWidth = useCallback(() => {
     rightPanelRef.current?.style.removeProperty("--right-panel-width");
     setRightPanelWidth(null);
   }, []);
 
   const changeRightPanelWidth = useCallback((delta: number) => {
     setRightPanelWidth((prev) => {
@@ -864,7 +864,7 @@
       rightPanelRef.current?.style.setProperty("--right-panel-width", `${next}px`);
       return next;
     });
   }, []);
 
   const handleRightPanelResizeKey = useCallback((e: React.KeyboardEvent) => {
     // The handle sits on the panel's left edge: left widens, right narrows.
@@ -933,7 +933,7 @@
     rightResizeHandlersRef.current = { onMove, onUp, cancelFrame };
     window.addEventListener("mousemove", onMove);
     window.addEventListener("mouseup", onUp);
   }, [isMobile]);
 
   // If the app unmounts mid-drag, remove the window listeners and restore the
   // body cursor; otherwise the handlers leak and body stays cursor:col-resize.
@@ -2450,6 +2450,10 @@
               className="shell-topbar-metrics"
               style={{
                 flex: "0 1 calc(10ch + 33px)",
+                // Inline-size containment zeroes the content width, so without an
+                // explicit width the right group sizes this box to 0 and the
+                // `topbar-speed` container query hides the pill even with room to spare.
+                width: "calc(10ch + 33px)",
                 minWidth: 0,
                 fontSize: 11,
                 fontFamily: "var(--font-mono)",