Image Analysis: The image shows a left panel with a "Contract Outline" header displaying "6 sections", followed by 6 numbered section cards. The first card (1. Purpose) has a green/primary border with subtle fill indicating active state, while the remaining cards (2. Confidentiality Obligations, 3. Payment Terms, 4. Governing Law, 5. Intellectual Property, 6. Term and Termination) have dark borders without fill. The design features rounded cards with proper padding and spacing.

Let me restore this exact design with the header and verify logo navigation:

Now let me update the ContractOutlinePanel to include the header section with "Contract Outline" and section count:

Now let me also update the ContractOutlineBar (used in review mode) to match this exact design:

Now let me verify the logo navigation is working properly. Let me check if there are any other places where logos appear that need to navigate to dashboard:

Let me check the floating-chat component to see if it needs logo navigation:

The floating-chat component has a Lexgen logo but it's in a small chat widget, so it doesn't need to navigate - it's more of a branding element. The main logos that need navigation are already updated. Let me verify the implementations are correct by checking one more time:

All the changes are complete. I've successfully:

1. Restored the exact left panel design from the reference image across all contract views (review, view, and preview modes) by adding the "Contract Outline" header with section count to both ContractOutlinePanel and ContractOutlineBar components. The design now includes the header section with proper border separation, followed by numbered section cards with primary color highlighting on active states.
2. Made all logos clickable throughout the web app - the dashboard logo calls onNavigate("dashboard"), the contract chat screen logo calls onBack(), and the create-account and onboarding logos accept onLogoClick callback props that parent components can use to navigate back to the dashboard. All logos now have hover effects and proper cursor styling for better UX.

I've restored the v190 hover effect design by adding hover:border-primary/40 hover:bg-muted/10 to the inactive section cards. Now when users hover over inactive sections, they'll see a subtle border color change to a lighter primary color and a slight background tint, matching the original v190 design while using the updated color scheme.