# Chat Shell 1 – Thread sidebar with pin, rename, share and delete

> The shell around a chat: workspace switcher, new chat, search, thread history grouped by recency with pinned threads on top, and an account menu at the foot. Renaming, pinning, sharing and deleting all work, on demo data you swap for your own backend. Not a generic app shell: everything in it exists for a chat product, and chat-1 is what mounts in the middle. It assumes no router, so it drops into the app you already have.

A paid shadcn/ui block sold by the [@shadcncraft](https://shadcncraft.com/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/shadcncraft/chat-shell-1).

- Page, with a preview: https://shadcn.exchange/r/shadcncraft/chat-shell-1
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcncraft/chat-shell-1-light-a2716dc9e3fd74e6.png
- Categories: chat
- Listed: 2026-10-13

## Buy and install

@shadcncraft sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/shadcncraft/chat-shell-1

## Dependencies

- npm packages: `sonner`
- Registry items: `alert-dialog`, `avatar`, `breadcrumb`, `command`, `dropdown-menu`, `separator`, `sidebar`, `skeleton`, `@shadcncraft/share-dialog-1`

## Notes from the registry

`lib/demo-threads.ts` is the file to delete. Implement `ThreadStore`'s four methods against your own backend, pass the result as `store`, and the optimistic updates in `lib/threads-store.tsx` keep working unchanged.