chore: regenerate skills

ai-elements-bot[bot] · ai-elements-bot[bot] · commit e978ac34770c · 2026-03-06T21:20:17.000Z
diff --git a/skills/ai-elements/scripts/audio-player.tsx b/skills/ai-elements/scripts/audio-player.tsx
@@ -1,7 +1,5 @@
 "use client";
 
-import type { Experimental_SpeechResult as SpeechResult } from "ai";
-
 import {
   AudioPlayer,
   AudioPlayerControlBar,
@@ -15,6 +13,7 @@ import {
   AudioPlayerTimeRange,
   AudioPlayerVolumeRange,
 } from "@/components/ai-elements/audio-player";
+import type { Experimental_SpeechResult as SpeechResult } from "ai";
 import { useEffect, useState } from "react";
 
 const Example = () => {
diff --git a/skills/ai-elements/scripts/code-block.tsx b/skills/ai-elements/scripts/code-block.tsx
@@ -1,7 +1,5 @@
 "use client";
 
-import type { BundledLanguage } from "shiki";
-
 import {
   CodeBlock,
   CodeBlockActions,
@@ -17,6 +15,7 @@ import {
 } from "@/components/ai-elements/code-block";
 import { FileIcon } from "lucide-react";
 import { useCallback, useState } from "react";
+import type { BundledLanguage } from "shiki";
 
 const codeExamples = {
   go: {
diff --git a/skills/ai-elements/scripts/persona-command.tsx b/skills/ai-elements/scripts/persona-command.tsx
@@ -1,8 +1,6 @@
 "use client";
 
 import type { PersonaState } from "@/components/ai-elements/persona";
-import type { LucideIcon } from "lucide-react";
-
 import { Persona } from "@/components/ai-elements/persona";
 import { Button } from "@/components/ui/button";
 import { ButtonGroup } from "@/components/ui/button-group";
@@ -11,6 +9,7 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import type { LucideIcon } from "lucide-react";
 import {
   BrainIcon,
   CircleIcon,
diff --git a/skills/ai-elements/scripts/persona-glint.tsx b/skills/ai-elements/scripts/persona-glint.tsx
@@ -1,8 +1,6 @@
 "use client";
 
 import type { PersonaState } from "@/components/ai-elements/persona";
-import type { LucideIcon } from "lucide-react";
-
 import { Persona } from "@/components/ai-elements/persona";
 import { Button } from "@/components/ui/button";
 import { ButtonGroup } from "@/components/ui/button-group";
@@ -11,6 +9,7 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import type { LucideIcon } from "lucide-react";
 import {
   BrainIcon,
   CircleIcon,
diff --git a/skills/ai-elements/scripts/persona-halo.tsx b/skills/ai-elements/scripts/persona-halo.tsx
@@ -1,8 +1,6 @@
 "use client";
 
 import type { PersonaState } from "@/components/ai-elements/persona";
-import type { LucideIcon } from "lucide-react";
-
 import { Persona } from "@/components/ai-elements/persona";
 import { Button } from "@/components/ui/button";
 import { ButtonGroup } from "@/components/ui/button-group";
@@ -11,6 +9,7 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import type { LucideIcon } from "lucide-react";
 import {
   BrainIcon,
   CircleIcon,
diff --git a/skills/ai-elements/scripts/persona-mana.tsx b/skills/ai-elements/scripts/persona-mana.tsx
@@ -1,8 +1,6 @@
 "use client";
 
 import type { PersonaState } from "@/components/ai-elements/persona";
-import type { LucideIcon } from "lucide-react";
-
 import { Persona } from "@/components/ai-elements/persona";
 import { Button } from "@/components/ui/button";
 import { ButtonGroup } from "@/components/ui/button-group";
@@ -11,6 +9,7 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import type { LucideIcon } from "lucide-react";
 import {
   BrainIcon,
   CircleIcon,
diff --git a/skills/ai-elements/scripts/persona-obsidian.tsx b/skills/ai-elements/scripts/persona-obsidian.tsx
@@ -1,8 +1,6 @@
 "use client";
 
 import type { PersonaState } from "@/components/ai-elements/persona";
-import type { LucideIcon } from "lucide-react";
-
 import { Persona } from "@/components/ai-elements/persona";
 import { Button } from "@/components/ui/button";
 import { ButtonGroup } from "@/components/ui/button-group";
@@ -11,6 +9,7 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import type { LucideIcon } from "lucide-react";
 import {
   BrainIcon,
   CircleIcon,
diff --git a/skills/ai-elements/scripts/persona-opal.tsx b/skills/ai-elements/scripts/persona-opal.tsx
@@ -1,8 +1,6 @@
 "use client";
 
 import type { PersonaState } from "@/components/ai-elements/persona";
-import type { LucideIcon } from "lucide-react";
-
 import { Persona } from "@/components/ai-elements/persona";
 import { Button } from "@/components/ui/button";
 import { ButtonGroup } from "@/components/ui/button-group";
@@ -11,6 +9,7 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
+import type { LucideIcon } from "lucide-react";
 import {
   BrainIcon,
   CircleIcon,
diff --git a/skills/ai-elements/scripts/prompt-input-cursor.tsx b/skills/ai-elements/scripts/prompt-input-cursor.tsx
@@ -1,9 +1,6 @@
 "use client";
 
 import type { AttachmentData } from "@/components/ai-elements/attachments";
-import type { PromptInputMessage } from "@/components/ai-elements/prompt-input";
-import type { SourceDocumentUIPart } from "ai";
-
 import {
   Attachment,
   AttachmentInfo,
@@ -24,6 +21,7 @@ import {
   ModelSelectorName,
   ModelSelectorTrigger,
 } from "@/components/ai-elements/model-selector";
+import type { PromptInputMessage } from "@/components/ai-elements/prompt-input";
 import {
   PromptInput,
   PromptInputBody,
@@ -52,6 +50,7 @@ import {
   usePromptInputReferencedSources,
 } from "@/components/ai-elements/prompt-input";
 import { Button } from "@/components/ui/button";
+import type { SourceDocumentUIPart } from "ai";
 import {
   AtSignIcon,
   CheckIcon,
@@ -174,29 +173,24 @@ ModelItem.displayName = "ModelItem";
 
 interface SourceCommandItemProps {
   source: SourceDocumentUIPart;
-  index: number;
   onAdd: (source: SourceDocumentUIPart) => void;
 }
 
-const SourceCommandItem = memo(
-  ({ source, index, onAdd }: SourceCommandItemProps) => {
-    const handleSelect = useCallback(() => onAdd(source), [onAdd, source]);
-    return (
-      <PromptInputCommandItem
-        key={`${source.title}-${index}`}
-        onSelect={handleSelect}
-      >
-        <GlobeIcon className="text-primary" />
-        <div className="flex flex-col">
-          <span className="font-medium text-sm">{source.title}</span>
-          <span className="text-muted-foreground text-xs">
-            {source.filename}
-          </span>
-        </div>
-      </PromptInputCommandItem>
-    );
-  }
-);
+const SourceCommandItem = memo(({ source, onAdd }: SourceCommandItemProps) => {
+  const handleSelect = useCallback(() => onAdd(source), [onAdd, source]);
+  return (
+    <PromptInputCommandItem
+      key={`${source.filename}-${source.title}`}
+      onSelect={handleSelect}
+    >
+      <GlobeIcon className="text-primary" />
+      <div className="flex flex-col">
+        <span className="font-medium text-sm">{source.title}</span>
+        <span className="text-muted-foreground text-xs">{source.filename}</span>
+      </div>
+    </PromptInputCommandItem>
+  );
+});
 
 SourceCommandItem.displayName = "SourceCommandItem";
 
@@ -318,10 +312,9 @@ const SampleFilesMenu = () => {
                     s.title === source.title && s.filename === source.filename
                 )
             )
-            .map((source, index) => (
+            .map((source) => (
               <SourceCommandItem
-                index={index}
-                key={`${source.title}-${index}`}
+                key={`${source.filename}-${source.title}`}
                 onAdd={handleAdd}
                 source={source}
               />
diff --git a/skills/ai-elements/scripts/prompt-input.tsx b/skills/ai-elements/scripts/prompt-input.tsx
@@ -1,7 +1,5 @@
 "use client";
 
-import type { PromptInputMessage } from "@/components/ai-elements/prompt-input";
-
 import {
   Attachment,
   AttachmentPreview,
@@ -21,6 +19,7 @@ import {
   ModelSelectorName,
   ModelSelectorTrigger,
 } from "@/components/ai-elements/model-selector";
+import type { PromptInputMessage } from "@/components/ai-elements/prompt-input";
 import {
   PromptInput,
   PromptInputActionAddAttachments,
diff --git a/skills/ai-elements/scripts/queue-prompt-input.tsx b/skills/ai-elements/scripts/queue-prompt-input.tsx
@@ -1,8 +1,5 @@
 "use client";
 
-import type { PromptInputMessage } from "@/components/ai-elements/prompt-input";
-import type { QueueTodo } from "@/components/ai-elements/queue";
-
 import {
   Attachment,
   AttachmentPreview,
@@ -22,6 +19,7 @@ import {
   ModelSelectorName,
   ModelSelectorTrigger,
 } from "@/components/ai-elements/model-selector";
+import type { PromptInputMessage } from "@/components/ai-elements/prompt-input";
 import {
   PromptInput,
   PromptInputActionAddAttachments,
@@ -37,6 +35,7 @@ import {
   PromptInputTools,
   usePromptInputAttachments,
 } from "@/components/ai-elements/prompt-input";
+import type { QueueTodo } from "@/components/ai-elements/queue";
 import {
   Queue,
   QueueItem,
diff --git a/skills/ai-elements/scripts/queue.tsx b/skills/ai-elements/scripts/queue.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import type { QueueMessage, QueueTodo } from "@/components/ai-elements/queue";
-
 import {
   Queue,
   QueueItem,
diff --git a/skills/ai-elements/scripts/reasoning.tsx b/skills/ai-elements/scripts/reasoning.tsx
@@ -22,15 +22,15 @@ const Example = () => {
 
   // Function to chunk text into fake tokens of 3-4 characters
   const chunkIntoTokens = useCallback((text: string): string[] => {
-    const tokens: string[] = [];
+    const chunks: string[] = [];
     let i = 0;
     while (i < text.length) {
       // Random size between 3-4
       const chunkSize = Math.floor(Math.random() * 2) + 3;
-      tokens.push(text.slice(i, i + chunkSize));
+      chunks.push(text.slice(i, i + chunkSize));
       i += chunkSize;
     }
-    return tokens;
+    return chunks;
   }, []);
 
   useEffect(() => {
diff --git a/skills/ai-elements/scripts/sandbox.tsx b/skills/ai-elements/scripts/sandbox.tsx
@@ -1,7 +1,5 @@
 "use client";
 
-import type { ToolUIPart } from "ai";
-
 import { CodeBlock, CodeBlockCopyButton } from "@/components/ai-elements/code-block";
 import {
   Sandbox,
@@ -26,6 +24,7 @@ import {
   StackTraceHeader,
 } from "@/components/ai-elements/stack-trace";
 import { Button } from "@/components/ui/button";
+import type { ToolUIPart } from "ai";
 import { memo, useCallback, useState } from "react";
 
 const code = `import math
diff --git a/skills/ai-elements/scripts/suggestion-input.tsx b/skills/ai-elements/scripts/suggestion-input.tsx
@@ -1,7 +1,6 @@
 "use client";
 
 import type { PromptInputMessage } from "@/components/ai-elements/prompt-input";
-
 import {
   PromptInput,
   PromptInputButton,
@@ -125,9 +124,9 @@ const Example = () => {
                 <PromptInputSelectValue />
               </PromptInputSelectTrigger>
               <PromptInputSelectContent>
-                {models.map((model) => (
-                  <PromptInputSelectItem key={model.id} value={model.id}>
-                    {model.name}
+                {models.map((m) => (
+                  <PromptInputSelectItem key={m.id} value={m.id}>
+                    {m.name}
                   </PromptInputSelectItem>
                 ))}
               </PromptInputSelectContent>
diff --git a/skills/ai-elements/scripts/task.tsx b/skills/ai-elements/scripts/task.tsx
@@ -1,7 +1,5 @@
 "use client";
 
-import type { ReactNode } from "react";
-
 import { SiReact } from "@icons-pack/react-simple-icons";
 import {
   Task,
@@ -11,6 +9,7 @@ import {
   TaskTrigger,
 } from "@/components/ai-elements/task";
 import { nanoid } from "nanoid";
+import type { ReactNode } from "react";
 
 const Example = () => {
   const tasks: { key: string; value: ReactNode }[] = [
diff --git a/skills/ai-elements/scripts/tool-output-available.tsx b/skills/ai-elements/scripts/tool-output-available.tsx
@@ -1,7 +1,5 @@
 "use client";
 
-import type { ToolUIPart } from "ai";
-
 import { CodeBlock } from "@/components/ai-elements/code-block";
 import {
   Tool,
@@ -10,6 +8,7 @@ import {
   ToolInput,
   ToolOutput,
 } from "@/components/ai-elements/tool";
+import type { ToolUIPart } from "ai";
 import { nanoid } from "nanoid";
 
 const toolCall: ToolUIPart = {
diff --git a/skills/ai-elements/scripts/tool-output-error.tsx b/skills/ai-elements/scripts/tool-output-error.tsx
@@ -1,14 +1,13 @@
 "use client";
 
-import type { ToolUIPart } from "ai";
-
 import {
   Tool,
   ToolContent,
   ToolHeader,
   ToolInput,
   ToolOutput,
 } from "@/components/ai-elements/tool";
+import type { ToolUIPart } from "ai";
 
 const toolCall: ToolUIPart = {
   errorText:
diff --git a/skills/ai-elements/scripts/tool.tsx b/skills/ai-elements/scripts/tool.tsx
@@ -1,7 +1,5 @@
 "use client";
 
-import type { ToolUIPart } from "ai";
-
 import {
   Confirmation,
   ConfirmationAccepted,
@@ -18,6 +16,7 @@ import {
   ToolInput,
   ToolOutput,
 } from "@/components/ai-elements/tool";
+import type { ToolUIPart } from "ai";
 import { CheckIcon, XIcon } from "lucide-react";
 import { nanoid } from "nanoid";
 
diff --git a/skills/ai-elements/scripts/transcription.tsx b/skills/ai-elements/scripts/transcription.tsx
@@ -1,11 +1,10 @@
 "use client";
 
-import type { Experimental_TranscriptionResult as TranscriptionResult } from "ai";
-
 import {
   Transcription,
   TranscriptionSegment,
 } from "@/components/ai-elements/transcription";
+import type { Experimental_TranscriptionResult as TranscriptionResult } from "ai";
 import { useCallback, useRef, useState } from "react";
 
 const segments: TranscriptionResult["segments"] = [
diff --git a/skills/ai-elements/scripts/voice-selector.tsx b/skills/ai-elements/scripts/voice-selector.tsx
