Shivam Mishra
509b8a6e01
These stories were written against older component APIs and broke under the new harness: - copilot: nest message content/reasoning and use message_type; pass the required conversationInboxType - ArticlesPage: pass the required categories, allowedLocales, portalName and meta props - CategoryPage: use the real category shape (name/icon/slug/meta) so cards render titles instead of "undefined undefined" - PortalSettings: provide a portals array matching the seeded route so the settings forms render
41 lines
929 B
Vue
41 lines
929 B
Vue
<script setup>
|
|
import CopilotThinkingGroup from './CopilotThinkingGroup.vue';
|
|
|
|
const messages = [
|
|
{
|
|
id: 1,
|
|
message: {
|
|
content: 'Analyzing the user query',
|
|
reasoning: 'Breaking down the request into actionable steps',
|
|
},
|
|
},
|
|
{
|
|
id: 2,
|
|
message: {
|
|
content: 'Searching codebase',
|
|
reasoning: 'Looking for relevant files and functions',
|
|
},
|
|
},
|
|
{
|
|
id: 3,
|
|
message: {
|
|
content: 'Generating response',
|
|
reasoning: 'Composing a helpful and accurate answer',
|
|
},
|
|
},
|
|
];
|
|
</script>
|
|
|
|
<template>
|
|
<Story title="Captain/Copilot/CopilotThinkingGroup" group="components">
|
|
<Variant title="Default">
|
|
<CopilotThinkingGroup :messages="messages" />
|
|
</Variant>
|
|
|
|
<Variant title="With Default Collapsed">
|
|
<!-- eslint-disable-next-line -->
|
|
<CopilotThinkingGroup :messages="messages" :default-collapsed="true" />
|
|
</Variant>
|
|
</Story>
|
|
</template>
|