feat: ship v0.7.0 with AI knowledge context integration

Add semi-automatic knowledge suggestions and user-confirmed injection across chat, interactive, auto, and wizard modes; fix writing flows to persist full systemPrompt in contextJson. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-07 15:33:53 +08:00
parent 2afbb83c43
commit aa2c7dfed3
41 changed files with 1315 additions and 168 deletions
@@ -1,8 +1,12 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { AutoWritingConfig, OutlineItem } from '@shared/types'
+import type { AutoWritingConfig, OutlineItem, ScoredKnowledge } from '@shared/types'
 import { ipcCall } from '@renderer/lib/ipc-client'
 import { useAutoStore } from '@renderer/stores/useAutoStore'
+import { useBookStore } from '@renderer/stores/useBookStore'
+import { useAiStore } from '@renderer/stores/useAiStore'
+import { useSettingsStore } from '@renderer/stores/useSettingsStore'
+import { KnowledgeSuggestList } from '@renderer/components/ai/KnowledgeSuggestList'

 interface AutoPanelProps {
  bookId: string
@@ -37,6 +41,20 @@ export function AutoPanel({ bookId, sessionId, disabled }: AutoPanelProps): Reac
  const [outlineIds, setOutlineIds] = useState<string[]>([])
  const [outlines, setOutlines] = useState<OutlineItem[]>([])
  const [chapterTitle, setChapterTitle] = useState('')
+  const [suggested, setSuggested] = useState<ScoredKnowledge[]>([])
+  const [knowledgeIds, setKnowledgeIds] = useState<string[]>([])
+  const knowledgeAutoSuggest = useSettingsStore((s) => s.knowledgeAutoSuggest ?? true)
+  const selectedChapterId = useBookStore((s) => s.selectedChapterId)
+  const sessions = useAiStore((s) => s.sessions)
+  const activeSessionId = useAiStore((s) => s.activeSessionId)
+
+  const goalText = useMemo(() => {
+    const outlineText = outlines
+      .filter((o) => outlineIds.includes(o.id))
+      .map((o) => o.description ?? '')
+      .join(' ')
+    return [goal.trim(), outlineText].filter(Boolean).join(' ')
+  }, [goal, outlineIds, outlines])

  useEffect(() => {
    mount()
@@ -52,6 +70,52 @@ export function AutoPanel({ bookId, sessionId, disabled }: AutoPanelProps): Reac
    void ipcCall(() => window.electronAPI.outline.list(bookId)).then(setOutlines)
  }, [bookId])

+  useEffect(() => {
+    if (!bookId || !sessionId || !knowledgeAutoSuggest) return
+    const session = sessions.find((s) => s.id === sessionId)
+    const existing = session?.context.knowledgeIds ?? []
+    setKnowledgeIds(existing)
+    void ipcCall(() =>
+      window.electronAPI.knowledge.suggestContext(bookId, {
+        currentChapterId: selectedChapterId ?? undefined,
+        goalText: goalText || undefined
+      })
+    ).then((items) => {
+      setSuggested(items)
+      const merged = [...new Set([...existing, ...items.map((x) => x.entry.id)])]
+      setKnowledgeIds(merged)
+      if (!session) return
+      void ipcCall(() =>
+        window.electronAPI.ai.sessionUpdate(bookId, sessionId, {
+          context: { ...session.context, knowledgeIds: merged }
+        })
+      ).then((updated) => {
+        useAiStore.setState((s) => ({
+          sessions: s.sessions.map((x) => (x.id === updated.id ? updated : x))
+        }))
+      })
+    })
+  }, [bookId, sessionId, knowledgeAutoSuggest, selectedChapterId, goalText, sessions])
+
+  const toggleKnowledge = (id: string): void => {
+    if (!bookId || !activeSessionId) return
+    const session = sessions.find((s) => s.id === activeSessionId)
+    if (!session) return
+    const next = knowledgeIds.includes(id)
+      ? knowledgeIds.filter((x) => x !== id)
+      : [...knowledgeIds, id]
+    setKnowledgeIds(next)
+    void ipcCall(() =>
+      window.electronAPI.ai.sessionUpdate(bookId, activeSessionId, {
+        context: { ...session.context, knowledgeIds: next }
+      })
+    ).then((updated) => {
+      useAiStore.setState((s) => ({
+        sessions: s.sessions.map((x) => (x.id === updated.id ? updated : x))
+      }))
+    })
+  }
+
  if (!sessionId || !flow) {
    return (
      <div className="auto-panel" data-testid="auto-panel">
@@ -121,6 +185,16 @@ export function AutoPanel({ bookId, sessionId, disabled }: AutoPanelProps): Reac
              onChange={(e) => setWordMax(Number(e.target.value))}
            />
          </div>
+          {knowledgeAutoSuggest && (
+            <details className="auto-knowledge-section" data-testid="auto-knowledge-suggest">
+              <summary>{t('interactive.confirmKnowledge')}</summary>
+              <KnowledgeSuggestList
+                items={suggested}
+                selectedIds={knowledgeIds}
+                onToggle={toggleKnowledge}
+              />
+            </details>
+          )}
          <button
            type="button"
            className="btn primary"
@@ -1,45 +1,80 @@
-import { useEffect, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { AiContextBinding } from '@shared/types'
+import type { AiContextBinding, KnowledgeEntry, ScoredKnowledge } from '@shared/types'
 import { useBookStore } from '@renderer/stores/useBookStore'
 import { useAiStore } from '@renderer/stores/useAiStore'
+import { useSettingsStore } from '@renderer/stores/useSettingsStore'
 import { ipcCall } from '@renderer/lib/ipc-client'
 import { formatContextSummary } from '@renderer/lib/ai-context-summary'
+import { KnowledgeSuggestList } from '@renderer/components/ai/KnowledgeSuggestList'
 import i18n from '@renderer/i18n'

-type ContextTab = 'chapter' | 'outline' | 'setting' | 'inspiration'
+type ContextTab = 'chapter' | 'outline' | 'setting' | 'inspiration' | 'knowledge'

 interface ContextEditorModalProps {
  open: boolean
  onClose: () => void
+  goalText?: string
 }

 const EMPTY_BINDING: AiContextBinding = {
  chapterIds: [],
  outlineIds: [],
  settingIds: [],
-  inspirationIds: []
+  inspirationIds: [],
+  knowledgeIds: []
 }

-export function ContextEditorModal({ open, onClose }: ContextEditorModalProps): React.JSX.Element | null {
+export function ContextEditorModal({
+  open,
+  onClose,
+  goalText = ''
+}: ContextEditorModalProps): React.JSX.Element | null {
  const { t } = useTranslation()
  const bookId = useBookStore((s) => s.currentBookId)
+  const selectedChapterId = useBookStore((s) => s.selectedChapterId)
  const chapters = useBookStore((s) => s.chapters)
  const outlines = useBookStore((s) => s.outlines)
  const settings = useBookStore((s) => s.settings)
  const inspirations = useBookStore((s) => s.inspirations)
+  const knowledgeAutoSuggest = useSettingsStore((s) => s.knowledgeAutoSuggest ?? true)
  const activeSessionId = useAiStore((s) => s.activeSessionId)
  const sessions = useAiStore((s) => s.sessions)
  const [tab, setTab] = useState<ContextTab>('setting')
  const [binding, setBinding] = useState<AiContextBinding>(EMPTY_BINDING)
+  const [suggested, setSuggested] = useState<ScoredKnowledge[]>([])
+  const [approvedKnowledge, setApprovedKnowledge] = useState<KnowledgeEntry[]>([])
+
+  const loadSuggestions = useCallback(async (): Promise<void> => {
+    if (!bookId || !knowledgeAutoSuggest) {
+      setSuggested([])
+      return
+    }
+    const items = await ipcCall(() =>
+      window.electronAPI.knowledge.suggestContext(bookId, {
+        currentChapterId: selectedChapterId ?? undefined,
+        goalText: goalText || undefined
+      })
+    )
+    setSuggested(items)
+    setBinding((prev) => {
+      const merged = new Set([...prev.knowledgeIds, ...items.map((x) => x.entry.id)])
+      return { ...prev, knowledgeIds: [...merged] }
+    })
+  }, [bookId, goalText, knowledgeAutoSuggest, selectedChapterId])

  useEffect(() => {
    if (!open) return
    const session = sessions.find((s) => s.id === activeSessionId)
    setBinding(session?.context ?? EMPTY_BINDING)
-  }, [open, activeSessionId, sessions])
+    if (!bookId) return
+    void ipcCall(() =>
+      window.electronAPI.knowledge.list(bookId, { status: 'approved' })
+    ).then(setApprovedKnowledge)
+    void loadSuggestions()
+  }, [open, activeSessionId, sessions, bookId, loadSuggestions])

-  const toggle = (kind: ContextTab, id: string): void => {
+  const toggle = (kind: Exclude<ContextTab, 'knowledge'>, id: string): void => {
    const key =
      kind === 'chapter'
        ? 'chapterIds'
@@ -57,6 +92,15 @@ export function ContextEditorModal({ open, onClose }: ContextEditorModalProps):
    })
  }

+  const toggleKnowledge = (id: string): void => {
+    setBinding((prev) => ({
+      ...prev,
+      knowledgeIds: prev.knowledgeIds.includes(id)
+        ? prev.knowledgeIds.filter((x) => x !== id)
+        : [...prev.knowledgeIds, id]
+    }))
+  }
+
  const handleSave = async (): Promise<void> => {
    if (!bookId || !activeSessionId) return
    const updated = await ipcCall(() =>
@@ -87,7 +131,9 @@ export function ContextEditorModal({ open, onClose }: ContextEditorModalProps):
        ? outlines.map((o) => ({ id: o.id, title: o.title }))
        : tab === 'setting'
          ? settings.map((s) => ({ id: s.id, title: s.name }))
-          : inspirations.map((i) => ({ id: i.id, title: i.title || t('inspiration.untitled') }))
+          : tab === 'inspiration'
+            ? inspirations.map((i) => ({ id: i.id, title: i.title || t('inspiration.untitled') }))
+            : approvedKnowledge.map((k) => ({ id: k.id, title: k.title }))

  const selectedIds =
    tab === 'chapter'
@@ -96,7 +142,9 @@ export function ContextEditorModal({ open, onClose }: ContextEditorModalProps):
        ? binding.outlineIds
        : tab === 'setting'
          ? binding.settingIds
-          : binding.inspirationIds
+          : tab === 'inspiration'
+            ? binding.inspirationIds
+            : binding.knowledgeIds

  return (
    <div className="modal-overlay" data-testid="context-editor-modal">
@@ -108,7 +156,7 @@ export function ContextEditorModal({ open, onClose }: ContextEditorModalProps):
          </button>
        </div>
        <div className="context-editor-tabs">
-          {(['chapter', 'outline', 'setting', 'inspiration'] as const).map((id) => (
+          {(['chapter', 'outline', 'setting', 'inspiration', 'knowledge'] as const).map((id) => (
            <button
              key={id}
              type="button"
@@ -120,18 +168,65 @@ export function ContextEditorModal({ open, onClose }: ContextEditorModalProps):
            </button>
          ))}
        </div>
+        {tab === 'knowledge' && (
+          <div className="context-knowledge-suggest">
+            <div className="context-knowledge-suggest-header">
+              <span>{t('ai.contextKnowledgeSuggestTitle')}</span>
+              <button
+                type="button"
+                className="btn btn-sm"
+                data-testid="context-refresh-suggest"
+                onClick={() => void loadSuggestions()}
+              >
+                {t('ai.contextRefreshSuggest')}
+              </button>
+            </div>
+            <KnowledgeSuggestList
+              items={suggested}
+              selectedIds={binding.knowledgeIds}
+              onToggle={toggleKnowledge}
+              testId="context-knowledge-suggest"
+            />
+          </div>
+        )}
        <div className="context-editor-list">
-          {items.length === 0 && <div className="sidebar-empty">{t('ai.contextEmptyList')}</div>}
-          {items.map((item) => (
-            <label key={item.id} className="context-editor-item" data-testid={`context-item-${item.id}`}>
-              <input
-                type="checkbox"
-                checked={selectedIds.includes(item.id)}
-                onChange={() => toggle(tab, item.id)}
-              />
-              <span>{item.title}</span>
-            </label>
-          ))}
+          {tab === 'knowledge' ? (
+            <>
+              <div className="context-knowledge-all-title">{t('ai.contextKnowledgeAllTitle')}</div>
+              {approvedKnowledge.length === 0 && (
+                <div className="sidebar-empty">{t('ai.contextKnowledgeEmpty')}</div>
+              )}
+              {approvedKnowledge.map((entry) => (
+                <label
+                  key={entry.id}
+                  className="context-editor-item"
+                  data-testid={`context-knowledge-item-${entry.id}`}
+                >
+                  <input
+                    type="checkbox"
+                    checked={binding.knowledgeIds.includes(entry.id)}
+                    onChange={() => toggleKnowledge(entry.id)}
+                  />
+                  <span>{entry.title}</span>
+                  <span className="knowledge-suggest-type">{t(`knowledge.type.${entry.type}`)}</span>
+                </label>
+              ))}
+            </>
+          ) : (
+            <>
+              {items.length === 0 && <div className="sidebar-empty">{t('ai.contextEmptyList')}</div>}
+              {items.map((item) => (
+                <label key={item.id} className="context-editor-item" data-testid={`context-item-${item.id}`}>
+                  <input
+                    type="checkbox"
+                    checked={selectedIds.includes(item.id)}
+                    onChange={() => toggle(tab as Exclude<ContextTab, 'knowledge'>, item.id)}
+                  />
+                  <span>{item.title}</span>
+                </label>
+              ))}
+            </>
+          )}
        </div>
        <div className="modal-footer">
          <button type="button" className="btn" data-testid="context-refresh" onClick={() => void handleRefresh()}>
@@ -1,10 +1,14 @@
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { PlotSelection } from '@shared/types'
+import type { PlotSelection, ScoredKnowledge } from '@shared/types'
 import { useSettingsStore } from '@renderer/stores/useSettingsStore'
+import { useBookStore } from '@renderer/stores/useBookStore'
+import { useAiStore } from '@renderer/stores/useAiStore'
 import { useInteractiveStore } from '@renderer/stores/useInteractiveStore'
 import { ContextEditorModal } from '@renderer/components/ai/ContextEditorModal'
+import { KnowledgeSuggestList } from '@renderer/components/ai/KnowledgeSuggestList'
 import { PlotOptionCard } from '@renderer/components/ai/PlotOptionCard'
+import { ipcCall } from '@renderer/lib/ipc-client'

 interface InteractivePanelProps {
  bookId: string
@@ -19,6 +23,9 @@ export function InteractivePanel({
 }: InteractivePanelProps): React.JSX.Element {
  const { t } = useTranslation()
  const backend = useSettingsStore((s) => s.aiConfig.backend)
+  const knowledgeAutoSuggest = useSettingsStore((s) => s.knowledgeAutoSuggest ?? true)
+  const selectedChapterId = useBookStore((s) => s.selectedChapterId)
+  const sessions = useAiStore((s) => s.sessions)
  const {
    flow,
    plots,
@@ -37,6 +44,8 @@ export function InteractivePanel({
  } = useInteractiveStore()

  const [contextOpen, setContextOpen] = useState(false)
+  const [suggested, setSuggested] = useState<ScoredKnowledge[]>([])
+  const [knowledgeIds, setKnowledgeIds] = useState<string[]>([])
  const [selectedPlots, setSelectedPlots] = useState<Array<'A' | 'B' | 'C'>>([])
  const [userNote, setUserNote] = useState('')
  const [refineInput, setRefineInput] = useState('')
@@ -52,6 +61,33 @@ export function InteractivePanel({
    if (bookId && sessionId) void loadFlow(bookId, sessionId)
  }, [bookId, sessionId, loadFlow])

+  const step = flow?.step
+  useEffect(() => {
+    if (!bookId || !sessionId || step !== 'context_confirm' || !knowledgeAutoSuggest) return
+    const session = sessions.find((s) => s.id === sessionId)
+    const existing = session?.context.knowledgeIds ?? []
+    setKnowledgeIds(existing)
+    void ipcCall(() =>
+      window.electronAPI.knowledge.suggestContext(bookId, {
+        currentChapterId: selectedChapterId ?? undefined
+      })
+    ).then((items) => {
+      setSuggested(items)
+      const merged = [...new Set([...existing, ...items.map((x) => x.entry.id)])]
+      setKnowledgeIds(merged)
+      if (!session) return
+      void ipcCall(() =>
+        window.electronAPI.ai.sessionUpdate(bookId, sessionId, {
+          context: { ...session.context, knowledgeIds: merged }
+        })
+      ).then((updated) => {
+        useAiStore.setState((s) => ({
+          sessions: s.sessions.map((x) => (x.id === updated.id ? updated : x))
+        }))
+      })
+    })
+  }, [bookId, sessionId, step, knowledgeAutoSuggest, selectedChapterId, sessions])
+
  if (!sessionId || !flow) {
    return (
      <div className="interactive-panel" data-testid="interactive-panel">
@@ -60,13 +96,31 @@ export function InteractivePanel({
    )
  }

-  const step = flow.step
  const previewHtml = streaming ? streamBuffer : sceneDraft
  const showReview =
    step === 'scene_review' ||
    (!streaming && sceneDraft.trim().length > 0 && step === 'scene_generate')
  const showFinishChapter = flow.scenes.length > 0 && flow.status !== 'completed'

+  const toggleKnowledge = (id: string): void => {
+    setKnowledgeIds((prev) => {
+      const next = prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]
+      const session = sessions.find((s) => s.id === sessionId)
+      if (bookId && sessionId && session) {
+        void ipcCall(() =>
+          window.electronAPI.ai.sessionUpdate(bookId, sessionId, {
+            context: { ...session.context, knowledgeIds: next }
+          })
+        ).then((updated) => {
+          useAiStore.setState((s) => ({
+            sessions: s.sessions.map((x) => (x.id === updated.id ? updated : x))
+          }))
+        })
+      }
+      return next
+    })
+  }
+
  const handleStart = (): void => {
    void confirmContextAndStart(bookId, flow.id)
  }
@@ -94,6 +148,16 @@ export function InteractivePanel({
        {step === 'context_confirm' && (
          <div className="interactive-section">
            <p>{flow.contextSummary ?? t('ai.contextEmpty')}</p>
+            {knowledgeAutoSuggest && (
+              <div className="interactive-knowledge-section" data-testid="interactive-knowledge-suggest">
+                <h4>{t('interactive.confirmKnowledge')}</h4>
+                <KnowledgeSuggestList
+                  items={suggested}
+                  selectedIds={knowledgeIds}
+                  onToggle={toggleKnowledge}
+                />
+              </div>
+            )}
            <button type="button" className="btn" onClick={() => setContextOpen(true)}>
              {t('ai.contextEditorTitle')}
            </button>
@@ -0,0 +1,51 @@
+import { useTranslation } from 'react-i18next'
+import type { ScoredKnowledge } from '@shared/types'
+
+interface KnowledgeSuggestListProps {
+  items: ScoredKnowledge[]
+  selectedIds: string[]
+  onToggle: (id: string) => void
+  testId?: string
+}
+
+export function KnowledgeSuggestList({
+  items,
+  selectedIds,
+  onToggle,
+  testId = 'knowledge-suggest-list'
+}: KnowledgeSuggestListProps): React.JSX.Element {
+  const { t } = useTranslation()
+
+  if (items.length === 0) {
+    return <div className="sidebar-empty">{t('ai.contextKnowledgeEmpty')}</div>
+  }
+
+  return (
+    <div className="knowledge-suggest-list" data-testid={testId}>
+      {items.map(({ entry, reasons }) => (
+        <label
+          key={entry.id}
+          className="context-editor-item knowledge-suggest-item"
+          data-testid={`knowledge-suggest-item-${entry.id}`}
+        >
+          <input
+            type="checkbox"
+            checked={selectedIds.includes(entry.id)}
+            onChange={() => onToggle(entry.id)}
+          />
+          <span className="knowledge-suggest-title">{entry.title}</span>
+          <span className="knowledge-suggest-type">{t(`knowledge.type.${entry.type}`)}</span>
+          {reasons.length > 0 && (
+            <span className="knowledge-suggest-reasons">
+              {reasons.map((reason) => (
+                <span key={reason} className="knowledge-reason-badge">
+                  {t(reason)}
+                </span>
+              ))}
+            </span>
+          )}
+        </label>
+      ))}
+    </div>
+  )
+}
@@ -1,10 +1,13 @@
-import { useEffect, useState } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import type { AutoRhythm, AutoWritingConfig, SettingEntry, WizardWritingConfig } from '@shared/types'
+import type { AutoRhythm, AutoWritingConfig, ScoredKnowledge, SettingEntry, WizardWritingConfig } from '@shared/types'
 import { ipcCall } from '@renderer/lib/ipc-client'
 import { useWizardStore } from '@renderer/stores/useWizardStore'
 import { ContextEditorModal } from '@renderer/components/ai/ContextEditorModal'
+import { KnowledgeSuggestList } from '@renderer/components/ai/KnowledgeSuggestList'
 import { useAiStore } from '@renderer/stores/useAiStore'
+import { useBookStore } from '@renderer/stores/useBookStore'
+import { useSettingsStore } from '@renderer/stores/useSettingsStore'

 interface WizardPanelProps {
  bookId: string
@@ -41,6 +44,44 @@ export function WizardPanel({ bookId, sessionId, disabled }: WizardPanelProps):
  const [characters, setCharacters] = useState<SettingEntry[]>([])
  const [povId, setPovId] = useState('')
  const [contextOpen, setContextOpen] = useState(false)
+  const [suggested, setSuggested] = useState<ScoredKnowledge[]>([])
+  const [knowledgeIds, setKnowledgeIds] = useState<string[]>([])
+  const knowledgeAutoSuggest = useSettingsStore((s) => s.knowledgeAutoSuggest ?? true)
+  const selectedChapterId = useBookStore((s) => s.selectedChapterId)
+  const sessions = useAiStore((s) => s.sessions)
+
+  const goalText = useMemo(
+    () => [goal.trim(), styleNote.trim()].filter(Boolean).join(' '),
+    [goal, styleNote]
+  )
+
+  const step = flow?.step
+  useEffect(() => {
+    if (!bookId || !sessionId || step !== 'wizard_context' || !knowledgeAutoSuggest) return
+    const session = sessions.find((s) => s.id === sessionId)
+    const existing = session?.context.knowledgeIds ?? []
+    setKnowledgeIds(existing)
+    void ipcCall(() =>
+      window.electronAPI.knowledge.suggestContext(bookId, {
+        currentChapterId: selectedChapterId ?? undefined,
+        goalText: goalText || undefined
+      })
+    ).then((items) => {
+      setSuggested(items)
+      const merged = [...new Set([...existing, ...items.map((x) => x.entry.id)])]
+      setKnowledgeIds(merged)
+      if (!session) return
+      void ipcCall(() =>
+        window.electronAPI.ai.sessionUpdate(bookId, sessionId, {
+          context: { ...session.context, knowledgeIds: merged }
+        })
+      ).then((updated) => {
+        useAiStore.setState((s) => ({
+          sessions: s.sessions.map((x) => (x.id === updated.id ? updated : x))
+        }))
+      })
+    })
+  }, [bookId, sessionId, step, knowledgeAutoSuggest, selectedChapterId, goalText, sessions])

  useEffect(() => {
    mount()
@@ -66,9 +107,32 @@ export function WizardPanel({ bookId, sessionId, disabled }: WizardPanelProps):
    )
  }

-  const step = flow.step
  const config = flow.modeConfig as WizardWritingConfig

+  const toggleKnowledge = (id: string): void => {
+    if (!bookId || !sessionId) return
+    const session = sessions.find((s) => s.id === sessionId)
+    if (!session) return
+    const next = knowledgeIds.includes(id)
+      ? knowledgeIds.filter((x) => x !== id)
+      : [...knowledgeIds, id]
+    setKnowledgeIds(next)
+    void ipcCall(() =>
+      window.electronAPI.ai.sessionUpdate(bookId, sessionId, {
+        context: { ...session.context, knowledgeIds: next }
+      })
+    ).then((updated) => {
+      useAiStore.setState((s) => ({
+        sessions: s.sessions.map((x) => (x.id === updated.id ? updated : x))
+      }))
+    })
+  }
+
+  const handleConfirmContext = (): void => {
+    const session = sessions.find((s) => s.id === sessionId)
+    if (session) void confirmContext(bookId, session.context)
+  }
+
  const handleContextClose = (): void => {
    setContextOpen(false)
    const session = useAiStore.getState().sessions.find(
@@ -178,15 +242,33 @@ export function WizardPanel({ bookId, sessionId, disabled }: WizardPanelProps):
        {step === 'wizard_context' && (
          <div className="interactive-section">
            <p>{t('wizard.contextHint')}</p>
+            {knowledgeAutoSuggest && (
+              <div className="wizard-knowledge-section" data-testid="wizard-knowledge-suggest">
+                <h4>{t('interactive.confirmKnowledge')}</h4>
+                <KnowledgeSuggestList
+                  items={suggested}
+                  selectedIds={knowledgeIds}
+                  onToggle={toggleKnowledge}
+                />
+              </div>
+            )}
            <button
              type="button"
-              className="btn primary"
+              className="btn"
              data-testid="wizard-context-edit"
              disabled={disabled}
              onClick={() => setContextOpen(true)}
            >
              {t('ai.contextEditorTitle')}
            </button>
+            <button
+              type="button"
+              className="btn primary"
+              disabled={disabled}
+              onClick={handleConfirmContext}
+            >
+              {t('wizard.next')}
+            </button>
          </div>
        )}

@@ -230,7 +312,7 @@ export function WizardPanel({ bookId, sessionId, disabled }: WizardPanelProps):
          </div>
        )}
      </div>
-      <ContextEditorModal open={contextOpen} onClose={handleContextClose} />
+      <ContextEditorModal open={contextOpen} onClose={handleContextClose} goalText={goalText} />
    </>
  )
 }
@@ -137,7 +137,7 @@ export function SettingsPage(): React.JSX.Element {
        {section === 'shortcuts' && <ShortcutEditor />}
        {section === 'about' && (
          <p style={{ color: 'var(--text-secondary)', lineHeight: 1.8 }}>
-            {t('app.name')} v0.6.0
+            {t('app.name')} v0.7.0
            <br />
            {t('app.tagline')}
          </p>
@@ -4,13 +4,14 @@ import type { ContextPreviewItem } from '@shared/types'
 export function formatContextSummary(preview: ContextPreviewItem[], t: TFunction): string {
  if (preview.length === 0) return t('ai.contextEmpty')

-  const counts = { chapter: 0, outline: 0, setting: 0, inspiration: 0 }
+  const counts = { chapter: 0, outline: 0, setting: 0, inspiration: 0, knowledge: 0 }
  for (const item of preview) counts[item.kind]++

  return t('ai.contextSummary', {
    chapters: counts.chapter,
    outlines: counts.outline,
    settings: counts.setting,
-    inspirations: counts.inspiration
+    inspirations: counts.inspiration,
+    knowledge: counts.knowledge
  })
 }
@@ -19,6 +19,7 @@ interface AutoState {
  loadFlow: (bookId: string, sessionId: string) => Promise<void>
  start: (bookId: string, sessionId: string) => Promise<void>
  setGoal: (bookId: string, config: Partial<AutoWritingConfig>) => Promise<void>
+  confirmContext: (bookId: string) => Promise<void>
  planScenes: (bookId: string) => Promise<void>
  generateNext: (bookId: string) => Promise<void>
  resolveNaming: (bookId: string, chosenName: string) => Promise<void>
@@ -64,11 +65,24 @@ export const useAutoStore = create<AutoState>((set, get) => ({
    set({ flow })
  },

+  confirmContext: async (bookId) => {
+    const flowId = get().flow?.id
+    const session = useAiStore.getState().sessions.find(
+      (s) => s.id === useAiStore.getState().activeSessionId
+    )
+    if (!flowId || !session) return
+    const flow = await ipcCall(() =>
+      window.electronAPI.auto.confirmContext(bookId, flowId, session.context)
+    )
+    set({ flow })
+  },
+
  planScenes: async (bookId) => {
    const flowId = get().flow?.id
    if (!flowId) return
    set({ streaming: true })
    try {
+      await get().confirmContext(bookId)
      const summary = useAiStore.getState().contextSummary
      const flow = await ipcCall(() =>
        window.electronAPI.auto.planScenes(bookId, flowId, summary)
@@ -67,7 +67,8 @@ export const useInteractiveStore = create<InteractiveState>((set, get) => ({
      chapterIds: [],
      outlineIds: [],
      settingIds: [],
-      inspirationIds: []
+      inspirationIds: [],
+      knowledgeIds: []
    }
    const flow = await ipcCall(() =>
      window.electronAPI.interactive.confirmContext(bookId, flowId, binding)
@@ -22,6 +22,8 @@ export const useSettingsStore = create<SettingsState>((set, get) => ({
  shortcuts: {} as Record<ActionId, string>,
  aiConfig: { ...DEFAULT_AI_CONFIG },
  namingIgnoreWords: [] as string[],
+  knowledgeAutoSuggest: true,
+  knowledgeSuggestTopN: 8,
  loaded: false,
  load: async () => {
    const data = await ipcCall(() => window.electronAPI.settings.get())