feat(frontend): KB full-text search result viewer

[mrveiss]

Summary

• Creates KBSearchResultPanel.vue — a split-pane component with a ranked results list (left) and inline read-only document viewer (right)
• Replaces the old flat results list and BaseModal document viewer in KnowledgeSearch.vue with the new panel
• Keyboard navigation: ArrowDown/ArrowUp move selection, Enter emits select, Escape emits close
• Query-term highlighting in both snippets and full document content via HTML-escaped <mark class="kb-highlight"> spans
• Loading skeleton shown while loading prop is true; document fetched via KnowledgeRepository.getDocument() if content is truncated

Test plan

• Run a search and verify ranked results appear with title, relevance %, and highlighted snippet
• Click or arrow-key to a result and verify full document content loads in the right pane
• Verify query terms are highlighted (yellow mark) in both snippet and full content
• Press Escape and verify the panel closes (search state resets)
• Verify console.* is absent — all logging via createLogger('KBSearchResultPanel')

Closes #3296

🤖 Generated with Claude Code

[mrveiss]

Code review

Found 2 issues:

1. Unnecessary as any cast bypasses TypeScript type safety — getDocument() returns Promise<KnowledgeDocument> and KnowledgeDocument.content is typed as string (non-optional). The cast (full as any)?.content silently removes compile-time checks for no reason. Drop the cast: viewerContent.value = full.content ?? document.content ?? ''

AutoBot-AI/autobot-frontend/src/components/knowledge/KBSearchResultPanel.vue

Line 315 in 44f1818

}

2. KnowledgeRepository duplicated in child component (CLAUDE.md says "Reuse Existing Code — import and call existing utilities; never copy-paste") — KBSearchResultPanel instantiates its own new KnowledgeRepository() at line 226 while the parent KnowledgeSearch.vue already owns an identical instance at its line 345. Both will fire independent HTTP requests for the same document. The correct pattern is to accept the already-fetched content as a prop or bubble a fetch event to the parent to reuse its existing repo instance.

AutoBot-AI/autobot-frontend/src/components/knowledge/KBSearchResultPanel.vue

Line 226 in 44f1818

const activeResult = computed<SearchResult | null>(() =>

🤖 Generated with Claude Code

_{- If this code review was useful, please react with 👍. Otherwise, react with 👎.}