Update docs

Author: haydenbleasel

.changeset/cuddly-jeans-trade.md

@@ -0,0 +1,5 @@
+---
+"ai-elements": minor
+---
+
+Update docs

apps/docs/content/components/(chatbot)/checkpoint.mdx

@@ -198,6 +198,10 @@ const restoreAndBranch = (messageIndex: number) => {
       description: "The text or content to display in the trigger button.",
       type: "React.ReactNode",
     },
+    tooltip: {
+      description: "Optional tooltip text shown on hover.",
+      type: "string",
+    },
     variant: {
       description: "The button variant style.",
       type: "string",

apps/docs/content/components/(chatbot)/confirmation.mdx

@@ -28,6 +28,7 @@ import { CheckIcon, XIcon } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import {
   Confirmation,
+  ConfirmationTitle,
   ConfirmationRequest,
   ConfirmationAccepted,
   ConfirmationRejected,
@@ -237,6 +238,19 @@ Shows the rejected status when user rejects and state is `output-denied`.
   }}
 />
 
+### `<ConfirmationTitle />`
+
+A styled description element for displaying a title or label within the confirmation alert.
+
+<TypeTable
+  type={{
+    "...props": {
+      description: "Any other props are spread to the underlying AlertDescription component.",
+      type: "React.ComponentProps<typeof AlertDescription>",
+    },
+  }}
+/>
+
 ### `<ConfirmationRequest />`
 
 <TypeTable

apps/docs/content/components/(chatbot)/message.mdx

@@ -313,14 +313,9 @@ export default ActionsDemo;
 
 <TypeTable
   type={{
-    from: {
-      description:
-        "Aligns the selector for user, assistant or system messages.",
-      type: 'UIMessage["role"]',
-    },
     "...props": {
-      description: "Any other props are spread to the selector container.",
-      type: "React.HTMLAttributes<HTMLDivElement>",
+      description: "Any other props are spread to the underlying ButtonGroup component.",
+      type: "React.ComponentProps<typeof ButtonGroup>",
     },
   }}
 />
@@ -360,66 +355,16 @@ export default ActionsDemo;
   }}
 />
 
-### `<MessageAttachments />`
+### `<MessageToolbar />`
 
-A container component for displaying file attachments in a message. Automatically positions attachments at the end of the message with proper spacing and alignment.
+A container for placing actions and branch selectors below a message. Lays out children in a horizontal row with space-between alignment.
 
 <TypeTable
   type={{
-    children: {
-      description:
-        "MessageAttachment components to render. Returns null if no children provided.",
-      type: "ReactNode",
-    },
     "...props": {
       description: "Any other props are spread to the root div.",
       type: 'React.ComponentProps<"div">',
     },
   }}
 />
-
-**Example:**
-
-```tsx
-<MessageAttachments className="mb-2">
-  {files.map((attachment) => (
-    <MessageAttachment data={attachment} key={attachment.url} />
-  ))}
-</MessageAttachments>
-```
-
-### `<MessageAttachment />`
-
-Displays a single file attachment. Images are shown as thumbnails (96px × 96px) with rounded corners. Non-image files show a paperclip icon with the filename.
-
-<TypeTable
-  type={{
-    data: {
-      description: "The file data to display. Must include url and mediaType.",
-      type: "FileUIPart",
-    },
-    onRemove: {
-      description:
-        "Optional callback fired when the remove button is clicked. If provided, a remove button will appear on hover.",
-      type: "() => void",
-    },
-    "...props": {
-      description: "Any other props are spread to the root div.",
-      type: "React.HTMLAttributes<HTMLDivElement>",
-    },
-  }}
-/>
-
-**Example:**
-
-```tsx
-<MessageAttachment
-  data={{
-    type: "file",
-    url: "https://example.com/image.jpg",
-    mediaType: "image/jpeg",
-    filename: "image.jpg",
-  }}
-  onRemove={() => console.log("Remove clicked")}
-/>
 ```