Showcase / assistant-ui port

Artifacts split.

Source-first port of artifacts.tsx: chat column + artifact panel with native code/preview tabs. Host owns artifact content.

artifacts.tsxhost-chrome

artifacts / splitcode · preview

Build a tiny counter component.

Here is a minimal counter. The artifact panel shows the source and a preview.

Install

<link rel="stylesheet" href="tokens.css">
<link rel="stylesheet" href="components/button/button.css">
<link rel="stylesheet" href="components/chat-thread/chat-thread.css">
<link rel="stylesheet" href="components/chat-message/chat-message.css">
<link rel="stylesheet" href="components/chat-input/chat-input.css">
<link rel="stylesheet" href="host-chrome.css">