docs(Search): improve tools display and rules

Author: benjamincanac

docs/app/components/search/SearchChat.vue

@@ -70,7 +70,9 @@ function upperName(name: string) {
   return splitByCase(name).map(p => upperFirst(p)).join('')
 }
 
-function getToolMessage(state: UIToolInvocation<any>['state'], toolName: string, input: any) {
+type State = UIToolInvocation<any>['state']
+
+function getToolMessage(state: State, toolName: string, input: any) {
   const searchVerb = state === 'output-available' ? 'Searched' : 'Searching'
   const readVerb = state === 'output-available' ? 'Read' : 'Reading'
 
@@ -84,18 +86,21 @@ function getToolMessage(state: UIToolInvocation<any>['state'], toolName: string,
     get_documentation_page: `${readVerb} ${input.path || ''} page`,
     list_documentation_pages: `${searchVerb} documentation pages`,
     list_getting_started_guides: `${searchVerb} documentation guides`,
-    get_migration_guide: `${readVerb} ${input.version} migration guide`,
+    get_migration_guide: `${readVerb} migration guide${input.version ? ` for ${input.version}` : ''}`,
     list_examples: `${searchVerb} examples`,
     get_example: `${readVerb} ${upperName(input.exampleName)} example`,
     search_components_by_category: `${searchVerb} components${input.category ? ` in ${input.category} category` : ''}${input.search ? ` for "${input.search}"` : ''}`
   }[toolName] || `${searchVerb} ${toolName}`
 }
+
+const getCachedToolMessage = useMemoize((state: State, toolName: string, input: string) =>
+  getToolMessage(state, toolName, JSON.parse(input))
+)
 </script>
 
 <template>
   <UChatPalette>
     <UChatMessages
-      should-auto-scroll
       :messages="chat.messages"
       :status="chat.status"
       :user="{ side: 'left', variant: 'naked', icon: 'i-lucide-user' }"
@@ -115,7 +120,7 @@ function getToolMessage(state: UIToolInvocation<any>['state'], toolName: string,
             />
 
             <p v-if="part.type === 'dynamic-tool'" class="text-muted text-sm leading-6 my-1.5">
-              {{ getToolMessage(part.state, part.toolName, part.input || {}) }}
+              {{ getCachedToolMessage(part.state, part.toolName, JSON.stringify(part.input || {})) }}
             </p>
           </template>
         </div>

docs/server/api/search.ts

@@ -22,8 +22,16 @@ Guidelines:
 - ALWAYS use tools to search for information. Never rely on pre-trained knowledge.
 - If no relevant information is found after searching, respond with "Sorry, I couldn't find information about that in the documentation."
 - Be concise and direct in your responses.
-- When providing code examples, always use the \`vue\` language identifier for syntax highlighting.
-- NEVER use markdown headings (no #, ##, ###, ####, etc.) in your responses. Use **bold text** for emphasis instead.
+
+**FORMATTING RULES (CRITICAL):**
+- ABSOLUTELY NO MARKDOWN HEADINGS: Never use #, ##, ###, ####, #####, or ######
+- NO underline-style headings with === or ---
+- Use **bold text** for emphasis and section labels instead
+- Examples:
+  * Instead of "## Usage", write "**Usage:**" or just "Here's how to use it:"
+  * Instead of "# Complete Guide", write "**Complete Guide**" or start directly with content
+- Start all responses with content, never with a heading
+
 - Reference specific component names, props, or APIs when applicable.
 - If a question is ambiguous, ask for clarification rather than guessing.
 - When multiple relevant items are found, list them clearly using bullet points.