样式修改

frontend-web/src/open-canvas/components/ai-writing/AIWritingForm.tsx

@@ -19,6 +19,8 @@ import { useArticleTypes } from '../../hooks/useArticleTypes';
 interface AIWritingFormProps {
   onSubmit: (req: AIWritingRequest) => void;
   disabled?: boolean;
+  /** workspace 入口：隐藏检索关键词数量、严格模式、目标读者 */
+  hideAdvancedFields?: boolean;
 }
 
 interface ModelOption {
@@ -31,7 +33,14 @@ const INPUT_CLASS =
   'placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 ' +
   'focus-visible:ring-ring disabled:opacity-50';
 
-export function AIWritingForm({ onSubmit, disabled }: AIWritingFormProps) {
+const DEFAULT_KEYWORD_COUNT = 6;
+const DEFAULT_AUDIENCE = '普通读者';
+
+export function AIWritingForm({
+  onSubmit,
+  disabled,
+  hideAdvancedFields = false,
+}: AIWritingFormProps) {
   const [intent, setIntent] = useState('');
   const [articleType, setArticleType] = useState('analysis');
   const [audience, setAudience] = useState('普通读者');
@@ -110,14 +119,18 @@ export function AIWritingForm({ onSubmit, disabled }: AIWritingFormProps) {
     e.preventDefault();
     if (!intent.trim()) return;
     const wordCount = Math.max(100, parseInt(wordCountInput, 10) || 800);
-    const keywordCount = Math.max(1, Math.min(10, parseInt(keywordCountInput, 10) || 6));
+    const keywordCount = hideAdvancedFields
+      ? DEFAULT_KEYWORD_COUNT
+      : Math.max(1, Math.min(10, parseInt(keywordCountInput, 10) || DEFAULT_KEYWORD_COUNT));
     onSubmit({
       userIntent: intent.trim(),
       articleType,
-      targetAudience: audience.trim() || '普通读者',
+      targetAudience: hideAdvancedFields
+        ? DEFAULT_AUDIENCE
+        : audience.trim() || DEFAULT_AUDIENCE,
       wordCountTarget: wordCount,
       keywordCount,
-      writingMode: strictMode ? 'strict' : 'loose',
+      writingMode: hideAdvancedFields ? 'loose' : strictMode ? 'strict' : 'loose',
       modelName: modelName || undefined,
     });
   }
@@ -173,53 +186,57 @@ export function AIWritingForm({ onSubmit, disabled }: AIWritingFormProps) {
         </div>
       </div>
 
-      <div className="space-y-1.5">
-        <label className="text-xs font-medium text-muted-foreground">检索关键词数量（1~10）</label>
-        <input
-          type="number"
-          min={1}
-          max={10}
-          step={1}
-          className={INPUT_CLASS}
-          placeholder="6"
-          value={keywordCountInput}
-          onChange={(e) => setKeywordCountInput(e.target.value)}
-          onBlur={handleKeywordCountBlur}
-          disabled={disabled}
-        />
-        <p className="text-[11px] text-muted-foreground/70">
-          素材收集专家用几个关键词检索，越多素材越全面但耗时更长。
-        </p>
-      </div>
+      {!hideAdvancedFields && (
+        <>
+          <div className="space-y-1.5">
+            <label className="text-xs font-medium text-muted-foreground">检索关键词数量（1~10）</label>
+            <input
+              type="number"
+              min={1}
+              max={10}
+              step={1}
+              className={INPUT_CLASS}
+              placeholder="6"
+              value={keywordCountInput}
+              onChange={(e) => setKeywordCountInput(e.target.value)}
+              onBlur={handleKeywordCountBlur}
+              disabled={disabled}
+            />
+            <p className="text-[11px] text-muted-foreground/70">
+              素材收集专家用几个关键词检索，越多素材越全面但耗时更长。
+            </p>
+          </div>
 
-      <div className="flex items-start gap-2 rounded-md border bg-muted/20 px-3 py-2">
-        <input
-          type="checkbox"
-          id="strict-mode"
-          checked={strictMode}
-          onChange={(e) => setStrictMode(e.target.checked)}
-          disabled={disabled}
-          className="mt-0.5 size-3.5 shrink-0 accent-primary cursor-pointer"
-        />
-        <label htmlFor="strict-mode" className="cursor-pointer select-none">
-          <span className="text-xs font-medium text-foreground/80">严格依据素材写作</span>
-          <p className="text-[11px] text-muted-foreground/70 mt-0.5 leading-relaxed">
-            勾选后作家只依据检索素材写作，素材不足以支撑某章节时会暂停询问你；不勾选则可结合通用知识补充论述。
-          </p>
-        </label>
-      </div>
+          <div className="flex items-start gap-2 rounded-md border bg-muted/20 px-3 py-2">
+            <input
+              type="checkbox"
+              id="strict-mode"
+              checked={strictMode}
+              onChange={(e) => setStrictMode(e.target.checked)}
+              disabled={disabled}
+              className="mt-0.5 size-3.5 shrink-0 accent-primary cursor-pointer"
+            />
+            <label htmlFor="strict-mode" className="cursor-pointer select-none">
+              <span className="text-xs font-medium text-foreground/80">严格依据素材写作</span>
+              <p className="text-[11px] text-muted-foreground/70 mt-0.5 leading-relaxed">
+                勾选后作家只依据检索素材写作，素材不足以支撑某章节时会暂停询问你；不勾选则可结合通用知识补充论述。
+              </p>
+            </label>
+          </div>
 
-      <div className="space-y-1.5">
-        <label className="text-xs font-medium text-muted-foreground">目标读者</label>
-        <input
-          type="text"
-          className={INPUT_CLASS}
-          placeholder="普通读者 / 行业专家 / 政策决策者…"
-          value={audience}
-          onChange={(e) => setAudience(e.target.value)}
-          disabled={disabled}
-        />
-      </div>
+          <div className="space-y-1.5">
+            <label className="text-xs font-medium text-muted-foreground">目标读者</label>
+            <input
+              type="text"
+              className={INPUT_CLASS}
+              placeholder="普通读者 / 行业专家 / 政策决策者…"
+              value={audience}
+              onChange={(e) => setAudience(e.target.value)}
+              disabled={disabled}
+            />
+          </div>
+        </>
+      )}
 
       {models.length > 0 && (
         <div className="space-y-1.5">

frontend-web/src/open-canvas/components/ai-writing/AIWritingHistoryDropdown.tsx

@@ -5,7 +5,7 @@ import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
 import type { AIWritingSessionSummary } from '../../api/ai-writing-sessions';
 
-const STATUS_LABELS: Record<string, { label: string; color: string }> = {
+export const STATUS_LABELS: Record<string, { label: string; color: string }> = {
   in_progress: { label: '进行中', color: 'text-blue-500' },
   draft_ready:  { label: '草稿', color: 'text-amber-500' },
   review_ready: { label: '审核', color: 'text-purple-500' },
@@ -13,7 +13,7 @@ const STATUS_LABELS: Record<string, { label: string; color: string }> = {
   error:        { label: '错误', color: 'text-destructive' },
 };
 
-function formatRelative(isoStr: string): string {
+export function formatRelative(isoStr: string): string {
   const ms = Date.now() - new Date(isoStr).getTime();
   const mins = Math.floor(ms / 60000);
   if (mins < 1)  return '刚刚';
@@ -25,7 +25,7 @@ function formatRelative(isoStr: string): string {
   return new Date(isoStr).toLocaleDateString('zh-CN', { month: 'short', day: 'numeric' });
 }
 
-interface SessionItemProps {
+export interface SessionItemProps {
   session: AIWritingSessionSummary;
   isSelected: boolean;
   onSelect: () => void;
@@ -33,7 +33,7 @@ interface SessionItemProps {
   onRename: (title: string) => void;
 }
 
-function SessionItem({ session, isSelected, onSelect, onDelete, onRename }: SessionItemProps) {
+export function SessionItem({ session, isSelected, onSelect, onDelete, onRename }: SessionItemProps) {
   const [editing, setEditing] = useState(false);
   const [editValue, setEditValue] = useState(session.title);
   const inputRef = useRef<HTMLInputElement>(null);

frontend-web/src/open-canvas/components/ai-writing/AIWritingPanel.tsx

@@ -65,7 +65,11 @@ const STATUS_LABEL: Record<string, string> = {
   error: '出错了',
 };
 
-export function AIWritingPanel() {
+export function AIWritingPanel({
+  hideAdvancedFields = false,
+}: {
+  hideAdvancedFields?: boolean;
+} = {}) {
   const navigate = useNavigate();
   const { setArtifact } = useCanvasGraphContext();
   const { state, startWriting, submitIntervention, pauseWriting, resumeWriting, reset } = useAIWriting();
@@ -193,6 +197,35 @@ export function AIWritingPanel() {
     reset();
   }, [reset]);
 
+  // ── 侧边栏"最近写作"通信：两种路径 ────────────────────────────────────────
+  // 用 ref 包住 handler，保证事件监听器始终能拿到最新版本
+  const handleSelectHistoryRef = useRef(handleSelectHistory);
+  useEffect(() => {
+    handleSelectHistoryRef.current = handleSelectHistory;
+  }, [handleSelectHistory]);
+
+  // 路径1：导航进入本页面时，从 sessionStorage 恢复待打开的 session
+  useEffect(() => {
+    const raw = sessionStorage.getItem('ai-writing:pending-session');
+    if (!raw) return;
+    sessionStorage.removeItem('ai-writing:pending-session');
+    try {
+      const session = JSON.parse(raw) as AIWritingSessionSummary;
+      handleSelectHistoryRef.current(session);
+    } catch { /* ignore */ }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []); // 仅挂载时执行一次
+
+  // 路径2：已在本页面时，监听侧边栏触发的自定义事件
+  useEffect(() => {
+    function onOpenSession(e: Event) {
+      const session = (e as CustomEvent<AIWritingSessionSummary>).detail;
+      if (session) handleSelectHistoryRef.current(session);
+    }
+    window.addEventListener('ai-writing:open-session', onOpenSession);
+    return () => window.removeEventListener('ai-writing:open-session', onOpenSession);
+  }, []);
+
   // ── ⚠️ 临时调试：admin 一键清理所有过期会话 ────────────────────────────────
   // ai-writing-优化.md §阶段 7 删冗余代码时，本按钮 + 对应 api 一并删除。
   // 仅 admin 能成功调用（后端 _require_admin），普通用户调会拿到 403。
@@ -342,7 +375,10 @@ export function AIWritingPanel() {
       <div ref={scrollRef} className="absolute inset-0 overflow-y-auto">
         {/* 未开始时显示表单 */}
         {isIdle && (
-          <AIWritingForm onSubmit={startWriting} />
+          <AIWritingForm
+            onSubmit={startWriting}
+            hideAdvancedFields={hideAdvancedFields}
+          />
         )}
 
         {/* 意图解析：流式 → 结果卡片承接。
@@ -353,7 +389,11 @@ export function AIWritingPanel() {
           <IntentStreamingView text={state.intentStreamingText} thinkingText={state.intentThinkingText} />
         )}
         {state.parsedIntent && !state.intentStreamingText && (
-          <IntentResultCard intent={state.parsedIntent} articleTypes={articleTypes} />
+          <IntentResultCard
+            intent={state.parsedIntent}
+            articleTypes={articleTypes}
+            hideTargetAudience={hideAdvancedFields}
+          />
         )}
 
         {/* 运行中或完成后显示时间线 */}
@@ -484,20 +524,26 @@ export function AIWritingPanel() {
                   {articleTypes.find((t) => t.key === state.request!.articleType)?.label ?? state.request.articleType}
                 </span>
               </ReqRow>
-              <ReqRow label="目标读者">
-                <span className="text-muted-foreground">{state.request.targetAudience}</span>
-              </ReqRow>
+              {!hideAdvancedFields && (
+                <ReqRow label="目标读者">
+                  <span className="text-muted-foreground">{state.request.targetAudience}</span>
+                </ReqRow>
+              )}
               <ReqRow label="目标字数">
                 <span className="text-muted-foreground">{state.request.wordCountTarget} 字</span>
               </ReqRow>
-              <ReqRow label="检索关键词数量">
-                <span className="text-muted-foreground">{state.request.keywordCount} 个</span>
-              </ReqRow>
-              <ReqRow label="写作模式">
-                <span className="text-muted-foreground">
-                  {state.request.writingMode === 'strict' ? '严格依据素材' : '宽松（可结合通用知识）'}
-                </span>
-              </ReqRow>
+              {!hideAdvancedFields && (
+                <>
+                  <ReqRow label="检索关键词数量">
+                    <span className="text-muted-foreground">{state.request.keywordCount} 个</span>
+                  </ReqRow>
+                  <ReqRow label="写作模式">
+                    <span className="text-muted-foreground">
+                      {state.request.writingMode === 'strict' ? '严格依据素材' : '宽松（可结合通用知识）'}
+                    </span>
+                  </ReqRow>
+                </>
+              )}
               {state.request.modelName && (
                 <ReqRow label="写作模型">
                   <span className="text-muted-foreground">{state.request.modelName}</span>

frontend-web/src/open-canvas/components/ai-writing/IntentResultCard.tsx

@@ -6,13 +6,18 @@ import type { ArticleType } from '../../api/ai-writing-article-types';
 interface IntentResultCardProps {
   intent: ParsedIntent;
   articleTypes: ArticleType[];
+  hideTargetAudience?: boolean;
 }
 
 /**
  * 意图解析完成后的结构化卡片。展示 LLM 把用户原始意图理解成的四项：
  * 文章类型 / 目标读者 / 字数 / 精炼意图。在素材收集开始前作为"承上启下"的视觉锚点。
  */
-export function IntentResultCard({ intent, articleTypes }: IntentResultCardProps) {
+export function IntentResultCard({
+  intent,
+  articleTypes,
+  hideTargetAudience = false,
+}: IntentResultCardProps) {
   // article_type 后端给的是 key（如 "analysis"），UI 展示用 label（如 "分析报道"）
   const typeLabel =
     articleTypes.find((t) => t.key === intent.articleType)?.label ?? intent.articleType;
@@ -28,7 +33,9 @@ export function IntentResultCard({ intent, articleTypes }: IntentResultCardProps
         </div>
         <div className="px-3 py-2.5 space-y-1.5 text-xs">
           <Row label="文章类型" value={typeLabel} />
-          <Row label="目标读者" value={intent.targetAudience} />
+          {!hideTargetAudience && (
+            <Row label="目标读者" value={intent.targetAudience} />
+          )}
           <Row label="字数目标" value={`${intent.wordCountTarget} 字`} />
           {intent.refinedIntent && (
             <Row label="精炼意图" value={intent.refinedIntent} multiline />

frontend-web/src/open-canvas/pages/AIWritingPage.tsx

@@ -103,7 +103,11 @@ const DRAFT_ID   = 'aw-draft';
 // Match the original canvas page proportions (chat=35, artifact=65)
 const DEFAULT_LAYOUT = { [WRITING_ID]: 35, [DRAFT_ID]: 65 };
 
-export default function AIWritingPage() {
+export default function AIWritingPage({
+  hideAdvancedFields = false,
+}: {
+  hideAdvancedFields?: boolean;
+} = {}) {
   const layoutRef = useRef<GroupImperativeHandle>(null);
 
   return (
@@ -128,7 +132,7 @@ export default function AIWritingPage() {
               >
                 {/* 与原布局保持相同的 flex-1 min-h-0 包裹，确保内部 h-full 正确解析 */}
                 <div className="flex-1 min-h-0 overflow-hidden">
-                  <AIWritingPanel />
+                  <AIWritingPanel hideAdvancedFields={hideAdvancedFields} />
                 </div>
               </ResizablePanel>