improvement(ui): share public headings and product typography by BillLeoutsakosvl346 · Pull Request #8069 · simstudioai/sim

BillLeoutsakosvl346 · 2026-09-20T22:49:54Z

Summary

Share the identical 40px heading and subtitle treatment across public chat, file-share and SSO access gates, preserving their content and behavior.
Centralize typography tokens and replace repeated product font-size/weight declarations with the shared scale. Keep imported rem units and leading where they already match.
Include the matching workflow-card heading change in the landing page's platform demonstration; other marketing presentation stays unchanged.

Intentional visual differences

This final diff includes typography normalization as well as the public-heading extraction. It is not entirely pixel-identical: workflow and note headings (including the platform demonstration) use 16px instead of 17px; small file-extension/avatar labels use 10px instead of 9px; the upgrade heading uses 28px instead of 30px; and the mobile workspace greeting uses 24px instead of 26px, retaining 28px on desktop. These use existing nearby scale values instead of adding near-duplicate tokens.

Validation

All workspace type checks, lint, import/API audits, generators and the complete EMCN suite pass against the actual target. Existing typography-merging tests cover the shared utility names. The previously captured public-access heading fixtures match in light/dark; that exact-match statement applies to the heading extraction, not the intentionally normalized sizes above. Authenticated flows and every typography consumer were not rechecked in the browser during the stack refresh. Audit tooling and review artifacts are outside the PR.

vercel · 2026-09-20T22:49:58Z

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated
docs	Skipped		Sep 24, 2026 11:01pm UTC

greptile-apps · 2026-09-20T22:52:22Z

Confidence Score: 5/5

The PR appears safe to merge, with one non-blocking visual consistency issue in the public chat password form.

Summary

This PR centralizes the product typography scale, extracts shared public-access and invitation headings, migrates UI consumers to named typography and EMCN control variants, and improves OTP invalid-state handling.

Adds shared public-auth, invitation-heading, and resource-empty-state components.
Normalizes typography sizes and weights across public, workspace, workflow-renderer, and file-preview surfaces.
Extends EMCN avatar and OTP components with size-aware fallback and invalid-state behavior.
Updates auth controls to use shared large-size and alignment variants.

_{Reviews (7) · Last reviewed commit: "fix(ui): preserve panel and auth control..."}

cubic-dev-ai

No issues found across 6 files

Confidence score: 5/5

Automated review surfaced no issues in the provided summaries.
No files require special attention.

_{Re-trigger cubic}

BillLeoutsakosvl346 · 2026-09-21T17:57:27Z

Before / after visual comparison

Public password/auth screens share PublicAuthHeader, preserving the existing heading and subcopy styles.

Left = before; right = after.

Rendered component fixtures with application CSS and local data, rather than authenticated product-page screenshots. These are representative visual examples, not end-to-end behavior coverage.

Current PR head checked at posting: 37fe35014c.

BillLeoutsakosvl346 · 2026-09-22T06:56:36Z

@greptile

BillLeoutsakosvl346 · 2026-09-22T06:56:37Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-22T06:56:42Z

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

cubic-dev-ai

No issues found across 6 files

Confidence score: 5/5

Automated review surfaced no issues in the provided summaries.
No files require special attention.

_{Re-trigger cubic}

BillLeoutsakosvl346 · 2026-09-22T20:04:25Z

@greptile

BillLeoutsakosvl346 · 2026-09-22T20:04:26Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-22T20:04:31Z

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

BillLeoutsakosvl346 · 2026-09-22T20:13:36Z

@greptile Please re-review the current head. The inline response explains the shared definition and the authorized design-system scope.

cubic-dev-ai

All reported issues were addressed across 60 files

_{Tip: instead of fixing issues one by one fix them all with cubic

Re-trigger cubic}

BillLeoutsakosvl346 · 2026-09-22T20:25:27Z

@cubic-dev-ai review this PR. The description now covers the complete typography normalization and explicitly records its intended size changes; inline responses distinguish those from the unchanged public-heading extraction.

cubic-dev-ai · 2026-09-22T20:25:38Z

@cubic-dev-ai review this PR. The description now covers the complete typography normalization and explicitly records its intended size changes; inline responses distinguish those from the unchanged public-heading extraction.

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

cubic-dev-ai

No issues found across 60 files

Confidence score: 5/5

Automated review surfaced no issues in the provided summaries.
No files require special attention.

_{Re-trigger cubic}

* improvement(ui): share workflow panel tab buttons * improvement(ui): reuse chips for panel selection actions (#8166) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>

* improvement(ui): share account status headings * improvement(ui): use shared sizing for auth controls * refactor(emcn): share invalid OTP slot treatment (#8246) * Add shared invalid state to EMCN OTP slots * fix(ui): distinguish OTP verification from resend errors * test(ui): type OTP input queries as inputs * test(ui): import OTP test button prop type * test(ui): use shared logger mock in OTP regression --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> Co-authored-by: Waleed <walif6@gmail.com>

Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>

BillLeoutsakosvl346 · 2026-09-24T22:48:01Z

@greptile review this PR

BillLeoutsakosvl346 · 2026-09-24T22:48:05Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-24T22:48:10Z

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

BillLeoutsakosvl346 · 2026-09-24T22:51:26Z

@greptile review this PR

BillLeoutsakosvl346 · 2026-09-24T22:51:32Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-24T22:51:36Z

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

cubic-dev-ai

All reported issues were addressed across 86 files

_{You've manually re-run cubic several times on this PR. Each manual re-review checks the full PR again and counts toward your usage quota. To preserve your usage limits, we recommend letting cubic automatically review new commits.

Fix all with cubic | Re-trigger cubic}

BillLeoutsakosvl346 · 2026-09-24T23:02:00Z

@greptile review this PR

BillLeoutsakosvl346 · 2026-09-24T23:02:04Z

@cubic-dev-ai review this PR

cubic-dev-ai · 2026-09-24T23:02:10Z

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

cubic-dev-ai

No issues found across 88 files

Confidence score: 5/5

Automated review surfaced no issues in the provided summaries.
No files require special attention.

_{You've manually re-run cubic several times on this PR. Each manual re-review checks the full PR again and counts toward your usage quota. To preserve your usage limits, we recommend letting cubic automatically review new commits.

Re-trigger cubic}

greptile-apps · 2026-09-24T23:04:57Z

Comments Outside Diff

These findings sit on lines the diff does not cover, so they could not be posted inline. Each one leaves this list once its file changes.

Password Field Height Mismatch apps/sim/app/(interfaces)/chat/components/auth/password/password-auth.tsx:75 ▶

The new h-[34px] class overrides PasswordInput’s size='lg' height. This makes the password field 34px tall while its submit button and the sibling email-auth field remain on the shared 36px auth-control scale, leaving the form controls visibly misaligned. Remove this override so the shared large size applies consistently.

BillLeoutsakosvl346 · 2026-09-24T23:05:52Z

@greptile Re: the Password Field Height Mismatch: 34px is the chat password field height on the actual PR base. Removing that override changed this screen from 34px to 36px, which Cubic correctly flagged as an unreported visual change. We restored the exact prior height in d624bfe; the submit button and separate email-auth screen retain their preexisting sizes. The final base-to-head diff does not alter this field geometry. Please withdraw this outside-diff finding; cross-screen size normalization can be decided in a separate design review.

greptile-apps · 2026-09-24T23:06:24Z

Acknowledged. The base revision already contains className='h-[34px]' on PasswordInput, and the current head retains it, so this PR does not change the password field geometry. I withdraw the outside-diff finding; any cross-screen control-size normalization should be handled separately.

* improvement(emcn): share ordinary action geometry in Button * improvement(emcn): consolidate selection controls and styling options * test(emcn): read email geometry from the public export * improvement(emcn): share larger chip and field geometry (#8151) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * refactor(ui): use EMCN fields in deployment and setup modals (#8009) * improvement(emcn): share larger chip and field geometry * refactor(ui): use EMCN fields in deployment and setup modals * improvement(ui): reuse chip for PII configuration action (#8173) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * improvement(ui): compose horizontal and credential fields in EMCN (#8164) * improvement(ui): compose horizontal and credential fields in EMCN * Share deploy chat field error treatment (#8255) * refactor(ui): share deploy chat field error treatment * refactor(ui): name deploy error props --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * improvement(ui): share knowledge filter headings (#8073) * improvement(ui): share knowledge filter headings * improvement(ui): share inline filter and pagination actions (#8163) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * improvement(ui): use chip fields in workflow search and replace (#8076) * improvement(emcn): share larger chip and field geometry * improvement(ui): use chip fields in workflow search and replace * fix(ui): use shared centered chip content on chat errors * improvement(ui): use chips for ordinary product actions (#8081) * improvement(ui): use chips for ordinary product actions * improvement(ui): use shared chip alignment * improvement(ui): use shared search action sizes (#8160) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * improvement(ui): reuse chips for custom block upload actions (#8084) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * fix(chat): use native attachment action (#8265) * fix(chat): use native attachment action * fix(chat): retain disabled attachment tooltip --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * fix(chat): use EMCN icon button target for attachments * refactor(ui): centralize destructive ghost button colors in EMCN (#7988) * improvement(emcn): share larger chip and field geometry * refactor(ui): use EMCN fields in deployment and setup modals * refactor(ui): centralize destructive ghost button colors in EMCN * improvement(ui): use standard knowledge tag icon size * refactor(ui): consolidate product corner radii * improvement(ui): reuse chip for PII configuration action (#8173) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * refactor(ui): share collapsible workflow field cards (#8017) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * improvement(ui): compose horizontal and credential fields in EMCN (#8164) * improvement(ui): compose horizontal and credential fields in EMCN * Share deploy chat field error treatment (#8255) * refactor(ui): share deploy chat field error treatment * refactor(ui): name deploy error props --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> Co-authored-by: Waleed <walif6@gmail.com> * improvement(ui): share public headings and product typography (#8069) * improvement(emcn): share larger chip and field geometry * improvement(ui): share public authentication headings * improvement(ui): share workflow panel tab buttons (#8072) * improvement(ui): share workflow panel tab buttons * improvement(ui): reuse chips for panel selection actions (#8166) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * refactor(ui): share account headings and auth control sizing (#8074) * improvement(ui): share account status headings * improvement(ui): use shared sizing for auth controls * refactor(emcn): share invalid OTP slot treatment (#8246) * Add shared invalid state to EMCN OTP slots * fix(ui): distinguish OTP verification from resend errors * test(ui): type OTP input queries as inputs * test(ui): import OTP test button prop type * test(ui): use shared logger mock in OTP regression --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> Co-authored-by: Waleed <walif6@gmail.com> * improvement(ui): share missing resource states (#8078) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * improvement(ui): reuse avatars for owners and members (#8079) Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> * fix(ui): adopt exact shared 18px typography token * fix(ui): preserve panel and auth control semantics --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> Co-authored-by: Waleed <walif6@gmail.com> * fix(ui): preserve shared tag actions and product styling fallbacks * fix(ui): keep logs filters on canonical chip height --------- Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local> Co-authored-by: Codex <codex@openai.com> Co-authored-by: Waleed <walif6@gmail.com>

vercel Bot temporarily deployed to Preview September 20, 2026 22:49 Inactive

cubic-dev-ai Bot reviewed Sep 20, 2026

View reviewed changes

vercel Bot deployed to Preview September 22, 2026 06:57 View deployment

cubic-dev-ai Bot reviewed Sep 22, 2026

View reviewed changes

vercel Bot deployed to Preview September 22, 2026 17:59 View deployment

BillLeoutsakosvl346 force-pushed the codex/emcn-consolidation branch from bf036a1 to a8070bc Compare September 22, 2026 19:41

Bill Leoutsakos added 2 commits September 22, 2026 12:51

improvement(emcn): share larger chip and field geometry

7eb9cc4

improvement(ui): share public authentication headings

f8bafb5

BillLeoutsakosvl346 changed the base branch from codex/emcn-consolidation to codex/overrides-chip-sizing September 22, 2026 20:04

BillLeoutsakosvl346 force-pushed the codex/control-fix-public-auth-headings branch from 4d8c337 to f8bafb5 Compare September 22, 2026 20:04

vercel Bot deployed to Preview September 22, 2026 20:06 View deployment

greptile-apps Bot reviewed Sep 22, 2026

View reviewed changes

Comment thread apps/sim/app/_styles/globals.css

cubic-dev-ai Bot reviewed Sep 22, 2026

View reviewed changes

BillLeoutsakosvl346 changed the title ~~improvement(ui): share public authentication headings~~ improvement(ui): share public headings and product typography Sep 22, 2026

cubic-dev-ai Bot reviewed Sep 22, 2026

View reviewed changes

Base automatically changed from codex/overrides-chip-sizing to codex/emcn-consolidation September 23, 2026 02:11

vercel Bot temporarily deployed to Preview September 24, 2026 22:16 Inactive

BillLeoutsakosvl346 and others added 3 commits September 24, 2026 15:16

improvement(ui): share missing resource states (#8078)

c5a5c75

Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>

improvement(ui): reuse avatars for owners and members (#8079)

4491848

Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>

vercel Bot deployed to Preview September 24, 2026 22:20 View deployment

Merge EMCN consolidation into public auth headings

6ec0500

vercel Bot deployed to Preview September 24, 2026 22:49 View deployment

Merge latest EMCN consolidation into public auth headings

3f26f1f

vercel Bot temporarily deployed to Preview September 24, 2026 22:51 Inactive

greptile-apps Bot reviewed Sep 24, 2026

View reviewed changes

Comment thread apps/sim/components/auth/public-auth-header.tsx

cubic-dev-ai Bot reviewed Sep 24, 2026

View reviewed changes

fix(ui): adopt exact shared 18px typography token

e4464e8

vercel Bot deployed to Preview September 24, 2026 22:59 View deployment

fix(ui): preserve panel and auth control semantics

d624bfe

vercel Bot temporarily deployed to Preview September 24, 2026 23:01 Inactive

cubic-dev-ai Bot reviewed Sep 24, 2026

View reviewed changes

BillLeoutsakosvl346 merged commit 7737344 into codex/emcn-consolidation Sep 24, 2026
8 checks passed

waleedlatif1 deleted the codex/control-fix-public-auth-headings branch September 24, 2026 23:57

Conversation

BillLeoutsakosvl346 commented Sep 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Intentional visual differences

Validation

Uh oh!

vercel Bot commented Sep 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

greptile-apps Bot commented Sep 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Confidence Score: 5/5

Summary

Uh oh!

cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

Uh oh!

BillLeoutsakosvl346 commented Sep 21, 2026

Before / after visual comparison

Uh oh!

BillLeoutsakosvl346 commented Sep 22, 2026

Uh oh!

BillLeoutsakosvl346 commented Sep 22, 2026

Uh oh!

cubic-dev-ai Bot commented Sep 22, 2026

Uh oh!

cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

Uh oh!

BillLeoutsakosvl346 commented Sep 22, 2026

Uh oh!

BillLeoutsakosvl346 commented Sep 22, 2026

Uh oh!

cubic-dev-ai Bot commented Sep 22, 2026

Uh oh!

Uh oh!

BillLeoutsakosvl346 commented Sep 22, 2026

Uh oh!

cubic-dev-ai Bot left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

BillLeoutsakosvl346 commented Sep 22, 2026

Uh oh!

cubic-dev-ai Bot commented Sep 22, 2026

Uh oh!

cubic-dev-ai Bot left a comment

Choose a reason for hiding this comment

Uh oh!

BillLeoutsakosvl346 commented Sep 24, 2026

Uh oh!

BillLeoutsakosvl346 commented Sep 24, 2026

Uh oh!

cubic-dev-ai Bot commented Sep 24, 2026

Uh oh!

BillLeoutsakosvl346 commented Sep 24, 2026

Uh oh!

BillLeoutsakosvl346 commented Sep 24, 2026

Uh oh!

cubic-dev-ai Bot commented Sep 24, 2026

Uh oh!

Uh oh!

cubic-dev-ai Bot left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

BillLeoutsakosvl346 commented Sep 24, 2026

Uh oh!

BillLeoutsakosvl346 commented Sep 20, 2026 •

edited

Loading

vercel Bot commented Sep 20, 2026 •

edited

Loading

greptile-apps Bot commented Sep 20, 2026 •

edited

Loading

cubic-dev-ai Bot left a comment •

edited

Loading

cubic-dev-ai Bot left a comment •

edited

Loading