fix: update stale mock data in component stories

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

app/javascript/dashboard/components-next/copilot/Copilot.story.vue

@@ -2,44 +2,51 @@
 import { ref } from 'vue';
 import Copilot from './Copilot.vue';
 
-const supportAgent = {
-  available_name: 'Pranav Raj',
-  avatar_url:
-    'https://app.chatwoot.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBd3FodGc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--d218a325af0ef45061eefd352f8efb9ac84275e8/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lKYW5CbFp3WTZCa1ZVT2hOeVpYTnBlbVZmZEc5ZlptbHNiRnNIYVFINk1BPT0iLCJleHAiOm51bGwsInB1ciI6InZhcmlhdGlvbiJ9fQ==--533c3ad7218e24c4b0e8f8959dc1953ce1d279b9/1707423736896.jpeg',
-};
-
 const messages = ref([
   {
     id: 1,
-    role: 'user',
-    content: 'Hi there! How can I help you today?',
+    message_type: 'user',
+    message: { content: 'Hi there! How can I help you today?' },
   },
   {
     id: 2,
-    role: 'assistant',
-    content:
-      "Hello! I'm the AI assistant. I'll be helping the support team today.",
+    message_type: 'assistant_thinking',
+    message: {
+      content: 'Analyzing the conversation',
+      reasoning: 'Breaking down the request into actionable steps',
+    },
+  },
+  {
+    id: 3,
+    message_type: 'assistant_thinking',
+    message: {
+      content: 'Searching the knowledge base',
+      reasoning: 'Looking for relevant articles and past replies',
+    },
+  },
+  {
+    id: 4,
+    message_type: 'assistant',
+    message: {
+      content:
+        "Hello! I'm the AI assistant. I'll be helping the support team today.",
+    },
   },
 ]);
 
-const isCaptainTyping = ref(false);
-
 const sendMessage = message => {
-  // Add user message
   messages.value.push({
     id: messages.value.length + 1,
-    role: 'user',
-    content: message,
+    message_type: 'user',
+    message: { content: message },
   });
 
   // Simulate AI response
-  isCaptainTyping.value = true;
   setTimeout(() => {
-    isCaptainTyping.value = false;
     messages.value.push({
       id: messages.value.length + 1,
-      role: 'assistant',
-      content: 'This is a simulated AI response.',
+      message_type: 'assistant',
+      message: { content: 'This is a simulated AI response.' },
     });
   }, 2000);
 };
@@ -51,9 +58,8 @@ const sendMessage = message => {
     :layout="{ type: 'grid', width: '400px', height: '800px' }"
   >
     <Copilot
-      :support-agent="supportAgent"
       :messages="messages"
-      :is-captain-typing="isCaptainTyping"
+      conversation-inbox-type="Channel::WebWidget"
       @send-message="sendMessage"
     />
   </Story>

app/javascript/dashboard/components-next/copilot/CopilotThinkingGroup.story.vue

@@ -4,18 +4,24 @@ import CopilotThinkingGroup from './CopilotThinkingGroup.vue';
 const messages = [
   {
     id: 1,
-    content: 'Analyzing the user query',
-    reasoning: 'Breaking down the request into actionable steps',
+    message: {
+      content: 'Analyzing the user query',
+      reasoning: 'Breaking down the request into actionable steps',
+    },
   },
   {
     id: 2,
-    content: 'Searching codebase',
-    reasoning: 'Looking for relevant files and functions',
+    message: {
+      content: 'Searching codebase',
+      reasoning: 'Looking for relevant files and functions',
+    },
   },
   {
     id: 3,
-    content: 'Generating response',
-    reasoning: 'Composing a helpful and accurate answer',
+    message: {
+      content: 'Generating response',
+      reasoning: 'Composing a helpful and accurate answer',
+    },
   },
 ];
 </script>