fix(web): fix header action labels collapsing too early by correcting flex distribution

The header split 50/50 between title and actions via two flex-1 divs.
Both children had flex: 1 1 0%, giving the actions div only 398px at
1100px viewport — barely above the @sm (384px) threshold. Labels
collapsed to icons at ~1060px even though there was plenty of room.

- Change title div from flex-1 to flex-initial shrink so it takes
  only its content width instead of always claiming 50%
- Add overflow-hidden to actions div to prevent button overflow
- Revert label shortening from PR #771 (full text now fits)

The @container/header-actions query stays on the actions div, now
measuring ~660px at 1100px (actual available space) instead of 398px.
Labels stay visible until the viewport genuinely gets tight.

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

Author: daniel-bonaker-qestit

apps/web/src/components/GitActionsControl.logic.test.ts

@@ -344,7 +344,7 @@ describe("when: working tree has local changes", () => {
     assert.deepInclude(quick, {
       kind: "run_action",
       action: "commit_push_pr",
-      label: "Commit, push & PR",
+      label: "Commit, push & create PR",
     });
   });
 
@@ -455,7 +455,7 @@ describe("when: working tree has local changes and branch is behind upstream", (
     assert.deepInclude(quick, {
       kind: "run_action",
       action: "commit_push_pr",
-      label: "Commit, push & PR",
+      label: "Commit, push & create PR",
     });
   });
 

apps/web/src/components/GitActionsControl.logic.ts

@@ -219,7 +219,7 @@ export function resolveQuickAction(
       return { label: "Commit & push", disabled: false, kind: "run_action", action: "commit_push" };
     }
     return {
-      label: "Commit, push & PR",
+      label: "Commit, push & create PR",
       disabled: false,
       kind: "run_action",
       action: "commit_push_pr",

apps/web/src/components/chat/ChatHeader.tsx

@@ -55,7 +55,7 @@ export const ChatHeader = memo(function ChatHeader({
 }: ChatHeaderProps) {
   return (
     <div className="flex min-w-0 flex-1 items-center gap-2">
-      <div className="flex min-w-0 flex-1 items-center gap-2 overflow-hidden sm:gap-3">
+      <div className="flex min-w-0 flex-initial shrink items-center gap-2 overflow-hidden sm:gap-3">
         <SidebarTrigger className="size-7 shrink-0 md:hidden" />
         <h2
           className="min-w-0 shrink truncate text-sm font-medium text-foreground"
@@ -74,7 +74,7 @@ export const ChatHeader = memo(function ChatHeader({
           </Badge>
         )}
       </div>
-      <div className="@container/header-actions flex min-w-0 flex-1 items-center justify-end gap-2 @sm/header-actions:gap-3">
+      <div className="@container/header-actions flex min-w-0 flex-1 items-center justify-end gap-2 overflow-hidden @sm/header-actions:gap-3">
         {activeProjectScripts && (
           <ProjectScriptsControl
             scripts={activeProjectScripts}