chore: regenerate skills

Author: ai-elements-bot[bot]

skills/ai-elements/references/checkpoint.md

@@ -177,6 +177,7 @@ const restoreAndBranch = (messageIndex: number) => {
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `children` | `React.ReactNode` | - | The text or content to display in the trigger button. |
+| `tooltip` | `string` | - | Optional tooltip text shown on hover. |
 | `variant` | `string` | - | The button variant style. |
 | `size` | `string` | - | The button size. |
 | `...props` | `React.ComponentProps<typeof Button>` | - | Any other props are spread to the underlying shadcn/ui Button component. |

skills/ai-elements/references/confirmation.md

@@ -28,6 +28,7 @@ import { CheckIcon, XIcon } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import {
   Confirmation,
+  ConfirmationTitle,
   ConfirmationRequest,
   ConfirmationAccepted,
   ConfirmationRejected,
@@ -221,6 +222,14 @@ See `scripts/confirmation-rejected.tsx` for this example.
 | `className` | `string` | - | Additional CSS classes to apply to the Alert component. |
 | `...props` | `React.ComponentProps<typeof Alert>` | - | Any other props are spread to the Alert component. |
 
+### `<ConfirmationTitle />`
+
+A styled description element for displaying a title or label within the confirmation alert.
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `...props` | `React.ComponentProps<typeof AlertDescription>` | - | Any other props are spread to the underlying AlertDescription component. |
+
 ### `<ConfirmationRequest />`
 
 | Prop | Type | Default | Description |

skills/ai-elements/references/conversation.md

@@ -215,6 +215,10 @@ const markdown = messagesToMarkdown(messages);
 // With custom formatter
 const customMarkdown = messagesToMarkdown(
   messages,
-  (msg, i) => `[${msg.role}]: ${msg.content}`
+  (msg, i) =>
+    `[${msg.role}]: ${msg.parts
+      .filter((p) => p.type === "text")
+      .map((p) => p.text)
+      .join("")}`
 );
 ```

skills/ai-elements/references/message.md

@@ -207,8 +207,7 @@ export default ActionsDemo;
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `from` | `UIMessage[` | - | Aligns the selector for user, assistant or system messages. |
-| `...props` | `React.HTMLAttributes<HTMLDivElement>` | - | Any other props are spread to the selector container. |
+| `...props` | `React.ComponentProps<typeof ButtonGroup>` | - | Any other props are spread to the underlying ButtonGroup component. |
 
 ### `<MessageBranchPrevious />`
 
@@ -228,45 +227,11 @@ export default ActionsDemo;
 |------|------|---------|-------------|
 | `...props` | `React.HTMLAttributes<HTMLSpanElement>` | - | Any other props are spread to the underlying span element. |
 
-### `<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.
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `children` | `ReactNode` | - | MessageAttachment components to render. Returns null if no children provided. |
 | `...props` | `React.ComponentProps<` | - | Any other props are spread to the root 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.
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `data` | `FileUIPart` | - | The file data to display. Must include url and mediaType. |
-| `onRemove` | `() => void` | - | Optional callback fired when the remove button is clicked. If provided, a remove button will appear on hover. |
-| `...props` | `React.HTMLAttributes<HTMLDivElement>` | - | Any other props are spread to the root div. |
-
-**Example:**
-
-```tsx
-<MessageAttachment
-  data={{
-    type: "file",
-    url: "https://example.com/image.jpg",
-    mediaType: "image/jpeg",
-    filename: "image.jpg",
-  }}
-  onRemove={() => console.log("Remove clicked")}
-/>
 ```

skills/ai-elements/references/persona.md

@@ -78,6 +78,14 @@ The Persona component responds to five distinct states, each triggering differen
 - **speaking**: Active when the AI is delivering a response (e.g., text-to-speech output)
 - **asleep**: A dormant state for when the AI is inactive or in low-power mode
 
+## React Strict Mode (Vite)
+
+The Persona component uses WebGL2 for rendering. Browsers limit the number of active WebGL2 contexts (~8–16), and React Strict Mode (enabled by default in Vite dev) double-mounts components, which can exhaust that limit and crash the page.
+
+The component includes a built-in guard that defers WebGL2 initialization by one frame, preventing context creation during Strict Mode's throw-away mount. This means the component works in Vite dev mode out of the box — no configuration needed.
+
+If you still experience crashes (for example, when rendering many Persona instances simultaneously), reduce the number of concurrent Persona components on screen.
+
 ## Usage Examples
 
 ### Basic Usage