Skip to content

fix(apple-ui): HIG polish — brand logo + DetailView + semantic backgrounds sweep - #5

Merged
MatheusKindrazki merged 3 commits into
mainfrom
fix/history-brand-logo
Apr 21, 2026
Merged

fix(apple-ui): HIG polish — brand logo + DetailView + semantic backgrounds sweep#5
MatheusKindrazki merged 3 commits into
mainfrom
fix/history-brand-logo

Conversation

@MatheusKindrazki

@MatheusKindrazki MatheusKindrazki commented Apr 21, 2026

Copy link
Copy Markdown
Owner

Summary

Três fixes de polimento visual Apple HIG num único build:

1. BrandLockup logo (HistoryView)

navigationTitle("Shares")BrandLockup no toolbar .principal. Padrão App Store/iMessage.

2. DetailView HIG-native redesign

  • List(.insetGrouped) + BrandLockup no principal.
  • Background cream hard-coded (BrandPalette.friendlyGround) → .systemGroupedBackground (dark-mode-aware).
  • Seções: Hero edge-to-edge · Link (ShareLink + Safari + textSelection) · Details (LabeledContent) · Files (bundle-aware) · Actions (Revoke destrutivo).
  • TimelineView envolvendo a List pra countdown live sem recompor tudo.

3. Background sweep — todas as telas

Substituí tokens cream hard-coded (BrandPalette.friendly{Ground,Canvas,Paper,Surface0,Surface1} e equivalentes) por semantic colors nativas em:

  • SplashView, OnboardingView, SettingsView, SignInView
  • PaywallView + PaywallTierCard
  • MacCompanionView + MacMenuBarView (NSColor equivalents)
  • RootView (dispatch platform-aware)
  • ShareRootView (37 call sites no Share Extension)

Accents preservados: CTAs amber/violet, urgency rings, paywall upsell stroke, sign-in bloom, splash glow.

Test plan

  • iOS + ShareExt build limpo (** BUILD SUCCEEDED **)
  • Dark mode: todas as telas respondem aos semantic tokens
  • Splash sem flash cream
  • Onboarding / SignIn / Paywall sem fundos amarelos
  • Share Extension abre com fundo semantic
  • macOS builds quando provisioning estiver OK

🤖 Generated with Claude Code

Replace the plain "Shares" large title with BrandLockup in the
principal toolbar slot — the App Store / iMessage / Instagram pattern.
Logo stays visible on every scroll position and reinforces brand
identity on the primary screen.

Switched navigationBarTitleDisplayMode to .inline so the principal slot
renders without a stacked title.
@coderabbitai

coderabbitai Bot commented Apr 21, 2026

Copy link
Copy Markdown

Warning

Rate limit exceeded

@MatheusKindrazki has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 30 minutes and 33 seconds before requesting another review.

Your organization is not enrolled in usage-based pricing. Contact your admin to enable usage-based pricing to continue reviews beyond the rate limit, or try again in 30 minutes and 33 seconds.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 2571a32e-9a36-4c92-a81f-704c080eaeef

📥 Commits

Reviewing files that changed from the base of the PR and between b71e983 and 4dd16e3.

📒 Files selected for processing (12)
  • apple/FastSharedApp/RootView.swift
  • apple/FastSharedApp/Scenes/DetailView.swift
  • apple/FastSharedApp/Scenes/HistoryView.swift
  • apple/FastSharedApp/Scenes/MacCompanionView.swift
  • apple/FastSharedApp/Scenes/MacMenuBarView.swift
  • apple/FastSharedApp/Scenes/OnboardingView.swift
  • apple/FastSharedApp/Scenes/PaywallTierCard.swift
  • apple/FastSharedApp/Scenes/PaywallView.swift
  • apple/FastSharedApp/Scenes/SettingsView.swift
  • apple/FastSharedApp/Scenes/SignInView.swift
  • apple/FastSharedApp/Scenes/SplashView.swift
  • apple/FastSharedShareExt/ShareRootView.swift
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/history-brand-logo

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Mesmo tratamento que aplicamos em HistoryView: List(.insetGrouped),
BrandLockup no toolbar .principal, semantic colors em vez de tintas
hard-coded.

- Background: .systemGroupedBackground (dark-mode-aware) substitui o
  BrandPalette.friendlyGround cream hard-coded que o user reclamou.
- Removido: nav bar custom, floating action dock com gradient fade,
  countdown hero card tingido por tier, stat tiles, extendRow
  placeholder, ellipsis menu placeholder.
- Adicionado: sections HIG (Hero edge-to-edge, Link com ShareLink +
  Link-to-Safari + textSelection, Details via LabeledContent, Files
  bundle-aware, Actions com Revoke destrutivo no final).
- Countdown live via TimelineView envolvendo a List; ring + countdown
  em monospacedDigit; status chip (dot + label) discreto.
- Bundle: nova seção "N files" listando bundledAssets ordenados por
  displayOrder — antes a tela não expunha os filhos.
- Copy button: .bordered/.small inline (em vez de pill magenta) pareado
  com textSelection(.enabled) pro URL longo.
@MatheusKindrazki MatheusKindrazki changed the title fix(apple-ui): BrandLockup logo in HistoryView toolbar fix(apple-ui): HIG-native polish — brand logo + DetailView redesign Apr 21, 2026
Sweep completo de background colors — substitui tokens cream hard-coded
(BrandPalette.friendlyGround/canvas/paper/surface0/surface1 e FriendlyPalette
equivalentes) por semantic colors nativas, dark-mode-aware:

- Scene top-level / Form / List containers → Color(.systemBackground) ou
  .systemGroupedBackground.
- Hero cards / destacados → Color(.secondarySystemBackground).
- macOS → Color(nsColor: .windowBackgroundColor / .controlBackgroundColor /
  .underPageBackgroundColor).
- Share Extension → mesmo padrão iOS (37 call sites em ShareRootView).
- Text tokens (text/textDim/textFaint/line/lineStrong) → .label /
  .secondaryLabel / .tertiaryLabel / .separator.

Accents preservados (BrandPalette.accentHot, amberAccent, violetAccent,
urgencyCritical, arc, successGreen) — CTAs, upsell cards do paywall,
urgency rings, sign-in bloom e splash glow continuam branded. Text
dentro de botões accent mantém FriendlyPalette.text(.light) pra
contraste fixo.

SplashView ambient glow intencional preservado. BrandLockup,
ScreenshotBanner, HistoryView e DetailView intactos.
@MatheusKindrazki MatheusKindrazki changed the title fix(apple-ui): HIG-native polish — brand logo + DetailView redesign fix(apple-ui): HIG polish — brand logo + DetailView + semantic backgrounds sweep Apr 21, 2026
@MatheusKindrazki
MatheusKindrazki merged commit ff58f8c into main Apr 21, 2026
2 checks passed
@MatheusKindrazki
MatheusKindrazki deleted the fix/history-brand-logo branch April 21, 2026 16:35
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.

1 participant