Build the OpenUI Cloud chat demo by zahlekhan · Pull Request #924 · thesysdev/openui

zahlekhan · 2026-08-04T12:19:24Z

Summary

make /chat an OpenUI Cloud-only, full-width demo while retaining dormant OSS code
add always-visible, read-only demo threads with private interactive continuations and one-time fixture seeding
add responsive Mobile, Tablet, and Desktop preview widths without remounting the active chat
align the new-chat shell with the latest OpenUI Cloud template, including the shared ModelSwitcher and fetchLLM adapters, exact provider assets, paid Gemini 3.6 default, starters, prompt templates, theme, and artifact categories
add typed PostHog instrumentation for demo reach, curated exploration, preview switching, continuations, live prompt/generation outcomes, and upgrade intent
use published chat packages: @openuidev/react-ui@0.13.3, @openuidev/react-headless@0.9.4, and @openuidev/thesys@0.3.1

Analytics

add a bounded chat_demo:* event contract with allowlisted demo and artifact identifiers
add eight data-attribute-element semantic tags to the key controls
track the navbar Build for free menu separately from the upgrade-sheet Build for free CTA; responsive upgrade CTA variants share a tag and report their placement
observe prompt submission at the chat transport and count activation only when the upstream response stream completes successfully
preserve demo-continuation attribution across later turns without sending prompts, responses, thread IDs, user IDs, or raw errors
disable DOM autocapture on /chat, mask chat-surface text in session replay, and disable chat-demo events on localhost

Validation

pnpm --filter @openuidev/docs types:check
focused ESLint for the chat, analytics, and OpenUI Cloud implementation
focused Prettier check and git diff --check
browser verification for the earlier demo implementation: full-width Desktop, responsive previews, demo visibility, disabled read-only controls, template starters/prompts, exact provider logos, no model status badge, and collapsed-sidebar behavior
live OpenUI Cloud continuation through a private fork with a persisted response before the analytics delta

The analytics delta's production build was attempted, but Next.js remained at Creating an optimized production build without further output and the process was stopped. Localhost browser automation was unavailable for the final semantic-wrapper smoke test; typecheck and focused lint passed.

Template refresh

Merged thesysdev/openui:main through d764ee5 before opening this PR and audited the refreshed packages/openui-cli/src/templates/openui-cloud implementation. Template-specific differences that remain are intentional: the hosted demo uses the docs theme and adds fixture storage/read-only continuation behavior.

Artifact visual quality

rebuild all four decks and four reports with image-led covers, visual cards, varied layouts, and charts where the fixture has quantitative data
add artifact-specific live generation guidance for image search, visual hierarchy, grounded charts, and decision-ready takeaways
verify every external image URL returns HTTP 200 and parse all eight fixture programs against the installed Thesys component schemas
browser-check the rendered stock report and Blockbuster deck with no console warnings or errors

# Conflicts: # docs/lib/openui-cloud/models.ts # docs/package.json # pnpm-lock.yaml

# Conflicts: # docs/package.json # pnpm-lock.yaml

# Conflicts: # pnpm-lock.yaml

vercel · 2026-08-04T12:31:12Z

@zahlekhan is attempting to deploy a commit to the thesys-devs Team on Vercel.

A member of the Team first needs to authorize it.

vercel · 2026-08-04T12:35:14Z

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

Project	Deployment	Actions	Updated (UTC)
openui-docs	Ready	Preview	Aug 7, 2026 11:31am

zahlekhan · 2026-08-04T14:41:47Z

@vercel deploy

- Replace the three demo fixtures: a Big Tech 2025 stock comparison (brand-colored trendlines, tagged table, source cards, Netflix deep dive with chart tabs), a Japan travel guide (photo cards, what-to-do tabs, trip-planner form, follow-up chips), and a Blockbuster report (film spotlight cards, market split, franchise donut, sources) - Redesign the read-only demo composer as a fade-out overlay with a single centered continue button - Add a "Demo powered by OpenUI Cloud" sidebar banner with a "Why upgrade?" trigger that opens a bottom sheet embedding the Cloud page's 12-reasons feature marquee, with mobile-specific layout - Compact single-row source citation cards via scoped CSS - Shorten three CloudFeatureMarquee titles (also affects /cloud page) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

zahlekhan · 2026-08-05T17:11:12Z

@vercel deploy

zahlekhan · 2026-08-05T17:41:57Z

Before / after — reported demo bugs

Verified on commit bf09237.

Featured demo responses stay read-only

The recorded Japan response previously allowed Create My Itinerary and other generated controls to submit a new turn. The complete generated response is now inert while the featured demo is selected; the explicit Continue conversation CTA remains available and private continuation threads retain normal interactivity.

Before	After

Browser verification confirms tabs, prompt buttons, text inputs, selects, radios, destination options, and Create My Itinerary expose disabled semantics.

Cloud footer collapses cleanly

The expanded Demo powered by OpenUI Cloud card previously overflowed inside the collapsed sidebar. It is now hidden during the collapsing transition and in the final collapsed state.

Before	After

Validation: focused Prettier and ESLint, docs TypeScript check, git diff --check, and local browser verification at desktop width.

zahlekhan · 2026-08-06T04:59:23Z

@vercel

AbhinRustagi · 2026-08-07T11:04:41Z

        { type: "image_search" },
      ],
-      instructions: createResponsesInstructions(),
+      instructions: `${createResponsesInstructions()}\n\nWhen creating an artifact, actively use the available web and image search tools to ground its content and visual choices.`,


createResponsesInstructions is now deprecated from our end, we promote generateSystemPrompt now

AbhinRustagi · 2026-08-07T11:06:15Z

+    "@openuidev/react-headless": "0.9.4",
    "@openuidev/react-lang": "workspace:^",
-    "@openuidev/react-ui": "workspace:^",
+    "@openuidev/react-ui": "0.13.3",


These are not our latest versions

AbhinRustagi · 2026-08-07T11:27:26Z

There is a gap between the last message and the bottom

cc @abhithesys

AbhinRustagi · 2026-08-07T11:46:05Z

despite being disabled, the dropdown still displays its options

zahlekhan added 3 commits August 4, 2026 14:40

Build OpenUI Cloud chat demo

2ce3a61

Merge remote-tracking branch 'origin/main' into codex/openui-chat-demo

28fc902

# Conflicts: # docs/lib/openui-cloud/models.ts # docs/package.json # pnpm-lock.yaml

Merge remote-tracking branch 'upstream/main' into codex/openui-chat-demo

3bbdf4e

# Conflicts: # docs/package.json # pnpm-lock.yaml

zahlekhan marked this pull request as ready for review August 4, 2026 12:20

zahlekhan added 2 commits August 4, 2026 17:55

chore: trigger Vercel deployment

a1d9aa2

Merge remote-tracking branch 'upstream/main' into codex/openui-chat-demo

b4e41f8

# Conflicts: # pnpm-lock.yaml

vercel Bot deployed to Preview August 4, 2026 12:38 View deployment

zahlekhan added 4 commits August 4, 2026 18:25

Improve OpenUI Cloud demo scenarios

f673436

Fix mobile demo composer layout

447af4e

Remove demo turn count badge

70c5e20

Adapt preview switcher to host width

ea42275

vercel Bot deployed to Preview August 4, 2026 14:45 View deployment

zahlekhan and others added 3 commits August 4, 2026 20:18

Remove demo thread type pills

57e4e49

Add curated demo artifact catalogs

87567ac

Keep demo responses read only

bf09237

zahlekhan added 2 commits August 6, 2026 10:25

Instrument OpenUI chat demo analytics

a61618b

Remove chat demo plan documents

93366ee

Improve demo artifact visual quality

5908f40

vercel Bot deployed to Preview August 6, 2026 08:17 View deployment

Improve generated Blockbuster artifact

cbcbb1b

vercel Bot deployed to Preview August 6, 2026 08:47 View deployment

zahlekhan added 2 commits August 6, 2026 14:58

Add stable routes for chat demos

c6fdfad

Add temporary demo artifact authoring tools

0775983

zahlekhan added 10 commits August 6, 2026 17:22

Fix demo authoring and read-only interactions

bfca605

Track chat preview form factor in URL

2cbec6d

Use Sonnet 4.6 for demo authoring

db542ed

Update Blockbuster demo slide artifact

e7f09a0

Fix upgrade CTA theme inversion

cbfdce3

Polish demo slide and footer styles

c65bc6f

Move artifact authoring to dedicated workspace

a291237

Simplify authoring output to artifact source

e01128a

Expand stock comparison report artifact

f89869c

Align stock report demo summary

06d5aef

vercel Bot deployed to Preview August 6, 2026 19:28 View deployment

Remove artifact authoring page

3a67be6

AbhinRustagi reviewed Aug 7, 2026

View reviewed changes

vercel Bot deployed to Preview August 7, 2026 11:31 View deployment

Navigation Menu

Uh oh!

Build the OpenUI Cloud chat demo - #924

Build the OpenUI Cloud chat demo#924
zahlekhan wants to merge 30 commits into
thesysdev:mainfrom
zahlekhan:codex/openui-chat-demo

zahlekhan commented Aug 4, 2026 •

edited

Loading

Uh oh!

vercel Bot commented Aug 4, 2026

Uh oh!

vercel Bot commented Aug 4, 2026 •

edited

Loading

Uh oh!

zahlekhan commented Aug 4, 2026

Uh oh!

zahlekhan commented Aug 5, 2026

Uh oh!

zahlekhan commented Aug 5, 2026

Uh oh!

zahlekhan commented Aug 6, 2026

Uh oh!

AbhinRustagi Aug 7, 2026

Uh oh!

AbhinRustagi Aug 7, 2026

Uh oh!

AbhinRustagi commented Aug 7, 2026

Uh oh!

AbhinRustagi commented Aug 7, 2026 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Uh oh!

Conversation

zahlekhan commented Aug 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Analytics

Validation

Template refresh

Artifact visual quality

Uh oh!

vercel Bot commented Aug 4, 2026

Uh oh!

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

Uh oh!

Uh oh!

zahlekhan commented Aug 4, 2026

Uh oh!

zahlekhan commented Aug 5, 2026

Uh oh!

zahlekhan commented Aug 5, 2026

Before / after — reported demo bugs

Featured demo responses stay read-only

Cloud footer collapses cleanly

Uh oh!

zahlekhan commented Aug 6, 2026

Uh oh!

AbhinRustagi Aug 7, 2026

Choose a reason for hiding this comment

Uh oh!

AbhinRustagi Aug 7, 2026

Choose a reason for hiding this comment

Uh oh!

AbhinRustagi commented Aug 7, 2026

Uh oh!

AbhinRustagi commented Aug 7, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

zahlekhan commented Aug 4, 2026 •

edited

Loading

vercel Bot commented Aug 4, 2026 •

edited

Loading

AbhinRustagi commented Aug 7, 2026 •

edited

Loading