Refine T3 Connect authorization surfaces

[juliusmarminge]

Summary

• give the loopback OAuth callback the matching Dev, Nightly, or stable header treatment
• remove the floating checkmark and collapse the completion guidance into one plain paragraph
• label Dev and Nightly explicitly while keeping stable builds branded as simply T3 Code
• apply the same stable-channel naming rule to the hosted web app

Why

The callback introduced in #3749 did not carry build-channel context consistently, and its status badge plus boxed follow-up copy made the simple completion state feel busier than necessary. Stable surfaces also exposed an unnecessary (Latest) implementation label.

Impact

Users now see a quieter callback with channel-correct artwork and consistent product naming across the CLI callback and hosted authorization surfaces.

Validation

• vp test run apps/server/src/cloud/cliAuthHtml.test.ts apps/web/src/branding.test.ts
• targeted vp lint for all changed files
• vp run --filter @t3tools/web typecheck
• vp run --filter t3 build
• isolated browser verification for Dev and Latest branding

---

Note

Low Risk
Branding and static HTML/CSS only; OAuth callback behavior and token handling are unchanged.

Overview
The T3 Connect loopback OAuth completion page now reflects Dev, Nightly, or stable builds: the CLI injects __T3CODE_BUILD_CHANNEL__ at build time (nightly from version string, otherwise latest; undefined in dev), and the HTML header uses channel-specific branding and artwork (stage-dev, stage-nightly, stage-latest). Stable builds show T3 Code without a “Latest” suffix.

The completion UI is simplified—the floating checkmark and boxed “Next” copy are removed in favor of a single instruction to return to the terminal.

Hosted web naming is aligned: formatAppDisplayName omits the parenthetical when the stage label is latest, so the app displays as T3 Code instead of T3 Code (Latest).

^{Reviewed by Cursor Bugbot for commit 6fc0a76. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Refine T3 Connect authorization surfaces with stage-specific branding and HTML

• Introduces resolveLoopbackAuthorizationStage in cliAuthHtml.ts to determine the current stage (dev, nightly, or latest) from the build-time constant __T3CODE_BUILD_CHANNEL__.
• Updates renderLoopbackAuthorizationCompleteHtml to include stage-specific CSS classes, a data-stage attribute, and stage-aware brand labels (e.g. "T3 Code", "T3 Code (Nightly)").
• Updates vite.config.ts to inject __T3CODE_BUILD_CHANNEL__ at build time based on whether the package version contains -nightly..
• Updates formatAppDisplayName in branding.logic.ts to omit the stage suffix when the stage label is latest.
• Behavioral Change: the authorization complete page no longer renders the status checkmark or "Next" informational box, and copy changes to "Return to your terminal to finish setting up T3 Connect."

^{Macroscope summarized 6fc0a76.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 4d6332c0-52bf-4919-8b76-bf7411023152

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch agent/refine-connect-auth-surfaces

---

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Approved

This PR adds visual branding differentiation (dev/nightly/latest) to the authorization completion page. Changes are purely presentational - CSS styling and display text only, with no modifications to authorization logic or security-sensitive code.

^{You can customize Macroscope's approvability policy. Learn more.}