Skip to content

staging <- dev#210

Merged
ducnmm merged 43 commits into
stagingfrom
dev
Jun 1, 2026
Merged

staging <- dev#210
ducnmm merged 43 commits into
stagingfrom
dev

Conversation

@ducnmm

@ducnmm ducnmm commented Jun 1, 2026

Copy link
Copy Markdown
Collaborator

Merge latest dev into staging.

hien-p and others added 30 commits May 28, 2026 01:15
# Conflicts:
#	apps/app/src/index.css
#	apps/app/src/pages/Dashboard.tsx
#	apps/app/src/pages/SetupWizard.tsx
- SetupWizard: proper-case copy + dark credential cards / lime warning box matching the dashboard
- Playground/Dashboard: remove the !important span override that forced syntax tokens to monochrome
- Sign out now navigates back to the landing page
- Install-tab + credential buttons brighten on hover; relayer mismatch banner aligned to the staging branch heuristic
- Add key / Refresh: even 52px pills (radius 26, 18px) per Figma node 2325-6980 (Refresh was stuck at 36px)
- Hover brightens instead of staying flat: Refresh subtle fill, Add key lime, install tabs white text (like TS/PY)
- Delegate-keys subtitle matches Figma wording
- Relayer mismatch banner aligned to the staging branch heuristic
Append a final authoritative .card-header-actions block in index.css so the
52px Refresh/Add-key buttons, brighten-on-hover states, and the Add-key icon
win over the ~10 duplicated .dash-page rules earlier in the file. Render the
"+" at 16px/stroke-2.5 (Figma's literal 12.15px renders as a near-invisible
dot in the browser). Update the empty-keys state to the account-aware copy.
The .dash-page .card rule carried margin-bottom: 20px !important, which
silently overrode every inline card gap — so cards always sat 20px apart and
looked stuck together. Raise it to 56px for even, generous block spacing that
matches the Figma layout's rhythm, and align the CTA row (gap 30px, 56px below).
Make the "create a delegate key" empty-state text a real button that navigates
to /setup (the no-account flow), and let the Add key button hug its content so
the "+" never clips.
The .key-display .btn-secondary hover override dimmed to rgba(255,255,255,0.24),
which read as "still dark" against the near-black key cards. Match the standard
secondary-button hover (white fill, black text) so copy / copy-env / reveal
buttons clearly brighten like Refresh and Add key.
hien-p and others added 13 commits May 29, 2026 13:34
- Convert / to a sign-in-only page; navigate to /dashboard whenever a wallet is connected
- Add shared Card component used across all Dashboard and Playground cards
- Add "AI SDK integration" quickstart card; reorder SDK credentials to match staging
- Add Resources section; center CTA icons/arrows
- Match dashboard/playground content width (960) and nav inner (1280)
- Use Figma walrus-memory-logo.svg in nav + login; crisper CONSO trust logo
- Alert copy/sizing fixes; remove 37 unused marketing assets
- Unify all cards (content + Playground) to the CTA card style (12px radius, subtle border + bg) for one consistent look
- Stack Resources cards into 1 column on mobile (was cramming 3 columns)
- Rename heading to "Welcome to your Dashboard"
- Increase spacing between delegate-key list items
- Alert text fills width (drop text-wrap: balance)
… tags

- Brighten card subtitles (#8f9294 -> #b8bbbe) for readability
- Fix "I've saved my private key" checkbox label: use explicit #faf8f5 (was invisible dark var on the dark bg)
- Lay out playground server/key/SDK/namespace tags as a 2-column grid (1 column on mobile)
# Conflicts:
#	apps/app/.env.example
#	apps/app/Dockerfile
#	apps/app/src/utils/analytics.ts
feat(app): dashboard dev flow with Walrus marketing Figma UI
@ducnmm ducnmm merged commit 2c13b78 into staging Jun 1, 2026
21 of 22 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants