fix(desktop): show live transcript across tabs

Mount and frame the active meeting live transcript in the main shell for non-active tabs, suppress duplicate per-session transcript controls, and keep batch progress visible for other sessions.

Author: ComputelessComputer

apps/desktop/src/main/body.tsx

@@ -10,6 +10,7 @@ import { type MouseEvent, type PointerEvent, useCallback, useRef } from "react";
 
 import { cn } from "@hypr/utils";
 
+import { resolveMainSurfaceChrome } from "./main-surface-chrome";
 import { ClassicMainSidebar } from "./shell-sidebar";
 import { ClassicMainTabContent } from "./tab-content";
 import { TopMeetingTimeline } from "./top-meeting-timeline";
@@ -22,6 +23,7 @@ import {
 import { useClassicMainTabsShortcuts } from "./useTabsShortcuts";
 
 import { useShell } from "~/contexts/shell";
+import { GlobalLiveTranscriptAccessory } from "~/session/components/bottom-accessory/global-live";
 import { useConfigValue } from "~/shared/config";
 import {
   hasCustomSidebarTab,
@@ -66,6 +68,14 @@ export function ClassicMainBody() {
   const showLeftSurfaceChromeBack = hasLeftSurfaceCustomSidebar;
   const enableMainAreaTopDrag =
     showSidebarTimelineChrome || hasLeftSurfaceCustomSidebar;
+  const mainSurfaceChrome = resolveMainSurfaceChrome({
+    hasLeftSurfaceCustomSidebar,
+    isChangelog,
+    leftSidebarExpanded: leftsidebar.expanded,
+    showSidebarTimeline,
+    showSidebarTimelineChrome,
+    showTopTimeline,
+  });
   const mainAreaTopDrag = useMainAreaTopWindowDrag(enableMainAreaTopDrag);
   const update = useDesktopUpdateControl();
 
@@ -148,12 +158,17 @@ export function ClassicMainBody() {
           onPointerMove={mainAreaTopDrag.onPointerMove}
           onPointerUp={mainAreaTopDrag.onPointerEnd}
         >
-          {currentTab ? (
-            <ClassicMainTabContent
-              key={uniqueIdfromTab(currentTab)}
-              tab={currentTab as Tab}
-            />
-          ) : null}
+          <GlobalLiveTranscriptAccessory
+            currentTab={currentTab}
+            surfaceChrome={mainSurfaceChrome}
+          >
+            {currentTab ? (
+              <ClassicMainTabContent
+                key={uniqueIdfromTab(currentTab)}
+                tab={currentTab as Tab}
+              />
+            ) : null}
+          </GlobalLiveTranscriptAccessory>
         </div>
       </div>
     </div>

apps/desktop/src/main/main-surface-chrome.ts

@@ -0,0 +1,35 @@
+import { type MainSurfaceChrome } from "~/shared/main";
+
+export function resolveMainSurfaceChrome({
+  hasLeftSurfaceCustomSidebar,
+  isChangelog,
+  leftSidebarExpanded,
+  showSidebarTimeline,
+  showSidebarTimelineChrome,
+  showTopTimeline,
+}: {
+  hasLeftSurfaceCustomSidebar: boolean;
+  isChangelog: boolean;
+  leftSidebarExpanded: boolean;
+  showSidebarTimeline: boolean;
+  showSidebarTimelineChrome: boolean;
+  showTopTimeline: boolean;
+}): MainSurfaceChrome {
+  if (showSidebarTimelineChrome && !leftSidebarExpanded) {
+    return "top-borderless";
+  }
+
+  if (isChangelog && !showSidebarTimeline) {
+    return "top";
+  }
+
+  if (showSidebarTimeline || hasLeftSurfaceCustomSidebar) {
+    return "left";
+  }
+
+  if (showTopTimeline) {
+    return "top";
+  }
+
+  return "default";
+}

apps/desktop/src/main/shell-frame.tsx

@@ -1,12 +1,9 @@
 import { ClassicMainBody } from "./body";
+import { resolveMainSurfaceChrome } from "./main-surface-chrome";
 
 import { useShell } from "~/contexts/shell";
 import { useConfigValue } from "~/shared/config";
-import {
-  type MainSurfaceChrome,
-  MainShellBodyFrame,
-  MainShellScaffold,
-} from "~/shared/main";
+import { MainShellBodyFrame, MainShellScaffold } from "~/shared/main";
 import { ToastArea } from "~/sidebar/toast";
 import {
   hasCustomSidebarTab,
@@ -27,23 +24,19 @@ export function ClassicMainShellFrame() {
   const showSidebarTimelineChrome =
     sidebarTimelineEnabled && !hasCustomSidebar && !isOnboarding;
   const showSidebarTimeline = showSidebarTimelineChrome && leftsidebar.expanded;
-  const showCollapsedSidebarTimelineChrome =
-    showSidebarTimelineChrome && !leftsidebar.expanded;
   const showTopTimeline =
     leftsidebar.expanded &&
     !showSidebarTimeline &&
     !hasCustomSidebar &&
     !isOnboarding;
-  const mainSurfaceChrome: MainSurfaceChrome =
-    showCollapsedSidebarTimelineChrome
-      ? "top-borderless"
-      : isChangelog && !showSidebarTimeline
-        ? "top"
-        : showSidebarTimeline || hasLeftSurfaceCustomSidebar
-          ? "left"
-          : showTopTimeline
-            ? "top"
-            : "default";
+  const mainSurfaceChrome = resolveMainSurfaceChrome({
+    hasLeftSurfaceCustomSidebar,
+    isChangelog,
+    leftSidebarExpanded: leftsidebar.expanded,
+    showSidebarTimeline,
+    showSidebarTimelineChrome,
+    showTopTimeline,
+  });
 
   return (
     <MainShellScaffold