dsh-cuigengji-plugin 0.4.3 → 0.4.4

package/src/client/features/chapters/sync.ts

@@ -1,165 +1,165 @@
-import { persistDraft, restoreDraft } from '../../shared/drafts.js';
-
-export interface Chapter {
-  id: string; revision: number; contentHash: string; deleted: boolean;
-  title: string; content: string; volumeId: string | null; order: number;
-  [key: string]: any;
-}
-const fields = ['content','title','volumeId','order'] as const;
+import { persistDraft, restoreDraft } from '../../shared/drafts.js';
+
+export interface Chapter {
+  id: string; revision: number; contentHash: string; deleted: boolean;
+  title: string; content: string; volumeId: string | null; order: number;
+  [key: string]: any;
+}
+const fields = ['content','title','volumeId','order'] as const;
 const same = (a: Chapter, b: Chapter) => fields.every(key => a[key] === b[key]);
 /** Autosave never re-sends untouched placement fields from an older draft. */
 export function chapterChanges(value: Chapter, base: Chapter): Partial<Chapter> {
   return Object.fromEntries(fields.filter(key => value[key] !== base[key]).map(key => [key, value[key]]));
 }
-function edit(base: string, text: string) {
-  let start=0,end=base.length,tail=text.length;
-  while(start<end&&start<tail&&base[start]===text[start]) start++;
-  while(end>start&&tail>start&&base[end-1]===text[tail-1]) {end--;tail--;}
-  return {start,end,text:text.slice(start,tail)};
-}
-/** Conservative three-way merge: overlapping edits always remain for human review. */
-export function mergeText(base: string, local: string, remote: string): string | null {
-  if(local===remote||remote===base)return local;
-  if(local===base)return remote;
-  const a=edit(base,local),b=edit(base,remote);
-  if(!(a.end<b.start||b.end<a.start))return null;
-  let result=base;
-  for(const patch of [a,b].sort((x,y)=>y.start-x.start))result=result.slice(0,patch.start)+patch.text+result.slice(patch.end);
-  return result;
-}
-export function mergeChapter(base: Chapter, local: Chapter, remote: Chapter): Chapter | null {
-  if(remote.deleted&&!same(base,local))return null;
-  const value={...remote};
-  for(const key of fields){
-    if(key==='content'){
-      const merged=mergeText(base.content,local.content,remote.content);
-      if(merged===null)return null;value.content=merged;
-    }else if(local[key]===base[key])value[key]=remote[key] as never;
-    else if(remote[key]===base[key]||remote[key]===local[key])value[key]=local[key] as never;
-    else return null;
-  }
-  return value;
-}
-type Phase='saved'|'waiting'|'saving'|'error'|'conflict';
-type State={base:Chapter;value:Chapter;phase:Phase;error:string;cacheError:string;notice:string;remote:Chapter|null};
-type Storage=Pick<globalThis.Storage,'getItem'|'setItem'|'removeItem'>;
-type Options={key:string;initial:Chapter;storage:Storage;read:()=>Promise<Chapter>;write:(value:Chapter,base:Chapter,requestId:string)=>Promise<Partial<Chapter>>;onSaved:()=>void;delay?:number};
-
-/** One serialized save queue per chapter. It survives tab switches and keeps drafts durable. */
-export class ChapterSync {
-  state: State;
-  private listeners=new Set<()=>void>();
-  private timer:ReturnType<typeof setTimeout>|undefined;
-  private saving=false;
-  private reading=false;
-  private composing=false;
-  private touched=0;
-  private pendingRemote:Chapter|null=null;
-  private pending:{value:Chapter;base:Chapter;requestId:string}|null=null;
-  private retries=0;
-  options:Options;
-  constructor(options:Options){
-    this.options=options;
-    const restored=restoreDraft(options.storage,options.key,options.initial);
-    this.state={...restored,phase:same(restored.base,restored.value)?'saved':'waiting',error:'',cacheError:'',notice:'',remote:null};
-  }
-  get dirty(){return !same(this.state.base,this.state.value);}
-  snapshot=()=>this.state;
-  subscribe=(listener:()=>void)=>{this.listeners.add(listener);return()=>{this.listeners.delete(listener);};};
-  private publish(patch:Partial<State>){
-    this.state={...this.state,...patch};
-    try{persistDraft(this.options.storage,this.options.key,{base:this.state.base,value:this.state.value});this.state.cacheError='';}
-    catch{this.state.cacheError='本地草稿缓存失败，请保持此页面打开并重试保存。';}
-    this.listeners.forEach(fn=>fn());
-  }
-  private schedule(delay=this.options.delay??1500){
-    clearTimeout(this.timer);
-    if(!this.composing&&this.state.phase!=='conflict')this.timer=setTimeout(()=>void this.flush(),delay);
-  }
-  change=(next:Chapter|((old:Chapter)=>Chapter))=>{
-    this.touched=Date.now();this.retries=0;
-    this.publish({value:typeof next==='function'?next(this.state.value):next,notice:'',phase:this.state.remote?'conflict':this.saving?'saving':'waiting'});
-    this.schedule();
-  };
-  composition=(active:boolean)=>{this.composing=active;if(active)clearTimeout(this.timer);else this.schedule();};
-  accept=(value:Chapter)=>{
-    if(this.saving)return;
-    this.pending=null;this.pendingRemote=null;this.retries=0;
-    this.publish({base:value,value,remote:null,phase:'saved',error:'',notice:''});
-  };
-  rebase=(remote:Chapter)=>{
-    if(this.saving||remote.deleted)return;
-    this.pending=null;
-    const value={...remote,...Object.fromEntries(fields.map(key=>[key,this.state.value[key]]))};
-    this.publish({base:remote,value,remote:null,phase:'waiting',error:'',notice:''});this.schedule();
-  };
+function edit(base: string, text: string) {
+  let start=0,end=base.length,tail=text.length;
+  while(start<end&&start<tail&&base[start]===text[start]) start++;
+  while(end>start&&tail>start&&base[end-1]===text[tail-1]) {end--;tail--;}
+  return {start,end,text:text.slice(start,tail)};
+}
+/** Conservative three-way merge: overlapping edits always remain for human review. */
+export function mergeText(base: string, local: string, remote: string): string | null {
+  if(local===remote||remote===base)return local;
+  if(local===base)return remote;
+  const a=edit(base,local),b=edit(base,remote);
+  if(!(a.end<b.start||b.end<a.start))return null;
+  let result=base;
+  for(const patch of [a,b].sort((x,y)=>y.start-x.start))result=result.slice(0,patch.start)+patch.text+result.slice(patch.end);
+  return result;
+}
+export function mergeChapter(base: Chapter, local: Chapter, remote: Chapter): Chapter | null {
+  if(remote.deleted&&!same(base,local))return null;
+  const value={...remote};
+  for(const key of fields){
+    if(key==='content'){
+      const merged=mergeText(base.content,local.content,remote.content);
+      if(merged===null)return null;value.content=merged;
+    }else if(local[key]===base[key])value[key]=remote[key] as never;
+    else if(remote[key]===base[key]||remote[key]===local[key])value[key]=local[key] as never;
+    else return null;
+  }
+  return value;
+}
+type Phase='saved'|'waiting'|'saving'|'error'|'conflict';
+type State={base:Chapter;value:Chapter;phase:Phase;error:string;cacheError:string;notice:string;remote:Chapter|null};
+type Storage=Pick<globalThis.Storage,'getItem'|'setItem'|'removeItem'>;
+type Options={key:string;initial:Chapter;storage:Storage;read:()=>Promise<Chapter>;write:(value:Chapter,base:Chapter,requestId:string)=>Promise<Partial<Chapter>>;onSaved:()=>void;delay?:number};
+
+/** One serialized save queue per chapter. It survives tab switches and keeps drafts durable. */
+export class ChapterSync {
+  state: State;
+  private listeners=new Set<()=>void>();
+  private timer:ReturnType<typeof setTimeout>|undefined;
+  private saving=false;
+  private reading=false;
+  private composing=false;
+  private touched=0;
+  private pendingRemote:Chapter|null=null;
+  private pending:{value:Chapter;base:Chapter;requestId:string}|null=null;
+  private retries=0;
+  options:Options;
+  constructor(options:Options){
+    this.options=options;
+    const restored=restoreDraft(options.storage,options.key,options.initial);
+    this.state={...restored,phase:same(restored.base,restored.value)?'saved':'waiting',error:'',cacheError:'',notice:'',remote:null};
+  }
+  get dirty(){return !same(this.state.base,this.state.value);}
+  snapshot=()=>this.state;
+  subscribe=(listener:()=>void)=>{this.listeners.add(listener);return()=>{this.listeners.delete(listener);};};
+  private publish(patch:Partial<State>){
+    this.state={...this.state,...patch};
+    try{persistDraft(this.options.storage,this.options.key,{base:this.state.base,value:this.state.value});this.state.cacheError='';}
+    catch{this.state.cacheError='本地草稿缓存失败，请保持此页面打开并重试保存。';}
+    this.listeners.forEach(fn=>fn());
+  }
+  private schedule(delay=this.options.delay??1500){
+    clearTimeout(this.timer);
+    if(!this.composing&&this.state.phase!=='conflict')this.timer=setTimeout(()=>void this.flush(),delay);
+  }
+  change=(next:Chapter|((old:Chapter)=>Chapter))=>{
+    this.touched=Date.now();this.retries=0;
+    this.publish({value:typeof next==='function'?next(this.state.value):next,notice:'',phase:this.state.remote?'conflict':this.saving?'saving':'waiting'});
+    this.schedule();
+  };
+  composition=(active:boolean)=>{this.composing=active;if(active)clearTimeout(this.timer);else this.schedule();};
+  accept=(value:Chapter)=>{
+    if(this.saving)return;
+    this.pending=null;this.pendingRemote=null;this.retries=0;
+    this.publish({base:value,value,remote:null,phase:'saved',error:'',notice:''});
+  };
+  rebase=(remote:Chapter)=>{
+    if(this.saving||remote.deleted)return;
+    this.pending=null;
+    const value={...remote,...Object.fromEntries(fields.map(key=>[key,this.state.value[key]]))};
+    this.publish({base:remote,value,remote:null,phase:'waiting',error:'',notice:''});this.schedule();
+  };
   private reconcile(remote:Chapter){
     if(remote.revision<=this.state.base.revision)return;
     // A write may fail after the next IME composition has already started.
     // Keep that remote version pending until the final composed input is present.
     if(this.composing){this.pendingRemote=remote;this.publish({phase:'waiting',error:''});return;}
-    const value=mergeChapter(this.state.base,this.state.value,remote);
-    if(!value){this.publish({remote,phase:'conflict',error:'',notice:''});return;}
-    const dirty=!same(value,remote);
-    this.publish({base:remote,value,remote:null,phase:dirty?'waiting':'saved',error:'',notice:dirty?'已合并双方不同位置的修改':'已同步最新正文'});
-    if(dirty)this.schedule();
-  }
-  refresh=async()=>{
-    if(this.reading||this.saving||this.pending)return;
-    this.reading=true;
-    try{
-      const remote=await this.options.read();
-      if(this.saving||this.pending)return;
-      if(this.composing||Date.now()-this.touched<(this.options.delay??1500)){this.pendingRemote=remote;this.schedule();}
-      else this.reconcile(remote);
-    }catch{/* The directory reports read failures; retain the complete local draft. */}
-    finally{this.reading=false;}
-  };
-  private flight:Promise<void>|null=null;
-  flush=():Promise<void>=>{
-    if(this.flight)return this.flight;
-    this.flight=this.performFlush().finally(()=>{this.flight=null;});
-    return this.flight;
-  };
-  /** A destructive UI action must wait for the submitted snapshot and later typing. */
-  prepareRemoval=async()=>{
-    for(let attempt=0;attempt<4;attempt++){
-      if(this.composing)throw new Error('请先完成正在输入的文字。');
-      await this.flush();
-      if(this.state.remote)throw new Error('正文存在未解决的版本冲突，草稿已保留。请先合并。');
-      if(this.state.phase==='error')throw new Error(this.state.error||'正文尚未保存，草稿已保留。');
-      if(!this.dirty&&!this.pending)return this.state.base;
-    }
-    throw new Error('正文尚未保存完成，请稍后重试。');
-  };
-  private performFlush=async()=>{
-    clearTimeout(this.timer);
-    if(this.saving||this.composing||this.state.remote)return;
-    if(this.pendingRemote){const remote=this.pendingRemote;this.pendingRemote=null;this.reconcile(remote);if(this.state.remote)return;}
-    if(!this.dirty&&!this.pending){this.publish({phase:'saved'});return;}
-    if(this.state.base.deleted||!this.state.value.title.trim())return;
-    this.saving=true;
-    const request=this.pending??{value:{...this.state.value},base:this.state.base,requestId:crypto.randomUUID()};
-    this.pending=request;this.publish({phase:'saving',error:''});
-    try{
-      const result=await this.options.write(request.value,request.base,request.requestId);
-      const base={...request.value,...result} as Chapter;
-      // Preserve keystrokes entered while the submitted snapshot was in flight.
-      const value={...base,...Object.fromEntries(fields.map(key=>[key,this.state.value[key]]))};
-      this.pending=null;this.retries=0;
-      this.publish({base,value,phase:same(base,value)?'saved':'waiting',error:'',notice:''});
-      this.options.onSaved();
-    }catch(error:any){
-      if(error?.code==='CONFLICT'||/版本已变化/.test(error?.message||'')){
-        this.pending=null;
-        try{this.reconcile(await this.options.read());}
-        catch{this.publish({phase:'error',error:'无法读取最新正文，草稿已保留。请重试。'});}
-      }else{this.publish({phase:'error',error:'自动保存失败，草稿已保留。请重试。'});this.retries++;}
-    }finally{
-      this.saving=false;
-      if(this.state.phase==='waiting')this.schedule();
-      else if(this.state.phase==='error'&&this.retries>0&&this.retries<=2)this.schedule(2000*this.retries);
-    }
-  };
-  dispose(){clearTimeout(this.timer);this.listeners.clear();}
-}
+    const value=mergeChapter(this.state.base,this.state.value,remote);
+    if(!value){this.publish({remote,phase:'conflict',error:'',notice:''});return;}
+    const dirty=!same(value,remote);
+    this.publish({base:remote,value,remote:null,phase:dirty?'waiting':'saved',error:'',notice:dirty?'已合并双方不同位置的修改':'已同步最新正文'});
+    if(dirty)this.schedule();
+  }
+  refresh=async()=>{
+    if(this.reading||this.saving||this.pending)return;
+    this.reading=true;
+    try{
+      const remote=await this.options.read();
+      if(this.saving||this.pending)return;
+      if(this.composing||Date.now()-this.touched<(this.options.delay??1500)){this.pendingRemote=remote;this.schedule();}
+      else this.reconcile(remote);
+    }catch{/* The directory reports read failures; retain the complete local draft. */}
+    finally{this.reading=false;}
+  };
+  private flight:Promise<void>|null=null;
+  flush=():Promise<void>=>{
+    if(this.flight)return this.flight;
+    this.flight=this.performFlush().finally(()=>{this.flight=null;});
+    return this.flight;
+  };
+  /** A destructive UI action must wait for the submitted snapshot and later typing. */
+  prepareRemoval=async()=>{
+    for(let attempt=0;attempt<4;attempt++){
+      if(this.composing)throw new Error('请先完成正在输入的文字。');
+      await this.flush();
+      if(this.state.remote)throw new Error('正文存在未解决的版本冲突，草稿已保留。请先合并。');
+      if(this.state.phase==='error')throw new Error(this.state.error||'正文尚未保存，草稿已保留。');
+      if(!this.dirty&&!this.pending)return this.state.base;
+    }
+    throw new Error('正文尚未保存完成，请稍后重试。');
+  };
+  private performFlush=async()=>{
+    clearTimeout(this.timer);
+    if(this.saving||this.composing||this.state.remote)return;
+    if(this.pendingRemote){const remote=this.pendingRemote;this.pendingRemote=null;this.reconcile(remote);if(this.state.remote)return;}
+    if(!this.dirty&&!this.pending){this.publish({phase:'saved'});return;}
+    if(this.state.base.deleted||!this.state.value.title.trim())return;
+    this.saving=true;
+    const request=this.pending??{value:{...this.state.value},base:this.state.base,requestId:crypto.randomUUID()};
+    this.pending=request;this.publish({phase:'saving',error:''});
+    try{
+      const result=await this.options.write(request.value,request.base,request.requestId);
+      const base={...request.value,...result} as Chapter;
+      // Preserve keystrokes entered while the submitted snapshot was in flight.
+      const value={...base,...Object.fromEntries(fields.map(key=>[key,this.state.value[key]]))};
+      this.pending=null;this.retries=0;
+      this.publish({base,value,phase:same(base,value)?'saved':'waiting',error:'',notice:''});
+      this.options.onSaved();
+    }catch(error:any){
+      if(error?.code==='CONFLICT'||/版本已变化/.test(error?.message||'')){
+        this.pending=null;
+        try{this.reconcile(await this.options.read());}
+        catch{this.publish({phase:'error',error:'无法读取最新正文，草稿已保留。请重试。'});}
+      }else{this.publish({phase:'error',error:'自动保存失败，草稿已保留。请重试。'});this.retries++;}
+    }finally{
+      this.saving=false;
+      if(this.state.phase==='waiting')this.schedule();
+      else if(this.state.phase==='error'&&this.retries>0&&this.retries<=2)this.schedule(2000*this.retries);
+    }
+  };
+  dispose(){clearTimeout(this.timer);this.listeners.clear();}
+}

package/src/client/features/chapters/useChapterSync.ts

@@ -1,39 +1,39 @@
-import {useContext,useEffect,useMemo,useSyncExternalStore} from 'react';
-import {SessionScope} from '../../shared/state.js';
-import {draftKey} from '../../shared/drafts.js';
-import {ChapterSync,type Chapter} from './sync.ts';
-
-const sessions=new Map<string,ChapterSync>();
-/** Also hydrate cached drafts for chapters no longer open in the editor. */
-export async function prepareChapterRemoval({scope,novelId,chapterId,read,write,onSaved}: {
-  scope:string;novelId:string;chapterId:string;read:()=>Promise<Chapter>;
-  write:(value:Chapter,base:Chapter,requestId:string)=>Promise<Partial<Chapter>>;onSaved:()=>void;
-}) {
-  const key=draftKey(scope,`${novelId}:chapter:${chapterId}`);
-  let controller=sessions.get(key);
-  if(!controller){controller=new ChapterSync({key,initial:await read(),storage:localStorage,read,write,onSaved});sessions.set(key,controller);}
-  controller.options={...controller.options,read,write,onSaved};
-  return {chapter:await controller.prepareRemoval(),accept:controller.accept};
-}
-export function useChapterSync({novelId,chapterId,initial,latest,read,write,onSaved}: {
-  novelId:string;chapterId:string;initial:Chapter;latest?:{revision:number};
-  read:()=>Promise<Chapter>;write:(value:Chapter,base:Chapter,requestId:string)=>Promise<Partial<Chapter>>;onSaved:()=>void;
-}){
-  const scope=useContext(SessionScope),key=draftKey(scope,`${novelId}:chapter:${chapterId}`);
-  const controller=useMemo(()=>{
-    let existing=sessions.get(key);
-    if(!existing){existing=new ChapterSync({key,initial,storage:localStorage,read,write,onSaved});sessions.set(key,existing);}
-    return existing;
-  },[key]);
-  controller.options={...controller.options,read,write,onSaved};
-  const state=useSyncExternalStore(controller.subscribe,controller.snapshot,controller.snapshot);
-  useEffect(()=>{void controller.refresh();void controller.flush();return()=>{void controller.flush();};},[controller]);
-  useEffect(()=>{if(latest&&latest.revision>controller.state.base.revision)void controller.refresh();},[controller,latest?.revision,state.base.revision]);
-  useEffect(()=>{
-    const online=()=>{void controller.flush();void controller.refresh();};
-    const leave=(event:BeforeUnloadEvent)=>{if(controller.dirty){void controller.flush();event.preventDefault();event.returnValue='';}};
-    window.addEventListener('online',online);window.addEventListener('beforeunload',leave);
-    return()=>{window.removeEventListener('online',online);window.removeEventListener('beforeunload',leave);};
-  },[controller]);
-  return {...state,dirty:controller.dirty,change:controller.change,accept:controller.accept,rebase:controller.rebase,save:controller.flush,composition:controller.composition};
-}
+import {useContext,useEffect,useMemo,useSyncExternalStore} from 'react';
+import {SessionScope} from '../../shared/state.js';
+import {draftKey} from '../../shared/drafts.js';
+import {ChapterSync,type Chapter} from './sync.ts';
+
+const sessions=new Map<string,ChapterSync>();
+/** Also hydrate cached drafts for chapters no longer open in the editor. */
+export async function prepareChapterRemoval({scope,novelId,chapterId,read,write,onSaved}: {
+  scope:string;novelId:string;chapterId:string;read:()=>Promise<Chapter>;
+  write:(value:Chapter,base:Chapter,requestId:string)=>Promise<Partial<Chapter>>;onSaved:()=>void;
+}) {
+  const key=draftKey(scope,`${novelId}:chapter:${chapterId}`);
+  let controller=sessions.get(key);
+  if(!controller){controller=new ChapterSync({key,initial:await read(),storage:localStorage,read,write,onSaved});sessions.set(key,controller);}
+  controller.options={...controller.options,read,write,onSaved};
+  return {chapter:await controller.prepareRemoval(),accept:controller.accept};
+}
+export function useChapterSync({novelId,chapterId,initial,latest,read,write,onSaved}: {
+  novelId:string;chapterId:string;initial:Chapter;latest?:{revision:number};
+  read:()=>Promise<Chapter>;write:(value:Chapter,base:Chapter,requestId:string)=>Promise<Partial<Chapter>>;onSaved:()=>void;
+}){
+  const scope=useContext(SessionScope),key=draftKey(scope,`${novelId}:chapter:${chapterId}`);
+  const controller=useMemo(()=>{
+    let existing=sessions.get(key);
+    if(!existing){existing=new ChapterSync({key,initial,storage:localStorage,read,write,onSaved});sessions.set(key,existing);}
+    return existing;
+  },[key]);
+  controller.options={...controller.options,read,write,onSaved};
+  const state=useSyncExternalStore(controller.subscribe,controller.snapshot,controller.snapshot);
+  useEffect(()=>{void controller.refresh();void controller.flush();return()=>{void controller.flush();};},[controller]);
+  useEffect(()=>{if(latest&&latest.revision>controller.state.base.revision)void controller.refresh();},[controller,latest?.revision,state.base.revision]);
+  useEffect(()=>{
+    const online=()=>{void controller.flush();void controller.refresh();};
+    const leave=(event:BeforeUnloadEvent)=>{if(controller.dirty){void controller.flush();event.preventDefault();event.returnValue='';}};
+    window.addEventListener('online',online);window.addEventListener('beforeunload',leave);
+    return()=>{window.removeEventListener('online',online);window.removeEventListener('beforeunload',leave);};
+  },[controller]);
+  return {...state,dirty:controller.dirty,change:controller.change,accept:controller.accept,rebase:controller.rebase,save:controller.flush,composition:controller.composition};
+}

package/src/client/features/context/index.jsx

@@ -1,22 +1,22 @@
-import React from 'react';
-import { useResource } from '../../shared/state.js';
-import { ResourceState, ReadingText } from '../../shared/ui.jsx';
-import { renderHandoff } from '../../../application/queries/handoff-text.js';
-export function Context({call,novelId,tick,onNavigate}) {
-  const resource=useResource(()=>call('novel.handoff',{novelId}),[call,novelId,tick]);
-  const value=resource.value;
-  const current=value?.chapters.find(chapter=>chapter.id===value.binding?.chapterId);
-  return <><div className="row"><h2 className="grow">项目接手信息</h2><button disabled={resource.loading} onClick={resource.retry}>刷新</button></div>
-    <p className="muted">AI 接手时只收到项目索引，正文和资料由它按任务读取。</p>
-    <ResourceState resource={resource}>{value&&<>
-      <h3>{value.novel.title}</h3>
-      <p>参考章节：{current?.title||(value.currentChapterStatus==='unavailable'?'原章节已不可用，请重新选择':'未指定')}</p>
-      <p>当前任务：{value.binding?.goal||'以当前会话中的要求为准'}</p>
-      <p className="muted">共 {value.chapterCount} 章 · 预设{value.available.preset?'已启用':'未启用'} · {value.available.planning} 条规划 · {value.available.memory} 条人物与世界资料</p>
-      <p>取材顺序：正文 → 预设 → 规划 → 相关人物与世界资料。</p>
-      <div className="row"><button onClick={()=>onNavigate('chapters')}>查看正文</button><button onClick={()=>onNavigate('preset')}>写作预设</button><button onClick={()=>onNavigate('plan')}>查看规划</button><button onClick={()=>onNavigate('memory')}>人物与世界</button></div>
-      <details className="card"><summary>查看完整接手说明</summary><ReadingText text={renderHandoff(value)}/></details>
-      <p className="muted">这里展示当前项目的接手说明，不代表 AI 已经读过正文，也不是上一轮读取记录。</p>
-    </>}</ResourceState>
-  </>;
-}
+import React from 'react';
+import { useResource } from '../../shared/state.js';
+import { ResourceState, ReadingText } from '../../shared/ui.jsx';
+import { renderHandoff } from '../../../application/queries/handoff-text.js';
+export function Context({call,novelId,tick,onNavigate}) {
+  const resource=useResource(()=>call('novel.handoff',{novelId}),[call,novelId,tick]);
+  const value=resource.value;
+  const current=value?.chapters.find(chapter=>chapter.id===value.binding?.chapterId);
+  return <><div className="row"><h2 className="grow">项目接手信息</h2><button disabled={resource.loading} onClick={resource.retry}>刷新</button></div>
+    <p className="muted">AI 接手时只收到项目索引，正文和资料由它按任务读取。</p>
+    <ResourceState resource={resource}>{value&&<>
+      <h3>{value.novel.title}</h3>
+      <p>参考章节：{current?.title||(value.currentChapterStatus==='unavailable'?'原章节已不可用，请重新选择':'未指定')}</p>
+      <p>当前任务：{value.binding?.goal||'以当前会话中的要求为准'}</p>
+      <p className="muted">共 {value.chapterCount} 章 · 预设{value.available.preset?'已启用':'未启用'} · {value.available.planning} 条规划 · {value.available.memory} 条人物与世界资料</p>
+      <p>取材顺序：正文 → 预设 → 规划 → 相关人物与世界资料。</p>
+      <div className="row"><button onClick={()=>onNavigate('chapters')}>查看正文</button><button onClick={()=>onNavigate('preset')}>写作预设</button><button onClick={()=>onNavigate('plan')}>查看规划</button><button onClick={()=>onNavigate('memory')}>人物与世界</button></div>
+      <details className="card"><summary>查看完整接手说明</summary><ReadingText text={renderHandoff(value)}/></details>
+      <p className="muted">这里展示当前项目的接手说明，不代表 AI 已经读过正文，也不是上一轮读取记录。</p>
+    </>}</ResourceState>
+  </>;
+}