fix(web): scope workspace footer alignment by surface

Author: pallyoung

packages/web/src/features/workspace/index.test.tsx

@@ -122,6 +122,9 @@ describe("WorkspacePage", () => {
       document.querySelector(".workspace-status-bar .git-panel-status-strip__branch-text")
     ).toHaveTextContent("feature/refactor-ts");
     expect(document.querySelector(".workspace-page > .workspace-status-bar")).not.toBeNull();
+    expect(document.querySelector(".workspace-status-bar .git-panel-status-strip")).toHaveClass(
+      "git-panel-status-strip--start"
+    );
     expect(document.querySelector(".workspace-sidebar-panel__tab-count")).toBeNull();
   });
 

packages/web/src/features/workspace/views/desktop/workspace-desktop-view.tsx

@@ -218,6 +218,7 @@ export const WorkspaceDesktopView: FC = () => {
       </div>
 
       <WorkspaceStatusBar
+        align="start"
         workspaceId={workspace.id}
         gitState={gitState}
         onOpenBranchSwitcher={handleOpenBranchSwitcher}

packages/web/src/features/workspace/views/shared/workspace-status-bar.tsx

@@ -6,18 +6,20 @@ interface WorkspaceStatusBarProps {
   gitState: GitStatus | null | undefined;
   onOpenBranchSwitcher?: () => void;
   flush?: boolean;
+  align?: "start" | "end";
 }
 
 export function WorkspaceStatusBar({
   workspaceId,
   gitState,
   onOpenBranchSwitcher,
   flush = false,
+  align = "end",
 }: WorkspaceStatusBarProps) {
   return (
     <div className={`workspace-status-bar${flush ? " workspace-status-bar--flush" : ""}`}>
       <GitPanelStatusStrip
-        align={flush ? "end" : "start"}
+        align={align}
         workspaceId={workspaceId}
         gitState={gitState}
         onOpenBranchSwitcher={onOpenBranchSwitcher}