fix: minemap error.

Author: PttCodingMan

frontend/src/pages/PublicPageView.jsx

@@ -3,6 +3,7 @@ import { Link, useLocation, useParams } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import publicApi from '../api/publicClient'
 import MarkdownViewer from '../components/Viewer/MarkdownViewer'
+import MindmapView from '../components/MindmapView'
 import ThemeSwitcher from '../components/ThemeSwitcher'
 import useSettings from '../store/useSettings'
 
@@ -107,11 +108,15 @@ export default function PublicPageView({ notFound }) {
           {t('publicView.updated', { date: new Date(page.updated_at).toLocaleString() })}
         </div>
         <article className="bg-surface rounded-xl shadow-sm border border-border p-6 sm:p-8">
-          <MarkdownViewer
-            content={page.content_md}
-            publicMode
-            diagrams={page.diagrams || {}}
-          />
+          {page.page_type === 'mindmap' ? (
+            <MindmapView content={page.content_md} title={page.title} />
+          ) : (
+            <MarkdownViewer
+              content={page.content_md}
+              publicMode
+              diagrams={page.diagrams || {}}
+            />
+          )}
         </article>
       </main>
       {footerText && (

frontend/src/pages/PublicPageView.test.jsx

@@ -34,6 +34,16 @@ vi.mock('../components/Viewer/MarkdownViewer', () => ({
     ),
 }))
 
+vi.mock('../components/MindmapView', () => ({
+  default: ({ content, title }) =>
+    React.createElement(
+      'div',
+      { 'data-testid': 'mindmap-viewer' },
+      React.createElement('span', { 'data-testid': 'mindmap-title' }, title),
+      React.createElement('span', { 'data-testid': 'mindmap-content' }, content),
+    ),
+}))
+
 import publicApi from '../api/publicClient'
 import PublicPageView from './PublicPageView'
 
@@ -148,4 +158,25 @@ describe('PublicPageView', () => {
     expect(screen.getByTestId('md-diagrams').textContent).toContain('42')
     expect(screen.getByTestId('md-diagrams').textContent).toContain('svg')
   })
+
+  it('renders MindmapView when page_type is mindmap', async () => {
+    publicApi.get.mockResolvedValueOnce({
+      data: {
+        slug: 'mm',
+        title: 'The Mindmap',
+        content_md: '# Node',
+        page_type: 'mindmap',
+        updated_at: '2026-04-01T00:00:00Z',
+        author_name: null,
+      },
+    })
+
+    renderAt('mm')
+    await screen.findByRole('heading', { name: 'The Mindmap' })
+
+    expect(screen.getByTestId('mindmap-viewer')).toBeInTheDocument()
+    expect(screen.getByTestId('mindmap-title').textContent).toBe('The Mindmap')
+    expect(screen.getByTestId('mindmap-content').textContent).toBe('# Node')
+    expect(screen.queryByTestId('md-viewer')).toBeNull()
+  })
 })

frontend/src/store/useTheme.js

@@ -49,7 +49,7 @@ export const themes = {
 }
 
 function applyTheme(themeId) {
-  const theme = themes[themeId] || themes.light
+  const theme = themes[themeId] || themes.sand
   const root = document.documentElement
   root.setAttribute('data-theme', themeId)
   root.classList.toggle('dark', theme.dark)
@@ -76,7 +76,7 @@ function safeSet(key, value) {
 }
 
 const useTheme = create((set) => ({
-  theme: safeGet('theme') || 'light',
+  theme: safeGet('theme') || 'sand',
   dark: false,
 
   setTheme: (themeId) => {
@@ -87,7 +87,7 @@ const useTheme = create((set) => ({
 
   init: () => {
     const saved = safeGet('theme')
-    const themeId = saved && themes[saved] ? saved : 'light'
+    const themeId = saved && themes[saved] ? saved : 'sand'
     applyTheme(themeId)
     set({ theme: themeId, dark: themes[themeId]?.dark ?? false })
   },

frontend/src/store/useTheme.test.js

@@ -12,9 +12,9 @@ describe('useTheme Store', () => {
     document.documentElement.classList.remove('dark')
   })
 
-  it('should initialize with light theme by default', () => {
+  it('should initialize with sand theme by default', () => {
     const { result } = renderHook(() => useTheme())
-    expect(result.current.theme).toBe('light')
+    expect(result.current.theme).toBe('sand')
   })
 
   it('should initialize with saved theme from localStorage', () => {
@@ -57,15 +57,15 @@ describe('useTheme Store', () => {
     expect(document.documentElement.classList.contains('dark')).toBe(false)
   })
 
-  it('should fallback to light theme on init if saved theme is invalid', () => {
+  it('should fallback to sand theme on init if saved theme is invalid', () => {
     localStorage.setItem('theme', 'invalid-theme')
     const { result } = renderHook(() => useTheme())
 
     act(() => {
       result.current.init()
     })
 
-    expect(result.current.theme).toBe('light')
-    expect(document.documentElement.getAttribute('data-theme')).toBe('light')
+    expect(result.current.theme).toBe('sand')
+    expect(document.documentElement.getAttribute('data-theme')).toBe('sand')
   })
 })