Improve Frontend Onboarding Experience

Summary

Lets create a worktree and project to improve onboarding in the frontend

We're going to do the following

Updat the login page so it uses the same card styles as the profile page
When logged in, hide the hero banner in home
Logged in home should have an onboarding wizard (3 step process) that is responsive friendly (horiz on desktop, vertical on moible).
The onbaording steps are essentially a way to understand user state and modify what we think is the most important thing we want users to do in the first few minutes of joining the app. so it should be generalizable/configurable.
In this case, Onboarding is 3 steps: Setup your profile (user exists, should be done on login), step 2 is "Download CLI" (condition is a device identity attached to this namespace), step 3 is "Share a Trace!" (checked when user has a trace shared, but unchecked until then)
oh yeah- so each onboarding step has a state - not compelte / complete - as users state changes the onboarding div state changes. and as we change what is important in onboarding we can change the list of onboaridng "steps" and everything just works
The profile "Traces" page is kind of broken, the [slug]/page.tsx should show the curent thing with the contribution graph, only recent traces (limit to 20), but [slug]/traces/page.tsx (new, create) should show the full trace list for the user. right now that traces page uses a completely diferent format

Searched files**/AGENTS.mdin //Users/tarunsachdeva/code/traces

>git worktree list

/Users/tarunsachdeva/code/traces                                             0ceb30f [main]
/Users/tarunsachdeva/code/traces-worktrees/feat-cli-trace-index-rebuild      869ae1c [feat/cli-trace-index-rebuild]
/Users/tarunsachdeva/code/traces-worktrees/feat-direct-link-visibility       4234746 [feat/direct-link-visibility]
/Users/tarunsachdeva/code/traces-worktrees/feat-issue-88-nightly-db-backups  2984382 [feat/issue-88-nightly-db-backups]
/Users/tarunsachdeva/code/traces-worktrees/feat-namespace-settings           540153b [feat/namespace-settings]
/Users/tarunsachdeva/code/traces-worktrees/feat-nixos-support                3c23925 [feat/nixos-support]
/Users/tarunsachdeva/code/traces-worktrees/feat-opencode-sqlite-adapter      543cb27 [feat/opencode-sqlite-adapter]
/Users/tarunsachdeva/code/traces-worktrees/feat-pi-adapter                   2afb095 [feat/pi-adapter]
/Users/tarunsachdeva/code/traces-worktrees/feat-sentry-setup                 0ceb30f [feat/sentry-setup]
/Users/tarunsachdeva/code/traces-worktrees/feat-share-to-traces-skills       1a5e7b6 [feat/share-to-traces-skills]
/Users/tarunsachdeva/code/traces-worktrees/fix-ai-summary-post-processing    8b22f9d [fix/ai-summary-post-processing]
/Users/tarunsachdeva/code/traces-worktrees/fix-message-rendering             0819432 [fix/message-rendering]

ReadAGENTS.md

>ls

feat-cli-trace-index-rebuild
feat-direct-link-visibility
feat-issue-88-nightly-db-backups
feat-namespace-settings
feat-nixos-support
feat-opencode-sqlite-adapter
feat-pi-adapter
feat-sentry-setup
feat-share-to-traces-skills
fix-ai-summary-post-processing
fix-message-rendering
opencode-beta-project

Updated todos

>git worktree add -b feat/frontend-onboarding /Users/tarunsachdeva/code/traces-worktrees/feat-frontend-onboarding main

Preparing worktree (new branch 'feat/frontend-onboarding')
HEAD is now at 0ceb30f fix(frontend): align highlights loading state with summary

Updated todos

Searched filesfrontend/app/**/login*/page.tsxin //Users/tarunsachdeva/code/traces-worktrees/feat-frontend-onboarding

Searched filesfrontend/app/**/[slug]/**/page.tsxin //Users/tarunsachdeva/code/traces-worktrees/feat-frontend-onboarding

Searched filesfrontend/app/page.tsxin //Users/tarunsachdeva/code/traces-worktrees/feat-frontend-onboarding

Searched filesfrontend/components/**/*.tsxin //Users/tarunsachdeva/code/traces-worktrees/feat-frontend-onboarding

Searched filesfrontend/app/*/page.tsxin //Users/tarunsachdeva/code/traces-worktrees/feat-frontend-onboarding

Searched filesfrontend/app/*/*/page.tsxin //Users/tarunsachdeva/code/traces-worktrees/feat-frontend-onboarding

Searched filesfrontend/app/**/traces/page.tsxin //Users/tarunsachdeva/code/traces-worktrees/feat-frontend-onboarding

Readpage.tsx

ReadHomeHero.tsx

Readpage.tsx

Greppedring-1 ring-black/7 shadow bg-card

Greppeddevice identity|deviceIdentity|identit

GreppedgetProfile|getAllTraces|getPublicTraces

GreppedisAuthenticated

ReaduseFeed.tsx

Readidentities.ts

Greppedv1/identities|identity_list|/v1/feed|/v1/namespaces

Readfeed.ts

Readnamespaces.ts

GreppedShare a Trace|shared trace|visibility === "public"|visibility === "direct"|share

ReaduseAuthSession.ts

ReaduseAuthSession.tsx

ReadHomeFeed.tsx

GreppedAuthSessionProvider

Readlayout.tsx

Readnamespaces.ts

GreppedlistNamespaceTraces|getNamespaceTraces|traces

Readnamespaces.ts

Grepped_listByNamespace|listPublicTraces

Readtraces.ts

Readnamespaces.ts

GreppedIdentityListResponseData|Identity|type: "device"|TraceListResponseData|TraceSummary

Readtypes.gen.ts90 lines

Readtypes.gen.ts40 lines

Searched filesfrontend/app/**/identities*/**/*.tsxin //Users/tarunsachdeva/code/traces-worktrees/feat-frontend-onboarding

Readpage.tsx

ReadNavbar.tsx

Greppedcard-contour|ring-black/7|card-contour-xs|card-contour-sm

Readglobals.css80 lines

ReadUserMenu.tsx

ReadTraceRowList.tsx

ReadTraceRow.tsx

Used Skill

Searched filesfrontend/app/(home)/**/*.tsxin //Users/tarunsachdeva/code/traces-worktrees/feat-frontend-onboarding

ReadInstallTabs.tsx

Readcsrf.ts

Updated todos

Greppedfrom "@traces/shared"

Readbutton.tsx

Edited

ReadHomeOnboardingWizard.tsx

Readpage.tsx

Edited

Readpage.tsx

Readpage.tsx320 lines

Readpage.tsx