feat: add chain-of-thought component

Author: peoray

apps/test/app/examples/chain-of-thought.vue

@@ -1,6 +1,7 @@
 export { default as ActionsHover } from './actions-hover.vue'
 export { default as Actions } from './actions.vue'
 export { default as Branch } from './branch.vue'
+export { default as ChainOfThought } from './chain-of-thought.vue'
 export { default as CodeBlock } from './code-block.vue'
 export { default as Conversation } from './conversation.vue'
 export { default as Image } from './image.vue'

apps/test/app/examples/index.ts

@@ -3,6 +3,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@repo/shadcn-vue/compo
 import ActionsHover from '~/examples/actions-hover.vue'
 import Actions from '~/examples/actions.vue'
 import Branch from '~/examples/branch.vue'
+import ChainOfThought from '~/examples/chain-of-thought.vue'
 import CodeBlock from '~/examples/code-block.vue'
 import Conversation from '~/examples/conversation.vue'
 import Image from '~/examples/image.vue'
@@ -34,6 +35,7 @@ const components = [
   { name: 'OpenInChat', Component: OpenInChat },
   { name: 'Loader', Component: Loader },
   { name: 'Sources', Component: Sources },
+  { name: 'ChainOfThought', Component: ChainOfThought },
 ]
 </script>