Merge remote-tracking branch 'origin/main' into task/wikilink-autocomplete

src/components/DynamicPropertiesPanel.tsx

@@ -5,6 +5,7 @@ import type { ParsedFrontmatter } from '../utils/frontmatter'
 import { EditableValue, TagPillList } from './EditableValue'
 import { Button } from '@/components/ui/button'
 import { getTypeColor, getTypeLightColor } from '../utils/typeColors'
+import { countWords } from '../utils/wikilinks'
 
 const STATUS_STYLES: Record<string, { bg: string; color: string }> = {
   Active: { bg: 'var(--accent-green-light)', color: 'var(--accent-green)' },
@@ -37,12 +38,6 @@ export function containsWikilinks(value: FrontmatterValue): boolean {
   return false
 }
 
-function countWords(content: string | null): number {
-  if (!content) return 0
-  const stripped = content.replace(/^---[\s\S]*?---\n?/, '')
-  const words = stripped.trim().split(/\s+/).filter((w) => w.length > 0)
-  return words.length
-}
 
 function formatDate(timestamp: number | null): string {
   if (!timestamp) return '\u2014'
@@ -238,7 +233,7 @@ export function DynamicPropertiesPanel({
   const [editingKey, setEditingKey] = useState<string | null>(null)
   const [showAddDialog, setShowAddDialog] = useState(false)
 
-  const wordCount = countWords(content)
+  const wordCount = countWords(content ?? '')
 
   const propertyEntries = useMemo(() => {
     return Object.entries(frontmatter)

src/components/Inspector.test.tsx

@@ -131,8 +131,8 @@ describe('Inspector', () => {
 
   it('computes word count from content minus frontmatter', () => {
     render(<Inspector {...defaultProps} entry={mockEntry} content={mockContent} />)
-    // "# Test Project" + "This is a test note with some words to count." = 13 words
-    expect(screen.getByText('13')).toBeInTheDocument()
+    // "Test Project" (# stripped) + "This is a test note with some words to count." = 12 words
+    expect(screen.getByText('12')).toBeInTheDocument()
   })
 
   it('shows "Add property" button as disabled placeholder', () => {
@@ -470,8 +470,11 @@ Status: Active
           allContent={{}}
         />
       )
-      // 2 entries reference via Belongs to
-      expect(screen.getByText('2')).toBeInTheDocument()
+      // 2 entries reference via Belongs to — badge appears in the Referenced by header
+      const allTwos = screen.getAllByText('2')
+      expect(allTwos.length).toBeGreaterThanOrEqual(1)
+      // At least one "2" is inside a badge (span with ml-1 class)
+      expect(allTwos.some(el => el.classList.contains('ml-1'))).toBe(true)
     })
 
     it('shows "No references" when no entries reference the current note', () => {