Showcase / host chrome

Thread list sidebar.

clone-thread-shell port: search, collapse rail (data-au-sidebar), mobile drawer. Not MVP inventory — copy with host-chrome.css.

au-thread-listau-chat-shellhost-chrome

host-chrome / thread liststatic

Chat history

Explaining React Hooks: useState and useEffect

Explain React hooks like useState and useEffect

Hooks let function components use state and side effects.

ChatGPT can make mistakes. Check important info.

host-chrome / collapseddata-au-sidebar=collapsed

Collapsed rail

Icons-only rail via data-au-sidebar="collapsed".

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">