@wzh-/ai-chat-example 1.0.0

package/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}

package/.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+  "editor.formatOnSave": true,
+    "editor.codeActionsOnSave": {
+    "source.organizeImports": "explicit"
+  },
+}

package/README.md

@@ -0,0 +1,5 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/auto-imports.d.ts

@@ -0,0 +1,73 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue').EffectScope
+  const computed: typeof import('vue').computed
+  const createApp: typeof import('vue').createApp
+  const customRef: typeof import('vue').customRef
+  const defineAsyncComponent: typeof import('vue').defineAsyncComponent
+  const defineComponent: typeof import('vue').defineComponent
+  const effectScope: typeof import('vue').effectScope
+  const getCurrentInstance: typeof import('vue').getCurrentInstance
+  const getCurrentScope: typeof import('vue').getCurrentScope
+  const getCurrentWatcher: typeof import('vue').getCurrentWatcher
+  const h: typeof import('vue').h
+  const inject: typeof import('vue').inject
+  const isProxy: typeof import('vue').isProxy
+  const isReactive: typeof import('vue').isReactive
+  const isReadonly: typeof import('vue').isReadonly
+  const isRef: typeof import('vue').isRef
+  const isShallow: typeof import('vue').isShallow
+  const markRaw: typeof import('vue').markRaw
+  const nextTick: typeof import('vue').nextTick
+  const onActivated: typeof import('vue').onActivated
+  const onBeforeMount: typeof import('vue').onBeforeMount
+  const onBeforeUnmount: typeof import('vue').onBeforeUnmount
+  const onBeforeUpdate: typeof import('vue').onBeforeUpdate
+  const onDeactivated: typeof import('vue').onDeactivated
+  const onErrorCaptured: typeof import('vue').onErrorCaptured
+  const onMounted: typeof import('vue').onMounted
+  const onRenderTracked: typeof import('vue').onRenderTracked
+  const onRenderTriggered: typeof import('vue').onRenderTriggered
+  const onScopeDispose: typeof import('vue').onScopeDispose
+  const onServerPrefetch: typeof import('vue').onServerPrefetch
+  const onUnmounted: typeof import('vue').onUnmounted
+  const onUpdated: typeof import('vue').onUpdated
+  const onWatcherCleanup: typeof import('vue').onWatcherCleanup
+  const provide: typeof import('vue').provide
+  const reactive: typeof import('vue').reactive
+  const readonly: typeof import('vue').readonly
+  const ref: typeof import('vue').ref
+  const resolveComponent: typeof import('vue').resolveComponent
+  const shallowReactive: typeof import('vue').shallowReactive
+  const shallowReadonly: typeof import('vue').shallowReadonly
+  const shallowRef: typeof import('vue').shallowRef
+  const toRaw: typeof import('vue').toRaw
+  const toRef: typeof import('vue').toRef
+  const toRefs: typeof import('vue').toRefs
+  const toValue: typeof import('vue').toValue
+  const triggerRef: typeof import('vue').triggerRef
+  const unref: typeof import('vue').unref
+  const useAttrs: typeof import('vue').useAttrs
+  const useCssModule: typeof import('vue').useCssModule
+  const useCssVars: typeof import('vue').useCssVars
+  const useId: typeof import('vue').useId
+  const useModel: typeof import('vue').useModel
+  const useSlots: typeof import('vue').useSlots
+  const useTemplateRef: typeof import('vue').useTemplateRef
+  const watch: typeof import('vue').watch
+  const watchEffect: typeof import('vue').watchEffect
+  const watchPostEffect: typeof import('vue').watchPostEffect
+  const watchSyncEffect: typeof import('vue').watchSyncEffect
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}

package/components.d.ts

@@ -0,0 +1,312 @@
+/* eslint-disable */
+// @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    Alert: typeof import('./src/components/ui/alert/Alert.vue')['default']
+    AlertDescription: typeof import('./src/components/ui/alert/AlertDescription.vue')['default']
+    AlertTitle: typeof import('./src/components/ui/alert/AlertTitle.vue')['default']
+    Animated: typeof import('./src/components/ai-elements/edge/Animated.vue')['default']
+    Artifact: typeof import('./src/components/ai-elements/artifact/Artifact.vue')['default']
+    ArtifactAction: typeof import('./src/components/ai-elements/artifact/ArtifactAction.vue')['default']
+    ArtifactActions: typeof import('./src/components/ai-elements/artifact/ArtifactActions.vue')['default']
+    ArtifactClose: typeof import('./src/components/ai-elements/artifact/ArtifactClose.vue')['default']
+    ArtifactContent: typeof import('./src/components/ai-elements/artifact/ArtifactContent.vue')['default']
+    ArtifactDescription: typeof import('./src/components/ai-elements/artifact/ArtifactDescription.vue')['default']
+    ArtifactHeader: typeof import('./src/components/ai-elements/artifact/ArtifactHeader.vue')['default']
+    ArtifactTitle: typeof import('./src/components/ai-elements/artifact/ArtifactTitle.vue')['default']
+    Avatar: typeof import('./src/components/ui/avatar/Avatar.vue')['default']
+    AvatarFallback: typeof import('./src/components/ui/avatar/AvatarFallback.vue')['default']
+    AvatarImage: typeof import('./src/components/ui/avatar/AvatarImage.vue')['default']
+    Badge: typeof import('./src/components/ui/badge/Badge.vue')['default']
+    Button: typeof import('./src/components/ui/button/Button.vue')['default']
+    ButtonGroup: typeof import('./src/components/ui/button-group/ButtonGroup.vue')['default']
+    ButtonGroupSeparator: typeof import('./src/components/ui/button-group/ButtonGroupSeparator.vue')['default']
+    ButtonGroupText: typeof import('./src/components/ui/button-group/ButtonGroupText.vue')['default']
+    Canvas: typeof import('./src/components/ai-elements/canvas/Canvas.vue')['default']
+    Card: typeof import('./src/components/ui/card/Card.vue')['default']
+    CardAction: typeof import('./src/components/ui/card/CardAction.vue')['default']
+    CardContent: typeof import('./src/components/ui/card/CardContent.vue')['default']
+    CardDescription: typeof import('./src/components/ui/card/CardDescription.vue')['default']
+    CardFooter: typeof import('./src/components/ui/card/CardFooter.vue')['default']
+    CardHeader: typeof import('./src/components/ui/card/CardHeader.vue')['default']
+    CardTitle: typeof import('./src/components/ui/card/CardTitle.vue')['default']
+    Carousel: typeof import('./src/components/ui/carousel/Carousel.vue')['default']
+    CarouselContent: typeof import('./src/components/ui/carousel/CarouselContent.vue')['default']
+    CarouselItem: typeof import('./src/components/ui/carousel/CarouselItem.vue')['default']
+    CarouselNext: typeof import('./src/components/ui/carousel/CarouselNext.vue')['default']
+    CarouselPrevious: typeof import('./src/components/ui/carousel/CarouselPrevious.vue')['default']
+    ChainOfThought: typeof import('./src/components/ai-elements/chain-of-thought/ChainOfThought.vue')['default']
+    ChainOfThoughtContent: typeof import('./src/components/ai-elements/chain-of-thought/ChainOfThoughtContent.vue')['default']
+    ChainOfThoughtHeader: typeof import('./src/components/ai-elements/chain-of-thought/ChainOfThoughtHeader.vue')['default']
+    ChainOfThoughtImage: typeof import('./src/components/ai-elements/chain-of-thought/ChainOfThoughtImage.vue')['default']
+    ChainOfThoughtSearchResult: typeof import('./src/components/ai-elements/chain-of-thought/ChainOfThoughtSearchResult.vue')['default']
+    ChainOfThoughtSearchResults: typeof import('./src/components/ai-elements/chain-of-thought/ChainOfThoughtSearchResults.vue')['default']
+    ChainOfThoughtStep: typeof import('./src/components/ai-elements/chain-of-thought/ChainOfThoughtStep.vue')['default']
+    ChatConversation: typeof import('./src/components/ChatConversation/ChatConversation.vue')['default']
+    ChatGPT: typeof import('./src/components/ai-elements/open-in-chat/providers/icons/ChatGPT.vue')['default']
+    ChatPromptInputProvider: typeof import('./src/components/ChatPromptInputProvider/ChatPromptInputProvider.vue')['default']
+    Checkpoint: typeof import('./src/components/ai-elements/checkpoint/Checkpoint.vue')['default']
+    CheckpointIcon: typeof import('./src/components/ai-elements/checkpoint/CheckpointIcon.vue')['default']
+    CheckpointTrigger: typeof import('./src/components/ai-elements/checkpoint/CheckpointTrigger.vue')['default']
+    Claude: typeof import('./src/components/ai-elements/open-in-chat/providers/icons/Claude.vue')['default']
+    CodeBlock: typeof import('./src/components/ai-elements/code-block/CodeBlock.vue')['default']
+    CodeBlockCopyButton: typeof import('./src/components/ai-elements/code-block/CodeBlockCopyButton.vue')['default']
+    Collapsible: typeof import('./src/components/ui/collapsible/Collapsible.vue')['default']
+    CollapsibleContent: typeof import('./src/components/ui/collapsible/CollapsibleContent.vue')['default']
+    CollapsibleTrigger: typeof import('./src/components/ui/collapsible/CollapsibleTrigger.vue')['default']
+    Command: typeof import('./src/components/ui/command/Command.vue')['default']
+    CommandDialog: typeof import('./src/components/ui/command/CommandDialog.vue')['default']
+    CommandEmpty: typeof import('./src/components/ui/command/CommandEmpty.vue')['default']
+    CommandGroup: typeof import('./src/components/ui/command/CommandGroup.vue')['default']
+    CommandInput: typeof import('./src/components/ui/command/CommandInput.vue')['default']
+    CommandItem: typeof import('./src/components/ui/command/CommandItem.vue')['default']
+    CommandList: typeof import('./src/components/ui/command/CommandList.vue')['default']
+    CommandSeparator: typeof import('./src/components/ui/command/CommandSeparator.vue')['default']
+    CommandShortcut: typeof import('./src/components/ui/command/CommandShortcut.vue')['default']
+    Confirmation: typeof import('./src/components/ai-elements/confirmation/Confirmation.vue')['default']
+    ConfirmationAccepted: typeof import('./src/components/ai-elements/confirmation/ConfirmationAccepted.vue')['default']
+    ConfirmationAction: typeof import('./src/components/ai-elements/confirmation/ConfirmationAction.vue')['default']
+    ConfirmationActions: typeof import('./src/components/ai-elements/confirmation/ConfirmationActions.vue')['default']
+    ConfirmationRejected: typeof import('./src/components/ai-elements/confirmation/ConfirmationRejected.vue')['default']
+    ConfirmationRequest: typeof import('./src/components/ai-elements/confirmation/ConfirmationRequest.vue')['default']
+    ConfirmationTitle: typeof import('./src/components/ai-elements/confirmation/ConfirmationTitle.vue')['default']
+    Connection: typeof import('./src/components/ai-elements/connection/Connection.vue')['default']
+    Context: typeof import('./src/components/ai-elements/context/Context.vue')['default']
+    ContextCacheUsage: typeof import('./src/components/ai-elements/context/ContextCacheUsage.vue')['default']
+    ContextContent: typeof import('./src/components/ai-elements/context/ContextContent.vue')['default']
+    ContextContentBody: typeof import('./src/components/ai-elements/context/ContextContentBody.vue')['default']
+    ContextContentFooter: typeof import('./src/components/ai-elements/context/ContextContentFooter.vue')['default']
+    ContextContentHeader: typeof import('./src/components/ai-elements/context/ContextContentHeader.vue')['default']
+    ContextIcon: typeof import('./src/components/ai-elements/context/ContextIcon.vue')['default']
+    ContextInputUsage: typeof import('./src/components/ai-elements/context/ContextInputUsage.vue')['default']
+    ContextOutputUsage: typeof import('./src/components/ai-elements/context/ContextOutputUsage.vue')['default']
+    ContextReasoningUsage: typeof import('./src/components/ai-elements/context/ContextReasoningUsage.vue')['default']
+    ContextTrigger: typeof import('./src/components/ai-elements/context/ContextTrigger.vue')['default']
+    Controls: typeof import('./src/components/ai-elements/controls/Controls.vue')['default']
+    Conversation: typeof import('./src/components/ai-elements/conversation/Conversation.vue')['default']
+    ConversationContent: typeof import('./src/components/ai-elements/conversation/ConversationContent.vue')['default']
+    ConversationEmptyState: typeof import('./src/components/ai-elements/conversation/ConversationEmptyState.vue')['default']
+    ConversationScrollButton: typeof import('./src/components/ai-elements/conversation/ConversationScrollButton.vue')['default']
+    Cursor: typeof import('./src/components/ai-elements/open-in-chat/providers/icons/Cursor.vue')['default']
+    Dialog: typeof import('./src/components/ui/dialog/Dialog.vue')['default']
+    DialogClose: typeof import('./src/components/ui/dialog/DialogClose.vue')['default']
+    DialogContent: typeof import('./src/components/ui/dialog/DialogContent.vue')['default']
+    DialogDescription: typeof import('./src/components/ui/dialog/DialogDescription.vue')['default']
+    DialogFooter: typeof import('./src/components/ui/dialog/DialogFooter.vue')['default']
+    DialogHeader: typeof import('./src/components/ui/dialog/DialogHeader.vue')['default']
+    DialogOverlay: typeof import('./src/components/ui/dialog/DialogOverlay.vue')['default']
+    DialogScrollContent: typeof import('./src/components/ui/dialog/DialogScrollContent.vue')['default']
+    DialogTitle: typeof import('./src/components/ui/dialog/DialogTitle.vue')['default']
+    DialogTrigger: typeof import('./src/components/ui/dialog/DialogTrigger.vue')['default']
+    DropdownMenu: typeof import('./src/components/ui/dropdown-menu/DropdownMenu.vue')['default']
+    DropdownMenuCheckboxItem: typeof import('./src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue')['default']
+    DropdownMenuContent: typeof import('./src/components/ui/dropdown-menu/DropdownMenuContent.vue')['default']
+    DropdownMenuGroup: typeof import('./src/components/ui/dropdown-menu/DropdownMenuGroup.vue')['default']
+    DropdownMenuItem: typeof import('./src/components/ui/dropdown-menu/DropdownMenuItem.vue')['default']
+    DropdownMenuLabel: typeof import('./src/components/ui/dropdown-menu/DropdownMenuLabel.vue')['default']
+    DropdownMenuRadioGroup: typeof import('./src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue')['default']
+    DropdownMenuRadioItem: typeof import('./src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue')['default']
+    DropdownMenuSeparator: typeof import('./src/components/ui/dropdown-menu/DropdownMenuSeparator.vue')['default']
+    DropdownMenuShortcut: typeof import('./src/components/ui/dropdown-menu/DropdownMenuShortcut.vue')['default']
+    DropdownMenuSub: typeof import('./src/components/ui/dropdown-menu/DropdownMenuSub.vue')['default']
+    DropdownMenuSubContent: typeof import('./src/components/ui/dropdown-menu/DropdownMenuSubContent.vue')['default']
+    DropdownMenuSubTrigger: typeof import('./src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue')['default']
+    DropdownMenuTrigger: typeof import('./src/components/ui/dropdown-menu/DropdownMenuTrigger.vue')['default']
+    Github: typeof import('./src/components/ai-elements/open-in-chat/providers/icons/Github.vue')['default']
+    HoverCard: typeof import('./src/components/ui/hover-card/HoverCard.vue')['default']
+    HoverCardContent: typeof import('./src/components/ui/hover-card/HoverCardContent.vue')['default']
+    HoverCardTrigger: typeof import('./src/components/ui/hover-card/HoverCardTrigger.vue')['default']
+    Image: typeof import('./src/components/ai-elements/image/Image.vue')['default']
+    InlineCitation: typeof import('./src/components/ai-elements/inline-citation/InlineCitation.vue')['default']
+    InlineCitationCard: typeof import('./src/components/ai-elements/inline-citation/InlineCitationCard.vue')['default']
+    InlineCitationCardBody: typeof import('./src/components/ai-elements/inline-citation/InlineCitationCardBody.vue')['default']
+    InlineCitationCardTrigger: typeof import('./src/components/ai-elements/inline-citation/InlineCitationCardTrigger.vue')['default']
+    InlineCitationCarousel: typeof import('./src/components/ai-elements/inline-citation/InlineCitationCarousel.vue')['default']
+    InlineCitationCarouselContent: typeof import('./src/components/ai-elements/inline-citation/InlineCitationCarouselContent.vue')['default']
+    InlineCitationCarouselHeader: typeof import('./src/components/ai-elements/inline-citation/InlineCitationCarouselHeader.vue')['default']
+    InlineCitationCarouselIndex: typeof import('./src/components/ai-elements/inline-citation/InlineCitationCarouselIndex.vue')['default']
+    InlineCitationCarouselItem: typeof import('./src/components/ai-elements/inline-citation/InlineCitationCarouselItem.vue')['default']
+    InlineCitationCarouselNext: typeof import('./src/components/ai-elements/inline-citation/InlineCitationCarouselNext.vue')['default']
+    InlineCitationCarouselPrev: typeof import('./src/components/ai-elements/inline-citation/InlineCitationCarouselPrev.vue')['default']
+    InlineCitationQuote: typeof import('./src/components/ai-elements/inline-citation/InlineCitationQuote.vue')['default']
+    InlineCitationSource: typeof import('./src/components/ai-elements/inline-citation/InlineCitationSource.vue')['default']
+    InlineCitationText: typeof import('./src/components/ai-elements/inline-citation/InlineCitationText.vue')['default']
+    Input: typeof import('./src/components/ui/input/Input.vue')['default']
+    InputGroup: typeof import('./src/components/ui/input-group/InputGroup.vue')['default']
+    InputGroupAddon: typeof import('./src/components/ui/input-group/InputGroupAddon.vue')['default']
+    InputGroupButton: typeof import('./src/components/ui/input-group/InputGroupButton.vue')['default']
+    InputGroupInput: typeof import('./src/components/ui/input-group/InputGroupInput.vue')['default']
+    InputGroupText: typeof import('./src/components/ui/input-group/InputGroupText.vue')['default']
+    InputGroupTextarea: typeof import('./src/components/ui/input-group/InputGroupTextarea.vue')['default']
+    Loader: typeof import('./src/components/ai-elements/loader/Loader.vue')['default']
+    LoaderIcon: typeof import('./src/components/ai-elements/loader/LoaderIcon.vue')['default']
+    Message: typeof import('./src/components/ai-elements/message/Message.vue')['default']
+    MessageAction: typeof import('./src/components/ai-elements/message/MessageAction.vue')['default']
+    MessageActions: typeof import('./src/components/ai-elements/message/MessageActions.vue')['default']
+    MessageAttachment: typeof import('./src/components/ai-elements/message/MessageAttachment.vue')['default']
+    MessageAttachments: typeof import('./src/components/ai-elements/message/MessageAttachments.vue')['default']
+    MessageAvatar: typeof import('./src/components/ai-elements/message/MessageAvatar.vue')['default']
+    MessageBranch: typeof import('./src/components/ai-elements/message/MessageBranch.vue')['default']
+    MessageBranchContent: typeof import('./src/components/ai-elements/message/MessageBranchContent.vue')['default']
+    MessageBranchNext: typeof import('./src/components/ai-elements/message/MessageBranchNext.vue')['default']
+    MessageBranchPage: typeof import('./src/components/ai-elements/message/MessageBranchPage.vue')['default']
+    MessageBranchPrevious: typeof import('./src/components/ai-elements/message/MessageBranchPrevious.vue')['default']
+    MessageBranchSelector: typeof import('./src/components/ai-elements/message/MessageBranchSelector.vue')['default']
+    MessageContent: typeof import('./src/components/ai-elements/message/MessageContent.vue')['default']
+    MessageResponse: typeof import('./src/components/ai-elements/message/MessageResponse.vue')['default']
+    MessageToolbar: typeof import('./src/components/ai-elements/message/MessageToolbar.vue')['default']
+    ModelSelector: typeof import('./src/components/ai-elements/model-selector/ModelSelector.vue')['default']
+    ModelSelectorContent: typeof import('./src/components/ai-elements/model-selector/ModelSelectorContent.vue')['default']
+    ModelSelectorDialog: typeof import('./src/components/ai-elements/model-selector/ModelSelectorDialog.vue')['default']
+    ModelSelectorEmpty: typeof import('./src/components/ai-elements/model-selector/ModelSelectorEmpty.vue')['default']
+    ModelSelectorGroup: typeof import('./src/components/ai-elements/model-selector/ModelSelectorGroup.vue')['default']
+    ModelSelectorInput: typeof import('./src/components/ai-elements/model-selector/ModelSelectorInput.vue')['default']
+    ModelSelectorItem: typeof import('./src/components/ai-elements/model-selector/ModelSelectorItem.vue')['default']
+    ModelSelectorList: typeof import('./src/components/ai-elements/model-selector/ModelSelectorList.vue')['default']
+    ModelSelectorLogo: typeof import('./src/components/ai-elements/model-selector/ModelSelectorLogo.vue')['default']
+    ModelSelectorLogoGroup: typeof import('./src/components/ai-elements/model-selector/ModelSelectorLogoGroup.vue')['default']
+    ModelSelectorName: typeof import('./src/components/ai-elements/model-selector/ModelSelectorName.vue')['default']
+    ModelSelectorSeparator: typeof import('./src/components/ai-elements/model-selector/ModelSelectorSeparator.vue')['default']
+    ModelSelectorShortcut: typeof import('./src/components/ai-elements/model-selector/ModelSelectorShortcut.vue')['default']
+    ModelSelectorTrigger: typeof import('./src/components/ai-elements/model-selector/ModelSelectorTrigger.vue')['default']
+    Node: typeof import('./src/components/ai-elements/node/Node.vue')['default']
+    NodeAction: typeof import('./src/components/ai-elements/node/NodeAction.vue')['default']
+    NodeContent: typeof import('./src/components/ai-elements/node/NodeContent.vue')['default']
+    NodeDescription: typeof import('./src/components/ai-elements/node/NodeDescription.vue')['default']
+    NodeFooter: typeof import('./src/components/ai-elements/node/NodeFooter.vue')['default']
+    NodeHeader: typeof import('./src/components/ai-elements/node/NodeHeader.vue')['default']
+    NodeTitle: typeof import('./src/components/ai-elements/node/NodeTitle.vue')['default']
+    OpenIn: typeof import('./src/components/ai-elements/open-in-chat/OpenIn.vue')['default']
+    OpenInChatGPT: typeof import('./src/components/ai-elements/open-in-chat/providers/items/OpenInChatGPT.vue')['default']
+    OpenInClaude: typeof import('./src/components/ai-elements/open-in-chat/providers/items/OpenInClaude.vue')['default']
+    OpenInContent: typeof import('./src/components/ai-elements/open-in-chat/OpenInContent.vue')['default']
+    OpenInCursor: typeof import('./src/components/ai-elements/open-in-chat/providers/items/OpenInCursor.vue')['default']
+    OpenInItemLink: typeof import('./src/components/ai-elements/open-in-chat/OpenInItemLink.vue')['default']
+    OpenInScira: typeof import('./src/components/ai-elements/open-in-chat/providers/items/OpenInScira.vue')['default']
+    OpenInT3: typeof import('./src/components/ai-elements/open-in-chat/providers/items/OpenInT3.vue')['default']
+    OpenInTrigger: typeof import('./src/components/ai-elements/open-in-chat/OpenInTrigger.vue')['default']
+    OpenInv0: typeof import('./src/components/ai-elements/open-in-chat/providers/items/OpenInv0.vue')['default']
+    Panel: typeof import('./src/components/ai-elements/panel/Panel.vue')['default']
+    Plan: typeof import('./src/components/ai-elements/plan/Plan.vue')['default']
+    PlanAction: typeof import('./src/components/ai-elements/plan/PlanAction.vue')['default']
+    PlanContent: typeof import('./src/components/ai-elements/plan/PlanContent.vue')['default']
+    PlanDescription: typeof import('./src/components/ai-elements/plan/PlanDescription.vue')['default']
+    PlanFooter: typeof import('./src/components/ai-elements/plan/PlanFooter.vue')['default']
+    PlanHeader: typeof import('./src/components/ai-elements/plan/PlanHeader.vue')['default']
+    PlanTitle: typeof import('./src/components/ai-elements/plan/PlanTitle.vue')['default']
+    PlanTrigger: typeof import('./src/components/ai-elements/plan/PlanTrigger.vue')['default']
+    Progress: typeof import('./src/components/ui/progress/Progress.vue')['default']
+    PromptInput: typeof import('./src/components/ai-elements/prompt-input/PromptInput.vue')['default']
+    PromptInputActionAddAttachments: typeof import('./src/components/ai-elements/prompt-input/PromptInputActionAddAttachments.vue')['default']
+    PromptInputActionMenu: typeof import('./src/components/ai-elements/prompt-input/PromptInputActionMenu.vue')['default']
+    PromptInputActionMenuContent: typeof import('./src/components/ai-elements/prompt-input/PromptInputActionMenuContent.vue')['default']
+    PromptInputActionMenuItem: typeof import('./src/components/ai-elements/prompt-input/PromptInputActionMenuItem.vue')['default']
+    PromptInputActionMenuTrigger: typeof import('./src/components/ai-elements/prompt-input/PromptInputActionMenuTrigger.vue')['default']
+    PromptInputAttachment: typeof import('./src/components/ai-elements/prompt-input/PromptInputAttachment.vue')['default']
+    PromptInputAttachments: typeof import('./src/components/ai-elements/prompt-input/PromptInputAttachments.vue')['default']
+    PromptInputBody: typeof import('./src/components/ai-elements/prompt-input/PromptInputBody.vue')['default']
+    PromptInputButton: typeof import('./src/components/ai-elements/prompt-input/PromptInputButton.vue')['default']
+    PromptInputCommand: typeof import('./src/components/ai-elements/prompt-input/PromptInputCommand.vue')['default']
+    PromptInputCommandEmpty: typeof import('./src/components/ai-elements/prompt-input/PromptInputCommandEmpty.vue')['default']
+    PromptInputCommandGroup: typeof import('./src/components/ai-elements/prompt-input/PromptInputCommandGroup.vue')['default']
+    PromptInputCommandInput: typeof import('./src/components/ai-elements/prompt-input/PromptInputCommandInput.vue')['default']
+    PromptInputCommandItem: typeof import('./src/components/ai-elements/prompt-input/PromptInputCommandItem.vue')['default']
+    PromptInputCommandList: typeof import('./src/components/ai-elements/prompt-input/PromptInputCommandList.vue')['default']
+    PromptInputCommandSeparator: typeof import('./src/components/ai-elements/prompt-input/PromptInputCommandSeparator.vue')['default']
+    PromptInputFooter: typeof import('./src/components/ai-elements/prompt-input/PromptInputFooter.vue')['default']
+    PromptInputHeader: typeof import('./src/components/ai-elements/prompt-input/PromptInputHeader.vue')['default']
+    PromptInputHoverCard: typeof import('./src/components/ai-elements/prompt-input/PromptInputHoverCard.vue')['default']
+    PromptInputHoverCardContent: typeof import('./src/components/ai-elements/prompt-input/PromptInputHoverCardContent.vue')['default']
+    PromptInputHoverCardTrigger: typeof import('./src/components/ai-elements/prompt-input/PromptInputHoverCardTrigger.vue')['default']
+    PromptInputProvider: typeof import('./src/components/ai-elements/prompt-input/PromptInputProvider.vue')['default']
+    PromptInputSelect: typeof import('./src/components/ai-elements/prompt-input/PromptInputSelect.vue')['default']
+    PromptInputSelectContent: typeof import('./src/components/ai-elements/prompt-input/PromptInputSelectContent.vue')['default']
+    PromptInputSelectItem: typeof import('./src/components/ai-elements/prompt-input/PromptInputSelectItem.vue')['default']
+    PromptInputSelectTrigger: typeof import('./src/components/ai-elements/prompt-input/PromptInputSelectTrigger.vue')['default']
+    PromptInputSelectValue: typeof import('./src/components/ai-elements/prompt-input/PromptInputSelectValue.vue')['default']
+    PromptInputSpeechButton: typeof import('./src/components/ai-elements/prompt-input/PromptInputSpeechButton.vue')['default']
+    PromptInputSubmit: typeof import('./src/components/ai-elements/prompt-input/PromptInputSubmit.vue')['default']
+    PromptInputTab: typeof import('./src/components/ai-elements/prompt-input/PromptInputTab.vue')['default']
+    PromptInputTabBody: typeof import('./src/components/ai-elements/prompt-input/PromptInputTabBody.vue')['default']
+    PromptInputTabItem: typeof import('./src/components/ai-elements/prompt-input/PromptInputTabItem.vue')['default']
+    PromptInputTabLabel: typeof import('./src/components/ai-elements/prompt-input/PromptInputTabLabel.vue')['default']
+    PromptInputTabsList: typeof import('./src/components/ai-elements/prompt-input/PromptInputTabsList.vue')['default']
+    PromptInputTextarea: typeof import('./src/components/ai-elements/prompt-input/PromptInputTextarea.vue')['default']
+    PromptInputTools: typeof import('./src/components/ai-elements/prompt-input/PromptInputTools.vue')['default']
+    Queue: typeof import('./src/components/ai-elements/queue/Queue.vue')['default']
+    QueueItem: typeof import('./src/components/ai-elements/queue/QueueItem.vue')['default']
+    QueueItemAction: typeof import('./src/components/ai-elements/queue/QueueItemAction.vue')['default']
+    QueueItemActions: typeof import('./src/components/ai-elements/queue/QueueItemActions.vue')['default']
+    QueueItemAttachment: typeof import('./src/components/ai-elements/queue/QueueItemAttachment.vue')['default']
+    QueueItemContent: typeof import('./src/components/ai-elements/queue/QueueItemContent.vue')['default']
+    QueueItemDescription: typeof import('./src/components/ai-elements/queue/QueueItemDescription.vue')['default']
+    QueueItemFile: typeof import('./src/components/ai-elements/queue/QueueItemFile.vue')['default']
+    QueueItemImage: typeof import('./src/components/ai-elements/queue/QueueItemImage.vue')['default']
+    QueueItemIndicator: typeof import('./src/components/ai-elements/queue/QueueItemIndicator.vue')['default']
+    QueueList: typeof import('./src/components/ai-elements/queue/QueueList.vue')['default']
+    QueueSection: typeof import('./src/components/ai-elements/queue/QueueSection.vue')['default']
+    QueueSectionContent: typeof import('./src/components/ai-elements/queue/QueueSectionContent.vue')['default']
+    QueueSectionLabel: typeof import('./src/components/ai-elements/queue/QueueSectionLabel.vue')['default']
+    QueueSectionTrigger: typeof import('./src/components/ai-elements/queue/QueueSectionTrigger.vue')['default']
+    Reasoning: typeof import('./src/components/ai-elements/reasoning/Reasoning.vue')['default']
+    ReasoningContent: typeof import('./src/components/ai-elements/reasoning/ReasoningContent.vue')['default']
+    ReasoningTrigger: typeof import('./src/components/ai-elements/reasoning/ReasoningTrigger.vue')['default']
+    Scira: typeof import('./src/components/ai-elements/open-in-chat/providers/icons/Scira.vue')['default']
+    ScrollArea: typeof import('./src/components/ui/scroll-area/ScrollArea.vue')['default']
+    ScrollBar: typeof import('./src/components/ui/scroll-area/ScrollBar.vue')['default']
+    Select: typeof import('./src/components/ui/select/Select.vue')['default']
+    SelectContent: typeof import('./src/components/ui/select/SelectContent.vue')['default']
+    SelectGroup: typeof import('./src/components/ui/select/SelectGroup.vue')['default']
+    SelectItem: typeof import('./src/components/ui/select/SelectItem.vue')['default']
+    SelectItemText: typeof import('./src/components/ui/select/SelectItemText.vue')['default']
+    SelectLabel: typeof import('./src/components/ui/select/SelectLabel.vue')['default']
+    SelectScrollDownButton: typeof import('./src/components/ui/select/SelectScrollDownButton.vue')['default']
+    SelectScrollUpButton: typeof import('./src/components/ui/select/SelectScrollUpButton.vue')['default']
+    SelectSeparator: typeof import('./src/components/ui/select/SelectSeparator.vue')['default']
+    SelectTrigger: typeof import('./src/components/ui/select/SelectTrigger.vue')['default']
+    SelectValue: typeof import('./src/components/ui/select/SelectValue.vue')['default']
+    Separator: typeof import('./src/components/ui/separator/Separator.vue')['default']
+    Shimmer: typeof import('./src/components/ai-elements/shimmer/Shimmer.vue')['default']
+    Source: typeof import('./src/components/ai-elements/sources/Source.vue')['default']
+    Sources: typeof import('./src/components/ai-elements/sources/Sources.vue')['default']
+    SourcesContent: typeof import('./src/components/ai-elements/sources/SourcesContent.vue')['default']
+    SourcesTrigger: typeof import('./src/components/ai-elements/sources/SourcesTrigger.vue')['default']
+    Suggestion: typeof import('./src/components/ai-elements/suggestion/Suggestion.vue')['default']
+    Suggestions: typeof import('./src/components/ai-elements/suggestion/Suggestions.vue')['default']
+    Task: typeof import('./src/components/ai-elements/task/Task.vue')['default']
+    TaskContent: typeof import('./src/components/ai-elements/task/TaskContent.vue')['default']
+    TaskItem: typeof import('./src/components/ai-elements/task/TaskItem.vue')['default']
+    TaskItemFile: typeof import('./src/components/ai-elements/task/TaskItemFile.vue')['default']
+    TaskTrigger: typeof import('./src/components/ai-elements/task/TaskTrigger.vue')['default']
+    Temporary: typeof import('./src/components/ai-elements/edge/Temporary.vue')['default']
+    Textarea: typeof import('./src/components/ui/textarea/Textarea.vue')['default']
+    TokensWithCost: typeof import('./src/components/ai-elements/context/TokensWithCost.vue')['default']
+    Tool: typeof import('./src/components/ai-elements/tool/Tool.vue')['default']
+    Toolbar: typeof import('./src/components/ai-elements/toolbar/Toolbar.vue')['default']
+    ToolContent: typeof import('./src/components/ai-elements/tool/ToolContent.vue')['default']
+    ToolHeader: typeof import('./src/components/ai-elements/tool/ToolHeader.vue')['default']
+    ToolInput: typeof import('./src/components/ai-elements/tool/ToolInput.vue')['default']
+    ToolOutput: typeof import('./src/components/ai-elements/tool/ToolOutput.vue')['default']
+    ToolStatusBadge: typeof import('./src/components/ai-elements/tool/ToolStatusBadge.vue')['default']
+    Tooltip: typeof import('./src/components/ui/tooltip/Tooltip.vue')['default']
+    TooltipContent: typeof import('./src/components/ui/tooltip/TooltipContent.vue')['default']
+    TooltipProvider: typeof import('./src/components/ui/tooltip/TooltipProvider.vue')['default']
+    TooltipTrigger: typeof import('./src/components/ui/tooltip/TooltipTrigger.vue')['default']
+    V0: typeof import('./src/components/ai-elements/open-in-chat/providers/icons/V0.vue')['default']
+    WebPreview: typeof import('./src/components/ai-elements/web-preview/WebPreview.vue')['default']
+    WebPreviewBody: typeof import('./src/components/ai-elements/web-preview/WebPreviewBody.vue')['default']
+    WebPreviewConsole: typeof import('./src/components/ai-elements/web-preview/WebPreviewConsole.vue')['default']
+    WebPreviewNavigation: typeof import('./src/components/ai-elements/web-preview/WebPreviewNavigation.vue')['default']
+    WebPreviewNavigationButton: typeof import('./src/components/ai-elements/web-preview/WebPreviewNavigationButton.vue')['default']
+    WebPreviewUrl: typeof import('./src/components/ai-elements/web-preview/WebPreviewUrl.vue')['default']
+  }
+}

package/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://shadcn-vue.com/schema.json",
+  "style": "new-york",
+  "typescript": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/style.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "composables": "@/composables"
+  },
+  "registries": {}
+}

package/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>vue-template</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@wzh-/ai-chat-example",
+  "private": false,
+  "version": "1.0.0",
+  "type": "module",
+  "main": "index.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "pub":"npm publish"
+  },
+    "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@ai-sdk/vue": "^3.0.1",
+    "@tailwindcss/vite": "^4.1.18",
+    "@vue-flow/background": "^1.3.2",
+    "@vue-flow/controls": "^1.1.3",
+    "@vue-flow/core": "^1.48.0",
+    "@vue-flow/node-toolbar": "^1.1.1",
+    "@vueuse/core": "^14.1.0",
+    "ai": "^6.0.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "embla-carousel-vue": "^8.6.0",
+    "lucide-vue-next": "^0.561.0",
+    "motion-v": "^1.7.4",
+    "nanoid": "^5.1.6",
+    "reka-ui": "^2.6.1",
+    "shiki": "^3.20.0",
+    "streamdown-vue": "^1.0.29",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.1.18",
+    "tokenlens": "^1.3.1",
+    "vue": "^3.5.24",
+    "vue-stick-to-bottom": "^0.1.0",
+    "zod": "^4.2.1",
+    "axios": "^1.6.5"
+    },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/tsconfig": "^0.8.1",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "~5.9.3",
+    "unplugin-auto-import": "^20.3.0",
+    "unplugin-vue-components": "^30.0.0",
+    "vite": "npm:rolldown-vite@7.2.5",
+    "vite-tsconfig-paths": "^6.0.1",
+    "vue-tsc": "^3.1.4"
+  },
+  "pnpm": {
+    "overrides": {
+      "vite": "npm:rolldown-vite@7.2.5"
+    }
+  },
+  "packageManager": "pnpm@10.12.1+sha512.f0dda8580f0ee9481c5c79a1d927b9164f2c478e90992ad268bbb2465a736984391d6333d2c327913578b2804af33474ca554ba29c04a8b13060a717675ae3ac"
+}

package/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/App.vue

@@ -0,0 +1,68 @@
+<script setup lang="ts">
+import {
+
+  type DataUIPart,
+  type ToolUIPart,
+  type UIDataTypes,
+  type UIMessagePart,
+  type UITools,
+} from "ai";
+import { useChat } from "./composables/useChat";
+import ChatConversation from "@/components/ChatConversation/ChatConversation.vue";
+import ChatPromptInputProvider from "@/components/ChatPromptInputProvider/ChatPromptInputProvider.vue";
+import request from "./request";
+
+const api = 'http://192.168.10.98:3090/main/xiao-mian/chat'
+const Authorization = "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MSwiZmFjdG9yeV9pZCI6MSwiaWF0IjoxNzY2MTA4MjMyLCJleHAiOjE3NjY3MTMwMzJ9.kBbSifm4CdLy4A2RjhQHJ51_zsr8EKwukhUMsb0QdTM"
+
+const { messages, status, handleSubmit } = useChat(api, Authorization)
+
+
+function isStreamingPart(messageIndex: number, partIndex: number) {
+  const lastMsg = messages.value[messages.value.length - 1];
+  const msg = messages.value[messageIndex];
+
+  if (!lastMsg || msg?.id !== lastMsg.id) return false;
+
+  const isLastPart =
+    msg?.parts?.length > 0 && partIndex === msg?.parts?.length - 1;
+  return status.value === "streaming" && isLastPart;
+}
+
+function isToolPart(partType: string): partType is `tool-${string}` {
+  return partType.startsWith("tool-");
+}
+
+function isDataPart(partType: string): partType is `data-${string}` {
+  return partType.startsWith("data-");
+}
+
+function toolPart(part: UIMessagePart<UIDataTypes, UITools>) {
+  return part as ToolUIPart<UITools>;
+}
+
+function dataPart(part: UIMessagePart<UIDataTypes, UITools>) {
+  return part as DataUIPart<UIDataTypes>;
+}
+
+const uploadImages = async (files: File[]) => {
+  const formData = new FormData();
+  files.forEach(file => {
+    formData.append('files', file);
+  })
+  const res = await request.post('/main/file/uploadImages', formData)
+  console.log(res);
+
+  return res.map((item: any) => ({ name: item.name, path: item.path }))
+}
+
+</script>
+
+<template>
+  <div class="fixed bottom-0 top-0 left-0 right-0 p-4">
+    <div class="relative flex size-full flex-col overflow-hidden">
+      <ChatConversation :messages="messages" :status="status" />
+      <ChatPromptInputProvider :status="status" @submit="handleSubmit" :uploadImages="uploadImages" />
+    </div>
+  </div>
+</template>