Design System

Widgets & Registry - Overview

Overview
Review paths

Widgets & Registry

Source-backed inventory of Apps SDK and ChatKit widget families, plus the installable KnearMe surface contracts derived from them.

Reference Inventory Matrix

This matrix is the source-backed answer to which widget families exist in the reference repos, how they behave, and where KnearMe should document or install them.

What it is for

Compare reference widget families against KnearMe coverage before building a new surface.

Use when

You need to decide whether a pattern is already implemented, only referenced, or currently described incorrectly.

Do not use when

You only need one component API. Use the focused installable pages for that.

Related patterns

App Surfaces · Generative UI · MCP Client Interface

Escalation path

Inventory -> focused widget page -> installable registry item -> runtime adoption.

Widget familySourceInteractionModesBehaviorsKnearMe statusTarget

Kitchen Sink Lite

Apps SDKHost bridge lab
inlinefullscreenmodal
setWidgetState · requestDisplayMode · callTool · sendFollowUpMessage · requestModalReference only

Mixed Auth Search

Apps SDKInline search slices
inline
state sync · selectionReference only

Mixed Auth Past Orders

Apps SDKAuthenticated history panels
inlinepanel
auth-gated rendering · state syncReference only

Pizzaz List

Apps SDKRanked card list
inline
selection · cta restraintImplemented
widgets-registry/inline-cards
@knearme/result-preview-card

Pizzaz Carousel

Apps SDKMedia-heavy comparison rail
inline
horizontal comparison · selectionReference only

Pizzaz Map

Apps SDKMap with inspector
inlinefullscreen
requestDisplayMode · host state sync · inspector offsetMisframed
widgets-registry/inspector-rail
@knearme/inspector-detail-rail · @knearme/list-detail-shell

Pizzaz Album

Apps SDKDeep-dive gallery
inlinefullscreen
requestDisplayMode · selectionReference only

Pizzaz Shop

Apps SDKInline commerce flow
inlinefullscreenmodal
setWidgetState · requestDisplayMode · requestModal · state syncReference only

Shopping Cart

Apps SDKStateful inline cart
inline
setWidgetState · state syncReference only

Solar System

Apps SDKInteractive visual canvas
inlinefullscreen
requestDisplayModeReference only

Todo

Apps SDKEditable structured list
inline
persistent edits · state syncReference only

Customer Support shell + context panel

ChatKit AdvancedConversation + context shell
split shellpanel
context sync · shell layout · dictationImplemented
widgets-registry/chatkit-shells
@knearme/conversation-side-shell · @knearme/context-detail-panel

Metro Map split canvas/chat shell

ChatKit AdvancedCanvas + chat split shell
split shellpanel
selection sync · client effects · tool-driven canvas updatesReference only

News Guide newsroom shell

ChatKit AdvancedChat + newsroom context shell
split shellpanel
retrieval widgets · page-aware context · tool routingReference only

Cat Lounge dual-panel shell

ChatKit AdvancedDual-panel chat + status shell
split shellpanel
quick actions · client effects · status syncReference only

Self-hosted ChatKitPanel shell

ChatKit StarterMinimal embedded chat shell
panel
session startupImplemented
widgets-registry/chatkit-shells
@knearme/conversation-side-shell

Managed ChatKitPanel shell

ChatKit StarterManaged session shell
panel
session token fetchReference only

Installable Surface Family

These are the KnearMe-owned components that turn the inventory into installable contracts.

Developer details

Start from these files when you need to trace the live implementation.

src/shared/ui/chat/*.tsx · registry/new-york/*.tsx · registry.json

@knearme/result-preview-card

Installable registry contract

Published through the local `@knearme` registry for design-system and runtime reuse.

@knearme/inspector-detail-rail

Installable registry contract

Published through the local `@knearme` registry for design-system and runtime reuse.

@knearme/list-detail-shell

Installable registry contract

Published through the local `@knearme` registry for design-system and runtime reuse.

@knearme/persistent-pip-window

Installable registry contract

Published through the local `@knearme` registry for design-system and runtime reuse.

@knearme/fullscreen-workspace-shell

Installable registry contract

Published through the local `@knearme` registry for design-system and runtime reuse.

@knearme/conversation-side-shell

Installable registry contract

Published through the local `@knearme` registry for design-system and runtime reuse.

@knearme/context-detail-panel

Installable registry contract

Published through the local `@knearme` registry for design-system and runtime reuse.

Canonical References

Use these links when you need the host semantics behind the demos, not just the KnearMe adaptation.