@arbidocs/blocks 0.4.2 → 0.4.3

package/README.md

@@ -92,6 +92,27 @@ import { PassagePill } from '@arbidocs/blocks/citations'
   through `testId` / `testIds`.
 - Parts are not polymorphic: `asChild` exists only where a part documents it.
 
+## Assistant chat page
+
+`ChatPage` (`@arbidocs/blocks/chat`) is a whole assistant chat: conversations with auto-titles, markdown
+answers, composer with a document chip and upload, empty, error and retry states, plus `header` and `aside`
+(workflow launcher) slots. It sizes to its container, so it holds up beside an open dock. Bind it with the
+`@arbidocs/react` hook:
+
+```tsx
+import { ChatPage, useChatSurface } from '@arbidocs/blocks/chat'
+import { useConnectedChat } from '@arbidocs/blocks/connect' // or useArbiChat({ workspaceId }) from @arbidocs/react
+
+const chat = useConnectedChat()
+<ChatPage chat={chat} header={<h2>Assistant</h2>} aside={<WorkflowLauncher … />} />
+
+// The dock yields to a mounted page chat:
+const { isDockAvailable } = useChatSurface()
+{isDockAvailable && <MyDock />}
+```
+
+Theme the user bubble with `--chat-user-bubble` and `--chat-user-bubble-foreground` (HSL triplets).
+
 ## Editorial site parts
 
 `@arbidocs/blocks/site` (and the root) carry the layout parts for static marketing pages:
@@ -114,6 +135,27 @@ import { EditorialHero, EditorialSection, PanelGrid, CtaBand } from '@arbidocs/b
 See `examples/custom-ui/MarketingPage.tsx` for a full page and `docs/design/blocks-package.md` for
 the part table.
 
+## Workspaces: gallery and switcher in a few lines
+
+```tsx
+import { WorkspaceGallery } from '@arbidocs/blocks/workspaces'
+import { WorkspaceSwitcher } from '@arbidocs/blocks'
+import { useConnectedShellWorkspaces } from '@arbidocs/blocks/connect'
+
+const { items, active, recent, open, openingId } = useConnectedShellWorkspaces({
+  seed: { workspaces: demoWorkspaces, activeId: 'demo-1' }, // host data, shown only if the account has none
+  onOpened: () => navigate('/app/documents'),                // runs after the workspace is selected
+})
+
+<WorkspaceSwitcher workspace={active} recent={recent} onSwitch={open} /* ... */ />
+<WorkspaceGallery workspaces={items} currentId={active?.id} openingId={openingId} onOpen={open} />
+```
+
+Clicking any card, the current one too, selects the workspace and then navigates. Without a
+connection layer use `useShellWorkspaces` from `@arbidocs/react` and pass your own list and `select`.
+Small helpers for host copy: `formatCount(1, { one: 'document', other: 'documents' })` and
+`displayName(user)` for greetings. See `examples/custom-ui/HomePage.tsx`.
+
 ## Workspace isolation
 
 Blocks hold no keys and do no crypto. Parts take the data of one workspace and never merge data