fix(checkpoint): add missing TooltipProvider for improved tooltip handling

Author: peoray

packages/elements/src/checkpoint/CheckpointTrigger.vue

@@ -4,6 +4,7 @@ import { Button } from '@repo/shadcn-vue/components/ui/button'
 import {
   Tooltip,
   TooltipContent,
+  TooltipProvider,
   TooltipTrigger,
 } from '@repo/shadcn-vue/components/ui/tooltip'
 
@@ -26,16 +27,18 @@ const buttonProps = {
 </script>
 
 <template>
-  <Tooltip v-if="props.tooltip">
-    <TooltipTrigger as-child>
-      <Button v-bind="{ ...buttonProps, ...$attrs }">
-        <slot />
-      </Button>
-    </TooltipTrigger>
-    <TooltipContent align="start" side="bottom">
-      <p>{{ props.tooltip }}</p>
-    </TooltipContent>
-  </Tooltip>
+  <TooltipProvider v-if="props.tooltip">
+    <Tooltip>
+      <TooltipTrigger as-child>
+        <Button v-bind="{ ...buttonProps, ...$attrs }">
+          <slot />
+        </Button>
+      </TooltipTrigger>
+      <TooltipContent align="start" side="bottom">
+        <p>{{ props.tooltip }}</p>
+      </TooltipContent>
+    </Tooltip>
+  </TooltipProvider>
 
   <Button v-else v-bind="{ ...buttonProps, ...$attrs }">
     <slot />

packages/examples/src/checkpoint.vue

@@ -8,7 +8,7 @@ import { Conversation, ConversationContent } from '@repo/elements/conversation'
 import {
   Message,
   MessageContent,
-  // MessageResponse,
+  MessageResponse,
 } from '@repo/elements/message'
 import { nanoid } from 'nanoid'
 import { computed, ref } from 'vue'
@@ -23,13 +23,13 @@ const initialMessages: MessageType[] = [
   {
     id: nanoid(),
     role: 'user',
-    content: 'What is React?',
+    content: 'What is Vue?',
   },
   {
     id: nanoid(),
     role: 'assistant',
     content:
-      'React is a JavaScript library for building user interfaces. It was developed by Facebook and is now maintained by Meta and a community of developers.',
+      'Vue is a JavaScript library for building user interfaces. It was developed by Evan You and is now maintained by him and a community of developers.',
   },
   {
     id: nanoid(),
@@ -67,7 +67,7 @@ function handleRestore(messageCount: number) {
         >
           <Message :from="message.role">
             <MessageContent>
-              <!-- <MessageResponse>{{ message.content }}</MessageResponse> -->
+              <MessageResponse>{{ message.content }}</MessageResponse>
             </MessageContent>
           </Message>