Design System

Widgets & Registry - ChatKit Shells

Overview
Review paths

ChatKit Shells

Installable shell and context-panel patterns adapted from the ChatKit reference apps.

ChatKit Shell Patterns

These are structural references from the ChatKit demos: conversation lanes paired with adjacent context, newsroom, map, or status panels.

What it is for

Borrow split-shell structure from ChatKit without confusing it with Apps SDK host display-mode rules.

Use when

You need a reusable conversation + context shell inside KnearMe-owned surfaces or demos.

Do not use when

You are defining inline, PiP, modal, or fullscreen behavior for ChatGPT. Use the Apps SDK guidance for those.

Related patterns

Navigation & Shells · App Surfaces · Side Panel · Widgets & Registry · Fullscreen

Escalation path

Use ChatKit shells as structural inspiration, then adapt the final host mode to the platform you are building for.

ChatKit-inspired shell

Conversation lane plus supporting panel

Customer Support · Metro Map · News Guide · Cat Lounge
Can you rebook me and show what changed?
The shell keeps the conversation column stable while the adjacent panel updates.