Backlinks
No backlinks
@@ -82,6 +116,7 @@ export function Inspector({
onViewCommitDiff, onUpdateFrontmatter, onDeleteProperty, onAddProperty,
}: InspectorProps) {
const backlinks = useBacklinks(entry, entries, allContent)
+ const referencedBy = useReferencedBy(entry, entries)
const frontmatter = useMemo(() => parseFrontmatter(content), [content])
const handleUpdateProperty = useCallback((key: string, value: FrontmatterValue) => {
@@ -111,6 +146,7 @@ export function Inspector({
onNavigate={onNavigate}
/>
+
diff --git a/src/components/InspectorPanels.test.tsx b/src/components/InspectorPanels.test.tsx
index d57dfdb4..18d6cd4b 100644
--- a/src/components/InspectorPanels.test.tsx
+++ b/src/components/InspectorPanels.test.tsx
@@ -1,6 +1,7 @@
import { describe, it, expect, vi, beforeEach } from 'vitest'
import { render, screen, fireEvent } from '@testing-library/react'
-import { DynamicRelationshipsPanel, BacklinksPanel, GitHistoryPanel } from './InspectorPanels'
+import { DynamicRelationshipsPanel, BacklinksPanel, ReferencedByPanel, GitHistoryPanel } from './InspectorPanels'
+import type { ReferencedByItem } from './InspectorPanels'
import type { VaultEntry, GitCommit } from '../types'
const makeEntry = (overrides: Partial
= {}): VaultEntry => ({
@@ -225,6 +226,69 @@ describe('BacklinksPanel', () => {
})
})
+describe('ReferencedByPanel', () => {
+ const onNavigate = vi.fn()
+
+ beforeEach(() => {
+ vi.clearAllMocks()
+ })
+
+ it('shows "No references" when items is empty', () => {
+ render()
+ expect(screen.getByText('No references')).toBeInTheDocument()
+ })
+
+ it('renders referenced-by entries grouped by relationship key', () => {
+ const items: ReferencedByItem[] = [
+ { entry: makeEntry({ path: '/vault/proc/a.md', title: 'Write Essays', isA: 'Procedure' }), viaKey: 'Belongs to' },
+ { entry: makeEntry({ path: '/vault/essay/b.md', title: 'On Writing Well', isA: 'Essay' }), viaKey: 'Belongs to' },
+ { entry: makeEntry({ path: '/vault/exp/c.md', title: 'SEO Experiment', isA: 'Experiment' }), viaKey: 'Related to' },
+ ]
+ render()
+
+ expect(screen.getByText('Write Essays')).toBeInTheDocument()
+ expect(screen.getByText('On Writing Well')).toBeInTheDocument()
+ expect(screen.getByText('SEO Experiment')).toBeInTheDocument()
+ expect(screen.getByText(/via Belongs to/)).toBeInTheDocument()
+ expect(screen.getByText(/via Related to/)).toBeInTheDocument()
+ })
+
+ it('shows count badge when items exist', () => {
+ const items: ReferencedByItem[] = [
+ { entry: makeEntry({ path: '/vault/a.md', title: 'A' }), viaKey: 'Has' },
+ { entry: makeEntry({ path: '/vault/b.md', title: 'B' }), viaKey: 'Has' },
+ { entry: makeEntry({ path: '/vault/c.md', title: 'C' }), viaKey: 'Topics' },
+ ]
+ render()
+ expect(screen.getByText('3')).toBeInTheDocument()
+ })
+
+ it('navigates when clicking a referenced-by entry', () => {
+ const items: ReferencedByItem[] = [
+ { entry: makeEntry({ path: '/vault/a.md', title: 'My Note' }), viaKey: 'Belongs to' },
+ ]
+ render()
+ fireEvent.click(screen.getByText('My Note'))
+ expect(onNavigate).toHaveBeenCalledWith('My Note')
+ })
+
+ it('dims archived entries in referenced-by', () => {
+ const items: ReferencedByItem[] = [
+ { entry: makeEntry({ path: '/vault/a.md', title: 'Old Note', archived: true }), viaKey: 'Has' },
+ ]
+ render()
+ expect(screen.getByTitle('Archived')).toBeInTheDocument()
+ })
+
+ it('shows trashed indicator for trashed entries', () => {
+ const items: ReferencedByItem[] = [
+ { entry: makeEntry({ path: '/vault/a.md', title: 'Trash Note', trashed: true }), viaKey: 'Has' },
+ ]
+ render()
+ expect(screen.getByTitle('Trashed')).toBeInTheDocument()
+ })
+})
+
describe('GitHistoryPanel', () => {
const onViewCommitDiff = vi.fn()
diff --git a/src/components/InspectorPanels.tsx b/src/components/InspectorPanels.tsx
index c84693ac..12d8be91 100644
--- a/src/components/InspectorPanels.tsx
+++ b/src/components/InspectorPanels.tsx
@@ -32,7 +32,7 @@ function wikilinkDisplay(ref: string): string {
return last.replace(/-/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase())
}
-function wikilinkTarget(ref: string): string {
+export function wikilinkTarget(ref: string): string {
const inner = ref.replace(/^\[\[|\]\]$/g, '')
const pipeIdx = inner.indexOf('|')
return pipeIdx !== -1 ? inner.slice(0, pipeIdx) : inner
@@ -217,6 +217,62 @@ export function BacklinksPanel({ backlinks, onNavigate }: { backlinks: VaultEntr
)
}
+export interface ReferencedByItem {
+ entry: VaultEntry
+ viaKey: string
+}
+
+export function ReferencedByPanel({ items, onNavigate }: {
+ items: ReferencedByItem[]
+ onNavigate: (target: string) => void
+}) {
+ const grouped = useMemo(() => {
+ const map = new Map()
+ for (const item of items) {
+ const existing = map.get(item.viaKey)
+ if (existing) existing.push(item.entry)
+ else map.set(item.viaKey, [item.entry])
+ }
+ return Array.from(map.entries())
+ }, [items])
+
+ return (
+
+
+ Referenced by {items.length > 0 && {items.length}}
+
+ {items.length === 0
+ ?
No references
+ : (
+
+ {grouped.map(([viaKey, groupEntries]) => (
+
+
+ via {viaKey}
+
+
+ {groupEntries.map((e) => (
+ onNavigate(e.title)}
+ title={e.trashed ? 'Trashed' : e.archived ? 'Archived' : undefined}
+ TypeIcon={getTypeIcon(e.isA ?? undefined)}
+ />
+ ))}
+
+
+ ))}
+
+ )
+ }
+