Add Telex banner and link to AI tab

[wojtekn]

Related issues

• Fixes STU-1056

Proposed Changes

I propose adding a new Telex banner at the top of the Assistant tab and "Build with Telex" menu item in the AI input dropdown.

Testing Instructions

1. Start the app with npm start
2. Create or open a site
3. Navigate to the Assistant tab
4. Verify the conversation shows "Build blocks with Telex" banner
5. Verify "Learn more" is clickable and points to Telex landing page
6. Verify Assistant text area three-dots menu shows Telex link

Pre-merge Checklist

• Have you checked for TypeScript, React or other console errors?

[github-actions]

📊 Performance Test Results

Comparing 0414876 vs trunk

site-editor

Metric	trunk	0414876	Diff	Change
load	10125.00 ms	8384.00 ms	-1741.00 ms	🟢 -17.2%

site-startup

Metric	trunk	0414876	Diff	Change
siteCreation	14205.00 ms	14379.00 ms	+174.00 ms	🔴 1.2%
siteStartup	6011.00 ms	5953.00 ms	-58.00 ms	🟢 -1.0%

---

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change

[katinthehatsite]

In terms of functionality, it works as expected. I don't love how it looks visually but I will approve since it does what it says it does

[wojtekn]

I don't love how it looks visually but I will approve since it does what it says it does

Would you have any thoughts on the wording? The idea is to have the CTA point to Telex while also teasing what Telex is about.

[katinthehatsite]

Would you have any thoughts on the wording? The idea is to have the CTA point to Telex while also teasing what Telex is about.

I think the wording itself is fine but perhaps the position could be improved. It looks a bit strange to have it in the footer opposite of another link. The Left/right split feels arbitrary and slightly unbalanced. Some options that come to mind:

• Build blocks with Telex · Learn about experimental AI - centered in the middle, similarly, for example to GH:

• Or left-align both, stacked vertically with subtle spacing.

I think either of those would make it visually cleaner.

[Marinatsu]

Hey team @wojtekn !
In terms of language, I think it's looking good.
I agree with @katinthehatsite that the positioning is a bit strange.

What seems to strike me is the persistency of showing this.
It does seem too prominent to have it below the input field at all times.

I was thinking there could be a chance to approach it in more of a 'promotional' way by showing a small banner / notice at the top. This can be combined by showing an option to 'Build with Telex' in the menu after the banner is dismissed.

Some options are more on Telex brand, and one is more moderate.

[wojtekn]

@Marinatsu, thanks for the exploration. The last two look a bit too aggressive in the Studio layout; the third is a bit hidden, and the first looks like a great match.

[Marinatsu]

@Marinatsu, thanks for the exploration. The last two look a bit too aggressive in the Studio layout; the third is a bit hidden, and the first looks like a great match.

I agree with everything you said!
We can combine the first and the second. After you dismiss the banner, there can still be a way to access Telex from the menu.

[wojtekn]

I used browser storage as it's a low-priority state - it's acceptable that it will reset when the user clears the browser storage.

[wojtekn]

I made 'Learn more' consistent with other places.

[sejas]

Changes look good. I confirm I see the Build blocks with Telex banner on the top of the Assistant conversation. When the banner is closed by pressing the x, the banner doesn't appear anymore. I also see the Build with Telex in the assistant menu. Both links open the Telex website in the browser

I suggest adding the ↗ next to the link in the banner, similarly to other link in the app like Xdebug:

I also suggest adding the link to the word Telex ↗. I would expect "Learn more" link to open documentation and not the app itself. So the banner could look like:

[gavande1]

Thanks for working on this. LGTM 👍

[wojtekn]

@sejas makes sense, I replaced link in 57e27c1