diff --git a/ui/src/pages/accounts.tsx b/ui/src/pages/accounts.tsx index 9e00cd5e..6b368253 100644 --- a/ui/src/pages/accounts.tsx +++ b/ui/src/pages/accounts.tsx @@ -5,15 +5,7 @@ import { useState } from 'react'; import { useNavigate } from 'react-router-dom'; -import { - AlertTriangle, - ArrowRight, - ChevronDown, - ChevronLeft, - Plus, - Users, - Zap, -} from 'lucide-react'; +import { AlertTriangle, ArrowRight, ChevronDown, Plus, Users, Zap } from 'lucide-react'; import { AccountsTable } from '@/components/account/accounts-table'; import { CreateAuthProfileDialog } from '@/components/account/create-auth-profile-dialog'; import { HistorySyncLearningMap } from '@/components/account/history-sync-learning-map'; @@ -31,7 +23,6 @@ export function AccountsPage() { const { data, isLoading } = useAccounts(); const confirmLegacyMutation = useConfirmLegacyAccountPolicies(); const [createDialogOpen, setCreateDialogOpen] = useState(false); - const [showGuideRail, setShowGuideRail] = useState(true); const [guideOpen, setGuideOpen] = useState(false); const authAccounts = data?.accounts || []; @@ -63,34 +54,69 @@ export function AccountsPage() { return ( <>
- {/* Left rail */} -
-
-
-
- -

Accounts

-
-

- Dedicated - ccs auth - continuity controls. -

+ {/* Left action column */} +
+
+
+ +

Accounts

+ + Action Center +
- -
- -
-

- Pool auth actions live in Action Center to avoid duplicate controls. +

+ Manage + ccs auth + accounts and pool onboarding from one panel.

-
+
+ + + Immediate Actions + + + + + + + + + {hasLegacyFollowUp && (

@@ -116,218 +142,126 @@ export function AccountsPage() { )}

- -
)} {!hasLegacyFollowUp && (
- No legacy follow-up pending. Manage pool auth from Action Center. + No legacy follow-up pending.
)} + + + + + + + + + + +
+

Shared Standard

+

+ Project workspace sync only. Best default for most teams. +

+
+
+

Shared Deeper

+

+ Adds session-env, file-history,{' '} + shell-snapshots, todos. +

+
+
+

Isolated

+

No link. Best for strict separation.

+
+
+
+
+
+ + + + Quick Commands + Copy and run in terminal. + + +
+ + ccs auth create work --context-group sprint-a --deeper-continuity + + +
+
+ ccs cliproxy auth claude + +
+
+
{/* Main workspace */} -
- {/* Table column */} -
-
-
- ccs auth Workspace - History Sync Controls - -
-

Auth Accounts

-

- This table is intentionally scoped to - ccs auth - accounts. Use - Sync - for mode/group/depth changes. -

-
- -
- - - - - Account Matrix - - Shared total: {sharedCount}. Actions include Sync settings and legacy - confirmation. - - - - {isLoading ? ( -
Loading accounts...
- ) : ( - - )} -
-
+
+
+
+ ccs auth Workspace + History Sync Controls
+

Auth Accounts

+

+ This table is intentionally scoped to + ccs auth + accounts. Use + Sync + for mode/group/depth changes. +

- {/* Right action center */} - {showGuideRail ? ( -
-
-
-

Action Center

-

- High-value actions for pool auth and legacy cleanup. -

-
- -
+
+ - -
- - - Immediate Actions - - - - - - - - - - - - - - - - - -
-

Shared Standard

-

- Project workspace sync only. Best default for most teams. -

-
-
-

Shared Deeper

-

- Adds session-env, file-history,{' '} - shell-snapshots, todos. -

-
-
-

Isolated

-

No link. Best for strict separation.

-
-
-
-
-
- - - - Quick Commands - Copy and run in terminal. - - -
- - ccs auth create work --context-group sprint-a --deeper-continuity - - -
-
- ccs cliproxy auth claude - -
-
-
-
-
-
- ) : ( -
- -
- )} + + + Account Matrix + + Shared total: {sharedCount}. Actions include Sync settings and legacy + confirmation. + + + + {isLoading ? ( +
Loading accounts...
+ ) : ( + + )} +
+
+