fix(accounts-ui): remove extra left-column wrapper layers

ui/src/pages/accounts.tsx

@@ -60,9 +60,6 @@ export function AccountsPage() {
             <div className="flex items-center gap-2">
               <Users className="h-5 w-5 text-primary" />
               <h1 className="font-semibold">Accounts</h1>
-              <Badge variant="outline" className="ml-auto">
-                Action Center
-              </Badge>
             </div>
             <p className="text-xs text-muted-foreground">
               Manage
@@ -73,14 +70,6 @@ export function AccountsPage() {
 
           <ScrollArea className="flex-1">
             <div className="p-4 space-y-3">
-              <Card>
-                <CardHeader className="pb-2">
-                  <CardTitle className="text-sm">Action Center</CardTitle>
-                  <CardDescription>
-                    Primary actions plus migration status in one place.
-                  </CardDescription>
-                </CardHeader>
-                <CardContent className="space-y-3">
               <div className="space-y-2">
                 <p className="text-[11px] font-medium uppercase tracking-wide text-muted-foreground">
                   Primary Actions
@@ -112,11 +101,11 @@ export function AccountsPage() {
                 </Button>
               </div>
 
-                  <div className="border-t pt-3 space-y-2">
-                    <p className="text-[11px] font-medium uppercase tracking-wide text-muted-foreground">
-                      Legacy Migration
-                    </p>
               {hasLegacyFollowUp ? (
+                <section className="space-y-2">
+                  <p className="text-[11px] font-medium uppercase tracking-wide text-muted-foreground">
+                    Migration Follow-up
+                  </p>
                   <div className="rounded-md border border-amber-500/50 bg-amber-500/10 p-3 space-y-3">
                     <div className="flex items-start gap-2">
                       <AlertTriangle className="h-4 w-4 mt-0.5 text-amber-700 dark:text-amber-400 shrink-0" />
@@ -124,15 +113,15 @@ export function AccountsPage() {
                         {legacyContextCount > 0 && (
                           <p className="text-amber-800 dark:text-amber-300">
                             {legacyContextCount} account
-                                {legacyContextCount > 1 ? 's still need' : ' still needs'}{' '}
+                            {legacyContextCount > 1 ? 's still need' : ' still needs'} first-time
-                                first-time mode confirmation.
+                            mode confirmation.
                           </p>
                         )}
                         {legacyContinuityCount > 0 && (
                           <p className="text-amber-800 dark:text-amber-300">
                             {legacyContinuityCount} shared account
-                                {legacyContinuityCount > 1 ? 's remain' : ' remains'} on standard
+                            {legacyContinuityCount > 1 ? 's remain' : ' remains'} on standard legacy
-                                legacy continuity depth.
+                            continuity depth.
                           </p>
                         )}
                       </div>
@@ -149,37 +138,32 @@ export function AccountsPage() {
                         : `Confirm Legacy Policies (${legacyTargetCount})`}
                     </Button>
                   </div>
+                </section>
               ) : (
-                      <div className="rounded-md border bg-muted/30 px-3 py-2 text-xs text-muted-foreground">
+                <div className="rounded-md border bg-background px-3 py-2 text-xs text-muted-foreground">
                   No legacy follow-up pending.
                 </div>
               )}
-                  </div>
-                </CardContent>
-              </Card>
 
+              <Collapsible open={guideOpen} onOpenChange={setGuideOpen}>
                 <Card>
                   <CardHeader className="pb-2">
-                  <CardTitle className="text-sm">Guide & Commands</CardTitle>
-                  <CardDescription>Continuity modes and CLI shortcuts.</CardDescription>
-                </CardHeader>
-                <CardContent className="space-y-3">
-                  <Collapsible open={guideOpen} onOpenChange={setGuideOpen}>
                     <CollapsibleTrigger asChild>
                       <Button variant="ghost" className="h-auto w-full justify-between px-0 py-0">
                         <div className="text-left">
-                          <p className="text-sm font-semibold">Continuity Guide</p>
+                          <CardTitle className="text-sm">Continuity Guide</CardTitle>
-                          <p className="mt-1 text-xs text-muted-foreground">
+                          <CardDescription className="mt-1">
                             Expand only when needed.
-                          </p>
+                          </CardDescription>
                         </div>
                         <ChevronDown
                           className={cn('h-4 w-4 transition-transform', guideOpen && 'rotate-180')}
                         />
                       </Button>
                     </CollapsibleTrigger>
-                    <CollapsibleContent className="pt-2">
+                  </CardHeader>
-                      <div className="space-y-2 text-xs text-muted-foreground">
+                  <CollapsibleContent>
+                    <CardContent className="space-y-3 text-xs text-muted-foreground">
                       <div className="rounded-md border p-2.5">
                         <p className="font-semibold text-foreground">Shared Standard</p>
                         <p className="mt-1">
@@ -197,12 +181,17 @@ export function AccountsPage() {
                         <p className="font-semibold text-foreground">Isolated</p>
                         <p className="mt-1">No link. Best for strict separation.</p>
                       </div>
-                      </div>
+                    </CardContent>
                   </CollapsibleContent>
+                </Card>
               </Collapsible>
 
-                  <div className="space-y-2">
+              <Card>
-                    <p className="text-xs font-semibold">Quick Commands</p>
+                <CardHeader className="pb-2">
+                  <CardTitle className="text-sm">Quick Commands</CardTitle>
+                  <CardDescription>Copy and run in terminal.</CardDescription>
+                </CardHeader>
+                <CardContent className="space-y-2">
                   <div className="rounded-md border bg-background px-2 py-2 font-mono text-[11px] flex items-start gap-2">
                     <span className="flex-1 break-all">
                       ccs auth create work --context-group sprint-a --deeper-continuity
@@ -216,7 +205,6 @@ export function AccountsPage() {
                     <span className="flex-1 break-all">ccs cliproxy auth claude</span>
                     <CopyButton value="ccs cliproxy auth claude" size="icon" />
                   </div>
-                  </div>
                 </CardContent>
               </Card>
             </div>